Team:BIT-China/css/base.css
From 2013.igem.org
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(../img/bk2.png); 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;}
/* 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;}
- 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;}