Template:Team:NCTU Formosa/header-human

From 2012.igem.org

(Difference between revisions)
Line 709: Line 709:
   border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}
}
-
#lbOverlay {
+
#lightwindow_overlay {
-
z-index:2;
+
/* REQUIRED */
 +
display: none;
 +
visibility: hidden;
position: absolute;
position: absolute;
 +
top: 0;
left: 0;
left: 0;
width: 100%;
width: 100%;
-
background-color: #000;
+
height: 100px;
-
cursor: pointer;
+
z-index: 500;
 +
/* REQUIRED */
}
}
-
#lbCenter, #lbBottomContainer {
+
#lightwindow {
-
z-index:2;
+
/* REQUIRED */
 +
/* Of Note - The height and width of this element are set to 0px */
 +
display: none;
 +
visibility: hidden;
position: absolute;
position: absolute;
-
left: 50%;
+
z-index: 999;
-
overflow: hidden;
+
line-height: 0px;
-
background-color: #fff; text-align: center; padding: 5px;
+
/* REQUIRED */
}
}
-
.lbLoading {
+
#lightwindow_container {
-
z-index:2;
+
/* REQUIRED */
-
background: #fff url(https://static.igem.org/mediawiki/2012/4/42/Loading.gif) no-repeat center;
+
display: none;
 +
visibility: hidden;
 +
position: absolute;
 +
/* REQUIRED */
 +
padding: 0 0 0 0;
 +
margin: 0 0 0 0;
 +
}
 +
 
 +
/* IE6 needs this or it messes with our positioning */
 +
* html #lightwindow_container {
 +
overflow: hidden;
 +
}
 +
 
 +
#lightwindow_contents {
 +
overflow: hidden;
 +
z-index: 0;
 +
position: relative;
 +
border: 10px solid #ffffff;
 +
background-color: #ffffff;
 +
}
 +
 
 +
#lightwindow_loading {
 +
/* REQUIRED */
 +
height: 100%;
 +
width: 100%;
 +
top: 0px;
 +
left: 0px;
 +
z-index: 9999;
 +
position: absolute;
 +
/* REQUIRED */
 +
background-color: #f0f0f0;
 +
padding: 10px;
}
}
-
#lbImage {
+
#lightwindow_loading_shim {  
-
z-index:2;
+
display: none;
-
border: 10px solid #fff;
+
left: 0px;
 +
position: absolute;
 +
top: 0px;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
 
 +
#lightwindow_loading span {
 +
    font-size: 12px;
 +
line-height: 32px;
 +
color: #444444;
 +
float: left;
 +
padding: 0 10px 0 0;
 +
}
 +
 
 +
#lightwindow_loading span a,
 +
#lightwindow_loading span a:link,
 +
#lightwindow_loading span a:visited {
 +
color: #09F;
 +
text-decoration: none;
 +
cursor: pointer;
 +
}
 +
 
 +
#lightwindow_loading span a:hover,
 +
#lightwindow_loading span a:active {
 +
text-decoration: underline;
 +
}
 +
 
 +
 
 +
#lightwindow_loading img {
 +
  float: left;
 +
  margin: 0 10px 0 0;
 +
}
 +
 
 +
 
 +
/*-----------------------------------------------------------------------------------------------
 +
I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
 +
I mean let's face it, it works really well and is very easy to figure out.
 +
-----------------------------------------------------------------------------------------------*/
 +
 
 +
#lightwindow_navigation {
 +
/* REQUIRED */
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
display: none;
 +
/* REQUIRED */
}
}
 +
/* We need to shim the navigation for IE, though its more of a sub-floor */
 +
#lightwindow_navigation_shim {
 +
/* REQUIRED */
 +
display: none;
 +
left: 0px;
 +
position: absolute;
 +
top: 0px;
 +
width: 100%;
 +
height: 100%;
 +
/* REQUIRED */
 +
}
-
#lbPrevLink, #lbNextLink {
+
#lightwindow_navigation a,
-
z-index:2;
+
#lightwindow_navigation a:link,
-
display: block;
+
#lightwindow_navigation a:visited,
 +
