superhera.css

/*================================
  HERA v.2.0 Beta                 
  File: superhera.css             
  CSS for graphic view of page    
================================*/

body {
    border-top: 60px solid #9cf !important;
    margin: 0px !important;
}

div.sidarbien, div.sidarduda, div.sidarmal, div.sidardudabis {
    font-style: normal !important;
    font-weight: normal !important;
    font: menu !important;
    line-height: 1.3em !important;
    text-decoration: none !important;
    text-align: left !important;
    padding: 0.5em !important;
    border: 3px solid #F00 !important;
    color: #000 !important;
}

a:link div.sidarbien, a:visited div.sidarbien,
a:link div.sidarduda, a:visited div.sidarduda,
a:link div.sidarmal, a:visited div.sidarmal,
a:link div.sidardudabis, a:visited div.sidardudabis {
    font-style: normal !important;
    font-weight: normal !important;
    font: menu !important;
    line-height: 1.3em !important;
    text-decoration: underline !important;
}

div.sidarbien a:link, div.sidarbien a:visited,
div.sidarduda a:link, div.sidarduda a:visited,
div.sidarmal a:link, div.sidarmal a:visited,
div.sidardudabis a:link, div.sidardudabis a:visited {
    font-style: normal !important;
    font-weight: normal !important;
    font: menu !important;
    line-height: 1.3em !important;
    text-decoration: underline !important;
    background-color: transparent !important;
    color: #000 !important;
}


div.sidarbien {
    background-color: #CFC !important; 
}
div.sidarmal {
    background-color: #FCF !important; 
}
div.sidarduda {
    background-color: #FF9 !important; 
}
div.sidardudabis {
    background-color: #0FF !important; 
}

img.sidarico {
    border: none !important;
    width: 12px !important;
    height: 12px !important;
}

div#heracss {
    width: 15px;
    position: absolute !important;
    top:0px !important;
    left:0px !important;
    z-index:10000 !important;
}

img#heracssimg, img#heracodeimg {
    /*margin-right:15px !important;*/
    border: none !important;
    width: 16px !important;
    height: 16px !important;
}

img#heracodeimg:after, img#heracodeimg:before,
img#heracssimg:after, img#heracssimg:before {
    display: none !important;
    content: '' !important;
}

div#heradiv {
    color: #000 !important;
    background: #9cf url(http://www.sidar.org/hera/img/minihera.gif) no-repeat top right !important;
    font-style: normal !important;
    font-weight: normal !important;
    font: menu !important;
    line-height: 1.3em !important;
    text-align: left;
    text-decoration: none !important;
    height: 50px !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 10000 !important;
    padding: 4px 100px 4px 30px !important;
    margin: 0px;
}

div#heradiv a {
    text-decoration: none !important;
}

div#heradiv span#icons {
    float: left !important;
    padding: 6px 4px !important;
    margin: 4px 8px !important;
    background: #fff !important;
    border-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
}

/* Vista de elementos */

body#this {
    font-family : verdana, sans-serif !important;
    margin: 0px !important;
    padding: 0px !important;
    background-color: #9cf !important;
    color: #000 !important;
    font-size: 90% !important;
    background-image: none !important;
}
body#this div#box h1 {
    font-weight: bold !important;
    font-variant: small-caps !important;
    font-size: 150% !important;
    text-align: left !important;
    margin: 1em 0em 1em 5% !important;
    padding: 0px !important;
    text-decoration: none !important;
    border: none !important;
    color: #000 !important;
    background-color: transparent !important;
}


body#this div#box img.heraico { width: 12px !important;
height: 12px !important;
border: none !important;}

body#this div#box {
    border-top: 3px outset #eee !important;
    background-color: #fff !important;
    padding: 0.5em 3% 1.5em 3% !important;
    margin: 0em 3% 2em 3% !important;
    text-align: left !important;
    position: static !important;
    float: none !important;
}

body#this div#box img {
    float: none !important;
    border: 2px dotted #f00 !important;
}

body#this div#heradiv {
    color: #000 !important;
    background: #9cf url(http://www.sidar.org/hera/img/minihera.gif) no-repeat top right!important;
    font-style: normal !important;
    font-weight: normal !important;
    font: menu !important;
    line-height: 1.3em !important;
    text-align: left !important;
    text-decoration: none !important;
    height: 50px !important;
    padding: 4px 100px 4px 30px !important;
    margin: 0px !important;
}

body#this div#heradiv a {
    text-decoration: none !important;
}

body#this div#heradiv span#icons {
    float: left !important;
    padding: 6px 4px !important;
    margin: 4px 8px !important;
    background: #fff !important;
    border-top: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
}

body#this .sidarbien {
    background-color: #CFC !important; 
}
body#this .sidarmal {
    background-color: #FCF !important; 
}
body#this .sidarduda {
    background-color: #FF9 !important; 
}
body#this .sidardudabis {
    background-color: #0FF !important; 
}