Team:Ciencias-UNAM/stylesheets/rp page

From 2013.igem.org

(Difference between revisions)
 
(21 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;
Line 27: Line 53:
display: none;
display: none;
}
}
-
 
+
#search-controls {
-
#bodyContent {
+
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;
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;
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;
margin: 0;
-
width: 100%;
+
padding: 0;
-
height: 100%;
+
}
 +
#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 60: Line 185:
}
}
-
div.intcaselink
+
#main_container div.intcaselink
{
{
cursor: pointer;
cursor: pointer;
Line 70: Line 195:
}
}
-
div.annnoteimage
+
#main_container div.annnoteimage
{
{
position: absolute;
position: absolute;
Line 81: Line 206:
}
}
-
div.annnotelabel
+
#main_container div.annnotelabel
{
{
position: absolute;
position: absolute;
Line 94: Line 219:
}
}
   
   
-
.annotationName  
+
#main_container .annotationName  
{
{
font-size: .7em;
font-size: .7em;
Line 102: 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
----------------------------------------- */
  1. globalWrapper {

background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height: 100%; }

  1. content {

background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: visible; height: 100%; }

  1. bodyContent {

border: none; padding: 0; margin: 0; width: 100%; height: 100%; }

  1. top-section {

height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding: 0; border: none; font-size: 10px; }

  1. p-logo {

height: 1px; overflow: hidden; display: none; }

  1. search-controls {

overflow: hidden; display: block; background: none; position: absolute; top: 100px; right: 40px; }

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

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

  1. footer-box {

width: 100%; margin: -10px auto 0 auto; padding: 20px 0; } .visualClear { display: none; }

  1. footer {

border: none; width: 965px; margin: 0 auto; padding: 0; } .firstHeading { display: none; }

  1. f-list a {

color: #333; font-size: 10px; }

  1. f-list a:hover {

color: #666; } .printfooter { display: none; }

  1. footer ul {

margin: 0; padding: 0; }

  1. footer ul li {

margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0; }

  1. search-controls {

display: none; } h3#siteSub { display: none; }

  1. contentSub {

display: none; } /* p:first-child { display: none; } */

  1. catlinks {

display: none; }

  1. footer-box {

width: 0px; height: 0px; overflow: hidden; visibility: hidden; }

  1. main_container p

{ margin: 0px; }

  1. main_container iframe

{ background: #FFFFFF; }

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

}

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

}

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

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

  1. main_container .annotationName

{ font-size: .7em; font-weight: bold; margin-bottom: .2em; white-space: nowrap; }

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

}