Team:TU Eindhoven/Style:Pages

From 2014.igem.org

(Difference between revisions)
 
(63 intermediate revisions not shown)
Line 1: Line 1:
-
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;}
+
/*Start Initialization*/
-
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;}
+
-
/* start editing from here */
+
-
a{text-decoration:none;}
+
-
.txt-rt{text-align:right;}/* text align right */
+
-
.txt-lt{text-align:left;}/* text align left */
+
-
.txt-center{text-align:center;}/* text align center */
+
-
.float-rt{float:right;}/* float right */
+
-
.float-lt{float:left;}/* float left */
+
-
.clear{clear:both;}/* clear float */
+
-
.pos-relative{position:relative;}/* Position Relative */
+
-
.pos-absolute{position:absolute;}/* Position Absolute */
+
-
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
+
-
.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 */
+
-
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
+
-
img{max-width:100%;}
+
-
/*end reset*/
+
-
#Figure1{
+
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 {
-
position: absolute;
+
  margin:0;
-
left: 75%;
+
  padding:0;
-
top: 30%;
+
  border:0;
-
border: 1px solid black;
+
  font-size:100%;
-
z-index:3;
+
  font:inherit;
 +
  vertical-align:baseline;
 +
}
-
text-align: center;
+
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
 +
  display: block;
}
}
-
#Figure2{
+
ol,ul {
-
position: absolute;
+
  list-style:none;
-
left: 75%;
+
  margin:0;
-
top: 57%;
+
  padding:0;
-
z-index:3;
+
-
text-align: center;
+
}
}
 +
blockquote,q {
 +
  quotes:none;
 +
}
-
.text{
+
blockquote:before,blockquote:after,q:before,q:after {
-
margin: 0% 50% 0% 0%
+
  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{
.header_btm{
-
background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
+
  background: url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
-
height: auto;
+
  height: auto;
-
width:auto;
+
  width:auto;
}
}
 +
 +
body{
 +
  background:url('https://static.igem.org/mediawiki/2014/2/27/Background_TU_Eindhoven.jpg');
 +
}
 +
/* start main */
/* start main */
 +
.main{
.main{
-
padding: 6% 8% 3% 8%;
+
padding: 6% 6% 3% 6%;
 +
        background:white;
 +
        width:72%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
        margin-bottom:5%;
 +
        border-radius:5px;
}
}
 +
.main_text{
.main_text{
text-align:center;
text-align:center;
}
}
 +
.main_text h2{
.main_text h2{
font-size: 2em;
font-size: 2em;
Line 67: 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 76: Line 156:
}
}
.top_bg{
.top_bg{
-
background: url('https://static.igem.org/mediawiki/2014/2/27/Background_TU_Eindhoven.jpg');
+
background:none;
background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-webkit-background-size: cover;
Line 84: Line 164:
}
}
.top{
.top{
-
padding: 4% 8%;
+
padding: 4% 14%;
}
}
.top h2{
.top h2{
Line 95: Line 175:
.cont-grid_left {
.cont-grid_left {
float: left;
float: left;
-
width: 60.3333%;
+
width: 68%;
}
}
.cont-grid_right {
.cont-grid_right {
float: right;
float: right;
-
width: 60.3333%;
+
width: 68%;
}
}
.cont-grid_left-img{
.cont-grid_left-img{
Line 159: Line 239:
         text-decoration:none;
         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*/

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"