Team:TU Eindhoven/Style:Pages

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 34: Line 34:
}
}
-
a{text-decoration:none;}
+
a {
-
.txt-rt{text-align:right;}/* text align right */
+
  text-decoration:none;
-
.txt-lt{text-align:left;}/* text align left */
+
}
-
.txt-center{text-align:center;}/* text align center */
+
 
-
.float-rt{float:right;}/* float right */
+
.txt-rt {
-
.float-lt{float:left;}/* float left */
+
  text-align:right;
-
.clear{clear:both;}/* clear float */
+
}
-
.pos-relative{position:relative;}/* Position Relative */
+
 
-
.pos-absolute{position:absolute;}/* Position Absolute */
+
.txt-lt {
-
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
+
  text-align:left;
-
.vertical-top{ vertical-align:top;}/* vertical align top */
+
}
-
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
+
-
nav.vertical ul li{ display:block;}/* vertical menu */
+
.txt-center {
-
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
+
  text-align:center;
-
img{max-width:100%;}
+
}
 +
 
 +
.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*/
/*End Initialization*/
 +
 +
 +
/*Start Main*/
.text{
.text{
Line 77: Line 126:
.main{
.main{
padding: 6% 6% 3% 6%;
padding: 6% 6% 3% 6%;
-
         background:#d5d5d5;
+
         background:white;
         width:72%;
         width:72%;
         margin-left:auto;
         margin-left:auto;
Line 96: Line 145:
margin-bottom: 2%;
margin-bottom: 2%;
}
}
-
.main_text h2 span{
+
.maintext span{
-
color: #555555;
+
  font-size:25px;
-
-webkit-text-stroke: 2px;
+
  text-transform: uppercase;
 +
  color: #777777;
 +
  text-shadow: 0 1px 0 #ffffff;
}
}
.para{
.para{
Line 203: Line 254:
   text-align: center;
   text-align: center;
   border: 1px solid black;
   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*/
/*End Figures*/

Latest revision as of 16:13, 14 September 2014

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

Retrieved from "http://2014.igem.org/Team:TU_Eindhoven/Style:Pages"