Team:TU Eindhoven/Style:Home

From 2014.igem.org

(Difference between revisions)
 
(41 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
+
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;}
   {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
Line 5: Line 5:
   {display: block;}
   {display: block;}
-
.zoom {
 
-
  zoom: 10%;
 
-
}
 
ol,ul
ol,ul
   {list-style:none;margin:0;padding:0;}
   {list-style:none;margin:0;padding:0;}
Line 18: Line 15:
table
table
   {border-collapse:collapse;border-spacing:0;}
   {border-collapse:collapse;border-spacing:0;}
-
 
-
 
-
 
body {
body {
Line 26: Line 20:
   font-family: 'Open Sans', sans-serif;
   font-family: 'Open Sans', sans-serif;
   font-size: 100%;
   font-size: 100%;
-
@media (max-width: 700px) { width: 50%;
+
  z-index:1;
-
    height: 50%}
+
}
}
.wrap{
.wrap{
-
margin:0 auto;
+
  margin:0 auto;
-
width:100%;
+
  width:100%;
}
}
-
.footer_bg1{
+
 
-
background:url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png');
+
#project {
-
height:auto
+
  padding:10% 10%;
-
        margin-bottom:-10px;
+
}
}
 +
 +
#project > h2 {
 +
  font-size: 45px;
 +
  text-align:center;
 +
  color: #ffffff;
 +
  margin-bottom: 5%;
 +
}
 +
 +
#project > p {
 +
  font-size:25px;
 +
  color:#ffffff;
 +
  text-align:center;
 +
  line-height: 60px;
 +
}
 +
