"
Sifuentes anita5
From 2014.igem.org
| (66 intermediate revisions not shown) | |||
| Line 7: | Line 7: | ||
<!-- start of css --> | <!-- start of css --> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | + | ||
/* Clear the default wiki settings */ | /* Clear the default wiki settings */ | ||
| Line 49: | Line 49: | ||
#contentWrap { | #contentWrap { | ||
width: 975px; | width: 975px; | ||
| - | height: | + | height:100%; |
margin-left: 20px; | margin-left: 20px; | ||
float:left; | float:left; | ||
| - | + | padding-top: 30px; | |
margin-right: auto; | margin-right: auto; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
| - | border-radius: 5px; | + | border-radius: 5px; |
} | } | ||
#leftColumn { | #leftColumn { | ||
| - | |||
width: 150px; | width: 150px; | ||
float:left; | float:left; | ||
| - | padding: 5px 10px 0px 10px; | + | padding: 5px 10px 5px 10px; |
| + | border: 1px solid #ccc; | ||
| + | border-bottom: 0px solid #fff; | ||
| + | border-top: 0px solid #fff; | ||
| + | border-left: 0px solid #fff; | ||
| + | margin-top: 10px; | ||
| + | height: 100%; | ||
} | } | ||
| Line 91: | Line 96: | ||
width : 140px; | width : 140px; | ||
float: left; | float: left; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | .smallBlockLeft li{ | ||
| + | padding-top: 5px; | ||
| + | list-style: circle; | ||
} | } | ||
| Line 118: | Line 130: | ||
background-color: #c1dfa6; | background-color: #c1dfa6; | ||
} | } | ||
| - | |||
| + | /* general styling */ | ||
/* Titles are switched to Arial Black with no line decoration */ | /* Titles are switched to Arial Black with no line decoration */ | ||
| - | + | ||
| + | .listleft { | ||
font-family: "Arial", Gadget, sans-serif; border-bottom:none; | font-family: "Arial", Gadget, sans-serif; border-bottom:none; | ||
font-weight: bold; | font-weight: bold; | ||
color: #434343; | color: #434343; | ||
| - | |||
} | } | ||
| - | # | + | #rightColumn h1, h2, h3, h4, h5 { |
| - | + | font-family: "Arial", Gadget, sans-serif; border-bottom:none; | |
| + | font-weight: bold; | ||
| + | color: #434343; | ||
| + | border-bottom: 1px solid #ccc; | ||
} | } | ||
| + | |||
| + | |||
/* Establish font size and family for all text */ | /* Establish font size and family for all text */ | ||
| Line 138: | Line 155: | ||
} | } | ||
| - | #contentWrap a: | + | #contentWrap a { |
| + | color:#3aa76c; | ||
font-weight: bold; | font-weight: bold; | ||
| - | |||
text-decoration: none; | text-decoration: none; | ||
| - | + | opacity: 1.0; | |
| + | filter: alpha(opacity=100); /* For IE8 and earlier */ | ||
} | } | ||
| - | + | #contentWrap a:hover { | |
| + | opacity: 0.8; | ||
| + | filter: alpha(opacity=80); /* For IE8 and earlier */ | ||
| + | } | ||
</style> | </style> | ||
| Line 164: | Line 185: | ||
<div class="smallBlockLeft"> | <div class="smallBlockLeft"> | ||
| - | + | <ul> | |
| + | <h3 class="listleft"> title of page </h3> | ||
| + | <li> <a href="">subtitle one</a></li> | ||
| + | <li> <a href=""> subtitle two </a></li> | ||
| + | <li> <a href=""> subtitle three </a></li> | ||
| + | </ul> | ||
| + | |||
</div> | </div> | ||
| Line 170: | Line 197: | ||
<div id="rightColumn"> | <div id="rightColumn"> | ||
| - | <div class="fullWidthRight"> | + | <div class="fullWidthRight"> |
<h2>Title of page</h2> | <h2>Title of page</h2> | ||
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad | <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad | ||
| Line 177: | Line 204: | ||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
</p> | </p> | ||
| - | <img src="https://static.igem.org/mediawiki/2014/1/19/Chairmansprize_Sumbawagen.jpg" width="740px"> | + | <img src="https://static.igem.org/mediawiki/2014/1/19/Chairmansprize_Sumbawagen.jpg" width="740px"> |
| - | <h3> subtitle </h3> | + | <h3> subtitle </h3> |
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad | <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad | ||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in | minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in | ||
| Line 184: | Line 211: | ||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
</p> | </p> | ||
| - | <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad | + | <p> <a href=""> Lorem ipsum dolor </a>sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad |
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in | minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in | ||
voluptate velit esse cillum dolore eu fugiat nulla pariatur. | voluptate velit esse cillum dolore eu fugiat nulla pariatur. | ||
| Line 194: | Line 221: | ||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
</p> | </p> | ||
| + | |||
| + | <ul> | ||
| + | <li>subtitle one</li> | ||
| + | <li>subtitle two </li> | ||
| + | <li>subtitle three</li> | ||
| + | </ul> | ||
| + | |||
</div> | </div> | ||
| - | |||
| - | |||
</div> | </div> | ||
Latest revision as of 16:47, 20 January 2015
- subtitle one
- subtitle two
- subtitle three
title of page
Title of page
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- subtitle one
- subtitle two
- subtitle three
