Template:Team:Hannover/main.css
From 2014.igem.org
(Difference between revisions)
(39 intermediate revisions not shown) | |||
Line 28: | Line 28: | ||
h2 {font-size:12pt; font-weight: bold;} | h2 {font-size:12pt; font-weight: bold;} | ||
- | + | h2{ | |
color:#1B2E45; | color:#1B2E45; | ||
font-size:12pt; | font-size:12pt; | ||
+ | padding:10px; | ||
+ | font-family:Arial; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | color:#1B2E45; | ||
+ | font-size:14pt; | ||
padding:10px; | padding:10px; | ||
font-family:Arial; | font-family:Arial; | ||
Line 179: | Line 187: | ||
text-align:left; | text-align:left; | ||
} | } | ||
+ | |||
#menu_image { | #menu_image { | ||
Line 184: | Line 193: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | .menu_variant { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | .menu_variant img { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | .menu_variant area { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | |||
+ | .menu_variant map { | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .menu_variant a { | ||
+ | z-index: 1; | ||
} | } | ||
Line 207: | Line 237: | ||
padding: 5px; | padding: 5px; | ||
font-family: "AlphabetizedCassetteTapes"; | font-family: "AlphabetizedCassetteTapes"; | ||
- | font-size: | + | font-size: 28px; |
text-align: left; | text-align: left; | ||
background-color: #ffffaa; | background-color: #ffffaa; | ||
Line 217: | Line 247: | ||
} | } | ||
+ | .text_list{ | ||
+ | font-size:10pt; | ||
+ | padding:10px; | ||
+ | font-family:Arial; | ||
+ | text-align:justify; | ||
+ | color:#1B2E45; | ||
+ | } | ||
+ | |||
+ | #Fusszeile { | ||
+ | clear: both; | ||
+ | font-size: 12px; | ||
+ | margin: 0.5em; padding: 0.1em; | ||
+ | text-align: center; | ||
+ | background-color:#FAFCF7; | ||
+ | z-index: -999; | ||
+ | } | ||
+ | |||
+ | .padtable td { | ||
+ | padding: 10px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .theader { | ||
+ | background-color:#FAFCF7; | ||
+ | } | ||
+ | |||
+ | .teven { | ||
+ | background-color:#E9EAE8; | ||
+ | } | ||
+ | |||
+ | .todd { | ||
+ | background-color:#DBDBDB; | ||
+ | } | ||
/* Hier hoeren Anke's Styles auf */ | /* Hier hoeren Anke's Styles auf */ | ||
Line 230: | Line 293: | ||
vertical-align: center; | vertical-align: center; | ||
} | } | ||
+ | |||
+ | .spadtable td { | ||
+ | padding: 5px; | ||
+ | margin: 5px; | ||
+ | } | ||
+ | |||
+ | h5 {font-size:12pt; font-weight: bold;} | ||
+ | |||
+ | h5{ | ||
+ | color:#daa520; | ||
+ | font-family:Arial; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | h6 {font-size:12pt; font-weight: bold;} | ||
+ | |||
+ | h6{ | ||
+ | color:#cd853f; | ||
+ | font-family:Arial; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | h7 {font-size:12pt; font-weight: bold;} | ||
+ | |||
+ | h7{ | ||
+ | color:#b0c4de; | ||
+ | font-family:Arial; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
/* Hier hoeren Kathi's Styles auf */ | /* Hier hoeren Kathi's Styles auf */ | ||
+ | |||
+ | /** Lightbox Gallery Styles **/ | ||
+ | |||
+ | /* Preload images */ | ||
+ | body:after { | ||
+ | content: url(https://static.igem.org/mediawiki/2014/a/a5/Hannover_20141001_Close.png) url(https://static.igem.org/mediawiki/2014/d/d9/Hannover_20141001_Loading.gif) url(https://static.igem.org/mediawiki/2014/8/82/Hannover_20141001_Prev.png) url(https://static.igem.org/mediawiki/2014/3/3b/Hannover_20141001_Next.png); | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .lightboxOverlay { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 9999; | ||
+ | background-color: black; | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | ||
+ | opacity: 0.8; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .lightbox { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | z-index: 10000; | ||
+ | text-align: center; | ||
+ | line-height: 0; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .lightbox .lb-image { | ||
+ | display: block; | ||
+ | height: auto; | ||
+ | max-width: inherit; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | -ms-border-radius: 3px; | ||
+ | -o-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .lightbox a img { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .lb-outerContainer { | ||
+ | position: relative; | ||
+ | background-color: white; | ||
+ | *zoom: 1; | ||
+ | width: 250px; | ||
+ | height: 250px; | ||
+ | margin: 0 auto; | ||
+ | -webkit-border-radius: 4px; | ||
+ | -moz-border-radius: 4px; | ||
+ | -ms-border-radius: 4px; | ||
+ | -o-border-radius: 4px; | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | .lb-outerContainer:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .lb-container { | ||
+ | padding: 4px; | ||
+ | } | ||
+ | |||
+ | .lb-loader { | ||
+ | position: absolute; | ||
+ | top: 43%; | ||
+ | left: 0; | ||
+ | height: 25%; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | line-height: 0; | ||
+ | } | ||
+ | |||
+ | .lb-cancel { | ||
+ | display: block; | ||
+ | width: 32px; | ||
+ | height: 32px; | ||
+ | margin: 0 auto; | ||
+ | background: url(https://static.igem.org/mediawiki/2014/d/d9/Hannover_20141001_Loading.gif) no-repeat; | ||
+ | } | ||
+ | |||
+ | .lb-nav { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .lb-container > .nav { | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .lb-nav a { | ||
+ | outline: none; | ||
+ | background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); | ||
+ | } | ||
+ | |||
+ | .lb-prev, .lb-next { | ||
+ | height: 100%; | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .lb-nav a.lb-prev { | ||
+ | width: 34%; | ||
+ | left: 0; | ||
+ | float: left; | ||
+ | background: url(https://static.igem.org/mediawiki/2014/8/82/Hannover_20141001_Prev.png) left 48% no-repeat; | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.6s; | ||
+ | -moz-transition: opacity 0.6s; | ||
+ | -o-transition: opacity 0.6s; | ||
+ | transition: opacity 0.6s; | ||
+ | } | ||
+ | |||
+ | .lb-nav a.lb-prev:hover { | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .lb-nav a.lb-next { | ||
+ | width: 64%; | ||
+ | right: 0; | ||
+ | float: right; | ||
+ | background: url(https://static.igem.org/mediawiki/2014/3/3b/Hannover_20141001_Next.png) right 48% no-repeat; | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.6s; | ||
+ | -moz-transition: opacity 0.6s; | ||
+ | -o-transition: opacity 0.6s; | ||
+ | transition: opacity 0.6s; | ||
+ | } | ||
+ | |||
+ | .lb-nav a.lb-next:hover { | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .lb-dataContainer { | ||
+ | margin: 0 auto; | ||
+ | padding-top: 5px; | ||
+ | *zoom: 1; | ||
+ | width: 100%; | ||
+ | -moz-border-radius-bottomleft: 4px; | ||
+ | -webkit-border-bottom-left-radius: 4px; | ||
+ | border-bottom-left-radius: 4px; | ||
+ | -moz-border-radius-bottomright: 4px; | ||
+ | -webkit-border-bottom-right-radius: 4px; | ||
+ | border-bottom-right-radius: 4px; | ||
+ | } | ||
+ | |||
+ | .lb-dataContainer:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .lb-data { | ||
+ | padding: 0 4px; | ||
+ | color: #ccc; | ||
+ | } | ||
+ | |||
+ | .lb-data .lb-details { | ||
+ | width: 85%; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | line-height: 1.1em; | ||
+ | } | ||
+ | |||
+ | .lb-data .lb-caption { | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | .lb-data .lb-number { | ||
+ | display: block; | ||
+ | clear: left; | ||
+ | padding-bottom: 1em; | ||
+ | font-size: 12px; | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .lb-data .lb-close { | ||
+ | display: block; | ||
+ | float: right; | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | background: url(https://static.igem.org/mediawiki/2014/a/a5/Hannover_20141001_Close.png) top right no-repeat; | ||
+ | text-align: right; | ||
+ | outline: none; | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); | ||
+ | opacity: 0.7; | ||
+ | -webkit-transition: opacity 0.2s; | ||
+ | -moz-transition: opacity 0.2s; | ||
+ | -o-transition: opacity 0.2s; | ||
+ | transition: opacity 0.2s; | ||
+ | } | ||
+ | |||
+ | .lb-data .lb-close:hover { | ||
+ | cursor: pointer; | ||
+ | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | /* End of Lightbox Gallery Styles */ | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 06:31, 17 October 2014