Team:Waterloo/Test

From 2013.igem.org

(Difference between revisions)
Line 71: Line 71:
#wrapper {
#wrapper {
overflow: hidden;
overflow: hidden;
-
background: #F1F2E9;
+
background: #5C5B5B;
}
}
Line 147: Line 147:
overflow: hidden;
overflow: hidden;
padding: 0px 0px 50px 0px;
padding: 0px 0px 50px 0px;
-
border-bottom: 1px dashed #E7E2DC;
+
border-bottom: 1px dashed #E7E7E7;
letter-spacing: -3px;
letter-spacing: -3px;
text-align: center;
text-align: center;
Line 154: Line 154:
#splash span {
#splash span {
-
color: #313131;
+
color: #E7E7E7;
}
}
Line 182: Line 182:
padding: 6px 5px 2px 5px;
padding: 6px 5px 2px 5px;
border: 1px solid #DEDEDE;
border: 1px solid #DEDEDE;
-
background: #FFFFFF;
+
background: #E7E7E7;
text-transform: lowercase;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
font: normal 11px Arial, Helvetica, sans-serif;
Line 192: Line 192:
height: 22px;
height: 22px;
border: none;
border: none;
-
background: #B9B9B9;
+
background: #E7E7E7;
color: #000000;
color: #000000;
}
}
Line 202: Line 202:
height: 52px;
height: 52px;
margin-bottom: 2em;
margin-bottom: 2em;
-
background: #3C342E;
+
background: #E7E7E7;
}
}
Line 233: Line 233:
font-family: 'Oswald', sans-serif;
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-size: 14px;
-
font-weight: 300;
+
font-weight: 500;
-
color: #FFFFFF;
+
color: #56273F;
}
}
#menu a:hover, #menu .current_page_item a {
#menu a:hover, #menu .current_page_item a {
-
background: #DE5635;
+
background: #C61A70;
text-decoration: none;
text-decoration: none;
color: #FFFFFF;
color: #FFFFFF;
Line 318: Line 318:
color: #FFFFFF;
color: #FFFFFF;
}
}
-
 
.comments {
.comments {
display: block;
display: block;
Line 325: Line 324:
height: 25px;
height: 25px;
padding: 2px 0px 0px 0px;
padding: 2px 0px 0px 0px;
-
background: url(images/img08.jpg) no-repeat left top;
+
background: none;
text-align: center;
text-align: center;
color: #FFFFFF;
color: #FFFFFF;
 +
}
}
Line 333: Line 333:
#sidebar {
#sidebar {
-
float: right;
+
float: left;
-
width: 384px;
+
width: 200px;
margin: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-
color: #787878;
+
color: #F7F7F7;
}
}
#sidebar h2 {
#sidebar h2 {
-
margin: 0px 0px 30px 0px;
+
margin: 0px 0px 0px 0px;
-
padding: 0px 0px 10px 0px;
+
padding: 40px 0px 5px 0px;
-
border-bottom: 3px solid #E0E1D6;
+
border-bottom: none;
-
text-shadow: 1px 1px 0px #FFFFFF;
+
text-shadow: none;
-
font-size: 26px;
+
font-size: 20px;
-
color: #373737;
+
color: #56273F;
}
}
Line 382: Line 382:
#footer-bg {
#footer-bg {
overflow: hidden;
overflow: hidden;
-
padding: 70px 0px;
+
padding: 20px 20px;
-
background: #3C342E;
+
background: #F7F7F7;
-
border-top: 10px solid #E5E6DD;
+
border-top: 10px solid #E7E7E7;
 +
        margin
}
}
#footer-content {
#footer-content {
}
}
-
 
#footer-content h2 {
#footer-content h2 {
-
margin: 0px 0px 20px 0px;
+
float: justify;
-
padding: 0px 0px 10px 0px;
+
        margin: 0px 0px 0px 0px;
-
border-bottom: 2px solid #DE5635;
+
padding: 20px 20px 10px 0px;
 +
border-bottom: 3px solid #DD6FFF;
font-size: 22px;
font-size: 22px;
color: #FFFFFF;
color: #FFFFFF;
 +
}
}
-
 
#column1 {
#column1 {
float: left;
float: left;
width: 384px;
width: 384px;
-
margin-right: 20px;
+
margin-right: 23px;
}
}
Line 410: Line 411:
#column3 {
#column3 {
-
float: right;
+
float: left;
width: 384px;
width: 384px;
 +
        margin-left: 23px;
}
}
-
 
/* Footer */
/* Footer */
Line 419: Line 420:
height: 100px;
height: 100px;
margin: 0 auto;
margin: 0 auto;
-
padding: 50px 0px 0px 0px;
+
padding: 0px 0px 0px 0px;
}
}
-
 
