Team:TU Eindhoven/Style:Home

From 2014.igem.org

(Difference between revisions)
Line 25: Line 25:
   background:  url('https://static.igem.org/mediawiki/2014/2/27/Background_TU_Eindhoven.jpg');
   background:  url('https://static.igem.org/mediawiki/2014/2/27/Background_TU_Eindhoven.jpg');
   font-family: 'Open Sans', sans-serif;
   font-family: 'Open Sans', sans-serif;
-
   font-size: 100%;}
+
   font-size: 100%;
 +
width: 50%;
 +
    height: 50%}
.wrap{
.wrap{

Revision as of 23:04, 19 July 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;}

.zoom {

 zoom: 10%;

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

width: 50%;

   height: 50%}

.wrap{ margin:0 auto; width:100%; } .footer_bg1{ background:url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png'); height:auto

       margin-bottom:-10px;

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

/* start footer */ .footer_bg{ background:url('https://static.igem.org/mediawiki/2014/c/c1/Bg_foot_TU_Eindhoven.png'); } .footer{ padding: 2% 2%; } .span_of_4{ display: block; } .span1_of_4{ float:left; width: 28%; margin-left: 5%; }

  1. bodyContent > div.footer_bg > div > div > 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: 0.8725em; line-height:1.8em; color: #c9c9c9; } .span1_of_4 p a{ color: #c9c9c9; -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; } .span1_of_4 p 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: 0.8725em; 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. 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{ float:right;

       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;

}