Template:Team:Hannover/main.css
From 2014.igem.org
(Difference between revisions)
(239 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
body{ | body{ | ||
- | background-color:#FAFCF7; width: | + | background-color:#FAFCF7; |
+ | width:1000px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | |||
+ | } | ||
.text{ | .text{ | ||
- | font-size: | + | font-size:10pt; |
padding:10px; | padding:10px; | ||
font-family:Arial; | font-family:Arial; | ||
Line 12: | Line 17: | ||
} | } | ||
- | h1 | + | .text_button{ |
+ | font-family:Arial; | ||
+ | font-size:12pt; | ||
+ | text-align:center; | ||
+ | padding: 3px 0 0 0; | ||
+ | margin: 0 10px 0 10px; | ||
+ | } | ||
+ | |||
+ | h1 {font-size:14pt; font-weight: bold;} | ||
+ | h2 {font-size:12pt; font-weight: bold;} | ||
+ | |||
+ | h2{ | ||
+ | color:#1B2E45; | ||
+ | font-size:12pt; | ||
+ | padding:10px; | ||
+ | font-family:Arial; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | color:#1B2E45; | ||
font-size:14pt; | font-size:14pt; | ||
padding:10px; | padding:10px; | ||
- | font-family: | + | font-family:Arial; |
text-align:left; | text-align:left; | ||
} | } | ||
td{ | td{ | ||
- | background- | + | background-color:transparent; |
- | + | border: 0px; | |
- | + | padding:0px; | |
- | border: | + | |
- | padding | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | #main_box{ | ||
+ | margin-top:0px; | ||
+ | background-color:#FAFCF7; | ||
+ | padding:5px; | ||
+ | width:1000px; | ||
+ | height:40px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | height:auto; | ||
+ | } | ||
+ | #banner{ | ||
+ | background-image:url("https://static.igem.org/mediawiki/2014/2/24/Hannover_20140815_final_wiki_banner.png"); | ||
+ | background-position:center top; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100% auto; | ||
+ | width:800px; | ||
+ | height:230px; <!--Abstand Banner-Ende zu Menü --> | ||
+ | |||
+ | } | ||
+ | |||
+ | #main_menue{ | ||
+ | width: 1000px; | ||
+ | height: 70px; | ||
+ | padding: 0 0 10px 0;; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul#nav { | ||
+ | float: left; | ||
+ | width: 800px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | ul#nav li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | ul#nav li a { | ||
+ | float: left; | ||
+ | font: bold 1.1em arial,verdana,tahoma,sans-serif; | ||
+ | line-height: 40px; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | margin: 0; | ||
+ | padding: 0 30px; | ||
+ | background:#FAFCF7; | ||
+ | } | ||
+ | |||
+ | ul#nav .current a, ul#nav li:hover > a { | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | ul#nav ul { | ||
+ | display: none; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2014/6/6e/Hannover_20140819_Button_bg3.png"); | ||
+ | background-size: cover; | ||
+ | background-position: center top; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | |||
+ | ul#nav li:hover > ul { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | width: 800px; | ||
+ | height: 40px; | ||
+ | position: absolute; | ||
+ | margin: 25px 0 0 0; | ||
+ | } | ||
+ | |||
+ | ul#nav li:hover > ul li a { | ||
+ | float: left; | ||
+ | font: bold 1.1em arial,verdana,tahoma,sans-serif; | ||
+ | line-height: 45px; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | margin: 0; | ||
+ | padding: 0 30px 0 0; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | ul#nav li:hover > ul li a:hover { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | |||
+ | /* Das hier sind Anke's Styles */ | ||
+ | |||
+ | .test_style { | ||
+ | color: #FF0000; | ||
+ | } | ||
+ | |||
+ | .member_quote { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | #team_table tr td { | ||
+ | height: 300px; | ||
+ | vertical-align: center; | ||
+ | } | ||
+ | |||
+ | #team_table tr.autoheight_row td { | ||
+ | height: auto !important; | ||
+ | vertical-align: center; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | #team_table { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | #hp_table tr td { | ||
+ | height: 300px; | ||
+ | width: 300px; | ||
+ | } | ||
+ | |||
+ | #team_table { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | h3 {font-size:14pt; font-weight: bold;} | ||
+ | h4 {font-size:12pt; font-weight: bold;} | ||
+ | |||
+ | h3,h4{ | ||
+ | color:#1B2E45; | ||
+ | font-family:Arial; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | #menu_image { | ||
+ | display: block; | ||
+ | margin-left: 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; | ||
+ | } | ||
+ | |||
+ | #main_content { | ||
+ | width: 780px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #side_content { | ||
+ | width: 200px; | ||
+ | margin-right: 20px; | ||
+ | float: left; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: "AlphabetizedCassetteTapes"; | ||
+ | src: url('/wiki/images/b/b5/20140914_act.eot.txt'); | ||
+ | src: local('☺'), url('/wiki/images/9/9f/20140914_act.woff.txt') format('woff'), url('/wiki/images/9/9a/20140914_act.ttf.txt') format('truetype'); | ||
+ | } | ||
+ | |||
+ | .annotation { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | padding: 5px; | ||
+ | font-family: "AlphabetizedCassetteTapes"; | ||
+ | font-size: 28px; | ||
+ | text-align: left; | ||
+ | background-color: #ffffaa; | ||
+ | border-bottom: 1px solid #aaaa77; | ||
+ | border-right: 1px solid #aaaa77; | ||
+ | border-top: 1px dotted #dddd88; | ||
+ | border-left: 1px dotted #dddd88; | ||
+ | color: #000066; | ||
+ | } | ||
+ | |||
+ | .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 */ | ||
+ | |||
+ | /* Das hier sind Kathis's Styles */ | ||
+ | #notebook_table tr td { | ||
+ | height: 300px; | ||
+ | vertical-align: center; | ||
+ | } | ||
+ | |||
+ | #notebook_table tr.autoheight_row td { | ||
+ | height: auto !important; | ||
+ | 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 */ | ||
+ | |||
+ | /** 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