Template:Team:UW/CSS

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
* {
-
 
+
margin:0px;
-
.firstHeading {                                                   /* Gets rid of the default iGEM picture*/
+
padding:0px;
-
    height:2px;
+
-
    visibility:hidden;
+
}
}
-
 
+
p {
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
margin:0px;
-
width: 100%;
+
padding:0px;
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
-
 
+
ul {
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
margin:0px;
-
width: 100%;  
+
padding:0px;
-
height: 100%;  
+
-
background-color: transparent;
+
}
}
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
ul {
-
border: 0 none;
+
margin:0px;
-
height: 14px;
+
padding:0px;
-
z-index: 100;
+
list-style:none;
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
        background-color: transparent;  
+
}
}
-
 
+
input {
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
background:transparent  
-
        background-color:transparent;
+
-
        height: 14px;
+
-
display: block;
+
-
z-index: 10;
+
-
position: fixed;
+
-
width:100%;
+
-
top: 0;
+
}
}
-
 
+
a {
-
#menubar a:link, #menubar a:visited  { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
color:#650000;
-
        color:#FFF;
+
text-decoration:none;
-
text-decoration: none;
+
-
background-color: transparent;
+
}
}
-
 
+
a:hover {
-
#menubar a:active, #menubar a:hover
+
color:#5a5a5a;
-
{
+
text-decoration:underline;
-
        color:#FFF;
+
-
text-decoration: underline;
+
-
        background-color:transparent;
+
}
}
-
* {
+
body {
-
margin: 0;
+
margin:0px;
-
padding: 0;
+
padding:0px;
-
 
+
font-family:Arial, Helvetica, sans-serif;
-
-webkit-font-smoothing: antialiased;
+
font-size:12px;
-
-webkit-box-sizing: border-box;
+
color:#000000;
-
-moz-box-sizing: border-box;
+
background:url(../images/bgR.png) repeat-x left top #ffffff;
-
box-sizing: border-box;
+
}
}
-
 
+
.clear {
-
::selection {
+
margin:0px;
-
background: #F79042;
+
padding:0px;
-
color: #fff;
+
height:0px;
 +
font-size:0px;
 +
clear:both;
}
}
-
 
+
#wrapper {
-
.slide-out-div {
+
margin:0px auto;
-
          padding: 20px;
+
width:960px;
-
          background-image:url(../img_bu14/popopenbkgd_bu14.png);
+
-
  background-repeat:repeat;
+
-
  z-index:30;
+
-
  text-align:left;
+
-
      }
+
-
 
+
-
a:link {
+
-
color: #F79042;
+
-
text-decoration: none;
+
}
}
-
a:visited {
+
#branding {
-
text-decoration: none;
+
height:150px;
-
color: #F79042;
+
}
}
-
a:hover {
+
#branding h1{
-
text-decoration: underline;
+
font-size:62px;
 +
font-weight:normal;
}
}
-
a:active {
+
#topbar {
-
text-decoration: none;
+
    background-image:url(../images/topbg.gif);
 +
background-repeat:repeat-x;
 +
width:960px;
 +
height:40px;
 +
float:left;
}
}
-
 
+
ul.topNav  {
-
.title{
+
margin:0px;
-
position:absolute;
+
padding:0px;
-
top:38px;
+
width:960px;
-
left:83px;
+
-
z-index:2;
+
}
}
-
 
+
.topNav li{
-
body {
+
float:left;
-
color: #353535;
+
display:inline-block;
-
font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
+
-
text-align:center;
+
}
}
-
 
+
.topNav li a{
-
h0{
+
float:left;
-
color:#FFF;
+
    font-family:tahoma, arial;
-
font-size:40px;
+
font-size:11px;
-
font-weight:700;
+
color:#FFFFFF;
-
        text-decoration:none;
+
text-align:center;
 +
line-height:35px;
 +
display:inline-block;
 +
text-decoration:none;
 +
background:#313131;
 +
padding-left:12px;
 +
padding-right:12px;
 +
margin-top:5px;
 +
border-right:1px dotted #FFFFFF;
}
}
-
 
