Team:NTNU Trondheim/Test
From 2012.igem.org
Line 1: | Line 1: | ||
- | + | /* Home page layout */ | |
- | + | #main { | |
- | + | margin: 0 0 15px 10px; | |
- | + | float:left; | |
- | + | width:640px; | |
- | + | background:#ffffff; | |
- | + | /*background:#9c9;*/ | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #sidebar { | |
- | + | margin: 0 10px 15px 0; | |
- | + | float:right; | |
- | + | width:300px; | |
- | + | background:#ffffff; | |
- | + | /*background:#c9c;*/ | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #bottom { | |
- | + | margin: 0 10px 0 10px; | |
- | + | clear:both; | |
- | + | background:#ffffff; | |
- | + | /*background:#cc9;*/ | |
+ | } | ||
- | + | /* Correction of background color for Twitter widget */ | |
- | + | ||
+ | .twtr-bd p { | ||
+ | background-color: #000000; | ||
+ | } | ||
+ | |||
+ | /* Removes the annoying padlock symbol from https links */ | ||
+ | |||
+ | #bodyContent a[href ^="https://"], | ||
+ | .link-https { | ||
+ | background: none; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | |||
+ | /* Setup based on Imperial College iGEM 2011 */ | ||
+ | |||
+ | #top-section { | ||
+ | width: 975px; | ||
+ | height: 0px; | ||
+ | background-color: #ffffff; | ||
+ | border: none; | ||
+ | top: 3px; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | display: none;} | ||
+ | |||
+ | #search-controls { | ||
+ | display: none;} | ||
+ | |||
+ | .right-menu li a, .right-menu li a:hover { | ||
+ | color: #159E31; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | background-color: #515151; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none;} | ||
+ | |||
+ | #ProjectLogo { | ||
+ | position: relative; | ||
+ | left:50px; | ||
+ | /*z-index:-1;*/ | ||
+ | } | ||
+ | |||
+ | #iGEMLogo { | ||
+ | position:absolute; | ||
+ | top:40px; | ||
+ | left:15px; | ||
+ | } | ||
+ | |||
+ | #NTNULogo { | ||
+ | position:absolute; | ||
+ | top:60px; | ||
+ | left:790px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color:#E9EEE9; | ||
+ | font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; | ||
+ | } | ||
+ | |||
+ | #main-menu { | ||
+ | overflow:visible; | ||
+ | position:relative; | ||
+ | z-index:3; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 975px; | ||
+ | margin: 0 auto; | ||
+ | padding-top:1px; | ||
+ | padding-left:0px; | ||
+ | padding-right:0px; | ||
+ | padding-bottom:0px; | ||
+ | background: #ffffff; | ||
+ | color: black; | ||
+ | border: none; | ||
+ | line-height: 1.5em; | ||
+ | z-index: 2; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | margin: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | a {color:#60c21e;} | ||
+ | a:link {color:#60c21e;} | ||
+ | a:visited {color:#60c21e;} | ||
+ | a:hover {color:#60c21e;} | ||
+ | a:active {color:#60c21e;} | ||
+ | a[name]:hover {text-decoration:none;} | ||
+ | |||
+ | a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;} | ||
+ | a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;} | ||
+ | |||
+ | h1 { | ||
+ | font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; | ||
+ | color: #159E31; | ||
+ | font-weight: bold; | ||
+ | /*border-bottom: none;*/ | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; | ||
+ | color: #159E31; | ||
+ | font-weight: bold; | ||
+ | /*border-bottom: none;*/ | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; | ||
+ | color: #159E31; | ||
+ | font-weight: bold; | ||
+ | /*border-bottom: none;*/ | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; | ||
+ | color: #159E31; | ||
+ | font-weight: bold; | ||
+ | /*border-bottom: none;*/ | ||
+ | } | ||
+ | |||
+ | /*p { | ||
+ | font-family: ubuntu, 'Open Sans', verdana, arial, sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | }*/ | ||
+ | |||
+ | .border { | ||
+ | border:1px solid #B2B2B2; | ||
+ | z-index:101; | ||
+ | } | ||
+ | |||
+ | .borderMagnify { | ||
+ | border:1px solid #B2B2B2; | ||
+ | z-index:101; | ||
+ | margin-left:-9px; | ||
+ | margin-right:9px; | ||
+ | } | ||
+ | |||
+ | .imgbox { | ||
+ | margin:20px; | ||
+ | padding:10px; | ||
+ | border:1px solid black; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .vidbox { | ||
+ | margin:20px; | ||
+ | padding:10px; | ||
+ | border:1px solid black; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .newouterbox { | ||
+ | background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px; | ||
+ | } | ||
+ | |||
+ | .newinnerbox { | ||
+ | border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff; | ||
+ | } | ||
+ | |||
+ | .newtext { | ||
+ | text-align:center;background-color:#FF944D;color:#000000; | ||
+ | } | ||
+ | |||
+ | ul.a { | ||
+ | margin: 0 0 0 40px; | ||
+ | list-style-image: none; | ||
+ | list-style-type:disc; | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | ol.a { | ||
+ | margin: 0 0 0 30px; | ||
+ | list-style-position:inside; | ||
+ | font-family: arial,sans-serif; | ||
+ | color: #000000; | ||
+ | background: #ffffff; | ||
+ | font-weight: normal; | ||
+ | font-size: 1em; | ||
+ | line-height: 1.7em; | ||
+ | text-align: justify; | ||
+ | padding: 5px 20px 0px 20px; | ||
+ | } | ||
+ | |||
+ | /*iframe { | ||
+ | padding: 10px 20px 10px 20px; | ||
+ | }*/ | ||
+ | |||
+ | #BackToTop { | ||
+ | position:fixed; | ||
+ | bottom:0; | ||
+ | right:0; | ||
+ | } | ||
+ | |||
+ | #Sitemap { | ||
+ | position:fixed; | ||
+ | bottom:0; | ||
+ | left:0; | ||
+ | } |
Revision as of 19:34, 26 June 2012
/* Home page layout */
- main {
margin: 0 0 15px 10px; float:left; width:640px; background:#ffffff; /*background:#9c9;*/ }
- sidebar {
margin: 0 10px 15px 0; float:right; width:300px; background:#ffffff; /*background:#c9c;*/ }
- bottom {
margin: 0 10px 0 10px; clear:both; background:#ffffff; /*background:#cc9;*/ }
/* Correction of background color for Twitter widget */
.twtr-bd p { background-color: #000000; }
/* Removes the annoying padlock symbol from https links */
- bodyContent a[href ^="https://"],
.link-https { background: none; padding-right: 0px; }
/* Setup based on Imperial College iGEM 2011 */
- top-section {
width: 975px; height: 0px; background-color: #ffffff; border: none; top: 3px; }
- p-logo {
display: none;}
- search-controls {
display: none;}
.right-menu li a, .right-menu li a:hover { color: #159E31; background-color: transparent; }
.left-menu:hover { background-color: #515151; }
.firstHeading { display: none;}
- ProjectLogo {
position: relative; left:50px; /*z-index:-1;*/ }
- iGEMLogo {
position:absolute; top:40px; left:15px; }
- NTNULogo {
position:absolute; top:60px; left:790px; }
body { background-color:#E9EEE9; font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; }
- main-menu {
overflow:visible; position:relative; z-index:3; }
- content {
position: relative; width: 975px; margin: 0 auto; padding-top:1px; padding-left:0px; padding-right:0px; padding-bottom:0px; background: #ffffff; color: black; border: none; line-height: 1.5em; z-index: 2; overflow: hidden; }
- contentSub {
margin: 0 0 0 0; }
a {color:#60c21e;} a:link {color:#60c21e;} a:visited {color:#60c21e;} a:hover {color:#60c21e;} a:active {color:#60c21e;} a[name]:hover {text-decoration:none;}
a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;} a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
h1 { font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; color: #159E31; font-weight: bold; /*border-bottom: none;*/ }
h2 { font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; color: #159E31; font-weight: bold; /*border-bottom: none;*/ }
h3 { font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; color: #159E31; font-weight: bold; /*border-bottom: none;*/ }
h4 { font-family: ubuntu, 'Open Sans', verdana, arial,sans-serif; color: #159E31; font-weight: bold; /*border-bottom: none;*/ }
/*p { font-family: ubuntu, 'Open Sans', verdana, arial, sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; margin: 0 0 0 0; padding: 5px 20px 0px 20px; }*/
.border { border:1px solid #B2B2B2; z-index:101; }
.borderMagnify { border:1px solid #B2B2B2; z-index:101; margin-left:-9px; margin-right:9px; }
.imgbox { margin:20px; padding:10px; border:1px solid black; text-align:center; }
.vidbox { margin:20px; padding:10px; border:1px solid black; text-align:center; }
.newouterbox { background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px; }
.newinnerbox { border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff; }
.newtext { text-align:center;background-color:#FF944D;color:#000000; }
ul.a { margin: 0 0 0 40px; list-style-image: none; list-style-type:disc; font-family: arial,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; padding: 5px 20px 0px 20px; }
ol.a { margin: 0 0 0 30px; list-style-position:inside; font-family: arial,sans-serif; color: #000000; background: #ffffff; font-weight: normal; font-size: 1em; line-height: 1.7em; text-align: justify; padding: 5px 20px 0px 20px; }
/*iframe { padding: 10px 20px 10px 20px; }*/
- BackToTop {
position:fixed; bottom:0; right:0; }
- Sitemap {
position:fixed; bottom:0; left:0; }