.header_btm{
.header_btm{
background: url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png');
background: url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png');
Line 46: Line 53:
.slider{
.slider{
padding: 0 8%;
padding: 0 8%;
 +
z-index:1;
}
}
/* start footer */
/* start footer */
.footer_bg{
.footer_bg{
-
background:url('https://static.igem.org/mediawiki/2014/c/c1/Bg_foot_TU_Eindhoven.png');
+
  background:url('https://static.igem.org/mediawiki/2014/c/c1/Bg_foot_TU_Eindhoven.png');
-
}
+
  height:350px;
-
.footer{
+
  padding:5% 4%;
-
padding: 2% 2%;
+
}
}
 +
.span_of_4{
.span_of_4{
display: block;
display: block;
Line 60: Line 68:
.span1_of_4{
.span1_of_4{
float:left;
float:left;
-
width: 28%;
+
width: 19%;
-
margin-left: 5%;
+
margin-left: 8%;
}
}
-
#bodyContent > div.footer_bg > div > div > div > div:nth-child(3) > p.btm1.mail > a {background:none;}
+
#bodyContent > div.footer_bg > div > div:nth-child(3) > p.btm1.mail > a {background:none;}
.span1_of_4:first-child{
.span1_of_4:first-child{
margin-left: 0;
margin-left: 0;
Line 74: Line 82:
}
}
.span1_of_4 p{
.span1_of_4 p{
-
font-size: 0.8725em;
+
  font-size: 16px;
-
line-height:1.8em;
+
  line-height: 25px;
-
color: #c9c9c9;
+
  color: #ffffff;
 +
  text-align:justify;
}
}
-
.span1_of_4 p a{
+
 
-
color: #c9c9c9;
+
* a{
-
-webkit-transition: all 0.3s ease-in-out;
+
  color:#ffffff;
-
-moz-transition: all 0.3s ease-in-out;
+
  -webkit-transition: all 0.3s ease-in-out;
-
-o-transition: all 0.3s ease-in-out;
+
  -moz-transition: all 0.3s ease-in-out;
-
transition: all 0.3s ease-in-out;
+
  -o-transition: all 0.3s ease-in-out;
 +
  transition: all 0.3s ease-in-out;
}
}
-
.span1_of_4 p a:hover{
+
 
 +
* a:hover{
color: #00BAC6;
color: #00BAC6;
         text-decoration: none;
         text-decoration: none;
}
}
 +
.span1_of_4 p.top{
.span1_of_4 p.top{
border-top: 1px solid rgb(99, 99, 99);
border-top: 1px solid rgb(99, 99, 99);
Line 109: Line 121:
display:inline-block
display:inline-block
padding-left:8%;
padding-left:8%;
-
font-size: 0.8725em;
+
font-size: 15px;
color: #00BAC6;
color: #00BAC6;
}
}
Line 143: Line 155:
.footer1{
.footer1{
padding: 2% 2%;
padding: 2% 2%;
-
}
 
-
#toTop {
 
-
display: none;
 
-
text-decoration: none;
 
-
position: fixed;
 
-
bottom: 10px;
 
-
right: 10px;
 
-
overflow: hidden;
 
-
width: 32px;
 
-
height: 32px;
 
-
border: none;
 
-
text-indent: 100%;
 
-
background: url('https://static.igem.org/mediawiki/2014/7/76/Top_TU_Eindhoven.jpg') no-repeat right top;
 
-
}
 
-
.copy{
 
-
float:left;
 
-
}
 
-
.copy p{
 
-
font-size: 0.6em;
 
-
line-height: 1.8em;
 
-
color: #c9c9c9;
 
-
}
 
-
.copy p a{
 
-
color:#ffffff;
 
-
-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;
 
-
}
 
-
.copy p a:hover{
 
-
color: #00BAC6;
 
-
        text-decoration: none;
 
}
}
-
.copyright{
+
#bodyContent > div.footer_bg > div > div:nth-child(4) > a {
-
float:right;
+
  background:none;  
-
        padding-right:1%
+
-
}
+
-
.copyright p{
+
-
font-size: 0.6em;
+
-
line-height: 1.8em;
+
-
color: #c9c9c9;
+
-
}
+
-
.copyright p a{
+
-
color:#ffffff;
+
-
-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;
+
-
}
+
-
.copyright p a:hover{
+
-
color: #00BAC6;
+
-
        text-decoration: none;
+
}
}

Latest revision as of 11:48, 12 September 2014

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;}

body {

  background:  url('https://static.igem.org/mediawiki/2014/2/27/Background_TU_Eindhoven.jpg');
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  z-index:1;

}

.wrap{

  margin:0 auto;
  width:100%;

}

  1. project {
  padding:10% 10%;

}

  1. project > h2 {
  font-size: 45px;
  text-align:center;
  color: #ffffff;
  margin-bottom: 5%;

}

  1. project > p {
  font-size:25px;
  color:#ffffff;
  text-align:center;
  line-height: 60px;

}

.header_btm{ background: url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png'); height: auto; } /* start slider */ .slider{ padding: 0 8%; z-index:1; }

/* start footer */ .footer_bg{

  background:url('https://static.igem.org/mediawiki/2014/c/c1/Bg_foot_TU_Eindhoven.png');
  height:350px;
  padding:5% 4%;

}

.span_of_4{ display: block; } .span1_of_4{ float:left; width: 19%; margin-left: 8%; }

  1. bodyContent > div.footer_bg > div > div:nth-child(3) > p.btm1.mail > a {background:none;}

.span1_of_4:first-child{ margin-left: 0; } .span1_of_4 h4{ margin-bottom:8%; font-size: 1.5em; text-transform: capitalize; color: #ffffff; } .span1_of_4 p{

  font-size: 16px;
  line-height: 25px;
  color: #ffffff;
  text-align:justify;

}

  • a{
  color:#ffffff;
  -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;

}

  • a:hover{

color: #00BAC6;

       text-decoration: none;

}

.span1_of_4 p.top{ border-top: 1px solid rgb(99, 99, 99); margin-top: 20px; padding-top: 10px; } .span1_of_4 p.btm{ margin-bottom: 8%; } .span1_of_4 p.btm1{ margin-bottom: 4%; } .span1_of_4 p.call{ margin-bottom: 4%; } .f_nav1{ margin-top: 1%; } .f_nav1 li { display:inline-block padding-left:8%; font-size: 15px; color: #00BAC6; }

.pin{ background: url('https://static.igem.org/mediawiki/2014/5/56/Pin_TU_Eindhoven.png') no-repeat; padding-left: 30px; } .mail{ background: url('https://static.igem.org/mediawiki/2014/8/85/Mail_TU_Eindhoven.png') no-repeat; padding-left: 30px; } .call{ background: url('https://static.igem.org/mediawiki/2014/9/9a/Call_TU_Eindhoven.png') no-repeat; padding-left: 30px; } .FB{ background: url('https://static.igem.org/mediawiki/2014/d/d2/FB2_TU_Eindhoven.png') no-repeat; padding-left: 30px; }

big { font-size: 1.5em; color: #ffffff; } /* start footer1 */ .footer_bg1{ background:url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png'); height:auto

       margin-bottom:-10px;

} .footer1{ padding: 2% 2%; }

  1. bodyContent > div.footer_bg > div > div:nth-child(4) > a {
  background:none; 

}