Team:BIT-China/css/base.css
From 2013.igem.org
Singlewindy (Talk | contribs) (Created page with "body { font-family: proxima-nova,sans-serif; min-width: 1100px; } #header img { max-height: 100px !important; margin-top: -30px; } .clear { clear: both; } ...") |
|||
(11 intermediate revisions not shown) | |||
Line 76: | Line 76: | ||
.section { | .section { | ||
- | background-image: url(../ | + | background-image: url("https://static.igem.org/mediawiki/2013/4/4f/BIT-China_Bk2.png"); |
padding: 50px 60px; | padding: 50px 60px; | ||
} | } | ||
Line 228: | Line 228: | ||
display: none; | display: none; | ||
width: auto; | width: auto; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 355: | Line 351: | ||
padding-top: 31px; | padding-top: 31px; | ||
font-family: proxima-nova,sans-serif; | font-family: proxima-nova,sans-serif; | ||
+ | } | ||
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | border: none; | ||
+ | line-height: inherit; | ||
+ | } | ||
+ | |||
+ | /* Removes "teams" from the menubar */ | ||
+ | #menubar > ul > li:last-child { | ||
+ | display: none;} | ||
+ | /* Resizes the menubar to fik the links (default is 400px) */ | ||
+ | #menubar { | ||
+ | width: auto;} | ||
+ | |||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0; | ||
+ | background-color: white; | ||
+ | } | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 65%; | ||
+ | top: -14px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
+ | |||
+ | #bodyContent h1, #bodyContent h2 { | ||
+ | margin-bottom: 0em; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent a[href ^="mailto:"], .link-mailto { | ||
+ | background: #7d9faa; | ||
+ | } | ||
+ | small{ | ||
+ | margin-bottom: 20px; | ||
+ | margin-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | |||
} | } |
Latest revision as of 11:15, 27 September 2013
body {
font-family: proxima-nova,sans-serif; min-width: 1100px;
}
- header img {
max-height: 100px !important; margin-top: -30px;
}
.clear {
clear: both;
}
- width_wrapper {
margin: 0 auto;
}
- header {
margin-top: 30px; height: 75px;
}
- footer_bg {
margin-left: 300px; background: #fff; background-repeat: no-repeat; height: 130px; position: relative; z-index: 1; -webkit-transition: margin 0.4s ease-out; -moz-transition: margin 0.4s ease-out; -ms-transition: margin 0.4s ease-out; -o-transition: margin 0.4s ease-out; transition: margin 0.4s ease-out;
}
- footer_bg #footer {
text-align: center; text-transform: uppercase; font-family: proxima-nova,sans-serif; font-size: 16px; font-weight: bold; color: #b1bad0; padding-top: 60px; margin: 0 auto; width: 100%; height: auto; position: relative;
}
- footer_bg .foot-1 img{
z-index: 5; float: left; margin-top: 15px;
}
- footer_bg .foot-2 img{
z-index: 5; float: left; margin-top: 15px;
}
- footer_bg .foot-3 img{
z-index: 5; float: right; margin-top: 15px;
}
- footer_bg .foot-4 img{
z-index: 5; float: right; margin-top: 15px;
}
.section {
background-image: url(""); padding: 50px 60px;
}
.section a {
color: inherit; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s;
}
.section a:hover {
color: #656e82;
}
.centering {
margin: 0 auto; width: 1025px;
}
ul.topnav > li > a:hover {
background: #F34323; padding-bottom: 1px; border-bottom-width: 5px;
}
- navigation,.navigation {
font-family: 'Lucida Sans Unicode',sans-serif; height: 35px; width: 100%;
}
- navigation.fixed {
position: fixed; top: 0px; z-index: 10; width: 100%;
}
.navigation {
background: -moz-linear-gradient(45deg, #920091 0%, #dd3353 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#920091), color-stop(100%,#dd3353)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #920091 0%,#dd3353 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #920091 0%,#dd3353 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #920091 0%,#dd3353 100%); /* IE10+ */ background: linear-gradient(45deg, #920091 0%,#dd3353 100%); /* W3C */ z-index: 5; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */ position: relative; border-bottom: 1px solid #000000;
}
.stickToTop {
position: fixed; top:0; width:100%;
}
ul.topnav {
list-style: none; padding: 0; margin: 0; float: left; width: 100%; font-size: 16px; font-weight:bold;
}
ul.topnav li {
float: left; margin: 0; padding: 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a {
padding: 10px 15px 5px 20px; color: #fff; display: block; text-decoration: none; float: left;
}
ul.topnav > li > a {
height: 23px; overflow: hidden;
}
ul.topnav li span { /*--Drop down trigger styles--*/
color: #CCCCCC;
} ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav {
z-index: 1; //Stay on top of slider list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 39px; background: #333; margin: 0; padding: 0; display: none; float: left; border: 1px solid #111; border-radius: 0 0 5px 5px;
} ul.topnav li ul.subnav li {
margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; list-style: none outside none;
} ul.topnav li ul.subnav, ul.topnav li ul.subnav li {
width: 160px;
} ul.topnav li ul.subnav li:last-child{
border-radius: 0 0 5px 5px;
} ul.topnav li ul.subnav li a {
float: left; padding-left: 10px; padding-right: 10px; width: 140px;
} ul.topnav li ul.subnav li a:last-child{
border-radius: 0 0 5px 5px;
}
- top-section {
border: none; height: 0px;
}
- content, #globalWrapper {
border: none; width: 100%; margin: 0; padding: 0;
}
/* Removes "teams" from the menubar */
- menubar > ul > li:last-child {
display: none;
}
/* Resizes the menubar to fik the links (default is 400px) */
- menubar {
display: none; width: auto;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
body {
width: 100%; padding: 0; line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: ; content: none;
}
table {
border-collapse: collapse; border-spacing: 0;
}
table {
vertical-align: middle;
}
tbody,tfoot,thead,tr,th,td {
vertical-align: inherit;
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold; line-height: 1.5em;
}
th {
font-weight: bold;
}
strong {
font-weight: bold;
}
p {
margin: 1em 0;
}
h3 {
font-size: 1.17em;
}
a {
outline: 0;
}
- empty {
height: 5px;
}
- empty.fixed {
height: 45px;
}
li.navitem1 > a, li.navitem1 > span {
border-bottom: 1px solid #3366CC;
} li.navitem2 > a, li.navitem2 > span {
border-bottom: 1px solid #CCCCFF;
} li.navitem3 > a, li.navitem3 > span {
border-bottom: 1px solid #99CCFF;
} li.navitem4 > a, li.navitem4 > span {
border-bottom: 1px solid #66eeCC;
} li.navitem5 > a, li.navitem5 > span {
border-bottom: 1px solid #99CC66;
} li.navitem6 > a, li.navitem6 > span {
border-bottom: 1px solid #FFDD22;
} li.navitem7 > a, li.navitem7 > span {
border-bottom: 1px solid #FF99CC;
} li.navitem8 > a, li.navitem8 > span {
border-bottom: 1px solid #FF0000;
}
.header_bar {
background-color: rgba(255,255,255,0.98); height: 114px; width: 100%; top: 0; left: 0;
}
- header{
width: 1066px; margin: 0 auto;
}
- header {
padding-top: 31px; font-family: proxima-nova,sans-serif;
}
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none; line-height: inherit;
}
/* Removes "teams" from the menubar */
- menubar > ul > li:last-child {
display: none;}
/* Resizes the menubar to fik the links (default is 400px) */
- menubar {
width: auto;}
body {
margin: 10px 0 0 0; padding: 0; background-color: white;
}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 65%; top: -14px;}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: white;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: white;}
- bodyContent h1, #bodyContent h2 {
margin-bottom: 0em;
}
- globalWrapper {
font-size: 100%;
}
- bodyContent a[href ^="mailto:"], .link-mailto {
background: #7d9faa;
} small{
margin-bottom: 20px; margin-top: 10px; padding-bottom: 10px;
}