Team:TU Eindhoven/Style:Home
From 2014.igem.org
Rafiqlubken (Talk | contribs) |
Rafiqlubken (Talk | contribs) |
||
(189 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 16: | Line 16: | ||
{border-collapse:collapse;border-spacing:0;} | {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%; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #project { | |
- | + | padding:10% 10%; | |
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #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'); | ||
- | height: | + | height: auto; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* start slider */ | /* start slider */ | ||
.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'); | |
- | + | height:350px; | |
- | + | padding:5% 4%; | |
- | + | ||
} | } | ||
+ | |||
.span_of_4{ | .span_of_4{ | ||
display: block; | display: block; | ||
Line 185: | Line 68: | ||
.span1_of_4{ | .span1_of_4{ | ||
float:left; | float:left; | ||
- | width: | + | width: 19%; |
- | margin-left: | + | margin-left: 8%; |
} | } | ||
+ | #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 198: | Line 82: | ||
} | } | ||
.span1_of_4 p{ | .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; | 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 222: | Line 110: | ||
} | } | ||
.span1_of_4 p.btm1{ | .span1_of_4 p.btm1{ | ||
+ | margin-bottom: 4%; | ||
+ | } | ||
+ | .span1_of_4 p.call{ | ||
margin-bottom: 4%; | margin-bottom: 4%; | ||
} | } | ||
Line 230: | Line 121: | ||
display:inline-block | display:inline-block | ||
padding-left:8%; | padding-left:8%; | ||
- | font-size: | + | font-size: 15px; |
color: #00BAC6; | color: #00BAC6; | ||
} | } | ||
Line 246: | Line 137: | ||
padding-left: 30px; | padding-left: 30px; | ||
} | } | ||
+ | .FB{ | ||
+ | background: url('https://static.igem.org/mediawiki/2014/d/d2/FB2_TU_Eindhoven.png') no-repeat; | ||
+ | padding-left: 30px; | ||
+ | } | ||
+ | |||
big { | big { | ||
font-size: 1.5em; | font-size: 1.5em; | ||
Line 254: | Line 150: | ||
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'); | ||
height:auto | height:auto | ||
+ | margin-bottom:-10px; | ||
+ | |||
} | } | ||
.footer1{ | .footer1{ | ||
padding: 2% 2%; | padding: 2% 2%; | ||
} | } | ||
- | + | ||
- | + | #bodyContent > div.footer_bg > div > div:nth-child(4) > a { | |
- | + | background: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%;
}
- project {
padding:10% 10%;
}
- 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{ 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%; }
- 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%; }
- bodyContent > div.footer_bg > div > div:nth-child(4) > a {
background:none;
}