Template:Team:KULeuven/Stylesheet2
From 2009.igem.org
(Difference between revisions)
Line 38: | Line 38: | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .left { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .right { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ----------------------------------------------------------- | ||
+ | * day navigator | ||
+ | * ----------------------------------------------------------- | ||
+ | */ /* {{{ */ | ||
+ | |||
+ | table#NBNav { | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
+ | text-align: center; | ||
+ | border-spacing: 0px; | ||
+ | } | ||
+ | |||
+ | table#NBNav th { | ||
+ | color: black; | ||
+ | font-size: 70%; | ||
+ | } | ||
+ | |||
+ | table#NBNav td { | ||
+ | width: 60px; | ||
+ | border-right: none; | ||
+ | font-size: 140%; | ||
+ | } | ||
+ | |||
+ | table#NBNav td.prev, table#NBNav td.next { | ||
+ | border: none; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | table#NBNav td a { | ||
+ | display: block; | ||
+ | color: black; | ||
+ | |||
+ | } | ||
+ | |||
+ | table#NBNav th.mon { background: #ffd; } | ||
+ | table#NBNav th.tue { background: #ffc; } | ||
+ | table#NBNav th.wed { background: #ffb; } | ||
+ | table#NBNav th.thu { background: #ffa; } | ||
+ | table#NBNav th.fri { background: #ff9; } | ||
+ | table#NBNav th.sat { background: #ff8; } | ||
+ | table#NBNav th.sun { background: #ff7; border-right: solid 1px black;} | ||
+ | |||
+ | |||
+ | table#NBNav td.mon:hover { background: #ffd; } | ||
+ | table#NBNav td.tue:hover { background: #ffc; } | ||
+ | table#NBNav td.wed:hover { background: #ffb; } | ||
+ | table#NBNav td.thu:hover { background: #ffa; } | ||
+ | table#NBNav td.fri:hover { background: #ff9; } | ||
+ | table#NBNav td.sat:hover { background: #ff8; } | ||
+ | table#NBNav td.sun:hover { background: #ff7; } | ||
+ | |||
+ | table#NBNav td.selected a:link, table#NBNav td.selected a:visited, table#NBNav td.selected a:active { color: blue; } | ||
+ | table#NBNav a:link, table#NBNav a:visited, table#NBNav a:active { text-decoration: none; font-weight: bold;} | ||
+ | |||
+ | /* }}} */ | ||
+ | |||
+ | /* ----------------------------------------------------------- | ||
+ | * calendar | ||
+ | * ----------------------------------------------------------- | ||
+ | */ | ||
+ | /* {{{ */ | ||
+ | |||
+ | table.calendar { margin: 0; padding: 10px; } | ||
+ | table.calendar td { margin: 0; padding: 2px; vertical-align: top; } | ||
+ | table.month .heading td { padding:2px; background-color:#d4d4d4; color:#aaa; text-align:center; font-size:120%; font-weight:bold; } | ||
+ | table.month .dow td { color:#aaa; text-align:center; font-size:110%; } | ||
+ | table.month td.today { background-color:#ddd; } | ||
+ | table.month td { | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | padding: 1pt 1.5pt; | ||
+ | font-weight: bold; | ||
+ | font-size: 8pt; | ||
+ | text-align: right; | ||
+ | background-color: #eee; | ||
+ | } | ||
+ | #bodyContent table.month a { background:none; padding:0 } | ||
+ | .day-active { color:#0000cc } | ||
+ | .day-empty { color:#cc0000 } | ||
+ | |||
+ | .day-not-selected { color: #aaa; } | ||
+ | .day-selected { color: blue; } | ||
+ | |||
+ | |||
+ | /* }}} */ | ||
+ | |||
+ | div#content p.pretty:first-letter { | ||
+ | text-transform: capitalize; | ||
+ | font-weight: bold; | ||
+ | font-size: 140%; | ||
+ | } | ||
+ | |||
+ | div#content p.pretty { | ||
+ | text-indent: 1.5em; | ||
+ | margin-top: 0 | ||
+ | } | ||
+ | |||
+ | div#categoryCalendar td { | ||
+ | vertical-align: top; | ||
+ | margin: 30px; | ||
+ | } | ||
+ | |||
+ | div#sponsor { | ||
+ | position: absolute; | ||
+ | width: 136px; | ||
+ | text-align: center; | ||
+ | background: #ffffe8; | ||
+ | border: 2px solid #ffddaa; | ||
+ | font-size: 200%; | ||
+ | font-weight: bold; | ||
+ | color: #777; | ||
+ | |||
+ | } | ||
+ | div#sponsor.gold{ | ||
+ | position: relative; | ||
+ | width: 136px; | ||
+ | border: none; | ||
+ | border-bottom: 2px solid #ffddaa; | ||
+ | border-top: 2px solid #ffddaa; | ||
+ | text-align:center; | ||
+ | font-size: 85%; | ||
+ | color: #D4AF37; | ||
+ | margin-bottom: 5px; | ||
+ | padding: 2px 0px 2px 0px; | ||
+ | } | ||
+ | |||
+ | div#sponsor.silver { | ||
+ | position: relative; | ||
+ | width: 136px; | ||
+ | border: none; | ||
+ | border-bottom: 2px solid #ffddaa; | ||
+ | border-top: 2px solid #ffddaa; | ||
+ | text-align: center; | ||
+ | font-size: 85%; | ||
+ | color: #C0C0C0; | ||
+ | margin-bottom: 5px; | ||
+ | padding: 2px 0px 2px 0px; | ||
+ | } | ||
+ | |||
+ | div#sponsor.header { | ||
+ | position: relative; | ||
+ | width: 136px; | ||
+ | border: none; | ||
+ | border-top: 2px solid #ffddaa; | ||
+ | text-align: center; | ||
+ | font-size: 100%; | ||
+ | color: #777; | ||
+ | margin-bottom: 10px; | ||
+ | padding: 2px 0px 2px 0px; | ||
+ | } | ||
+ | |||
+ | div#sponsor span { | ||
+ | } | ||
+ | |||
+ | div#sponsor.topright { | ||
+ | left: auto; | ||
+ | right: -141px; | ||
+ | top: 0px; | ||
+ | bottom: auto; | ||
+ | } | ||
+ | |||
+ | div#sponsor.topleft { | ||
+ | left: -141px; | ||
+ | right: auto; | ||
+ | top: 0px; | ||
+ | bottom: auto; | ||
+ | } | ||
+ | |||
+ | div#sponsor.bottomright { | ||
+ | left: auto; | ||
+ | right: -141px; | ||
+ | top: auto; | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | |||
+ | div#sponsor.bottomleft { | ||
+ | left: -141px; | ||
+ | right: auto; | ||
+ | top: auto; | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | |||
+ | div#sponsor img { | ||
+ | width:130px; | ||
+ | } | ||
+ | |||
+ | div#sponsor a { | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | h2 span.mw-headline { | ||
+ | position: relative; | ||
+ | left: 1em; | ||
+ | } | ||
+ | |||
+ | h3 span.mw-headline { | ||
+ | position: relative; | ||
+ | left: 2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#jumph2 { | ||
+ | position: relative; | ||
+ | left: 1em; | ||
+ | } | ||
+ | |||
+ | div#jumph3 { | ||
+ | position: relative; | ||
+ | left: 2em; | ||
+ | } | ||
+ | |||
+ | table.Generic { | ||
+ | margin: 5px; | ||
+ | padding: 10px; | ||
+ | border: 1px solid #ffddaa; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | table.Generic th { | ||
+ | padding: 10px; | ||
+ | background-color: #ffffe8; | ||
+ | } | ||
+ | |||
+ | table.Generic th.left { | ||
+ | text-align: left; | ||
+ | border-right: 1px dashed #ffddaa; | ||
+ | } | ||
+ | |||
+ | table.Generic th.top { | ||
+ | text-align: center; | ||
+ | border-bottom: 1px dashed #ffddaa; | ||
+ | } | ||
+ | |||
+ | table.Generic td { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | div#HideRedLinks a[href$='redlink=1'] { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .colcontainer { | ||
+ | clear: both; | ||
+ | } | ||
+ | .twocol { | ||
+ | width: 47%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | } | ||
+ | .twocol + .twocol { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | |||
--> | --> | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 11:24, 8 September 2009