Team:Rutgers/style
From 2013.igem.org
Line 30: | Line 30: | ||
background-color: transparent;} | background-color: transparent;} | ||
#menubar:hover { | #menubar:hover { | ||
- | color: | + | color: black;} |
#menubar li a { | #menubar li a { | ||
color: transparent;} | color: transparent;} |
Latest revision as of 01:42, 27 September 2013
/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License
- /
/* Removing wiki-like stuff */
/****************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
/* Redesigning the topmenu */ /***************************/ body {
margin: 10px 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 65%; top: -14px;}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: black;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: white;}
- menubar > ul > li:last-child {
display:none;}
body {
margin: 0;
padding: 0;
background: #171111;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #BDBDBD;
}
h1, h2, h3 { margin: 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #0C95C9; }
h1 { font-size: 44px; }
h2 { font-size: 18px; }
h3 { }
p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; }
ul, ol { }
blockquote { }
a { color: #DEDEDE; }
a:hover { text-decoration: none; }
a img { border: none; }
img.left { float: left; margin: 7px 30px 0 0; }
img.right { float: right; margin: 7px 0 0 30px; }
hr { display: none; }
.list1 { }
.list1 li { float: left; line-height: normal; }
.list1 li img { margin: 0 30px 30px 0; }
.list1 li.alt img { margin-right: 0; }
- wrapper {
}
/* Header */
- header-wrapper {
}
- header {
width: 960px; height: 50px; margin: 0 auto; background: url(images/img01.jpg) no-repeat left top; }
/* Menu */
- menu {
float: center; width: 620px; height: 50px; }
- menu ul {
margin: 0; padding: 0px; list-style: none; line-height: normal; }
- menu li {
display: block; float: left; }
- menu a {
display: block; float: left; height: 34px; margin-right: 3px; padding: 16px 30px 0px 30px; background: url(images/img04.jpg) no-repeat left top; text-decoration: none; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6C6A69; }
- menu a:hover {
text-decoration: underline; color: #FFFFFF; }
- menu .current_page_item a {
color: #FFFFFF; }
- menu .first {
background: none; }
/* Search */
- search {
float: left; width: 280px; height: 45px; }
- search form {
margin: 0; padding: 16px 0px 0 30px; }
- search fieldset {
margin: 0; padding: 0; border: none; }
- search input {
float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none; }
- search-text {
width: 135px; height: 18px; padding: 3px 0 0 5px; border: 1px solid #333333; background: #ECF9E4; color: #000000; }
- search-submit {
height: 21px; margin-left: 10px; padding: 0px 5px; background: #000000; color: #FFFFFF; }
/* Page */
- page {
width: 960px; margin: 0 auto; padding: 0px; background: url(images/img02.jpg) repeat-y left top; }
- page-bgtop {
padding-top: 30px; }
/** LOGO */
- logo {
width: 860px; height: 134px; margin: 0 auto; }
- logo h1, #logo p {
margin: 0px; line-height: normal; text-transform: lowercase; font-weight: normal; color: #FFFFFF; }
- logo p {
text-transform: lowercase; font-size: 10px; }
- logo h1 {
padding-top: 54px; font-size: 40px; font-family: Georgia, "Times New Roman", Times, serif; }
- logo a {
text-decoration: none; color: #FFFFFF; }
/* Content */
- content {
float: center; width: 660px; padding-top: 10px; padding-right: 30px; }
/* Post */
.post { margin-bottom: 25px; border-bottom: 1px dotted #474646; }
.post .title { height: 30px; color: #D6D6D6; }
.post .title a { text-decoration: none; color: #D6D6D6; }
.post .date { }
.post .meta { margin-top: -10px; padding: 2px 30px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; font-style: italic; color: #949494; }
.post .meta a { color: #949494; }
.post .meta span { display: block; margin-top: -10px; }
.post .meta a { }
.post .entry { padding: 10px 0; }
.post .links { margin: 0 250px 0 0; padding: 0 0 0 0px; }
.post .links .comments { }
.post .links .permalink { padding-left: 17px; }
/* Sidebar */
- sidebar {
float: left; width: 180px; padding-left: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #585D60; }
- sidebar ul {
margin: 0; padding: 0; list-style: none; line-height: normal; }
- sidebar li {
margin-bottom: 30px; padding: 0 0 10px 0px; }
- sidebar li ul {
}
- sidebar li li {
margin: 0px; padding: 10px 0px; border-bottom: 1px dotted #504D4B; }
- sidebar p {
margin: 0; padding: 0px 0px; }
- sidebar h2 {
height: 26px; margin: 0 0 10px 0px; padding: 12px 0 2px 0px; text-transform: capitalize; font-size: 18px; font-weight: normal; color: #D6D6D6; }
- sidebar p {
line-height: 200%; }
- sidebar a {
text-align: left; text-decoration: none; font-weight: normal; color: #585D60; }
/* Calendar */
- calendar {
}
- calendar caption {
padding-bottom: 5px; font-weight: bold; }
- calendar table {
width: 100%; border-collapse: collapse; border-bottom: 1px solid #24130F; border-left: 1px solid #24130F; border-right: 1px solid #24130F; }
- calendar thead th {
padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; background: #24130F; }
- calendar tbody td {
padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; }
- calendar tfoot td {
padding: 5px; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; }
- calendar tfoot #next {
border-top: 1px solid #24130F; text-align: right; }
- calendar tfoot #prev {
border-top: 1px solid #24130F; }
- calendar .pad {
border-bottom: 1px solid #24130F; }
- calendar #today {
background: #24130F; }
/* Footer */
- footer {
width: 960px; margin: 0 auto; padding: 70px 0px 20px 0px; background: url(images/img03.jpg) no-repeat left top; }
- footer-bgcontent {
}
- footer p {
margin: 0; text-align: center; line-height: normal; text-transform: uppercase; font-size: 10px; color: #6C6A69; }
- footer a {
color: #6C6A69; }