Template:Team:UNAM-Genomics Mexico/Templates/Main2

From 2010.igem.org

(Difference between revisions)
Line 63: Line 63:
clear: left;
clear: left;
width: 100%;
width: 100%;
-
background: #414141;
+
/* background: #414141; */
 +
background: -moz-linear-gradient(bottom, #000000, transparent);
 +
background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(transparent));
color: #FFF;
color: #FFF;
text-align: center;
text-align: center;
Line 83: Line 85:
background: -webkit-gradient(linear, left center, right center, from(#000000), color-stop(3%, #ffffff), color-stop(96%, #ffffff), color-stop(99%, #000000), to(#000000));
background: -webkit-gradient(linear, left center, right center, from(#000000), color-stop(3%, #ffffff), color-stop(96%, #ffffff), color-stop(99%, #000000), to(#000000));
color: black;
color: black;
 +
}
 +
 +
/* Extra code to get the bottom three to behave */
 +
#contentwrapper2{
 +
float: left;
 +
width: 100%;
 +
}
 +
 +
#contentcolumn2{
 +
margin: 0 37.5% 0 37.5%; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
 +
-webkit-box-shadow: 5px 5px 8px #818181;
 +
-moz-box-shadow: 5px 5px 8px #818181;
 +
-moz-border-radius-topleft: 25px;
 +
-moz-border-radius-topright: 25px;
 +
-webkit-border-top-left-radius: 25px;
 +
-webkit-border-top-right-radius: 25px;
 +
}
 +
 +
#leftcolumn2{
 +
float: left;
 +
width: 25%; /*Width of left column in percentage*/
 +
margin-left: -95%;
 +
background: #C8FC98;
 +
-webkit-box-shadow: 5px 5px 8px #818181;
 +
-moz-box-shadow: 5px 5px 8px #818181;
 +
-moz-border-radius-topleft: 25px;
 +
-moz-border-radius-bottomright: 25px;
 +
-webkit-border-top-left-radius: 25px;
 +
-webkit-border-bottom-right-radius: 25px;
 +
}
 +
 +
#rightcolumn2{
 +
float: left;
 +
width: 25%; /*Width of right column*/
 +
margin-left: -30%; /*Set margin to -(RightColumnWidth)*/
 +
background: #FDE95E;
 +
-webkit-box-shadow: 5px 5px 8px #818181;
 +
-moz-box-shadow: 5px 5px 8px #818181;
 +
-moz-border-radius-topright: 25px;
 +
-moz-border-radius-bottomleft: 25px;
 +
-webkit-border-top-right-radius: 25px;
 +
-webkit-border-bottom-left-radius: 25px;
 +
}
 +
 +
.innertube2{
 +
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
 +
margin-top: 0;
}
}
Line 88: Line 137:
<script type="text/javascript">
<script type="text/javascript">
-
/*** Temporary text filler function. Remove when deploying template. ***/
+
 
-
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
+
-
function filltext(words){
+
-
for (var i=0; i<words; i++)
+
-
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
+
-
}
+
</script>
</script>
Line 108: Line 152:
<div id="contentcolumn">
<div id="contentcolumn">
<div class="innertube">
<div class="innertube">
-
<b>Main Column: <em>fluid</em></b> <script type="text/javascript">filltext(45)</script>
+
</html>
 +
<div>{{{Content}}}</div>
 +
<html>
</div>
</div>
</div>
</div>
Line 119: Line 165:
</div>
</div>
-
<div id="footer">
+
<div id="maincontainer2">
-
This is the Footer.
+
 
 +
<div id="contentwrapper2">
 +
<div id="contentcolumn2">
 +
<div class="innertube2"><b>Content Column</b></div>
 +
</div>
</div>
</div>
 +
<div id="leftcolumn2">
 +
<div class="innertube2"><b>Left Column</b></div>
 +
</div>
 +
<div id="rightcolumn2">
 +
<div class="innertube2"><b>Right Column:</b></div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
<div id="footer">
 +
This is the Footer.
 +
</div>
</div>
</div>

Revision as of 10:11, 1 August 2010


{{{Content}}}

    Languages





Content Column
Left Column
Right Column:

Locations of visitors to this page