Permalink
Browse files

Big fixes and printer friendliness.

  • Loading branch information...
Kevin Roth
Kevin Roth committed Oct 10, 2014
1 parent fae67a6 commit c618d8cd7dea41b757377484c3fe8c2dae72939f
View
@@ -1 +1,389 @@
@import url("http://fonts.googleapis.com/css?family=Ubuntu");@import url("http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700,700italic");*{text-rendering:optimizeLegibility}* span.gc-cs-link{color:inherit}html.touch *{text-rendering:optimizeSpeed}body{background-color:#777;color:#333;font-family:"Titillium Web",sans-serif;font-size:1.8em}h1,h2,h3,h4{margin:0.5em 0;line-height:1.3em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;font-family:"Ubuntu",sans-serif}h1{font-size:2em;font-weight:normal;font-style:normal;margin-top:0}h2{font-weight:normal;font-style:normal;font-size:1.8em}h3{font-weight:normal;font-style:normal;font-size:1.6em}h4{font-size:1em}#pageContent,#login,#footer{margin:0 auto;padding:1em;background-color:#fff;border:1px solid #000}#pageContent{overflow:hidden}#footer{margin:0 auto;padding:1em;background-color:#fff;border:1px solid #000}a{color:#044da6;text-decoration:underline}a.hover{text-decoration:none}a.white{color:#fff;text-decoration:underline}.nav li a{text-decoration:none}abbr{border-bottom:1px dotted #ccc}.table-responsive{overflow-x:auto;margin:1em 0;border:none}.img-responsive{max-height:100%}.navbar-header{position:relative}.navbar-toggle{z-index:999}#logo{margin:5px 1em;padding:0;width:37px;height:49px}.icon{padding:5px 1em}.icon img{display:inline-block;max-width:100%;max-height:100%}#site-title{display:none}.table th{font-size:0.9em}.table td{font-size:0.8em}td.fieldLabel{font-weight:bold}.right{text-align:right}.left{text-align:left}.center{text-align:center}.matchup{border:1px solid #000;margin:1em 0}.matchup .row{margin:0}.matchup .bg-row1{background-color:#555;color:#eee}.matchup .bg-row2{background-color:#eee;color:#555}.matchup .bg-row3{background-color:#ccc;color:#000}.matchup div{padding:0.25em}.versus{background:#eee;color:#555;text-align:center;padding:1em}.versus div{display:inline-block;height:150px;line-height:150px;padding:0}.versus .team-logo{margin:0.5em 0;width:150px;height:150px;border:1px solid #ccc;position:relative;background:#fff;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}.versus .team-logo label{margin:0}.versus .team-logo img{display:block;max-width:90%;max-height:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.highlight .team-logo{box-shadow:0 0 10px #51cbee;border:1px solid #51cbee}.tiny{font-size:10px}label{cursor:pointer}input[type=image]{border:none}.infoFlag{cursor:pointer}.required{color:#c00;font-weight:bold}#errors{margin-top:10px;padding:6px;border:1px solid #000;background-color:#eee;color:#c00;font-weight:bold;line-height:1.5em}#login{width:550px;font-size:0.5em}.col-right{float:right}.bg-primary,.bg-success,.bg-info,.bg-warning,.bg-success,.bg-danger{padding:1em;margin:1em 0}.bg-primary a,.bg-success a,.bg-info a,.bg-warning a,.bg-success a,.bg-danger a{color:#eaeaea;text-decoration:none}.bg-primary a:hover,.bg-success a:hover,.bg-info a:hover,.bg-warning a:hover,.bg-success a:hover,.bg-danger a:hover{text-decoration:underline}.navbar3{margin:1em 0}.responseError{font-size:12px;padding:15px;border:2px solid #F00;background-color:#F1F1F1;width:360px}.responseOk{line-height:18px;font-size:12px;padding:15px;border:1px solid #999;background-color:#F1F1F1}.winner{border:1px solid #aaa;padding:0 2px}div.fieldLoaded,input.fieldLoaded{background-color:#f0e0d0;border:1px solid #a06020;padding:2px 1px}div.fieldLoaded{padding:0}#warnings{background:#eee;border:1px solid #000;margin-bottom:10px;padding:10px;color:#c00;font-weight:bold}#donate{margin:0 auto;padding:10px 0;text-align:center}.countdown{width:100%}.countdown .countdown_row{display:block;text-align:center}.countdown .countdown_section{display:inline-block;float:none;padding:0.25em;font-size:0.9em}.countdown .countdown_descr{font-weight:bold}.check-with-label:checked+.label-for-check{border:2px solid #036}.back2top,.skip2content{display:none}@media only screen and (max-width: 991px){.nav .text{display:none}}@media only screen and (max-width: 767px){.nav .text{display:inline}#site-title{position:absolute;display:block;float:none;width:100%;text-align:center;padding-right:0;padding-left:0}.back2top{display:block;margin:1em 0;text-align:right}.skip2content{display:block}}@media only screen and (max-width: 599px){.matchup{font-size:0.8em}.versus div{height:100px;line-height:100px}.versus .team-logo{width:100px;height:100px}}@media only screen and (max-width: 399px){.versus div{height:75px;line-height:75px}.versus .team-logo{width:75px;height:75px}}@media only print{.navbar3,#comments,#footer,.noprint{display:none}a[href]:after{content:''}#pageContent{border:none}.table tr{border:1px solid #ccc}}
@import url("http://fonts.googleapis.com/css?family=Ubuntu");
@import url("http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700,700italic");
* {
/* optimize text for legibility */
text-rendering: optimizeLegibility;
/* prevents google voice plugin from overwriting color */ }
* span.gc-cs-link {
color: inherit; }
/* optimize text for speed on mobile devices */
html.touch * {
text-rendering: optimizeSpeed; }
body {
background-color: #777;
color: #333;
font-family: "Titillium Web", sans-serif;
font-size: 1.8em; }
h1,
h2,
h3,
h4 {
margin: 0.5em 0;
line-height: 1.3em;
/* font smoothing hacks - only use for headings */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;
font-family: "Ubuntu", sans-serif; }
h1 {
font-size: 2em;
font-weight: normal;
font-style: normal;
margin-top: 0; }
h2 {
font-weight: normal;
font-style: normal;
font-size: 1.8em; }
h3 {
font-weight: normal;
font-style: normal;
font-size: 1.6em; }
h4 {
font-size: 1em; }
#pageContent,
#login,
#footer {
margin: 0 auto;
padding: 1em;
background-color: #fff;
border: 1px solid #000; }
#pageContent {
overflow: hidden; }
#footer {
margin: 0 auto;
padding: 1em;
background-color: #fff;
border: 1px solid #000; }
a {
color: #044da6;
text-decoration: underline; }
a.hover {
text-decoration: none; }
a.white {
color: #fff;
text-decoration: underline; }
.nav li a {
text-decoration: none; }
abbr {
border-bottom: 1px dotted #ccc; }
.table-responsive {
overflow-x: auto;
margin: 1em 0;
border: none; }
.img-responsive {
max-height: 100%; }
.navbar-header {
position: relative; }
.navbar-toggle {
z-index: 999; }
#logo {
margin: 5px 1em;
padding: 0;
width: 37px;
height: 49px; }
.icon {
padding: 5px 1em; }
.icon img {
display: inline-block;
max-width: 100%;
max-height: 100%; }
#site-title {
display: none; }
.table th {
font-size: 0.9em; }
.table td {
font-size: 0.8em; }
td.fieldLabel {
font-weight: bold; }
.right {
text-align: right; }
.left {
text-align: left; }
.center {
text-align: center; }
.matchup {
border: 1px solid #000;
margin: 1em 0; }
.matchup .row {
margin: 0; }
.matchup .bg-row1 {
background-color: #555;
color: #eee; }
.matchup .bg-row2 {
background-color: #eee;
color: #555; }
.matchup .bg-row3 {
background-color: #ccc;
color: #000; }
.matchup div {
padding: 0.25em; }
.versus {
background: #eee;
color: #555;
text-align: center;
padding: 1em; }
.versus div {
display: inline-block;
height: 150px;
line-height: 150px;
padding: 0; }
.versus .team-logo {
margin: 0.5em 0;
width: 150px;
height: 150px;
border: 1px solid #ccc;
position: relative;
background: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }
.versus .team-logo label {
margin: 0; }
.versus .team-logo img {
display: block;
max-width: 90%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.highlight .team-logo {
box-shadow: 0 0 10px #51cbee;
border: 1px solid #51cbee; }
.tiny {
font-size: 10px; }
label {
cursor: pointer; }
input[type=image] {
border: none; }
.infoFlag {
cursor: pointer; }
.required {
color: #c00;
font-weight: bold; }
#errors {
margin-top: 10px;
padding: 6px;
border: 1px solid #000;
background-color: #eee;
color: #c00;
font-weight: bold;
line-height: 1.5em; }
#login {
width: 550px;
font-size: 0.5em; }
.col-right {
float: right; }
/*.boxRight {
background-color: #eee;
font-size: 0.9em;
border: 1px solid #ccc;
padding: 0.25em;
margin: 1em 0;
}*/
.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-success,
.bg-danger {
padding: 1em;
margin: 1em 0; }
.bg-primary a,
.bg-success a,
.bg-info a,
.bg-warning a,
.bg-success a,
.bg-danger a {
color: #eaeaea;
text-decoration: none; }
.bg-primary a:hover,
.bg-success a:hover,
.bg-info a:hover,
.bg-warning a:hover,
.bg-success a:hover,
.bg-danger a:hover {
text-decoration: underline; }
.navbar3 {
margin: 1em 0; }
.responseError {
font-size: 12px;
padding: 15px;
border: 2px solid #F00;
background-color: #F1F1F1;
width: 360px; }
.responseOk {
line-height: 18px;
font-size: 12px;
padding: 15px;
border: 1px solid #999;
background-color: #F1F1F1; }
.winner {
border: 1px solid #aaa;
padding: 0 2px; }
div.fieldLoaded,
input.fieldLoaded {
background-color: #f0e0d0;
border: 1px solid #a06020;
padding: 2px 1px; }
div.fieldLoaded {
padding: 0; }
#warnings {
background: #eee;
border: 1px solid #000;
margin-bottom: 10px;
padding: 10px;
color: #c00;
font-weight: bold; }
#donate {
margin: 0 auto;
padding: 10px 0;
text-align: center; }
.countdown {
width: 100%; }
.countdown .countdown_row {
display: block;
text-align: center; }
.countdown .countdown_section {
display: inline-block;
float: none;
padding: 0.25em;
font-size: 0.9em; }
.countdown .countdown_descr {
font-weight: bold; }
.check-with-label:checked + .label-for-check {
border: 2px solid #036; }
.back2top,
.skip2content {
display: none; }
/* BEGIN MEDIA QUERIES*/
@media only screen and (max-width: 991px) {
.nav .text {
display: none; } }
@media only screen and (max-width: 767px) {
.nav .text {
display: inline; }
#site-title {
position: absolute;
display: block;
float: none;
width: 100%;
text-align: center;
padding-right: 0;
padding-left: 0; }
.back2top {
display: block;
margin: 1em 0;
text-align: right; }
.skip2content {
display: block; } }
@media only screen and (max-width: 599px) {
.matchup {
font-size: 0.8em; }
.versus div {
height: 100px;
line-height: 100px; }
.versus .team-logo {
width: 100px;
height: 100px; } }
@media only screen and (max-width: 399px) {
.versus div {
height: 75px;
line-height: 75px; }
.versus .team-logo {
width: 75px;
height: 75px; } }
@media only print {
.navbar3,
.col-right,
#comments,
#footer,
.noprint {
display: none; }
a[href]:after {
content: ''; }
.container,
#pageContent {
border: none;
padding: 0; }
.table tr {
border: 1px solid #ccc; }
.table th, .table td {
font-size: 7pt; }
.matchup {
margin: 1em;
width: 42%;
display: inline-block; }
.versus .team-logo {
width: 50px;
height: 50px; }
.versus div {
height: 50px;
line-height: 50px; } }
Oops, something went wrong.

0 comments on commit c618d8c

Please sign in to comment.