Team:Rutgers/style

From 2013.igem.org

(Difference between revisions)
 
Line 30: Line 30:
     background-color: transparent;}
     background-color: transparent;}
#menubar:hover {
#menubar:hover {
-
     color: white;}
+
     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 */ /****************************/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}

/* Redesigning the topmenu */ /***************************/ body { 

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section { 
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar { 
   font-size: 65%;
   top: -14px;}

.left-menu:hover { 

   background-color: transparent;}
  1. menubar li a { 
   background-color: transparent;}
  1. menubar:hover { 
   color: black;}
  1. menubar li a { 
   color: transparent;}
  1. menubar:hover li a { 
   color: white;}
  1. 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; }

  1. wrapper {

}

/* Header */

  1. header-wrapper {

}

  1. header {

width: 960px; height: 50px; margin: 0 auto; background: url(images/img01.jpg) no-repeat left top; }

/* Menu */

  1. menu {

float: center; width: 620px; height: 50px; }

  1. menu ul {

margin: 0; padding: 0px; list-style: none; line-height: normal; }

  1. menu li {

display: block; float: left; }

  1. 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; }

  1. menu a:hover {

text-decoration: underline; color: #FFFFFF; }

  1. menu .current_page_item a {

color: #FFFFFF; }

  1. menu .first {

background: none; }

/* Search */

  1. search {

float: left; width: 280px; height: 45px; }

  1. search form {

margin: 0; padding: 16px 0px 0 30px; }

  1. search fieldset {

margin: 0; padding: 0; border: none; }

  1. search input {

float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none; }

  1. search-text {

width: 135px; height: 18px; padding: 3px 0 0 5px; border: 1px solid #333333; background: #ECF9E4; color: #000000; }

  1. search-submit {

height: 21px; margin-left: 10px; padding: 0px 5px; background: #000000; color: #FFFFFF; }

/* Page */

  1. page {

width: 960px; margin: 0 auto; padding: 0px; background: url(images/img02.jpg) repeat-y left top; }

  1. page-bgtop {

padding-top: 30px; }

/** LOGO */

  1. logo {

width: 860px; height: 134px; margin: 0 auto; }

  1. logo h1, #logo p {

margin: 0px; line-height: normal; text-transform: lowercase; font-weight: normal; color: #FFFFFF; }

  1. logo p {

text-transform: lowercase; font-size: 10px; }

  1. logo h1 {

padding-top: 54px; font-size: 40px; font-family: Georgia, "Times New Roman", Times, serif; }

  1. logo a {

text-decoration: none; color: #FFFFFF; }

/* Content */

  1. 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 */

  1. sidebar {

float: left; width: 180px; padding-left: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #585D60; }

  1. sidebar ul {

margin: 0; padding: 0; list-style: none; line-height: normal; }

  1. sidebar li {

margin-bottom: 30px; padding: 0 0 10px 0px; }

  1. sidebar li ul {

}

  1. sidebar li li {

margin: 0px; padding: 10px 0px; border-bottom: 1px dotted #504D4B; }

  1. sidebar p {

margin: 0; padding: 0px 0px; }

  1. 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; }

  1. sidebar p {

line-height: 200%; }

  1. sidebar a {

text-align: left; text-decoration: none; font-weight: normal; color: #585D60; }

/* Calendar */

  1. calendar {

}

  1. calendar caption {

padding-bottom: 5px; font-weight: bold; }

  1. calendar table {

width: 100%; border-collapse: collapse; border-bottom: 1px solid #24130F; border-left: 1px solid #24130F; border-right: 1px solid #24130F; }

  1. calendar thead th {

padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; background: #24130F; }

  1. calendar tbody td {

padding: 5px 0; text-align: center; border-top: 1px solid #24130F; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; }

  1. calendar tfoot td {

padding: 5px; border-left: 1px solid #24130F; border-bottom: 1px solid #24130F; }

  1. calendar tfoot #next {

border-top: 1px solid #24130F; text-align: right; }

  1. calendar tfoot #prev {

border-top: 1px solid #24130F; }

  1. calendar .pad {

border-bottom: 1px solid #24130F; }

  1. calendar #today {

background: #24130F; }

/* Footer */

  1. footer {

width: 960px; margin: 0 auto; padding: 70px 0px 20px 0px; background: url(images/img03.jpg) no-repeat left top; }

  1. footer-bgcontent {

}

  1. footer p {

margin: 0; text-align: center; line-height: normal; text-transform: uppercase; font-size: 10px; color: #6C6A69; }

  1. footer a {

color: #6C6A69; }

Retrieved from "http://2013.igem.org/Team:Rutgers/style"