+
.topNav li a:hover{
-
header1{
+
background:#FFFFFF;
-
font-size:28px;
+
color:#000000;
-
font-weight:700;
+
text-decoration:none;
-
text-transform:uppercase;
+
border-right:1px dotted #000000;
-
        text-decoration:none;
+
}
 +
.topNav li a.topNavAct{
 +
background:#FFFFFF url(../images/topNavSep.png) no-repeat right bottom;
 +
color:#000000;
 +
text-decoration:none;
 +
height:40px;
 +
position:relative;
 +
top:-5px;
 +
border-right:none;
 +
}
 +
.topNav li a.topNavLast{
 +
border-right:none;
 +
padding-left:15px;
 +
padding-right:15px;
 +
}
 +
.search-container{
 +
background-repeat:no-repeat;
 +
width:260px;
 +
height:37px;
 +
float:right;
 +
margin-right:60px;
 +
margin-top:5px;
 +
}
 +
.search-container input.topSearch{
 +
    font-size:18px;
 +
color:#CACACA;
 +
line-height:18px;
 +
background:url(../images/topInpurtArea.png) repeat-x left top;
 +
border:none;
 +
width:205px;
 +
padding-top:5px;
 +
padding-left:5px;
 +
padding-right:5px;
 +
height:32px;
 +
float:left;
 +
display:inline-block;
 +
}
 +
.searchBtn{
 +
    background-image:url(../images/seach_button.png);
 +
background-repeat:no-repeat;
 +
width:35px;
 +
height:39px;
 +
cursor:pointer;
 +
border:none;
 +
float:right;
 +
display:inline-block;
 +
text-indent:999999px;
 +
}
 +
#banner {
 +
    background-image:url(../images/banner.png);
 +
background-repeat:no-repeat;
 +
width:960px;
 +
height:454px;
 +
float:left;
 +
}
 +
.logo {
 +
    background-image:url(../images/logo.png);
 +
background-repeat:no-repeat;
 +
width:354px;
 +
height:68px;
 +
margin-left:4px;
 +
margin-top:42px;
 +
}
 +
.logo a{
 +
text-indent:-999999px;
 +
width:354px;
 +
height:68px;
 +
display:block;
 +
}
 +
.h4 {
 +
    font-family:Arial, Helvetica, sans-serif;
 +
font-size:24px;
 +
color:#000000;
 +
margin-top:12px;
 +
margin-left:50px;
 +
}
 +
.start {
 +
    width:150px;
 +
height:93px;
 +
float:left;
 +
}
 +
.start a{
 +
    background-image:url(../images/start_now_n.png);
 +
background-repeat:no-repeat;
 +
width:150px;
 +
height:93px;
 +
float:left;
 +
margin-left:355px;
 +
margin-top:346px;
 +
}
 +
.start a:hover{
 +
    background-image:url(../images/start_now_r.png);
 +
background-repeat:no-repeat;
 +
width:150px;
 +
height:93px;
 +
float:left;
 +
margin-left:355px;
 +
margin-top:346px;
 +
}
 +
#contant {
 +
width:960px;
 +
}
 +
#contant h2{
 +
font-family:Georgia, "Times New Roman", Times, serif;
 +
font-size:38px;
 +
color:#3a3a3a;
 +
font-weight:normal;
 +
margin-bottom:20px;
 +
}
 +
#contant h2 span{
 +
display:block;
 +
font-size:10px;
 +
color:#808080;
 +
border-top:2px dotted #3a3a3a;
 +
font-family:tahoma, arial;
 +
padding-top:5px;
 +
}
 +
.contant_1_left {
 +
    width:710px;
 +
float:left;
 +
}
 +
.contant_1_left img{
 +
float: left;
 +
margin-right:10px;
 +
}
 +
.contant_1_left p{
 +
font-size:14px;
 +
color:#3a3a3a;
 +
font-weight:normal;
 +
line-height:20px;
 +
}
 +
.contant_1_left p a {
 +
color:#650000;
 +
text-decoration:underline;
 +
}
 +
