Team:TU Eindhoven/Style:Pages
From 2014.igem.org
/*Start Initialization*/
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,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav,ul,nav,li,fieldset,form,label,legend,table,caption,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;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
display: block;
}
ol,ul {
list-style:none; margin:0; padding:0;
}
blockquote,q {
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
content:; content:none;
}
table {
border-collapse:collapse; border-spacing:0;
}
a {
text-decoration:none;
}
.txt-rt {
text-align:right;
}
.txt-lt {
text-align:left;
}
.txt-center {
text-align:center;
}
.float-rt {
float:right;
}
.float-lt {
float:left;
}
.clear {
clear:both;
}
.pos-relative {
position:relative;
}
.pos-absolute {
position:absolute;
}
.vertical-base {
vertical-align:baseline;
}
.vertical-top {
vertical-align:top;
}
.underline {
padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;
}
nav.vertical ul li {
display:block;
}
nav.horizontal ul li {
display: inline-block;
}
img {
max-width:100%;
}
/*End Initialization*/
/*Start Main*/
.text{
margin: 0% 70% 0% 0%
}
- header1{
font-size: 1.5em; text-transform: uppercase; color: #777777; text-shadow: 0 1px 0 #ffffff;
}
.header_btm{
background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png'); height: auto; width:auto;
}
body{
background:url('https://static.igem.org/mediawiki/2014/2/27/Background_TU_Eindhoven.jpg');
}
/* start main */
.main{ padding: 6% 6% 3% 6%;
background:white; width:72%; margin-left:auto; margin-right:auto; margin-bottom:5%; border-radius:5px;
}
.main_text{ text-align:center; }
.main_text h2{ font-size: 2em; text-transform: uppercase; color: #777777; text-shadow: 0 1px 0 #ffffff; margin-bottom: 2%; } .maintext span{
font-size:25px; text-transform: uppercase; color: #777777; text-shadow: 0 1px 0 #ffffff;
} .para{
text-align:justify;
float:left; } .top_bg{ background:none; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .top{ padding: 4% 14%; } .top h2{ font-size: 2em; color: #ffffff; } .team{ display: block; } .cont-grid_left { float: left; width: 68%; } .cont-grid_right { float: right; width: 68%; } .cont-grid_left-img{ margin-left: 3.3333%; width: auto; float:left; } .cont-grid_right-img{ margin-right: 3.3333%; width: auto; float:right; }
.cont-grid-img img{ margin-top: 10px; } .cont-grid_left span{ font-size: 1.5em; text-transform: uppercase; color: #777777; text-shadow: 0 1px 0 #ffffff; } .cont-grid_right span{ font-size: 1.5em; text-transform: uppercase; color: #777777; text-shadow: 0 1px 0 #ffffff; } .Jasper p{ margin-top: 2%; } .team-p{ margin-top:20px; } .read_more { margin-top: 2%; } .btn{ color: #ffffff; border: 1px solid #22D5E0; display: inline-block; text-transform: uppercase; padding: 12px 20px; font-size: 0.875em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
margin-bottom:7%;
margin-top:2%; }
- bodyContent > div.wrap > div > div.team > div.cont-grid_left > div.Jasper > div > a {background:#00BAC6;
}
- bodyContent > div.wrap > div > div.team > div.cont-grid_right > div.Jasper > div > a {background:#00BAC6;
}
.btn:hover { color: #555555;
text-decoration:none;
}
/*Start Figures*/
- Figure1{
border: 1px solid black; z-index:3; width:40%; text-align: center;
}
- Figure2{
z-index:3; opacity:1; text-align: center; border: 1px solid black;
}
img {
display: block; margin-left: auto; margin-right: auto;
}
figcaption {
text-align:center; color:#00BAC6; font-size:16px; margin-top:10px
}
/*End Figures*/