#lightwindow_navigation a:hover,
 +
#lightwindow_navigation a:active {  
 +
/* REQUIRED */
 +
outline: none;
 +
/* REQUIRED */
 +
}
 +
 
 +
#lightwindow_previous,
 +
#lightwindow_next {
 +
width: 49%;
 +
height: 100%;
 +
background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
 +
display: block;
 +
}
 +
 +
#lightwindow_previous {
 +
float: left;
 +
left: 0px;
 +
}
 +
 
 +
#lightwindow_next {
 +
float: right;
 +
right: 0px;
 +
}
 +
 
 +
#lightwindow_previous:hover,
 +
#lightwindow_previous:active {
 +
background: url(https://static.igem.org/mediawiki/2012/3/33/Ucl2012-lightbox-Prev.png) left 15% no-repeat;
 +
}
 +
 
 +
#lightwindow_next:hover,
 +
#lightwindow_next:active {
 +
background: url(https://static.igem.org/mediawiki/2012/4/4c/Ucl2012-lightbox-Next.png) right 15% no-repeat;
 +
}
 +
 +
#lightwindow_previous_title,
 +
#lightwindow_next_title {
 +
display: none;
 +
}
 +
 +
#lightwindow_galleries {
 +
width: 100%;
position: absolute;
position: absolute;
-
top: 0;
+
z-index: 50;
-
width: 50%;
+
display: none;
-
outline: none;
+
overflow: hidden;
 +
margin: 0 0 0 10px;
 +
bottom: 0px;
 +
left: 0px;
}
}
-
#lbBottom {
+
#lightwindow_galleries_tab_container {
-
z-index:2;
+
width: 100%;
-
font-family: Verdana, Helvetica, sans-serif;
+
height: 0px;
-
font-size: 10px;
+
overflow: hidden;
-
color: #666;
+
}
-
line-height: 1.4em;
+
 
-
text-align: left;
+
a#lightwindow_galleries_tab,
-
border: 5px solid #fff;
+
a:link#lightwindow_galleries_tab,
-
border-top-style: none;
+
a:visited#lightwindow_galleries_tab {
 +
display: block;
 +
height: 20px;
 +
width: 77px;
 +
float: right;
 +
line-height: 22px;
 +
color: #ffffff;
 +
text-decoration: none;
 +
font-weight: bold;
 +
cursor: pointer;
 +
font-size: 11px;
 +
color: #ffffbe;
 +
background: url(../images/black-70.png) repeat 0 0 transparent;
 +
}
 +
 +
* html a#lightwindow_galleries_tab,
 +
* html a:link#lightwindow_galleries_tab,
 +
* html a:visited#lightwindow_galleries_tab {
 +
background: none;
 +
background-color: #000000;
 +
opacity: .70;
 +
filter: alpha(opacity=70);
 +
}
 +
 
 +
a:hover#lightwindow_galleries_tab,
 +
a:active#lightwindow_galleries_tab {
 +
color: #ffffbe;
 +
 
 +
}
 +
 
 +
#lightwindow_galleries_tab_span {
 +
display: block;
 +
height: 20px;
 +
width: 63px;
 +
padding: 0 7px 0 7px;
 +
}
 +
 
 +
* html #lightwindow_galleries_list {
 +
background: none;
 +
background-color: #000000;
 +
opacity: .70;
 +
filter: alpha(opacity=70);
 +
}
 +
 
 +
.lightwindow_galleries_list {
 +
width: 200px;
 +
float: left;
 +
margin: 0 0 10px 0;
 +
padding: 10px;
 +
}
 +
 
 +
.lightwindow_galleries_list h1 {
 +
color: #09F;
 +
text-decoration: none;
 +
font-weight: bold;
 +
cursor: pointer;
 +
padding: 10px 0 5px 0;
 +
font-size: 16px;
 +
}
 +
 
 +
.lightwindow_galleries_list li {
 +
margin: 5px 0 5px 0;
 +
list-style-type: none;
 +
}
 +
 
 +
.lightwindow_galleries_list a,
 +
