Team:BIT-China/css/base.css

From 2013.igem.org

(Difference between revisions)
Line 371: Line 371:
body {
body {
-
     margin: 10px 0 0 0;
+
     margin: 0px 0 0 0;
     padding: 0;}
     padding: 0;}
#top-section {
#top-section {

Revision as of 17:02, 26 September 2013

body {

   font-family: proxima-nova,sans-serif;
   min-width: 1100px;

}

  1. header img {
   max-height: 100px !important;
   margin-top: -30px;

}

.clear {

   clear: both;

}

  1. width_wrapper {
   margin: 0 auto;

}

  1. header {
   margin-top: 30px;
   height: 75px;

}

  1. 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;

}

  1. 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;

}

  1. footer_bg .foot-1 img{
   z-index: 5;
   float: left;
   margin-top: 15px;

}

  1. footer_bg .foot-2 img{
   z-index: 5;
   float: left;
   margin-top: 15px;

}

  1. footer_bg .foot-3 img{
   z-index: 5;
   float: right;
   margin-top: 15px;

}

  1. footer_bg .foot-4 img{
   z-index: 5;
   float: right;
   margin-top: 15px;

}



.section {

   background-image: url("BIT-China_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;

}

  1. navigation,.navigation {
   font-family: 'Lucida Sans Unicode',sans-serif;
   height: 35px;
   width: 100%;

}

  1. 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;

}

  1. top-section {
   border: none;
   height: 0px;

}

  1. content, #globalWrapper {
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;

}

/* Removes "teams" from the menubar */

  1. menubar > ul > li:last-child {
   display: none;

}

/* Resizes the menubar to fik the links (default is 400px) */

  1. 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;

}

  1. empty {
   height: 5px;

}

  1. 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;

}

  1. header{
   width: 1066px;
   margin: 0 auto;

}

  1. header {
   padding-top: 31px;
   font-family: proxima-nova,sans-serif;

}

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  1. content {
   border: none;
   line-height: inherit;

}

/* Removes "teams" from the menubar */

  1. menubar > ul > li:last-child {
   display: none;}

/* Resizes the menubar to fik the links (default is 400px) */

  1. menubar {
   width: auto;}

body {

   margin: 0px 0 0 0;
   padding: 0;}
  1. top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar {
   font-size: 65%;
   top: -14px;}

.left-menu:hover {

   background-color: transparent;}
  1. menubar li a {
   background-color: transparent;}
  1. menubar:hover {
   color: white;}
  1. menubar li a {
   color: transparent;}
  1. menubar:hover li a {
   color: white;}
  1. bodyContent h1, #bodyContent h2 {
   margin-bottom: 0em;

}

  1. globalWrapper {
   font-size: 100%;

}