.contant_1_left p a:hover {
 +
color:#5a5a5a;
 +
text-decoration:none;
}
}
-
header2{
+
.contant_1_left h3{
 +
font-size:24px;
 +
background:#757575;
 +
color:#FFFFFF;
 +
display:inline;
 +
padding-left:10px;
 +
padding-right:10px;
 +
font-weight:normal;
 +
line-height:32px;
 +
padding-top:4px;
 +
border-bottom:1px solid #C8C8C8;
 +
}
 +
.bottomClear {
 +
clear:right;
 +
margin-bottom:15px;
 +
}
 +
p.quoteBar {
 +
background:#F0F0F0;
 +
padding:5px;
 +
font-size:11px;
 +
line-height:14px;
 +
color:#3D3D3D;
 +
width:640px;
 +
margin:auto;
 +
margin-top:20px;
 +
margin-bottom:20px;
 +
font-style:italic;
 +
}
 +
.post_iteams {
 +
    width:625px;
 +
margin-bottom:90px;
 +
}
 +
.post_iteams h3{
 +
margin:0px;
 +
padding:0px;
 +
    font-family:Arial, Helvetica, sans-serif;
 +
font-size:36px;
 +
color:#000000;
 +
font-weight:normal;
 +
    background:url(../images/bpi1.png) no-repeat left top;
 +
padding-left:83px;
 +
padding-bottom:20px;
 +
}
 +
.post_iteams h3 p{
 +
margin:0px;
 +
padding:0px;
 +
padding-top:8px;
 +
    font-family:Arial, Helvetica, sans-serif;
 +
font-size:36px;
 +
color:#000000;
 +
font-weight:normal;
 +
}
 +
.post_iteams h3 span{
 +
    background:url(../images/bpi2.png) no-repeat left top;
 +
display:block;
 +
height:35px;
 +
padding-left:40px;
 +
    font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-size:18px;
-
color:#FFF;
+
color:#959595;
-
font-weight:700;
+
-
text-transform:uppercase;
+
-
text-align:left;
+
-
        text-decoration:none;
+
}
}
-
 
+
.post_iteams_contant_box {
-
header3{
+
padding-left:80px;
-
font-size:20px;
+
-
color:#000;
+
-
font-weight:700;
+
-
text-align:left;
+
-
        text-decoration:none;
+
}
}
-
 
+
.post_iteams_contant_box p {
-
maincontent{
+
margin:0px;
 +
padding:0px;
 +
    font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-size:14px;
-
font-weight:200;
+
line-height:18px;
-
text-align:justify;
+
color:#000000;
 +
font-weight:bold;
}
}
-
 
+
.sideBar{
-
capt{
+
    width:240px;
 +
float:left;
 +
margin-left:10px;
 +
}
 +
.sideBarItem {
 +
margin:0px;
 +
padding:0px;
 +
margin-bottom:25px;
 +
}
 +
.sideBarItem h3{
 +
margin:0px;
 +
padding:0px;
 +
    font-family:Georgia, "Times New Roman", Times, serif;
 +
font-size:24px;
 +
color:#3A3A3A;
 +
}
 +
.sideBarItem ul li{
 +
    background:url(../images/sideBarArrow.png) no-repeat 5px 12px;
 +
display:block;
 +
height:30px;
 +
line-height:30px;
 +
border-bottom:1px  dotted #CBCBCB;
 +
padding-left:20px;
 +
    font-family:tahoma, "Trebuchet MS";
font-size:12px;
font-size:12px;
-
        color:#5E5F5F;
+
font-weight:bold;
-
font-weight:150;
+
-
text-align:justify;
+
-
        line-height:110%
+
}
}
-
 
+
.sideBarItem ul li a{
-
sidenav{
+
color:#650000;
-
color:#FFF;
+
text-decoration:none;
-
font-weight:700;
+
}
}
-
 
+
.sideBarItem ul li a:hover{
-
#logo {
+
color:#3A3A3A;
-
position: absolute;
+
text-decoration:underline;
-
left: 80px;
+
-
top: 40px;
+
-
z-index: 2;
+
-
margin-left: -17px;
+
}
}
-
 
+
.sideBarItem p{
-
.header{
+
font-size:14px;
-
background-color:#353535;
+
font-weight:bold;
-
position:fixed;
+
padding-right:10px;
-
height:125px;
+
line-height:20px;
-
top:0px;
+
-
width:100%;
+
-
z-index:30;
+
}
}
-
.igemlogo
+
.sideBarListBox {
-
{
+
margin-bottom:20px;
-
position:fixed;
+
-
right:5px;
+
-
z-index:30;
+
}
}
-
 