#footer p {
#footer p {
margin: 0;
margin: 0;
padding-top: 10px;
padding-top: 10px;
line-height: normal;
line-height: normal;
-
text-align: center;
+
text-align: justify;
text-shadow: 1px 1px 0px #FFFFFF;
text-shadow: 1px 1px 0px #FFFFFF;
-
color: #909090;
+
color: #E7E7E7;
 +
 
}
}
Line 438: Line 439:
#footer a:hover {
#footer a:hover {
text-decoration: none;
text-decoration: none;
-
color: #383838;
+
color: #DD6FFF;
}
}
Line 444: Line 445:
overflow: hidden;
overflow: hidden;
height: 300px;
height: 300px;
-
background: url(images/img04.jpg) no-repeat center bottom;
+
background: #F7F7F7;
}
}
Line 472: Line 473:
padding: 7px 0px 7px 0px;
padding: 7px 0px 7px 0px;
}
}
 +
.list-style2 a {
.list-style2 a {
-
color: #8A8985;
+
color: #000000;
 +
 
}
}
Line 489: Line 492:
/* Banner */
/* Banner */
-
#banner {
 
-
overflow: hidden;
 
-
height: 450px;
 
-
background: url(images/img04.png) no-repeat center bottom;
 
-
}
 
-
 
-
/* Three Column Content */
 
-
 
-
#three-column {
 
-
overflow: hidden;
 
-
padding: 10px 0px 50px 0px;
 
-
}
 
-
 
-
#three-column #tbox1 {
 
-
float: left;
 
-
width: 384px;
 
-
margin-right: 20px;
 
-
}
 
-
 
-
#three-column #tbox2 {
 
-
float: left;
 
-
width: 384px;
 
-
}
 
-
 
-
#three-column #tbox3 {
 
-
float: right;
 
-
width: 384px;
 
-
}
 
-
 
-
.box-style {
 
-
background: #3C342E;
 
-
}
 
-
 
-
.box-style01
 
-
{
 
-
border-bottom: 5px solid #DE5635;
 
-
}
 
-
 
-
 
-
.box-style02
 
-
{
 
-
border-bottom: 5px solid #F8AF00;
 
-
}
 
-
 
-
.box-style03
 
-
{
 
-
border-bottom: 5px solid #A2B837;
 
-
}
 
-
 
-
 
-
.box-style h2 {
 
-
padding: 10px 0px;
 
-
letter-spacing: -1px;
 
-
font-size: 22px;
 
-
color: #FFFFFF;
 
-
}
 
-
 
-
.box-style .image {
 
-
width: 324px;
 
-
}
 
-
 
-
.box-style .arrow {
 
-
}
 
-
 
-
.box-style .content {
 
-
overflow: hidden;
 
-
width: 324px;
 
-
padding: 30px;
 
-
}
 
-
 
-
 
-
.divider {
 
-
overflow: hidden;
 
-
height: 50px;
 
-
background: url(images/img04.png) no-repeat center top;
 
-
}
 
</style>
</style>
Line 585: Line 512:
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</ul>
-
</div>
 
-
</div>
 
-
<div id="three-column" class="container">
 
-
<div id="tbox1">
 
-
<div class="box-style box-style01">
 
-
<div class="content">
 
-
<div class="image"><img src="images/img01.jpg" width="324" height="200" alt="" /></div>
 
-
<h2>Fusce ultrices fringilla</h2>
 
-
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue,
 
-
 
-
nibh. </p>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<div id="tbox2">
 
-
<div class="box-style box-style02">
 
-
<div class="content">
 
-
<div class="image"><img src="images/img02.jpg" width="324" height="200" alt="" /></div>
 
-
<h2>Mauris vulputate dolor</h2>
 
-
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue,
 
-
 
-
nibh. </p>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<div id="tbox3">
 
-
<div class="box-style box-style03">
 
-
<div class="content">
 
-
<div class="image"><img src="images/img03.jpg" width="324" height="200" alt="" /></div>
 
-
<h2>Nulla luctus eleifend </h2>
 
-
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue,
 
-
 
-
nibh.</p>
 
-
</div>
 
-
</div>
 
</div>
</div>
</div>
</div>
Line 625: Line 517:
<div id="content">
<div id="content">
<div class="post">
<div class="post">
-
<h2 class="title"><a href="#">Fusce ultrices fringilla metus</a></h2>
+
<h2 class="title"><a href="#">Information Body</a></h2>
<div class="entry">
<div class="entry">
<p>This is <strong>Glissade </strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org">FCT</a>.   
<p>This is <strong>Glissade </strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org">FCT</a>.   
Line 702: Line 594:
</div>
</div>
<div id="footer">
<div id="footer">
-
<p>© 2013 Untitled Inc. All rights reserved. Lorem ipsum dolor sit amet nullam blandit consequat phasellus etiam lorem. Design by <a href="http://www.freecsstemplates.org">FCT</a>. 
+
-
 
+
-
Photos by <a href="http://fotogrph.com/">Fotogrph</a>.</p>
+
</div>
</div>
<!-- end #footer -->
<!-- end #footer -->
</body>
</body>
</html>
</html>

Revision as of 15:50, 21 April 2013

Glissade by FCT

Information Body

This is Glissade , a free, fully standards-compliant CSS template designed by FCT. The photos in this template are from Fotogrph. This free template is released under a Creative Commons Attributions 3.0 license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)

Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, egestas at sem. Mauris quam enim, in, rhoncus ut, lobortis a, est. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.