Matt Gerrard (Talk | contribs) |
Matt Gerrard (Talk | contribs) |
||
Line 220: | Line 220: | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
− | . | + | .wwwwww { |
width: 81%; | width: 81%; | ||
margin: 2%; | margin: 2%; | ||
Line 233: | Line 233: | ||
/* styling for the titles h1 h2 */ | /* styling for the titles h1 h2 */ | ||
− | . | + | .wwwwww h1, .wwwwww h2 { |
padding:5px 15px; | padding:5px 15px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
Line 241: | Line 241: | ||
/* styling for the titles h3 h4 h5 h6*/ | /* styling for the titles h3 h4 h5 h6*/ | ||
− | . | + | .wwwwww h3, .wwwwww h4, .wwwwww h5, .wwwwww h6 { |
padding:5px 15px; | padding:5px 15px; | ||
border-bottom:0px; | border-bottom:0px; | ||
Line 249: | Line 249: | ||
/* font and text */ | /* font and text */ | ||
− | . | + | .wwwwww p { |
padding: 0px 15px; | padding: 0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
Line 255: | Line 255: | ||
/* Links */ | /* Links */ | ||
− | . | + | .wwwwww a { |
font-weight: bold; | font-weight: bold; | ||
text-decoration: underline; | text-decoration: underline; | ||
Line 268: | Line 268: | ||
/* hover for the links */ | /* hover for the links */ | ||
− | . | + | .wwwwww a:hover { |
text-decoration:none; | text-decoration:none; | ||
color:#000000; | color:#000000; | ||
Line 274: | Line 274: | ||
/* non numbered lists */ | /* non numbered lists */ | ||
− | . | + | .wwwwww ul { |
padding:0px 20px; | padding:0px 20px; | ||
font-size: 13px; | font-size: 13px; | ||
Line 281: | Line 281: | ||
/* numbered lists */ | /* numbered lists */ | ||
− | . | + | .wwwwww ol { |
padding:0px; | padding:0px; | ||
font-size: 13px; | font-size: 13px; | ||
Line 288: | Line 288: | ||
/* Table */ | /* Table */ | ||
− | . | + | .wwwwww table { |
width: 97%; | width: 97%; | ||
margin:15px 10px; | margin:15px 10px; | ||
Line 296: | Line 296: | ||
/* table cells */ | /* table cells */ | ||
− | . | + | .wwwwww td { |
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
Line 304: | Line 304: | ||
/* table headers */ | /* table headers */ | ||
− | . | + | .wwwwww th { |
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
Line 316: | Line 316: | ||
/* general class for column divs */ | /* general class for column divs */ | ||
− | . | + | .wwwwww .column { |
padding: 10px 0px; | padding: 10px 0px; | ||
float:left; | float:left; | ||
Line 348: | Line 348: | ||
/* class that clears content below*/ | /* class that clears content below*/ | ||
− | . | + | .wwwwww .clear { |
clear:both; | clear:both; | ||
} | } | ||
Line 354: | Line 354: | ||
/* adds extra spacing when clearing content */ | /* adds extra spacing when clearing content */ | ||
− | . | + | .wwwwww .clear.extra_space { |
height: 30px; | height: 30px; | ||
} | } | ||
Line 360: | Line 360: | ||
/* highlight class, makes content slightly smaller */ | /* highlight class, makes content slightly smaller */ | ||
− | . | + | .wwwwww .highlight { |
margin: 0px 15px; | margin: 0px 15px; | ||
padding: 15px 0px; | padding: 15px 0px; | ||
Line 367: | Line 367: | ||
/* highlight class, adds a gray background */ | /* highlight class, adds a gray background */ | ||
− | . | + | .wwwwww .highlight.gray { |
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
} | } | ||
/* highlight with decoration blue line on top */ | /* highlight with decoration blue line on top */ | ||
− | . | + | .wwwwww .highlight.blue_top { |
border-top: 4px solid #3399ff; | border-top: 4px solid #3399ff; | ||
} | } | ||
/* highlight with a full blue border decoration */ | /* highlight with a full blue border decoration */ | ||
− | . | + | .wwwwww .highlight.blue_border { |
border: 4px solid #3399ff; | border: 4px solid #3399ff; | ||
} | } | ||
Line 383: | Line 383: | ||
/* button class */ | /* button class */ | ||
− | . | + | .wwwwww .button{ |
max-width: 35%; | max-width: 35%; | ||
margin: 30px auto; | margin: 30px auto; | ||
Line 397: | Line 397: | ||
/* styling for button on hover */ | /* styling for button on hover */ | ||
− | . | + | .wwwwww .button:hover{ |
background-color: #3399ff; | background-color: #3399ff; | ||
color: #000000; | color: #000000; | ||
Line 423: | Line 423: | ||
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | ||
− | . | + | .wwwwww {width:100%; margin-left:0px;} |
.column.half_size {width:100%; } | .column.half_size {width:100%; } | ||
.column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | ||
Line 746: | Line 746: | ||
<!-- start of content --> | <!-- start of content --> | ||
− | <div class=" | + | <div class="wwwwww"> |
<h1>HFLS_H2Z_Hangzhou</h1> | <h1>HFLS_H2Z_Hangzhou</h1> | ||
</html> | </html> |
Revision as of 10:22, 12 June 2017