+
.sideBarListBox ul{
-
 
+
background:#EBE8D9;
-
#tracking_nav
+
padding:0 10px;
-
{
+
-
margin: 0px 0px 0px 950px;
+
-
position: fixed;
+
-
color:#bababa;
+
-
border: 1px solid #3d3f3c;
+
-
background:#3d3f3c;
+
-
font-size: 16pt;
+
-
padding: 5px;
+
-
line-height: 120%;
+
}
}
-
 
+
.sideBarListBox ul li{
-
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
+
border-bottom:1px dotted #5A5A5A;
-
#tracking_nav a:hover {background:#bababa;}
+
color:#5A5A5A;
-
 
+
padding-top:10px;
-
ul#nav {
+
padding-bottom:10px;
-
width:90%;
+
-
top:100px;
+
-
left:60px;
+
-
position:fixed;
+
-
z-index:30;
+
}
}
-
 
+
.sideBarListBox ul li a{
-
#nav li {
+
color:#5A5A5A;
-
color: #FFF;
+
line-height:16px;
-
background-color:none;
+
-
margin: 0 15px 0 0;
+
-
float: left;
+
-
position: relative;
+
-
list-style: none;
+
-
 
+
}
}
-
#nav li:last-child { margin:0; }
+
.sideBarListBox ul li a label{
-
 
+
line-height:16px;
-
/* main level link */
+
-
#nav a {
+
-
font-family:bree-web, Bree, sans-serif;
+
-
font-size:10pt;
+
-
font-weight:600;
+
-
line-height:210%;
+
-
color: inherit;
+
-
text-decoration: none;
+
-
display: block;
+
-
padding: 0 0 0 5px;
+
-
margin: 0;
+
}
}
-
 
+
.midBox1 {
-
ul#nav > li > a {
+
background:url(../images/midBox1.png) repeat-x left top;
-
line-height:10px;
+
padding:14px 10px;
-
border-left:solid 3px #bbb;
+
border-bottom:2px dotted #737373;
-
padding:0 0 0 15px;
+
margin-bottom:20px;
}
}
-
 
+
.midBox1 span img{
-
#nav a:hover {
+
float:right;
-
/*background-color: #870203;
+
margin-left:10px;
-
color: #ffffff;*/
+
}
}
-
 
+
.midBox1Top {
-
/* main level link hover */
+
width:580px;
-
#nav .current a, #nav li:hover > a {
+
text-align:right;
-
color: #F79042;
+
float:right;
-
border-color:#F79042;
+
}
}
-
 
+
.midBox1Top h3{
-
/* sub levels link hover */
+
font-family:Georgia, "Times New Roman", Times, serif;
-
#nav ul li:hover a, #nav li:hover li a {
+
font-size:28px;
-
border: none;
+
color:#000000;
-
background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png);
+
font-weight:normal;
-
background-repeat:repeat;
+
line-height:34px;
-
color:#FFF;
+
margin-bottom:20px;
}
}
-
 
+
.midBox1Top p{
-
#nav ul a:hover {
+
line-height:20px;
-
color: #353535 !important;
+
-
/*background: #fff url() repeat-x 0 -100px !important;
+
-
text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
+
}
}
-
 
+
.midBox1Top img{
-
 
+
border:none;
-
/* dropdown */
+
margin-top:5px;
-
#nav li:hover > ul {
+
-
/*display: block;*/
+
-
opacity:1;
+
-
margin:0;
+
-
background-color: none;
+
-
z-index:0;
+
}
}
-
 
+
.midBox1Bottom {
-
/* level 2 list */
+
width:580px;
-
#nav ul {
+
text-align:right;
-
/*display: none;*/
+
float:right;
-
opacity:0;
+
margin-top:30px;
-
margin: 20px 0 0 0;
+
-
padding: 7px 0 0 0;
+
-
width: 205px;
+
-
position: absolute;
+
-
left: 0;
+
-
z-index:-1;
+
-
 
+
}
}
-
#nav ul li {
+
.midBox1Bottom h4{
-
float: none;
+
font-family:Georgia, "Times New Roman", Times, serif;
-
margin: 0;
+
font-size:24px;
-
padding: 0;
+
color:#3A3A3A;
 +
font-weight:normal;
 +
line-height:24px;
 +
margin-bottom:10px;
 +
text-align:right;
}
}
-
 