.lightwindow_galleries_list a:link,
 +
.lightwindow_galleries_list a:visited {
 +
display: block;
 +
line-height: 22px;
 +
color: #ffffff;
 +
text-decoration: none;
 +
font-weight: bold;
 +
cursor: pointer;
 +
padding: 0 0 0 10px;
 +
font-size: 11px;
 +
}
 +
 
 +
.lightwindow_galleries_list a:hover,
 +
.lightwindow_galleries_list a:active {
 +
background: #000000;
 +
color: #ffffbe;
 +
border-left: 3px solid #ffffbe;
 +
padding: 0 0 0 7px;
 +
}
 +
 +
#lightwindow_data {
 +
/* REQUIRED */
 +
position: absolute;
 +
/* REQUIRED */
}
}
-
#lbCloseLink {
+
#lightwindow_data_slide {
-
z-index:2;
+
/* REQUIRED */
-
display: block;
+
position: relative;
-
float: right;
+
/* REQUIRED */
-
width: 66px;
+
}
-
height: 22px;
+
 
-
background: transparent url(https://static.igem.org/mediawiki/2012/8/8e/Closelabel.gif) no-repeat center;
+
#lightwindow_data_slide_inner {
-
margin: 5px 0;
+
background-color: #ffffff;
 +
padding: 0 10px 10px 10px;
 +
}
 +
 
 +
#lightwindow_data_caption {
 +
padding: 10px 0 0 0;
 +
color: #666666;
 +
line-height: 25px;
 +
background-color: #ffffff;
 +
clear: both;
 +
}
 +
 
 +
#lightwindow_data_details {
 +
background-color: #f0f0f0;
 +
padding: 0 10px 0 10px;
 +
height: 20px;
 +
}
 +
 +
#lightwindow_data_author_container {
 +
width: 40%;
 +
text-align: right;
 +
color: #666666;
 +
font-style: italic;
 +
font-size: 10px;
 +
line-height: 20px;
 +
float: right;
 +
overflow: hidden;
 +
}
 +
 +
#lightwindow_data_gallery_container {
 +
font-size: 10px;
 +
width: 40%;
 +
text-align: left;
 +
color: #666666;
 +
line-height: 20px;
 +
float: left;
 +
overflow: hidden;
 +
}
 +
 +
#lightwindow_title_bar {
 +
height: 25px;
 +
overflow: hidden;
}
}
-
#lbCaption, #lbNumber {
+
 
-
z-index:2;
+
#lightwindow_title_bar_title {
-
margin-right: 71px;
+
color: #ffffbe;
-
}
+
font-size: 14px;
-
#lbCaption {
+
line-height: 25px;
-
z-index:2;
+
text-align: left;
-
font-weight: bold;
+
float: left;
 +
}
 +
 
 +
a#lightwindow_title_bar_close_link,
 +
a:link#lightwindow_title_bar_close_link,
 +
a:visited#lightwindow_title_bar_close_link {
 +
float: right;
 +
text-align: right;
 +
cursor: pointer;
 +
color: #ffffbe;
 +
line-height: 25px;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 +
a:hover#lightwindow_title_bar_close_link,
 +
a:active#lightwindow_title_bar_close_link {
 +
color: #ffffff;
 +
}
 +
 
 +
/*-----------------------------------------------------------------------------------------------
 +
Theme styling stuff
 +
-----------------------------------------------------------------------------------------------*/
 +
 
 +
#lightwindow p {
 +
color: #000000;
 +
padding-right: 10px;
}
}
#m6s {
#m6s {
Line 813: Line 1,109:
});
});
</script>
</script>
-
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/mtool?action=raw"></script>
+
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/prototype?action=raw"></script>
-
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/swfo?action=raw"></script>
+
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/effects?action=raw"></script>
-
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/vbox?action=raw"></script>
+
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/slimbox?action=raw"></script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/slimbox?action=raw"></script>
</head>
</head>

Revision as of 17:17, 20 September 2012

Retrieved from "http://2012.igem.org/Template:Team:NCTU_Formosa/header-human"