Team:UCL E/css
From 2013.igem.org
(46 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
background-color:#fff; | background-color:#fff; | ||
font-family: 'Noto Sans', serif; | font-family: 'Noto Sans', serif; | ||
+ | } | ||
+ | |||
+ | #contentSub{ | ||
+ | display:none; | ||
} | } | ||
h2{ | h2{ | ||
- | border-bottom: | + | border-bottom: 3px solid #0A92D8; |
- | + | font-size: 30px; | |
- | + | margin-top: 17px; | |
+ | padding-bottom: 15px; | ||
} | } | ||
Line 76: | Line 81: | ||
background-color: #999; | background-color: #999; | ||
height: 100px; | height: 100px; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 101: | Line 102: | ||
font-size:8px; | font-size:8px; | ||
text-align:right; | text-align:right; | ||
+ | z-index:5; | ||
} | } | ||
Line 154: | Line 156: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
+ | padding-top:55px; | ||
+ | padding-bottom:120px; | ||
+ | background-color:#fff; | ||
} | } | ||
#ucligem #nav{ | #ucligem #nav{ | ||
- | + | font-size: 18px; | |
- | + | width: 1100px; | |
- | + | margin-left: auto; | |
- | + | margin-right: auto; | |
- | + | margin-top: 0px; | |
- | + | position: fixed; | |
- | + | border-bottom: 3px solid #F17600; | |
+ | padding-bottom: 7px; | ||
+ | background-color: #fff; | ||
+ | top: 0px; | ||
+ | padding-top: 8px; | ||
+ | z-index:300; | ||
} | } | ||
Line 170: | Line 180: | ||
list-style-image: none; | list-style-image: none; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:17px; |
left:0px; | left:0px; | ||
} | } | ||
Line 177: | Line 187: | ||
display:inline; | display:inline; | ||
position:relative; | position:relative; | ||
- | margin-left: | + | margin-left:50px; |
padding-bottom:10px; | padding-bottom:10px; | ||
} | } | ||
Line 184: | Line 194: | ||
visibility: hidden; | visibility: hidden; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 28px; |
left: -14px; | left: -14px; | ||
- | border-bottom: 3px solid # | + | border-bottom: 3px solid #F17600; |
- | border-left: 3px solid # | + | border-left: 3px solid #F17600; |
- | border-right: 3px solid # | + | border-right: 3px solid #F17600; |
font-size: 15px; | font-size: 15px; | ||
padding-top: 5px; | padding-top: 5px; | ||
Line 207: | Line 217: | ||
margin-bottom:3px; | margin-bottom:3px; | ||
padding-bottom:0px; | padding-bottom:0px; | ||
+ | min-width: 50px; | ||
} | } | ||
Line 225: | Line 236: | ||
#ucligem #nav a:hover{ | #ucligem #nav a:hover{ | ||
text-decoration:none; | text-decoration:none; | ||
- | color: # | + | color: #F17600; |
} | } | ||
#ucligem #nav #igemlogo a{ | #ucligem #nav #igemlogo a{ | ||
position:absolute; | position:absolute; | ||
- | bottom: | + | bottom: 8px; |
right:0px; | right:0px; | ||
width:44px; | width:44px; | ||
Line 244: | Line 255: | ||
#ucligem #nav #ucllogo a{ | #ucligem #nav #ucllogo a{ | ||
position:absolute; | position:absolute; | ||
- | bottom: | + | bottom: 8px; |
right:48px; | right:48px; | ||
width:27px; | width:27px; | ||
Line 258: | Line 269: | ||
#ucligem #nav #facebooklogo a{ | #ucligem #nav #facebooklogo a{ | ||
position:absolute; | position:absolute; | ||
- | bottom: | + | bottom: 8px; |
right:81px; | right:81px; | ||
width:17px; | width:17px; | ||
Line 272: | Line 283: | ||
#ucligem #nav #twitterlogo a{ | #ucligem #nav #twitterlogo a{ | ||
position:absolute; | position:absolute; | ||
- | bottom: | + | bottom: 8px; |
right:105px; | right:105px; | ||
width:25px; | width:25px; | ||
Line 296: | Line 307: | ||
margin-top:0px; | margin-top:0px; | ||
margin-left:20px; | margin-left:20px; | ||
+ | } | ||
+ | |||
+ | #ucligem .column3left{ | ||
+ | width:350px; | ||
+ | float:left; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #ucligem .column3middle{ | ||
+ | width:350px; | ||
+ | float:left; | ||
+ | margin-top:0px; | ||
+ | margin-left:25px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #ucligem .column3right{ | ||
+ | width:350px; | ||
+ | float:right; | ||
+ | margin-top:0px; | ||
+ | margin-left:25px; | ||
} | } | ||
Line 303: | Line 335: | ||
#ucligem .album{ list-style:none;} | #ucligem .album{ list-style:none;} | ||
- | #ucligem .album li{ float:left; height:90px; margin-bottom:10px; text-align:center;} | + | #ucligem .album li{ float:left; height:90px; margin-bottom:10px; text-align:center; margin-left:5px;} |
#ucligem .album a{ display:block; margin:5px; border:2px solid #F17600;} | #ucligem .album a{ display:block; margin:5px; border:2px solid #F17600;} | ||
Line 310: | Line 342: | ||
height: 228px; | height: 228px; | ||
display:inline-block; | display:inline-block; | ||
+ | position:relative; | ||
+ | margin-bottom:10px; | ||
+ | margin-left:5px; | ||
} | } | ||
Line 322: | Line 357: | ||
#ucligem #teamprofile .blue{ | #ucligem #teamprofile .blue{ | ||
border: 2px solid #0A92D8; | border: 2px solid #0A92D8; | ||
+ | } | ||
+ | |||
+ | #ucligem #teamprofile{ | ||
+ | margin-top:25px; | ||
} | } | ||
#ucligem #teamprofile .description{ | #ucligem #teamprofile .description{ | ||
- | + | position: absolute; | |
- | + | background-image: url('https://static.igem.org/mediawiki/2013/9/9e/Ucl_e_teambox_semiwhite.png'); | |
+ | bottom: 0px; | ||
+ | width: 334px; | ||
+ | padding-left: 5px; | ||
+ | overflow: hidden; | ||
+ | height: 28px; | ||
+ | padding-right: 5px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #ucligem #teamprofile .name{ | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | #ucligem .advisorimg{ | ||
+ | float: left; | ||
+ | margin-right: 10px; | ||
+ | border: 2px solid #F17600; | ||
+ | } | ||
+ | |||
+ | #ucligem .advisorname{ | ||
+ | font-size: 16px; | ||
+ | margin-bottom: 5px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #uclfooter{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2013/8/8f/Ucl_Footer_2048px.png'); | ||
+ | position:absolute; | ||
+ | bottom:0px; | ||
+ | width:100%; | ||
+ | height:70px; | ||
+ | display:none; | ||
+ | z-index:5; | ||
+ | } | ||
+ | |||
+ | #globalWrapper{ | ||
+ | padding-bottom:0px; | ||
+ | min-height:100%; | ||
} | } |
Latest revision as of 03:59, 6 November 2013
body, html { width:100% ;
height:100% ; background-color:#fff; font-family: 'Noto Sans', serif;
}
- contentSub{
display:none;
}
h2{
border-bottom: 3px solid #0A92D8;
font-size: 30px; margin-top: 17px; padding-bottom: 15px; }
p{
text-align: justify;
}
.editsection{
font-size:10px;
}
ul{
list-style-image:none;
}
strong{
font-weight:700;
}
- footer-box{
display:none;
}
- toc{
float: right; margin-left: 10px;
}
- search-controls{
display: none;
}
- catlinks{
display: none;
}
- p-logo{
display: none;
}
- top-section{
border: none; height: auto; top: -15px;
}
.firstHeading{ display:none; }
h1{
border:none;
}
- content{
width:100%; padding:0px; border:none; background:none;
}
- toc{
display:none;
}
- topbar{
background-color: #999; height: 100px;
}
.left-menu{
display: block; background-color:#fff; color:#999; right:0px;
}
- menubar li{
display: block; top:15px; background-color:#fff;
}
- menubar{
width:70px;
right:0px;
position:fixed;
font-size:8px;
text-align:right; z-index:5; }
- menubar ul{
margin: 0; position:fixed; right:0px; width:70px; }
- menubar li{
background-color:#fff; }
.left-menu:hover {
background-color: white; color: #999;
}
.left-menu:hover a {
color: #999;
}
.right-menu li a{ text-align: left; background-color:#fff; color:#999; padding-right:10px; }
.right-menu li a:hover{ color:#999; }
.left-menu li a{ text-align: left; background-color:#fff; color:#999; padding-right:10px;
}
li#pt-userpage,li#pt-login{ padding-left:0px; }
.left-menu{ margin-top: 56px; }
- ucligem{
width:1100px; margin-left:auto; margin-right:auto; padding-top:55px; padding-bottom:120px; background-color:#fff;
}
- ucligem #nav{
font-size: 18px;
width: 1100px; margin-left: auto; margin-right: auto; margin-top: 0px; position: fixed; border-bottom: 3px solid #F17600; padding-bottom: 7px; background-color: #fff; top: 0px; padding-top: 8px; z-index:300; }
- ucligem #nav ul{
list-style: none; list-style-image: none; position:absolute; top:17px; left:0px;
}
- ucligem #nav ul li{
display:inline; position:relative; margin-left:50px; padding-bottom:10px;
}
- ucligem #nav ul ul{
visibility: hidden; position: absolute; top: 28px; left: -14px; border-bottom: 3px solid #F17600; border-left: 3px solid #F17600; border-right: 3px solid #F17600; font-size: 15px; padding-top: 5px; background-color: #fff; margin: 0px; min-width: 100px; }
- ucligem #nav ul li:hover ul{
visibility: visible; }
- ucligem #nav ul ul li{
float: none; display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom:3px; padding-bottom:0px; min-width: 50px; }
- ucligem a{
color: #0A92D8; text-decoration:none;
}
- ucligem a:hover{
color:#000; text-decoration:none;
}
- ucligem #nav a{
text-decoration:none; color:#000;
}
- ucligem #nav a:hover{
text-decoration:none; color: #F17600;
}
- ucligem #nav #igemlogo a{
position:absolute; bottom: 8px; right:0px; width:44px; height:33px; background-image:url('https://static.igem.org/mediawiki/2013/a/a7/Ucl_e_igemlogo.png'); font-size:5px;
}
- ucligem #nav #igemlogo a:hover{
background-image:url('https://static.igem.org/mediawiki/2013/3/33/Ucl_e_igemlogohover.png');
}
- ucligem #nav #ucllogo a{
position:absolute; bottom: 8px; right:48px; width:27px; height:30px; background-image:url('https://static.igem.org/mediawiki/2013/e/e2/Ucl_e_ucl.png'); font-size:5px;
}
- ucligem #nav #ucllogo a:hover{
background-image:url('https://static.igem.org/mediawiki/2013/1/1e/Ucl_e_uclhover.png');
}
- ucligem #nav #facebooklogo a{
position:absolute; bottom: 8px; right:81px; width:17px; height:28px; background-image:url('https://static.igem.org/mediawiki/2013/d/d7/Ucl_e_facebook.png'); font-size:5px;
}
- ucligem #nav #facebooklogo a:hover{
background-image:url('https://static.igem.org/mediawiki/2013/9/94/Ucl_e_facebookhover.png');
}
- ucligem #nav #twitterlogo a{
position:absolute; bottom: 8px; right:105px; width:25px; height:20px; background-image:url('https://static.igem.org/mediawiki/2013/e/e2/Ucl_e_twitter.png'); font-size:5px;
}
- ucligem #nav #twitterlogo a:hover{
background-image:url('https://static.igem.org/mediawiki/2013/7/7d/Ucl_e_twitterhover.png');
}
- ucligem .leftcolumn{
width:530px; float:left; margin-top:0px; margin-right:20px;
}
- ucligem .rightcolumn{
width:530px; float:right; margin-top:0px; margin-left:20px;
}
- ucligem .column3left{
width:350px; float:left; margin-top:0px;
}
- ucligem .column3middle{
width:350px; float:left; margin-top:0px; margin-left:25px;
}
- ucligem .column3right{
width:350px; float:right; margin-top:0px; margin-left:25px;
}
- ucligem .columnclear{
clear:both;
}
- ucligem .album{ list-style:none;}
- ucligem .album li{ float:left; height:90px; margin-bottom:10px; text-align:center; margin-left:5px;}
- ucligem .album a{ display:block; margin:5px; border:2px solid #F17600;}
- ucligem #teamprofile .teamprofilebox{
width: 344px; height: 228px; display:inline-block; position:relative; margin-bottom:10px; margin-left:5px;
}
- ucligem #teamprofile .orange{
border: 2px solid #F17600;
}
- ucligem #teamprofile .purple{
border: 2px solid #762790;
}
- ucligem #teamprofile .blue{
border: 2px solid #0A92D8;
}
- ucligem #teamprofile{
margin-top:25px;
}
- ucligem #teamprofile .description{
position: absolute; background-image: url('https://static.igem.org/mediawiki/2013/9/9e/Ucl_e_teambox_semiwhite.png'); bottom: 0px; width: 334px; padding-left: 5px; overflow: hidden; height: 28px; padding-right: 5px; padding-bottom: 5px; }
- ucligem #teamprofile .name{
font-size: 15px;
}
- ucligem .advisorimg{
float: left; margin-right: 10px; border: 2px solid #F17600;
}
- ucligem .advisorname{
font-size: 16px;
margin-bottom: 5px; font-weight: bold; }
- uclfooter{
background-image: url('https://static.igem.org/mediawiki/2013/8/8f/Ucl_Footer_2048px.png'); position:absolute; bottom:0px; width:100%; height:70px; display:none; z-index:5;
}
- globalWrapper{
padding-bottom:0px; min-height:100%;
}