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%

}

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

  1. bodyContent > div.wrap > div > div.team > div.cont-grid_left > div.Jasper > div > a {background:#00BAC6;

}

  1. 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*/

  1. Figure1{
  border: 1px solid black;
  z-index:3;
  width:40%;
  text-align: center;

}

  1. 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*/