Template:Team:BostonU/CSS
From 2014.igem.org
(Difference between revisions)
(100 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | |||
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
- | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | + | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ |
.topWikiNavBackground { | .topWikiNavBackground { | ||
Line 12: | Line 10: | ||
background-color:transparent; | background-color:transparent; | ||
} | } | ||
+ | |||
#globalWrapper, #content { /*-- changes default wiki settings --*/ | #globalWrapper, #content { /*-- changes default wiki settings --*/ | ||
Line 86: | Line 85: | ||
a:link { | a:link { | ||
color: #F79042; | color: #F79042; | ||
+ | font-weight=500; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:visited { | a:visited { | ||
text-decoration: none; | text-decoration: none; | ||
+ | font-weight=500; | ||
color: #F79042; | color: #F79042; | ||
} | } | ||
Line 135: | Line 136: | ||
} | } | ||
- | + | ||
- | font-size: | + | header2black{ |
- | color:# | + | font-size:18px; |
+ | color:#000000; | ||
font-weight:700; | font-weight:700; | ||
+ | text-transform:uppercase; | ||
text-align:left; | text-align:left; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | header3{ | ||
+ | font-size:20px; | ||
+ | color:#353535; | ||
+ | font-weight:550; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | h3{ | ||
+ | font-size:20px; | ||
+ | color:#353535; | ||
+ | font-weight:550; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
maincontent{ | maincontent{ | ||
+ | font-weight:100; | ||
font-size:14px; | font-size:14px; | ||
- | |||
text-align:justify; | text-align:justify; | ||
} | } | ||
Line 152: | Line 169: | ||
font-size:12px; | font-size:12px; | ||
color:#5E5F5F; | color:#5E5F5F; | ||
- | font-weight: | + | font-weight:300; |
text-align:justify; | text-align:justify; | ||
line-height:110% | line-height:110% | ||
Line 202: | Line 219: | ||
ul#nav { | ul#nav { | ||
- | width: | + | width:90%; |
top:100px; | top:100px; | ||
left:60px; | left:60px; | ||
Line 212: | Line 229: | ||
color: #FFF; | color: #FFF; | ||
background-color:none; | background-color:none; | ||
- | margin: 0 | + | margin: 0 15px 0 0; |
float: left; | float: left; | ||
position: relative; | position: relative; | ||
Line 236: | Line 253: | ||
line-height:10px; | line-height:10px; | ||
border-left:solid 3px #bbb; | border-left:solid 3px #bbb; | ||
- | padding:0 | + | padding:0 0 0 15px; |
} | } | ||
Line 243: | Line 260: | ||
color: #ffffff;*/ | color: #ffffff;*/ | ||
} | } | ||
+ | |||
/* main level link hover */ | /* main level link hover */ | ||
Line 251: | Line 269: | ||
/* sub levels link hover */ | /* sub levels link hover */ | ||
- | #nav ul li:hover a, #nav li:hover li a { | + | #nav ul li:hover a , #nav li:hover li a{ |
border: none; | border: none; | ||
background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png); | background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png); | ||
Line 257: | Line 275: | ||
color:#FFF; | color:#FFF; | ||
} | } | ||
- | |||
#nav ul a:hover { | #nav ul a:hover { | ||
color: #353535 !important; | color: #353535 !important; | ||
Line 267: | Line 284: | ||
/* dropdown */ | /* dropdown */ | ||
#nav li:hover > ul { | #nav li:hover > ul { | ||
- | + | display: block; | |
- | opacity: | + | opacity:1; |
margin:0; | margin:0; | ||
background-color: none; | background-color: none; | ||
z-index:0; | z-index:0; | ||
} | } | ||
+ | |||
/* level 2 list */ | /* level 2 list */ | ||
#nav ul { | #nav ul { | ||
- | + | display: none; | |
opacity:0; | opacity:0; | ||
margin: 20px 0 0 0; | margin: 20px 0 0 0; | ||
Line 338: | Line 356: | ||
width:400px; | width:400px; | ||
height:500px; | height:500px; | ||
- | top: 50%; | + | top: calc(50% - 300px); |
z-index:10; | z-index:10; | ||
} | } | ||
.banner { | .banner { | ||
- | + | background-image:url(https://static.igem.org/mediawiki/2014/0/03/Boston1_bu14.jpg); | |
+ | background-size:cover; | ||
+ | position: absolute; | ||
top:100px; | top:100px; | ||
width: 100%; | width: 100%; | ||
height:100%; | height:100%; | ||
overflow: auto; | overflow: auto; | ||
+ | font-size: 18px; | ||
text-align: center; | text-align: center; | ||
color: rgba(255,255,255,.6); | color: rgba(255,255,255,.6); | ||
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); | text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); | ||
- | + | ||
box-shadow: 0 1px 2px rgba(0,0,0,.25); | box-shadow: 0 1px 2px rgba(0,0,0,.25); | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.wrap { | .wrap { | ||
margin: 0 auto; | margin: 0 auto; | ||
width: 960px; | width: 960px; | ||
} | } | ||
- | |||
.anchor{ | .anchor{ | ||
Line 511: | Line 437: | ||
} | } | ||
- | .banner | + | .banner header1, .banner header2 { |
font-size: 24px; | font-size: 24px; | ||
line-height: 30px; | line-height: 30px; |
Latest revision as of 01:10, 18 October 2014