Team:TU Eindhoven/Style:Home
From 2014.igem.org
Rafiqlubken (Talk | contribs) |
|||
(42 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;} | ||
- | |||
- | |||
- | |||
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%; | ||
- | + | z-index:1; | |
- | + | } | |
.wrap{ | .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'); | ||
Line 45: | 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'); | |
- | + | height:350px; | |
- | + | padding:5% 4%; | |
- | + | ||
} | } | ||
+ | |||
.span_of_4{ | .span_of_4{ | ||
display: block; | display: block; | ||
Line 59: | Line 68: | ||
.span1_of_4{ | .span1_of_4{ | ||
float:left; | float:left; | ||
- | width: | + | width: 19%; |
- | margin-left: | + | margin-left: 8%; |
} | } | ||
- | #bodyContent > div.footer_bg | + | #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 73: | 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 108: | Line 121: | ||
display:inline-block | display:inline-block | ||
padding-left:8%; | padding-left:8%; | ||
- | font-size: | + | font-size: 15px; |
color: #00BAC6; | color: #00BAC6; | ||
} | } | ||
Line 142: | Line 155: | ||
.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;
}