+
.midBox1Bottom ul li{
-
#nav ul a {
+
    background:url(../images/midBox2Arrow.png) no-repeat right 10px;
-
font-weight: normal;
+
display:block;
-
/*text-shadow: 0 1px 0 #fff;*/
+
line-height:24px;
 +
padding-right:10px;
 +
    font-family:tahoma, "Trebuchet MS";
 +
font-size:14px;
 +
font-weight:bold;
 +
margin-right:20px;
}
}
-
 
+
.midBox1Bottom ul li a{
-
/* clearfix */
+
color:#262626;
-
#nav:after {
+
text-decoration:none;
-
content: ".";
+
-
display: block;
+
-
clear: both;
+
-
visibility: hidden;
+
-
line-height: 0;
+
-
height: 0;
+
}
}
-
#nav {
+
.midBox1Bottom ul li a:hover{
-
display: inline-block;
+
color:#3A3A3A;
-
}
+
text-decoration:underline;
-
html[xmlns] #nav {
+
-
display: block;
+
}
}
-
+
.midBox2 {
-
* html #nav {
+
border-bottom:2px dotted #737373;
-
height: 1%;
+
margin-bottom:20px;
 +
padding:10px;
 +
}
 +
.midBox2L {
 +
float:right;
 +
width:460px;
 +
margin-right:10px;
}
}
-
 
+
.midBox2L h2{
-
 
+
font-family:Georgia, "Times New Roman", Times, serif;
-
 
+
font-size:38px;
-
 
+
color:#3A3A3A;
-
 
+
font-weight:bold;
-
.headerdivider{
+
margin-bottom:10px;
-
        background-image:url(https://static.igem.org/mediawiki/2014/1/15/Headerdivider_bu14.png);
+
text-align:left;
-
position:absolute;
+
-
top:120px;
+
-
height:15px;
+
-
width:100%;
+
-
z-index:10;
+
}
}
-
 
+
.midBox2L h3{
-
.plasmid{
+
font-family:Georgia, "Times New Roman", Times, serif;
-
        background-color:transparent;
+
font-size:18px;
-
position: relative;
+
line-height:20px;
-
background-repeat:no-repeat;
+
color:#3A3A3A;
-
margin-left:auto;
+
font-weight:bold;
-
margin-right:auto;
+
margin-bottom:10px;
-
width:400px;
+
text-align:left;
-
height:500px;
+
}
-
        top: calc(50% - 300px);
+
.midBox2L p{
-
z-index:10;
+
font-size:14px;
 +
line-height:20px;
 +
color:#262626;
 +
font-weight:normal;
 +
margin-top:20px;
 +
text-align:left;
}
}
-
.banner {
+
#footer {
-
        background-image:url(https://static.igem.org/mediawiki/2014/0/03/Boston1_bu14.jpg);
+
    background:#4A4A4A;
-
        background-size:cover;
+
padding:10px;
-
position: absolute;
+
padding-bottom:20px;
-
top:100px;
+
margin-bottom:30px;
-
width: 100%;
+
-
height:100%;
+
-
overflow: auto;
+
-
font-size: 18px;
+
-
text-align: center;
+
-
color: rgba(255,255,255,.6);
+
-
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
+
-
 
+
-
box-shadow: 0 1px 2px rgba(0,0,0,.25);
+
-
+
-
+
}
}
-
+
#footer p{
-
.wrap {
+
    color:#E1E1E1;
-
margin: 0 auto;
+
font-size:14px;
-
width: 960px;
+
line-height:20px;
}
}
-
 
+
.footerForm {
-
.anchor{
+
float:right;
-
position:absolute;
+
width:600px;
-
top:calc(100% - 125px);
+
}
}
 +
-
.topanchor{
+
.footerForm h3{
-
position:absolute;
+
      font-family:Georgia, "Times New Roman", Times, serif;
-
top:calc(0% - 125px);
+
      font-size:38px;
 +
      color:#e9e9e9;
 +
      font-weight:bold;
 +
      margin-bottom:10px;
 +
      text-align:left;
 +
      margin-bottom:5px;
}
}
-
 
