Template:Gu maxx

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
body {margin-top:25px;background:#f8f8ff;font-family:Georgia,Palatino,Garamond,serif;color:#555;}
+
[[div style="float:right; width: 200px; border: 1px solid #999; margin: 10px;"]]
-
a:link {color:#000;text-decoration:none;}
+
%%content{1}%%
-
a:visited {color:#555;}
+
[[/div]]
-
a:hover, a:active {color:#000;}
+
 
-
#main {position:relative;overflow:hidden;height:500px;}
+
%%content{2}%%
-
#main h1 {position:absolute;top:10px;right:0px;background:#222;}
+
 
-
#main h1 a{display:block;width:175px;height:48px;text-indent:-9999px;background: transparent url('../img/logo.gif') top left no-repeat;}
+
[[table]]
-
#main h2 {position:absolute;bottom:10px;left:0px;background:#222; padding: 5px 15px;font-weight:normal;}
+
[[row]]
-
#main h1 a, #main h2 a {color:#fff; text-decoration:none;}
+
[[column]]
-
#articles {position:relative;overflow:hidden;margin-top:25px;}
+
%%content{3}%%
-
#articles ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden;}
+
[[/column]]
-
#articles ul li{margin:0 10px 0 0;padding:0 8px;display:block;float:left;width:210px;border-right:1px dashed #e0e0e8;}
+
[[column]]
-
#articles ul li.no-margin{margin:0;border:none;}
+
%%content{4}%%
-
#articles h2{margin:0;border:none;color:#333;margin-bottom:0.65em;font-size:1.4em;letter-spacing:0.5px;font-family:Georgia,Palatino,Garamond,serif;}
+
[[/column]]
-
#articles h2 a{color:#333; text-decoration:none;}
+
[[/row]]
-
#articles h2 a:hover{background:#000;color:#fff;}
+
[[/table]]
-
#articles .meta{position:relative;top:-15px;font-size:0.8em;text-transform:uppercase;color:#999;margin-bottom:5px;font-family:helvetica,arial,sans-serif;}
+
 
-
#articles a.more{float:right;margin-right:5px;text-transform:lowercase;text-decoration:none;background:#E7E7DE;color:#696969;padding:0 5px;}
+
====
-
#articles a.more:hover{background:#000;color:#F1FBFF;}
+
 
-
        #articles #description {margin-top:40px;float:left;width:300px;}
+
This will be content of the side bar.
 +
 
 +
====
 +
 
 +
The main content.
 +
 
 +
====
 +
 
 +
This will go into the left cell of the table.
 +
 
 +
====
 +
 
 +
And this into the right cell.
 +
 
#articles #description img{margin-left:10px;float:right;border:#E7E7DE 4px solid;}
#articles #description img{margin-left:10px;float:right;border:#E7E7DE 4px solid;}
         #articles #quote {margin-top:25px;margin-right:20px;width:620px;float:left;}
         #articles #quote {margin-top:25px;margin-right:20px;width:620px;float:left;}

Revision as of 16:06, 23 July 2010

div style="float:right; width: 200px; border: 1px solid #999; margin: 10px;" %%content{1}%% /div

%%content{2}%%

table row column %%content{3}%% /column column %%content{4}%% /column /row /table

====

This will be content of the side bar.

====

The main content.

====

This will go into the left cell of the table.

====

And this into the right cell.

#articles #description img{margin-left:10px;float:right;border:#E7E7DE 4px solid;} 

       #articles #quote {margin-top:25px;margin-right:20px;width:620px;float:left;}
           #articles #quote p {color:#666;font-size:3em;line-height:1em;padding:10px 0 0 10px;position:relative;}            
           #articles #quote p .symbol {font-size: 3em;color:#E7E7DE; position:absolute;right:0px;top:50px;z-index:-1;}            
           #articles #quote p .author {position:absolute;right:25px;bottom:-10px;font-size:0.4em;font-variant: small-caps;}            
           #articles #quote p .author a:hover{background:#000;color:#F1FBFF;}
  1. footer {position:relative;overflow:hidden;text-align:right;margin-top:25px;font-size:0.9em;color:#999;}

#footer p {font-style:italic;float:left;} #footer ul{margin:0;padding:0;list-style:none;float:right;} #footer ul li{display:inline;margin:0 10px;} #footer ul li a{color:#3c94bc;text-decoration:none;} #footer ul li a:hover{color:#111;text-decoration:underline;}

Retrieved from "http://2010.igem.org/Template:Gu_maxx"