Template:SLOtemp

From 2009.igem.org

(Difference between revisions)
Line 3: Line 3:
<style type="text/css" media="screen">
<style type="text/css" media="screen">
 +
 +
/**************** start: popup *****************/
 +
 +
html, body {
 +
height: 100%;
 +
}
 +
 +
div#fancy_overlay {
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background-color: #666;
 +
display: none;
 +
z-index: 30;
 +
}
 +
 +
* html div#fancy_overlay {
 +
position: absolute;
 +
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 +
}
 +
 +
div#fancy_wrap {
 +
text-align: left;
 +
}
 +
 +
div#fancy_loading {
 +
position: absolute;
 +
height: 40px;
 +
width: 40px;
 +
cursor: pointer;
 +
display: none;
 +
overflow: hidden;
 +
background: transparent;
 +
z-index: 100;
 +
}
 +
 +
div#fancy_loading div {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 40px;
 +
height: 480px;
 +
background: transparent url('fancy_progress.png') no-repeat;
 +
}
 +
 +
div#fancy_loading_overlay {
 +
position: absolute;
 +
background-color: #FFF;
 +
z-index: 30;
 +
}
 +
 +
div#fancy_loading_icon {
 +
position: absolute;
 +
background: url('fancy_loading.gif') no-repeat;
 +
z-index: 35;
 +
width: 16px;
 +
height: 16px;
 +
}
 +
 +
div#fancy_outer {
 +
position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    z-index: 90;
 +
    padding: 18px 18px 33px 18px;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    background: transparent;
 +
    display: none;
 +
}
 +
 +
div#fancy_inner {
 +
position: relative;
 +
width:100%;
 +
height:100%;
 +
border: 1px solid #BBB;
 +
background: #FFF;
 +
}
 +
 +
div#fancy_content {
 +
margin: 0;
 +
z-index: 100;
 +
position: absolute;
 +
}
 +
 +
div#fancy_div {
 +
background: #000;
 +
color: #FFF;
 +
height: 100%;
 +
width: 100%;
 +
z-index: 100;
 +
}
 +
 +
img#fancy_img {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
border:0px none;
 +
padding: 0;
 +
margin: 0;
 +
z-index: 100;
 +
width: 100%;
 +
height: 100%
 +
}
 +
 +
div#fancy_close {
 +
position: absolute;
 +
top: -12px;
 +
right: -15px;
 +
height: 30px;
 +
width: 30px;
 +
background: url('fancy_closebox.png') top left no-repeat;
 +
cursor: pointer;
 +
z-index: 181;
 +
display: none;
 +
}
 +
 +
#fancy_frame {
 +
position: relative;
 +
width: 100%;
 +
height: 100%;
 +
display: none;
 +
}
 +
 +
#fancy_ajax {
 +
width: 100%;
 +
height: 100%;
 +
overflow: auto;
 +
}
 +
 +
a#fancy_left, a#fancy_right {
 +
position: absolute;
 +
bottom: 0px;
 +
height: 100%;
 +
width: 35%;
 +
cursor: pointer;
 +
z-index: 111;
 +
display: none;
 +
background-image: url('data:image/gif;base64,AAAA');
 +
outline: none
 +
}
 +
 +
a#fancy_left {
 +
left: 0px;
 +
}
 +
 +
a#fancy_right {
 +
right: 0px;
 +
}
 +
 +
span.fancy_ico {
 +
position: absolute;
 +
top: 50%;
 +
margin-top: -15px;
 +
width: 30px;
 +
height: 30px;
 +
z-index: 112;
 +
cursor: pointer;
 +
display: block;
 +
}
 +
 +
span#fancy_left_ico {
 +
left: -9999px;
 +
background: transparent url('fancy_left.png') no-repeat;
 +
}
 +
 +
span#fancy_right_ico {
 +
right: -9999px;
 +
background: transparent url('fancy_right.png') no-repeat;
 +
}
 +
 +
