Team:TU Eindhoven/Style:Pages
From 2014.igem.org
Rafiqlubken (Talk | contribs) |
Rafiqlubken (Talk | contribs) |
||
Line 34: | Line 34: | ||
} | } | ||
- | a{text-decoration:none;} | + | a { |
- | .txt-rt{text-align:right;} | + | text-decoration:none; |
- | .txt-lt{text-align:left;} | + | } |
- | .txt-center{text-align:center;} | + | |
- | .float-rt{float:right;} | + | .txt-rt { |
- | .float-lt{float:left;} | + | text-align:right; |
- | .clear{clear:both;} | + | } |
- | .pos-relative{position:relative;} | + | |
- | .pos-absolute{position:absolute;} | + | .txt-lt { |
- | .vertical-base{ vertical-align:baseline;} | + | text-align:left; |
- | .vertical-top{ vertical-align:top;} | + | } |
- | .underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;} | + | |
+ | .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;}/* vertical menu */ | nav.vertical ul li{ display:block;}/* vertical menu */ | ||
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ | nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ |
Revision as of 19:32, 1 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;}/* vertical menu */ nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ img{max-width:100%;}
/*End Initialization*/
.text{
margin: 0% 70% 0% 0%
}
- 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:#d5d5d5; 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%; } .main_text h2 span{ color: #555555; -webkit-text-stroke: 2px; } .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%; }
- bodyContent > div.wrap > div > div.team > div.cont-grid_left > div.Jasper > div > a {background:#00BAC6;
}
- 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*/
- 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;
}
/*End Figures*/