+
.footerForm h4{
-
.lower{
+
      font-family:Georgia, "Times New Roman", Times, serif;
-
background-image:url(https://static.igem.org/mediawiki/2014/d/d7/Gradient_bu14.png);
+
      font-size:18px;
-
background-color:#FFF;
+
      color:#b7b7b7;
-
text-align:center;
+
      font-weight:bold;
-
background-repeat:repeat-x;
+
      margin-bottom:10px;
-
width:100%;
+
      text-align:left;
-
position:absolute;
+
}
-
top:100%;
+
.footerFormR {
-
z-index:10;
+
width:285px;
 +
margin-right:10px;
 +
float:left;
 +
margin-top:20px;
}
}
-
.content{
+
.footerForm p{
-
text-align:left;
+
margin-bottom:5px;
 +
}
 +
.footerForm p label{
 +
display:block;
 +
font-size:14px;
 +
font-weight:bold;
 +
padding-bottom:2px;
 +
}
 +
input.footerInputArea {
 +
background:#FFFFFF;
 +
border:none;
 +
padding:6px;
 +
width:274px;
 +
height:20px;
 +
padding-top:4px;
 +
font-size:18px;
 +
font-weight:normal;
 +
}
 +
textarea.footertextarea {
 +
background:#FFFFFF;
 +
border:none;
 +
padding:6px;
 +
width:274px;
 +
height:133px;
 +
padding-top:6px;
 +
font-size:18px;
 +
font-weight:normal;
 +
}
 +
input.footerSubmit {
 +
background:url(../images/submit.png);
 +
border:none;
 +
width:108px;
 +
height:37px;
 +
font-size:18px;
 +
font-weight:normal;
 +
float:right;
 +
cursor:pointer;
 +
}
 +
#footerContainer {
 +
background:url(../images/footerContainerBgR.png) repeat-x left top;
 +
height:50px;
 +
line-height:50px;
 +
font-size:12px;
 +
font-family:Georgia, "Times New Roman", Times, serif;
 +
color:#B7B7B7;
width:100%;
width:100%;
-
position:relative;
 
-
z-index:10;
 
-
 
}
}
-
.text{
+
#footerContainer p{
-
width:75%;
+
width:960px;
-
margin-left:auto;
+
margin:auto;
-
margin-right:auto;
+
padding:0px 10px;
}
}
-
.content1{
+
#footerContainer p label{
-
background-image:url(../img_bu14/whitebkgd_bu14.png);
+
float:right;
-
background-repeat:repeat;
+
-
 
+
-
 
+
-
.sponsors{
+
-
background-color:#FFF;
+
-
position:relative;
+
-
text-align:center;
+
-
bottom:0px;
+
-
z-index:10;
+
}
}
-
 
+
#footerContainer p label a{
-
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
+
color:#B7B7B7;
-
.wrap {
+
}#footerContainer p label a:hover{
-
width: 90%;
+
color:#666666;
-
}
+
-
#logo {
+
-
left: 50px;
+
-
top: 30px;
+
-
}
+
-
 
+
-
.banner header1, .banner header2 {
+
-
font-size: 24px;
+
-
line-height: 30px;
+
-
}
+
-
.banner ul li {
+
-
height: 240px;
+
-
}
+
-
.banner .inner {
+
-
padding-top: 100px;
+
-
padding-bottom: 50px;
+
-
}
+
-
.banner p {
+
-
font-size: 15px;
+
-
width: 80%;
+
-
margin: 0 auto;
+
-
}
+
-
pre {
+
-
overflow: auto;
+
-
}
+
-
.features li {
+
-
width: 100%;
+
-
margin-left: 10px;
+
-
margin-bottom: 30px;
+
-
}
+
-
.how li {
+
-
width: 90%;
+
-
}
+
-
.how pre {
+
-
position: static;
+
-
width: 100%;
+
-
}
+
}
}
-
 
-
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 
-
.features li:before {
 
-
background: url('img/icons@2x.png');
 
-
background-size: 100%;
 
-
}
 
-
}
 
-
 
-
 
</style>
</style>
</html>
</html>

Revision as of 03:46, 25 September 2014

Retrieved from "http://2014.igem.org/Template:Team:UW/CSS"