Team:Stanford-Brown/Test
From 2012.igem.org
(Difference between revisions)
Line 16: | Line 16: | ||
height: 120px; | height: 120px; | ||
} | } | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | |||
+ | #top-section { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/a/a8/Caltech_Header.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center top; | ||
+ | height:275px ! important; | ||
+ | |||
+ | } | ||
+ | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; color:black} | ||
+ | |||
+ | |||
+ | /* This sets the orange background of the screen. */ | ||
+ | body {background: #EBA243} | ||
+ | |||
/* Removes "teams" option from the menubar */ | /* Removes "teams" option from the menubar */ | ||
#menubar > ul > li:last-child { | #menubar > ul > li:last-child { | ||
Line 22: | Line 38: | ||
#menubar { | #menubar { | ||
width: auto;} | width: auto;} | ||
+ | |||
+ | /* Font style and general */ | ||
+ | /**************************/ | ||
+ | #content { | ||
+ | font-family: 'Lucida Sans Unicode',sans-serif; | ||
+ | font-size: 14px; | ||
+ | color: #444444;} | ||
+ | p { | ||
+ | margin: 0; color: #000000; text-align:left;} | ||
+ | #innercontent p { | ||
+ | margin: 0.6em 0;} | ||
+ | h3, h4, h5, h6 { | ||
+ | border: none; | ||
+ | font-weight: lighter; | ||
+ | color: #E56717; text-align:left} | ||
+ | h1 { | ||
+ | border: none; | ||
+ | color: #383838; | ||
+ | text-shadow: 0 1px rgba(255, 255, 255, 0.5); | ||
+ | font-size: 30px; | ||
+ | margin: 5px 0 0 0; | ||
+ | font-weight: bold;} | ||
+ | h2 { | ||
+ | color: #383838; | ||
+ | border: none; | ||
+ | padding: 25px 0 5px; | ||
+ | font-family: Arial; | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | margin-bottom: 0;} | ||
+ | #bodyContent h1, #bodyContent h2 { | ||
+ | margin-bottom: 0;} | ||
+ | h3 { | ||
+ | font-size: 20px; | ||
+ | padding: 15px 0 5px 0; | ||
+ | font-weight: bold;} | ||
+ | h4 { | ||
+ | font-weight: bold;} | ||
+ | |||
+ | a:link { color: #E56717; text-decoration: none} | ||
+ | a:visited { color:#E56717; text-decoration: none} | ||
+ | a:hover { color:#E56717; text-decoration: none} | ||
+ | a:active { color:#E56717; text-decoration: none} | ||
+ | |||
+ | ul { | ||
+ | text-align:justify; | ||
+ | font-style: normal; | ||
+ | line-height: 2em; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | text-indent: 3px; | ||
+ | list-style-position: inside; | ||
+ | list-style-image: url(bullet.gif); | ||
+ | list-style-type: circle; | ||
+ | margin-left: 0; padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .clear { | ||
+ | height: 0; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | visibility: hidden;} | ||
+ | |||
+ | .tab {text-indent: 30pt;} | ||
+ | |||
+ | |||
+ | /************************************************************/ | ||
+ | /* Main menu settings */ | ||
+ | #nav { | ||
+ | /* clear:both; */ | ||
+ | float:left; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | border-bottom:1px solid #000; /* black line below menu */ | ||
+ | width: auto; | ||
+ | /* width:100%; */ | ||
+ | /* font-family: Verdana, Geneva, sans-serif; Menu font */ | ||
+ | /* font-size:100%; Menu text size */ | ||
+ | z-index:1000; /* This makes the dropdown menus appear above the page content below */ | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | /* Top menu items */ | ||
+ | #nav ul { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | float:right; | ||
+ | position:relative; | ||
+ | right:50%; | ||
+ | } | ||
+ | #nav ul li { | ||
+ | margin:0 0 0 5px; | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | left:50%; | ||
+ | top:1px; | ||
+ | } | ||
+ | #nav ul li a { | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | padding:.6em .5em .4em; | ||
+ | /* font-size:1em; */ | ||
+ | line-height:1em; | ||
+ | /* background:#A9A9A9; | ||
+ | text-decoration:none; | ||
+ | color:##E56717; | ||
+ | font-weight:bold; */ | ||
+ | background: #000000; | ||
+ | border-bottom:1px solid #000; | ||
+ | } | ||
+ | #nav ul li.active a { | ||
+ | color:#fff; | ||
+ | background:#000; | ||
+ | } | ||
+ | #nav ul li a:hover { | ||
+ | background:#36f; /* Top menu items background colour */ | ||
+ | color:#fff; | ||
+ | border-bottom:1px solid #03f; | ||
+ | } | ||
+ | #nav ul li:hover a, | ||
+ | #nav ul li.hover a { /* This line is required for IE 6 and below */ | ||
+ | background:#36f; /* Top menu items background colour */ | ||
+ | color:#fff; | ||
+ | border-bottom:1px solid #03f; | ||
+ | } | ||
+ | |||
+ | /* Submenu items */ | ||
+ | #nav ul ul { | ||
+ | display:none; /* Sub menus are hiden by default */ | ||
+ | position:absolute; | ||
+ | top:2em; | ||
+ | left:0; | ||
+ | right:auto; /*resets the right:50% on the parent ul */ | ||
+ | width:auto /* 10em */; /* width of the drop-down menus */ | ||
+ | } | ||
+ | #nav ul ul li { | ||
+ | left:auto; /*resets the left:50% on the parent li */ | ||
+ | margin:0; /* Reset the 1px margin from the top menu */ | ||
+ | clear:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | #nav ul ul li a, | ||
+ | #nav ul li.active li a, | ||
+ | #nav ul li:hover ul li a, | ||
+ | #nav ul li.hover ul li a { /* This line is required for IE 6 and below */ | ||
+ | /*font-size:.8em; .8em; */ | ||
+ | font-weight:normal; /* resets the bold set for the top level menu items */ | ||
+ | background:#eee; | ||
+ | color:#444; | ||
+ | line-height:1.4em; /* overwrite line-height value from top menu */ | ||
+ | border-bottom:1px solid #ddd; /* sub menu item horizontal lines */ | ||
+ | } | ||
+ | #nav ul ul li a:hover, | ||
+ | #nav ul li.active ul li a:hover, | ||
+ | #nav ul li:hover ul li a:hover, | ||
+ | #nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */ | ||
+ | background:#36f; /* Sub menu items background colour */ | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | /* Flip the last submenu so it stays within the page */ | ||
+ | #nav ul ul.last { | ||
+ | left:auto; /* reset left:0; value */ | ||
+ | right:0; /* Set right value instead */ | ||
+ | } | ||
+ | |||
+ | /* Make the sub menus appear on hover */ | ||
+ | #nav ul li:hover ul, | ||
+ | #nav ul li.hover ul { /* This line is required for IE 6 and below */ | ||
+ | display:block; /* Show the sub menus */ | ||
+ | } | ||
</style> | </style> | ||
Revision as of 00:02, 26 September 2012
Blah blah blah.