Template:Gu maxx

From 2010.igem.org

(Difference between revisions)
(Replacing page with ' <div class="noprint" style="float:center; border:1px solid blue;width:200px;background-color:#FFF;padding:3px;"> Example sunflower image '''A l...')
Line 1: Line 1:
 +
/*
 +
Design by http://www.bluewebtemplates.com
 +
Released for free under a Creative Commons Attribution 3.0 License
 +
*/
 +
@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;}
-
<div class="noprint" style="float:center; border:1px solid blue;width:200px;background-color:#FFF;padding:3px;">
+
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
-
[[Image:Example.jpg|left|80px|Example sunflower image]] '''A little thank you...''' <br /><small>for {{{reason|{{{1}}}}}}. <br />hugs, {{{signature|{{{2}}}}}}</small>
+
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}
-
</div>
+
 
-
<noinclude>
+
/* header */
-
{{Languages|Template:Thankyou}}
+
.header { background:url(images/header_bg.jpg) repeat-x center top;}
-
[[Category:Template examples|{{PAGENAME}}]]</noinclude>
+
.header_resize { margin:0 auto; padding:0; width:970px; height:337px;}
 +
.header .logo { padding:100px 0 0;}
 +
 
 +
/* menu */
 +
.menu_nav { padding-left:20px; float:left; width:auto;}
 +
.menu_nav ul { list-style:none;}
 +
.menu_nav ul li { margin:0 4px; float:left;}
 +
.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 */
 +
.searchform { float:right; width:auto;}
 +
#formsearch { margin:0; padding:12px 20px 0 0;}
 +
#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;}
 +
#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;}
 +
#formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:right;}
 +
 
 +
/* content */
 +
.content_resize { padding-right:0; padding-top:16px; width:930px; background-color:#fff;}
 +
.content .mainbar { float:left; width:630px;}
 +
.content .mainbar img { margin-bottom:24px; padding:4px; border:1px solid #b7b7b7; background-color:#fff;}
 +
.content .mainbar img.fl { float:left; margin-right:12px;}
 +
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
 +
.content .sidebar { float:right; width:276px;}
 +
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
 +
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;}
 +
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-16px; padding-left:16px;}
 +
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;}
 +
ul.sb_menu li a:hover { text-decoration:underline;}
 +
ul.ex_menu li a:hover { text-decoration:none;}
 +
 
 +
/* subpages */
 +
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
 +
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}
 +
 
 +
/* fbg */
 +
.fbg_resize { background-color:#fff; padding:24px 40px;}
 +
.fbg img { border:1px solid #d6d6d6;}
 +
.fbg .col { margin:0; float:left;}
 +
.fbg .c1 { padding:0 16px 0 0; width:296px;}
 +
.fbg .c2 { padding:0 16px; width:240px;}
 +
.fbg .c3 { padding:0 0 0 16px; width:290px;}
 +
.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:42, 23 July 2010

/* Design by http://www.bluewebtemplates.com Released for free under a Creative Commons Attribution 3.0 License

  • /

@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;} .content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 40px; width:890px;}

/* header */ .header { background:url(images/header_bg.jpg) repeat-x center top;} .header_resize { margin:0 auto; padding:0; width:970px; height:337px;} .header .logo { padding:100px 0 0;}

/* menu */ .menu_nav { padding-left:20px; float:left; width:auto;} .menu_nav ul { list-style:none;} .menu_nav ul li { margin:0 4px; float:left;} .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 */ .searchform { float:right; width:auto;}

  1. formsearch { margin:0; padding:12px 20px 0 0;}
  2. 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;}
  3. 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;}
  4. formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:right;}

/* content */ .content_resize { padding-right:0; padding-top:16px; width:930px; background-color:#fff;} .content .mainbar { float:left; width:630px;} .content .mainbar img { margin-bottom:24px; padding:4px; border:1px solid #b7b7b7; background-color:#fff;} .content .mainbar img.fl { float:left; margin-right:12px;} .content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;} .content .sidebar { float:right; width:276px;} ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;} 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;} ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-16px; padding-left:16px;} 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;} ul.sb_menu li a:hover { text-decoration:underline;} ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */ .content .mainbar .comment { margin:0; padding:16px 0 0 0;} .content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */ .fbg_resize { background-color:#fff; padding:24px 40px;} .fbg img { border:1px solid #d6d6d6;} .fbg .col { margin:0; float:left;} .fbg .c1 { padding:0 16px 0 0; width:296px;} .fbg .c2 { padding:0 16px; width:240px;} .fbg .c3 { padding:0 0 0 16px; width:290px;} .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;}

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