Team:BIT-China/css/base.css

From 2013.igem.org

(Difference between revisions)
Line 401: Line 401:
}
}
-
#bodyContent h {
+
#bodyContent p {
     margin-top: -1em;
     margin-top: -1em;
}
}

Revision as of 17:05, 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: 10px 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%;

}

  1. bodyContent p { 
   margin-top: -1em;

}

Retrieved from "http://2013.igem.org/Team:BIT-China/css/base.css"