Team:Ciencias-UNAM/stylesheets/rp page
From 2013.igem.org
(28 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
} | } | ||
+ | /* ----------------------------------------- | ||
+ | iGEM Reset | ||
+ | ----------------------------------------- */ | ||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | #content { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | width: 100%; | ||
+ | overflow: visible; | ||
+ | height: 100%; | ||
+ | } | ||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
#top-section { | #top-section { | ||
height: 15px; | height: 15px; | ||
Line 21: | Line 48: | ||
font-size: 10px; | font-size: 10px; | ||
} | } | ||
- | |||
#p-logo { | #p-logo { | ||
height: 1px; | height: 1px; | ||
overflow: hidden; | overflow: hidden; | ||
display: none; | display: none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | overflow: hidden; | ||
+ | display: block; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | #menubar.left-menu { | ||
+ | /*margin-top: -80px; uncomment this when page goes live */ | ||
+ | background: none; | ||
+ | height: 20px; | ||
+ | left: 20px; | ||
+ | float: left; | ||
+ | } | ||
+ | .left-menu ul { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .left-menu:hover ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | .left-menu:hover ul li a { | ||
+ | color: #666; | ||
+ | } | ||
+ | .left-menu li a:hover { | ||
+ | color: #aaaaff !important; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | #menubar.right-menu { | ||
+ | display: block; | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | margin-top: 2px; | ||
+ | margin-right: 0px; | ||
+ | border: none; | ||
+ | } | ||
+ | .right-menu ul { | ||
+ | width: 300px; | ||
+ | margin: 0px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .right-menu ul li a { | ||
+ | background: none; | ||
+ | color: #666; | ||
+ | } | ||
+ | .right-menu:hover ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width: 100%; | ||
+ | margin: -10px auto 0 auto; | ||
+ | padding: 20px 0; | ||
+ | } | ||
+ | .visualClear { | ||
+ | display: none; | ||
+ | } | ||
+ | #footer { | ||
+ | border: none; | ||
+ | width: 965px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | .printfooter { | ||
+ | display: none; | ||
+ | } | ||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | h3#siteSub { | ||
+ | display: none; | ||
+ | } | ||
+ | #contentSub { | ||
+ | display: none; | ||
+ | } | ||
+ | /* p:first-child { | ||
+ | display: none; | ||
+ | } */ | ||
+ | #catlinks { | ||
+ | display: none; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width: 0px; | ||
+ | height: 0px; | ||
+ | overflow: hidden; | ||
+ | visibility: hidden; | ||
} | } | ||
- | p | + | #main_container p |
{ | { | ||
margin: 0px; | margin: 0px; | ||
} | } | ||
- | iframe | + | #main_container iframe |
{ | { | ||
background: #FFFFFF; | background: #FFFFFF; | ||
} | } | ||
- | div.intcases | + | #main_container div.intcases |
{ | { | ||
font-family: arial; | font-family: arial; | ||
Line 52: | Line 185: | ||
} | } | ||
- | div.intcaselink | + | #main_container div.intcaselink |
{ | { | ||
cursor: pointer; | cursor: pointer; | ||
Line 62: | Line 195: | ||
} | } | ||
- | div.annnoteimage | + | #main_container div.annnoteimage |
{ | { | ||
position: absolute; | position: absolute; | ||
Line 73: | Line 206: | ||
} | } | ||
- | div.annnotelabel | + | #main_container div.annnotelabel |
{ | { | ||
position: absolute; | position: absolute; | ||
Line 86: | Line 219: | ||
} | } | ||
- | .annotationName | + | #main_container .annotationName |
{ | { | ||
font-size: .7em; | font-size: .7em; | ||
Line 94: | Line 227: | ||
} | } | ||
- | .annotation | + | #main_container .annotation |
{ | { | ||
font-size: .7em; | font-size: .7em; |
Latest revision as of 18:34, 24 August 2013
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 11, 2013 */ @font-face {
font-family: 'Museo Slab'; src: url('http://dbproyectos.com/fonts/exljbris_-_museoslab-500-webfont.eot'); src: url('http://dbproyectos.com/fonts/exljbris_-_museoslab-500-webfont.eot?#iefix') format('embedded-opentype'), url('http://dbproyectos.com/fonts/exljbris_-_museoslab-500-webfont.woff') format('woff'), url('http://dbproyectos.com/fonts/exljbris_-_museoslab-500-webfont.ttf') format('truetype'), url('http://dbproyectos.com/fonts/exljbris_-_museoslab-500-webfont.svg#museo_slab500') format('svg'); font-weight: normal; font-style: normal;
}
/* -----------------------------------------
iGEM Reset ----------------------------------------- */
- globalWrapper {
background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height: 100%; }
- content {
background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: visible; height: 100%; }
- bodyContent {
border: none; padding: 0; margin: 0; width: 100%; height: 100%; }
- top-section {
height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding: 0; border: none; font-size: 10px; }
- p-logo {
height: 1px; overflow: hidden; display: none; }
- search-controls {
overflow: hidden; display: block; background: none; position: absolute; top: 100px; right: 40px; }
- menubar.left-menu {
/*margin-top: -80px; uncomment this when page goes live */ background: none; height: 20px; left: 20px; float: left; } .left-menu ul { visibility: hidden; } .left-menu:hover ul { visibility: visible; } .left-menu:hover ul li a { color: #666; } .left-menu li a:hover { color: #aaaaff !important; text-decoration: underline; }
- menubar.right-menu {
display: block; width: 300px; float: left; margin-top: 2px; margin-right: 0px; border: none; } .right-menu ul { width: 300px; margin: 0px; visibility: hidden; } .right-menu ul li a { background: none; color: #666; } .right-menu:hover ul { visibility: visible; }
- footer-box {
width: 100%; margin: -10px auto 0 auto; padding: 20px 0; } .visualClear { display: none; }
- footer {
border: none; width: 965px; margin: 0 auto; padding: 0; } .firstHeading { display: none; }
- f-list a {
color: #333; font-size: 10px; }
- f-list a:hover {
color: #666; } .printfooter { display: none; }
- footer ul {
margin: 0; padding: 0; }
- footer ul li {
margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0; }
- search-controls {
display: none; } h3#siteSub { display: none; }
- contentSub {
display: none; } /* p:first-child { display: none; } */
- catlinks {
display: none; }
- footer-box {
width: 0px; height: 0px; overflow: hidden; visibility: hidden; }
- main_container p
{ margin: 0px; }
- main_container iframe
{ background: #FFFFFF; }
- main_container div.intcases
{ font-family: arial; font-size: 12px;
text-align:left;
border:1px solid #AAA; background:#FFF none repeat scroll 0% 0%; z-index:9999; visibility:hidden; position:absolute;
padding: 0px; border-radius: 3px;
}
- main_container div.intcaselink
{ cursor: pointer;
padding: 3px 8px 3px 8px; margin: 5px;
background:#EEE none repeat scroll 0% 0%; border:1px solid #AAA;
border-radius: 3px;
}
- main_container div.annnoteimage
{ position: absolute; font-size: 0px; width: 16px; height: 12px; cursor: help; background-image: url(images/note.gif); background-repeat: no-repeat; }
- main_container div.annnotelabel
{ position: absolute; font-family: Arial; font-size: 10px; border: 1px solid #666666; cursor: help; background:#DDDD00 none repeat scroll 0% 0%; padding-left:3px; padding-right:3px; white-space: nowrap; }
- main_container .annotationName
{ font-size: .7em; font-weight: bold; margin-bottom: .2em; white-space: nowrap; }
- main_container .annotation
{ font-size: .7em; padding-left: .2em; margin-bottom: 1em; }
/* this is a fix for the issue where dialogs jump around and takes the text-align from the body */ .dialogFix {
position:absolute; text-align:left;
}