Template:Team:BAU-Indonesia/css
From 2012.igem.org
(Created page with "assss") |
|||
Line 1: | Line 1: | ||
- | + | ||
+ | * | ||
+ | { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | a:link { | ||
+ | color: #c9f3ac; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #FF0000; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #A5A9B2; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | |||
+ | background: #6A8B1A url(https://static.igem.org/mediawiki/igem.org/2/22/Back_all.gif); | ||
+ | font: 13px Arial, Helvetica, sans-serif; | ||
+ | color: #383838; | ||
+ | } | ||
+ | |||
+ | #content | ||
+ | { | ||
+ | width: 774px; | ||
+ | border-left: 15px solid #5E7D06; | ||
+ | border-right: 15px solid #5E7D06; | ||
+ | margin: 0px auto; | ||
+ | } | ||
+ | |||
+ | #main | ||
+ | { | ||
+ | width: 754px; | ||
+ | padding: 10px; | ||
+ | padding-top: 20px; | ||
+ | background: #080064 url(images/table_back.gif) repeat-x top; | ||
+ | } | ||
+ | |||
+ | #back | ||
+ | { | ||
+ | width: 774px; | ||
+ | } | ||
+ | |||
+ | #header { | ||
+ | height: 308px; | ||
+ | text-align: right; | ||
+ | background: url(https://static.igem.org/mediawiki/igem.org/b/bc/Header12.jpg) no-repeat; | ||
+ | } | ||
+ | |||
+ | #logo { | ||
+ | |||
+ | width: 754px; | ||
+ | height: 100px; | ||
+ | text-align: left; | ||
+ | padding-top: 208px; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #logo a { | ||
+ | text-decoration: none; | ||
+ | font-style: italic; | ||
+ | font-size: 18px; | ||
+ | color: #6fff09; | ||
+ | } | ||
+ | #logo H2 a | ||
+ | { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #menu | ||
+ | { | ||
+ | width: 774px; | ||
+ | height: 61px; | ||
+ | background: url(images/menu.gif) repeat-x; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #menu li { | ||
+ | |||
+ | display: inline; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menu a { | ||
+ | float: left; | ||
+ | width: 100px; | ||
+ | height: 61px; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | color: #ffffff; | ||
+ | text-transform: uppercase; | ||
+ | font:bold 14px/61px Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | width: 100px; | ||
+ | height: 61px; | ||
+ | color: #c9f3ac; | ||
+ | text-decoration: underline; | ||
+ | background: url(images/menu_r.gif) repeat-x; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #right | ||
+ | { | ||
+ | width: 228px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #right H3 | ||
+ | { | ||
+ | width: 228px; | ||
+ | height: 51px; | ||
+ | text-transform: uppercase; | ||
+ | color: #c9f3ac; | ||
+ | background: url(images/title.gif) no-repeat; | ||
+ | font:bold 14px/51px Arial, Helvetica, sans-serif; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #right ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | #right ul li | ||
+ | { | ||
+ | font:normal 11px/18px Arial, Helvetica, sans-serif; | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | #right .title_back | ||
+ | { | ||
+ | background: url(images/title_back.gif) repeat-y; | ||
+ | } | ||
+ | |||
+ | #right li { | ||
+ | padding: 7px; | ||
+ | padding-left: 10px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #right .sub | ||
+ | { | ||
+ | padding-left: 30px; | ||
+ | } | ||
+ | |||
+ | #right a { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | #right a:visited { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #right p | ||
+ | { | ||
+ | font-size: 10px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | .bot | ||
+ | { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #left | ||
+ | { | ||
+ | width: 480px; | ||
+ | background: #c9e4f3; | ||
+ | border: 1px solid #f8ff2f; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #left H4 | ||
+ | { | ||
+ | margin: 0; | ||
+ | padding: 0px; | ||
+ | font-size: 12px; | ||
+ | color: #c9f3ac; | ||
+ | } | ||
+ | |||
+ | #left a | ||
+ | { | ||
+ | color: #208A06; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #left p { | ||
+ | margin: 5px; | ||
+ | padding: 0; | ||
+ | font-size:13px; | ||
+ | } | ||
+ | |||
+ | #left h2 { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | padding-top: 10px; | ||
+ | color: #208A06; | ||
+ | font-size:20px; | ||
+ | } | ||
+ | |||
+ | #left ol, #left ul | ||
+ | { | ||
+ | margin-left: 30px; | ||
+ | } | ||
+ | |||
+ | .date { | ||
+ | text-align: right; | ||
+ | color: #208A06; | ||
+ | font-size: 11px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .date a { | ||
+ | color: #208A06; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #footer { | ||
+ | height: 74px; | ||
+ | clear: both; | ||
+ | background: url(images/table_back.gif) repeat-x top; | ||
+ | } | ||
+ | |||
+ | #footer p { | ||
+ | margin: 0; | ||
+ | font-size: 10px; | ||
+ | text-align: center; | ||
+ | color: #ffffff; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | #footer a { | ||
+ | color: #ffffff; | ||
+ | } |
Revision as of 10:04, 9 September 2012
{ margin: 0px; padding: 0px; }
a:link { color: #c9f3ac; }
a:hover { text-decoration: none; color: #FF0000; }
a:visited { color: #A5A9B2; }
body {
background: #6A8B1A url(); font: 13px Arial, Helvetica, sans-serif; color: #383838; }
- content
{ width: 774px; border-left: 15px solid #5E7D06; border-right: 15px solid #5E7D06; margin: 0px auto; }
- main
{ width: 754px; padding: 10px; padding-top: 20px; background: #080064 url(images/table_back.gif) repeat-x top; }
- back
{ width: 774px; }
- header {
height: 308px; text-align: right; background: url() no-repeat; }
- logo {
width: 754px; height: 100px; text-align: left; padding-top: 208px; padding-left: 20px; }
- logo a {
text-decoration: none; font-style: italic; font-size: 18px; color: #6fff09; }
- logo H2 a
{ font-size: 12px; }
- menu
{ width: 774px; height: 61px; background: url(images/menu.gif) repeat-x; }
- menu ul {
list-style: none; }
- menu li {
display: inline;
}
- menu a {
float: left; width: 100px; height: 61px;
display: block;
text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font:bold 14px/61px Arial, Helvetica, sans-serif; }
- menu a:hover {
width: 100px;
height: 61px;
color: #c9f3ac; text-decoration: underline; background: url(images/menu_r.gif) repeat-x; }
- right
{ width: 228px; float: right; }
- right H3
{ width: 228px; height: 51px; text-transform: uppercase; color: #c9f3ac; background: url(images/title.gif) no-repeat; font:bold 14px/51px Arial, Helvetica, sans-serif; text-align:center; }
- right ul {
list-style: none; }
- right ul li
{ font:normal 11px/18px Arial, Helvetica, sans-serif; color:#FFFFFF; }
- right .title_back
{ background: url(images/title_back.gif) repeat-y; }
- right li {
padding: 7px; padding-left: 10px;
}
- right .sub
{ padding-left: 30px; }
- right a {
color: #ffffff; }
- right a:visited {
color: #ffffff; }
- right p
{ font-size: 10px; padding-left: 10px; }
.bot { padding: 10px; }
- left
{ width: 480px; background: #c9e4f3; border: 1px solid #f8ff2f; padding: 10px; }
- left H4
{ margin: 0; padding: 0px; font-size: 12px; color: #c9f3ac; }
- left a
{ color: #208A06; text-decoration: none; }
- left p {
margin: 5px; padding: 0; font-size:13px; }
- left h2 {
margin: 0; padding: 0; padding-top: 10px; color: #208A06; font-size:20px; }
- left ol, #left ul
{ margin-left: 30px; }
.date { text-align: right; color: #208A06; font-size: 11px;
}
.date a { color: #208A06;
}
- footer {
height: 74px; clear: both; background: url(images/table_back.gif) repeat-x top; }
- footer p {
margin: 0; font-size: 10px; text-align: center; color: #ffffff; padding:20px; }
- footer a {
color: #ffffff; }