a#fancy_left:hover {
 +
  visibility: visible;
 +
}
 +
 +
a#fancy_right:hover {
 +
  visibility: visible;
 +
}
 +
 +
a#fancy_left:hover span {
 +
left: 20px;
 +
}
 +
 +
a#fancy_right:hover span {
 +
right: 20px;
 +
}
 +
 +
.fancy_bigIframe {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background: transparent;
 +
}
 +
 +
div#fancy_bg {
 +
position: absolute;
 +
top: 0; left: 0;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 70;
 +
border: 0px none;
 +
padding: 0;
 +
margin: 0
 +
}
 +
 +
div.fancy_bg {
 +
position: absolute;
 +
display: block;
 +
z-index: 70;
 +
border: 0px none;
 +
padding: 0;
 +
margin: 0
 +
}
 +
 +
div.fancy_bg_n {
 +
top: -18px;
 +
width: 100%;
 +
height: 18px;
 +
background: transparent url('fancy_shadow_n.png') repeat-x;
 +
}
 +
 +
div.fancy_bg_ne {
 +
top: -18px;
 +
right: -13px;
 +
width: 13px;
 +
height: 18px;
 +
background: transparent url('fancy_shadow_ne.png') no-repeat;
 +
}
 +
 +
div.fancy_bg_e {
 +
right: -13px;
 +
height: 100%;
 +
width: 13px;
 +
background: transparent url('fancy_shadow_e.png') repeat-y;
 +
}
 +
 +
div.fancy_bg_se {
 +
bottom: -18px;
 +
right: -13px;
 +
width: 13px;
 +
height: 18px;
 +
background: transparent url('fancy_shadow_se.png') no-repeat;
 +
}
 +
 +
div.fancy_bg_s {
 +
bottom: -18px;
 +
width: 100%;
 +
height: 18px;
 +
background: transparent url('fancy_shadow_s.png') repeat-x;
 +
}
 +
 +
div.fancy_bg_sw {
 +
bottom: -18px;
 +
left: -13px;
 +
width: 13px;
 +
height: 18px;
 +
background: transparent url('fancy_shadow_sw.png') no-repeat;
 +
}
 +
 +
div.fancy_bg_w {
 +
left: -13px;
 +
height: 100%;
 +
width: 13px;
 +
background: transparent url('fancy_shadow_w.png') repeat-y;
 +
}
 +
 +
div.fancy_bg_nw {
 +
top: -18px;
 +
left: -13px;
 +
width: 13px;
 +
height: 18px;
 +
background: transparent url('fancy_shadow_nw.png') no-repeat;
 +
}
 +
 +
div#fancy_title {
 +
position: absolute;
 +
bottom: -33px;
 +
left: 0;
 +
width: 100%;
 +
z-index: 100;
 +
display: none;
 +
}
 +
 +
div#fancy_title div {
 +
color: #FFF;
 +
font: bold 12px Arial;
 +
padding-bottom: 3px;
 +
}
 +
 +
div#fancy_title table {
 +
margin: 0 auto;
 +
}
 +
 +
div#fancy_title table td {
 +
padding: 0;
 +
vertical-align: middle;
 +
}
 +
 +
td#fancy_title_left {
 +
height: 32px;
 +
width: 15px;
 +
background: url('fancy_title_left.png') repeat-x;
 +
}
 +
 +
td#fancy_title_main {
 +
height: 32px;
 +
background: url('fancy_title_main.png') repeat-x;
 +
}
 +
 +
td#fancy_title_right {
 +
height: 32px;
 +
width: 15px;
 +
background: url('fancy_title_right.png') repeat-x;
 +
}
 +
 +
/**************** end: popup *****************/
p {text-align:justify;}
p {text-align:justify;}

Revision as of 07:53, 21 October 2009

{{{Content}}}



Locations of visitors to this page
Retrieved from "http://2009.igem.org/Template:SLOtemp"