Team:SYSU-Software/safety.css
From 2013.igem.org
(Difference between revisions)
Line 9: | Line 9: | ||
font-family: 'Arial'; | font-family: 'Arial'; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | /*header images */ | ||
+ | #team-header{ | ||
+ | margin: 0 auto; | ||
+ | z-index: 100; | ||
+ | |||
+ | height: 200px; | ||
+ | width: 980px; | ||
+ | background-color: white; | ||
+ | |||
+ | font-family: 'Arial'; | ||
+ | } | ||
+ | #team-header-logo{ | ||
+ | position: relative; | ||
+ | left: 20px; | ||
+ | top:30px; | ||
+ | } | ||
+ | #team-header-text{ | ||
+ | position: relative; | ||
+ | left: 130px; | ||
+ | top: -67px; | ||
+ | } | ||
+ | |||
+ | #boss-header-image{ | ||
+ | position: relative; | ||
+ | left: 285px; | ||
+ | top: -85px; | ||
+ | } | ||
+ | |||
+ | /*navigation*/ | ||
+ | #navigation1{ | ||
+ | float: right; | ||
+ | height: 40px; | ||
+ | |||
+ | z-index: 100; | ||
+ | |||
+ | position: relative; | ||
+ | top: -37px; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | margin-bottom: 0px; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .nav{ | ||
+ | display: inline; | ||
+ | |||
+ | height: 40px; | ||
+ | background-color:#A8DBD2; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav > li > a{ | ||
+ | font-size: 14px; | ||
+ | border: none; | ||
+ | height: 40px; | ||
+ | padding:0px 20px; | ||
+ | |||
+ | line-height: 40px; | ||
+ | } | ||
+ | #nav-li{ | ||
+ | height: 40px; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav > li.active > a{ | ||
+ | background-color: #FFE14B; | ||
+ | height: 40px; | ||
+ | } | ||
+ | .navbar-inverse .nav > li.active > a{ | ||
+ | background-color: #FFE14B; | ||
+ | } | ||
+ | /*sub navs*/ | ||
+ | #sub-link1{ | ||
+ | width:90px; | ||
+ | background-color:#A8DBD2; | ||
+ | } | ||
+ | .navbar .nav > li > ul:before { | ||
+ | border-width: 0px; | ||
+ | } | ||
+ | |||
+ | #sub-link2{ | ||
+ | width:100px; | ||
+ | background-color:#A8DBD2; | ||
+ | } | ||
+ | #sub-link3{ | ||
+ | width:135px; | ||
+ | background-color:#A8DBD2; | ||
+ | |||
+ | } | ||
+ | #sub-link4{ | ||
+ | background-color:#A8DBD2; | ||
+ | width:70px; | ||
+ | } | ||
+ | |||
+ | |||
Line 129: | Line 226: | ||
font-size: 15px; | font-size: 15px; | ||
} | } | ||
+ | |||
+ | |||
+ | /*footer*/ | ||
+ | #team-footer{ | ||
+ | width: 980px; | ||
+ | margin:0 auto; | ||
+ | |||
+ | position: relative; | ||
+ | bottom: 0px; | ||
+ | overflow: hidden; | ||
+ | |||
+ | background-color: #ebdfd2; | ||
+ | } | ||
+ | /*instructions*/ | ||
+ | #team-sub{ | ||
+ | position: relative; | ||
+ | |||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | #subscribe{ | ||
+ | position: relative; | ||
+ | } | ||
+ | #subscribe-header{ | ||
+ | position: relative; | ||
+ | top: 25px; | ||
+ | left: 145px; | ||
+ | |||
+ | font-weight: bolder; | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | #subscribe-content{ | ||
+ | position: relative; | ||
+ | top: 45px; | ||
+ | left: 145px; | ||
+ | |||
+ | font-weight: bold; | ||
+ | line-height: 10px; | ||
+ | } | ||
+ | #link{ | ||
+ | position: relative; | ||
+ | left: 100px; | ||
+ | } | ||
+ | #link-header{ | ||
+ | position: relative; | ||
+ | top: 20px; | ||
+ | left: 180px; | ||
+ | |||
+ | font-weight:bolder; | ||
+ | font-size: 25px; | ||
+ | } | ||
+ | #link-content{ | ||
+ | position: relative; | ||
+ | top: 34px; | ||
+ | left: 180px; | ||
+ | } | ||
+ | |||
+ | #link-content a{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | /*bottom image*/ | ||
+ | #bottom-image{ | ||
+ | position: relative; | ||
+ | bottom: 0px; | ||
+ | } | ||
Revision as of 12:37, 27 August 2013
*{ padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; }
/*header images */ #team-header{ margin: 0 auto; z-index: 100;
height: 200px; width: 980px; background-color: white;
font-family: 'Arial'; } #team-header-logo{ position: relative; left: 20px; top:30px; } #team-header-text{ position: relative; left: 130px; top: -67px; }
#boss-header-image{ position: relative; left: 285px; top: -85px; }
/*navigation*/ #navigation1{ float: right; height: 40px;
z-index: 100;
position: relative; top: -37px; }
.navbar { margin-bottom: 0px; overflow: visible; }
.nav{ display: inline;
height: 40px; background-color:#A8DBD2; } .navbar-inverse .nav > li > a{ font-size: 14px; border: none; height: 40px; padding:0px 20px;
line-height: 40px; } #nav-li{ height: 40px; } .navbar-inverse .nav > li.active > a{ background-color: #FFE14B; height: 40px; } .navbar-inverse .nav > li.active > a{ background-color: #FFE14B; } /*sub navs*/ #sub-link1{ width:90px; background-color:#A8DBD2; } .navbar .nav > li > ul:before { border-width: 0px; }
#sub-link2{ width:100px; background-color:#A8DBD2; } #sub-link3{ width:135px; background-color:#A8DBD2;
} #sub-link4{ background-color:#A8DBD2; width:70px; }
- safety-container{
width: 980px; height: 100%; background-color: #DDF4EF; margin:0 auto;
}
- safety-header{
height: 100%;
}
- safety-sanjiao1{
float: left; margin-left: 50px; margin-top: 40px;
}
- safety-font{
float: left; margin-top: 30px; margin-left: 30px; margin-right: 27px;
}
- safety-sanjiao2{
float: left; margin-top: 40px;
}
- safety-q1{
clear: both;
}
- q1-light{
float: left; margin-left: 40px; margin-top: 37px;
}
- q1-text{
float: left; margin-top: 50px; margin-left: 4px;
font-family: 'Arial'; font-size: 19px; font-weight: 900; color: #445d72;
}
- q1-image{
float: left; margin-left: 60px; margin-top: 30px; margin-right: 50px;
}
- q1-pen{
float: left; margin-top: 28px; margin-left: 40px;
}
- q1-answer{
width: 850px; float: left; margin-left: 2px; margin-top: 38px;
line-height: 24px; color: #445d72; font-weight: 800; font-size: 15px;
}
- safety-q2{
clear: both;
}
- q2-light{
float: left; margin-left: 40px; margin-top: 45px;
}
- q2-text{
float: left; margin-top: 58px; margin-left: 4px;
font-family: 'Arial'; font-size: 19px; font-weight: 900; color: #445d72;
}
- q2-pen{
clear: both; float: left; margin-top: 28px; margin-left: 40px;
}
- q2-answer{
width: 850px; float: left; margin-left: 2px; margin-top: 38px; margin-bottom: 30px;
line-height: 24px; color: #445d72; font-weight: 800; font-size: 15px;
}
/*footer*/ #team-footer{ width: 980px; margin:0 auto;
position: relative; bottom: 0px; overflow: hidden;
background-color: #ebdfd2; } /*instructions*/ #team-sub{ position: relative;
margin-bottom: 30px; } #subscribe{ position: relative; } #subscribe-header{ position: relative; top: 25px; left: 145px;
font-weight: bolder; font-size: 25px; } #subscribe-content{ position: relative; top: 45px; left: 145px;
font-weight: bold; line-height: 10px; } #link{ position: relative; left: 100px; } #link-header{ position: relative; top: 20px; left: 180px;
font-weight:bolder; font-size: 25px; } #link-content{ position: relative; top: 34px; left: 180px; }
#link-content a{ text-decoration: none; } /*bottom image*/ #bottom-image{ position: relative; bottom: 0px; }
a:focus{ outline-color:#544444; }