Template:Gu maxx

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*
+
body {
-
Design by http://www.bluewebtemplates.com
+
font-family: Verdana, Arial, Helvetica, sans-serif;
-
Released for free under a Creative Commons Attribution 3.0 License
+
font-size: 80%;
-
*/
+
font-weight: bold;
-
@charset "utf-8";
+
}
-
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
+
-
html, .main { padding:0; margin:0; background:#dedede;}
+
-
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
+
-
h1 { margin:0; padding:0; color:#fff; font:normal 40px/1.2em Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;}
+
-
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
+
-
h1 span { color:#007236;}
+
-
h1 small { font:normal 13px/1.2em Arial, Helvetica, sans-serif;}
+
-
h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#4b4b4b; padding:8px 0; margin:8px 0;}
+
-
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
+
-
a { color:#7baf30; text-decoration:underline;}
+
-
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
+
h1 {
-
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
+
font-family:Verdana, Arial, Helvetica, sans-serif;
 +
font-size:16px;
 +
font-weight:bold;
 +
margin:0;
 +
padding:0;
 +
}
-
/* header */
+
hr {
-
.header { background:url(images/header_bg.jpg) repeat-x center top;}
+
border:none;
-
.header_resize { margin:0 auto; padding:0; width:970px; height:337px;}
+
border-top:1px solid #CCCCCC;
-
.header .logo { padding:100px 0 0;}
+
height:1px;
 +
margin-bottom:25px;
 +
}
-
/* menu */
+
ul {
-
.menu_nav { padding-left:20px; float:left; width:auto;}
+
list-style: none;
-
.menu_nav ul { list-style:none;}
+
margin: 0;
-
.menu_nav ul li { margin:0 4px; float:left;}
+
padding: 0;
-
.menu_nav ul li a { display:block; margin:0; padding:23px 24px; color:#fff; text-decoration:none;}
+
}
-
.menu_nav ul li.active a, .menu_nav ul li a:hover { background:url(images/menu_a.gif) repeat top;}
+
-
/* search */
+
#menu {
-
.searchform { float:right; width:auto;}
+
width: 200px;
-
#formsearch { margin:0; padding:12px 20px 0 0;}
+
border-style: solid solid none solid;
-
#formsearch span { display:block; margin:6px 0; padding:0 8px 0 11px !important; padding:0 4px 0 6px; float:right; width:183px; background:#fff url(images/search.gif) no-repeat top left;}
+
border-color: #D76100;
-
#formsearch input.editbox_search { margin:0; padding:5px 0; float:left; width:180px; height:20px; border:none; background:none; font:normal 13px/20px Arial, Helvetica, sans-serif; color:#a8acb2;}
+
border-size: 1px;
-
#formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:right;}
+
border-width: 1px;
-
 
+
margin: 10px;
-
/* content */
+
}
-
.content_resize { padding-right:0; padding-top:16px; width:930px; background-color:#fff;}
+
-
.content .mainbar { float:left; width:630px;}
+
#menu li a {
-
.content .mainbar img { margin-bottom:24px; padding:4px; border:1px solid #b7b7b7; background-color:#fff;}
+
  height: 32px;
-
.content .mainbar img.fl { float:left; margin-right:12px;}
+
  voice-family: "\"}\"";  
-
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
+
  voice-family: inherit;
-
.content .sidebar { float:right; width:276px;}
+
  height: 24px;
-
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
+
text-decoration: none;
-
ul.sb_menu li, ul.ex_menu li { margin:0; background:url(images/li.gif) no-repeat 0 12px;}
+
}
-
ul.sb_menu li { padding:4px 0; border-bottom:1px solid #e3e3e3; width:220px;}
+
-
ul.ex_menu li { padding:4px 0 8px;}
+
#menu li a:link, #menu li a:visited {
-
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-16px; padding-left:16px;}
+
color: #9E3C02;
-
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#7baf30; font-weight:bold; background:url(images/li_a.gif) no-repeat left center;}
+
display: block;
-
ul.sb_menu li a:hover { text-decoration:underline;}
+
background: url(menu.gif);
-
ul.ex_menu li a:hover { text-decoration:none;}
+
padding: 8px 0 0 30px;
-
 
+
}
-
/* subpages */
+
-
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
+
#menu li a:hover {
-
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}
+
color: #fff;
-
 
+
background: url(menu.gif) 0 -32px;
-
/* fbg */
+
padding: 8px 0 0 30px;
-
.fbg_resize { background-color:#fff; padding:24px 40px;}
+
}
-
.fbg img { border:1px solid #d6d6d6;}
+
-
.fbg .col { margin:0; float:left;}
+
#menu li a:active {
-
.fbg .c1 { padding:0 16px 0 0; width:296px;}
+
color: #fff;
-
.fbg .c2 { padding:0 16px; width:240px;}
+
background: url(menu.gif) 0 -64px;
-
.fbg .c3 { padding:0 0 0 16px; width:290px;}
+
padding: 8px 0 0 30px;
-
.fbg .c1 img { margin:8px 16px 4px 0; float:left;}
+
}
-
 
+
-
/* footer */
+
-
.footer { padding:16px;}
+
-
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;}
+
-
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
+
-
ul.fmenu li { margin:0; padding:0 4px; float:left;}
+
-
ul.fmenu li a { color:#5f5f5f; text-decoration:none; padding:2px 6px;}
+
-
ul.fmenu li a:hover, ul.fmenu li.active a { color:#7baf30;}
+
-
ul.fmenu li a:hover { text-decoration:underline;}
+
-
 
+
-
/* form */
+
-
ol { list-style:none;}
+
-
ol li { display:block; clear:both;}
+
-
ol li label { display:block; margin:0; padding:16px 0 0 0;}
+
-
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
+
-
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
+
-
ol li .send { margin:16px 0 0 0;}
+

Revision as of 15:45, 23 July 2010

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0; }

hr { border:none; border-top:1px solid #CCCCCC; height:1px; margin-bottom:25px; }

ul { list-style: none; margin: 0; padding: 0; }

  1. menu {

width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px; }

  1. menu li a { 
 	height: 32px;
 	voice-family: "\"}\""; 
 	voice-family: inherit;
 	height: 24px;

text-decoration: none; }

  1. menu li a:link, #menu li a:visited {

color: #9E3C02; display: block; background: url(menu.gif); padding: 8px 0 0 30px; }

  1. menu li a:hover {

color: #fff; background: url(menu.gif) 0 -32px; padding: 8px 0 0 30px; }

  1. menu li a:active {

color: #fff; background: url(menu.gif) 0 -64px; padding: 8px 0 0 30px; }

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