diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 116 |
1 files changed, 99 insertions, 17 deletions
@@ -26,6 +26,16 @@ header { margin: 0; } +header h1 { + font-size: 350%; + margin-bottom: 0 +} + +header p { + font-size: 110%; + margin-top: .5ex; +} + footer { color: #333; font-size: 80%; @@ -92,15 +102,10 @@ menu a { text-decoration: none; } -header h1 { - margin-bottom: 0 -} - article h1 { text-align: center; font-size: 300%; - margin-top: 0; - margin-bottom: .5ex; + margin: 1ex auto; } table { @@ -111,25 +116,30 @@ table { td { border: thin solid; - padding: 0.3em + padding: 0.3em; } -tr:nth-child(even) td { +tr:nth-child(even) { background-color: #9d9 } #bracket h2 { margin-top: 0; - text-align: center + text-align: center; } #calendar h2 { - text-align: left; - margin-top: 10px + text-align: center; } -#calendar h3 { - text-align: center +#calendar table { + margin-bottom: 2ex; +} + +.shadow { + -moz-box-shadow: .1em .1em .1em .1em #aaa; + -webkit-box-shadow: .1em .1em .1em .1em #aaa; + box-shadow: .1em .1em .1em .1em #aaa; } .group { @@ -168,6 +178,7 @@ tr:nth-child(even) td { float: left; padding: 1em; margin: 35px; + margin-bottom: 7ex; border: thin solid; width: 180px; height: 130px; @@ -192,8 +203,7 @@ tr:nth-child(even) td { .quarter { float: left; padding: 1em; - margin: 15px; - margin-top: 2em; + margin: 7ex 15px .75em; border: thin solid; border-radius: .75em; width: 220px; @@ -203,12 +213,14 @@ tr:nth-child(even) td { .semi { float: left; + margin-top: 2em; + margin-bottom: .75em; padding: 1em; border: thin solid; border-radius: .75em; width: 220px; height: 80px; - background-color: #FFB042 + background-color: #FFC0C0 } #S1 { @@ -220,11 +232,12 @@ tr:nth-child(even) td { padding: 1em; margin-left: 430px; margin-top: 2em; + margin-bottom: 3em; border: thin solid; border-radius: .75em; width: 220px; height: 80px; - background-color: #ADFF09 + background-color: #FF58F7 } .readable { @@ -232,3 +245,72 @@ tr:nth-child(even) td { margin-right: auto; width: 50em; } + +table#teams { + width: 80%; +} + +#teams td { + text-align: center; +} + +td.team-name { + font-weight: bold; + font-size: 200%; + text-shadow: .1em .1em .2em #424242; +} + +#teams tr:hover { + background-color: #d0f0ff; +} + +#teams td.members { + font-size: 150%; + line-height: 5ex; + font-variant: small-caps; + text-shadow: .1em .1em .3em #666; +} + +#teams img { + border: thick solid #666; + border-radius: 1em; + opacity: 0.6; +} + +#teams tr:hover img { + border-color: #444; + opacity: 1.0; +} + +.cred { color: #900; } +.cgreen { color: #090; } +.cblue { color: #009; } +.cpink { color: #909; } +.cyellow { color: #a60; } + +.center { + text-align: center; + margin-left: auto; + margin-right: auto; +} + +#beaver { + opacity: 0.25; + margin-top: 5ex; +} + +#beaver:hover { + opacity: 1.0; +} + +.spacer { + clear: both; +} + +.hline { + border-top: thin solid #aaa; + margin: 0; + height: 0; + padding: 0; + width: 100%; +} |
