Created
July 20, 2010 19:49
-
-
Save lukegb/483447 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#lightwindow_overlay { | |
/* REQUIRED */ | |
display: none; | |
visibility: hidden; | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100px; | |
z-index: 500; | |
/* REQUIRED */ | |
} | |
#lightwindow { | |
/* REQUIRED */ | |
/* Of Note - The height and width of this element are set to 0px */ | |
display: none; | |
visibility: hidden; | |
position: absolute; | |
z-index: 999; | |
line-height: 0px; | |
/* REQUIRED */ | |
} | |
#lightwindow_container { | |
/* REQUIRED */ | |
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; | |
} | |
#lightwindow_loading_shim { | |
display: none; | |
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 */ | |
} | |
#lightwindow_navigation a, | |
#lightwindow_navigation a:link, | |
#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(http://testing.lukegb.com/vle/lb/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(http://testing.lukegb.com/vle/lb/prevlabel.gif) left 15% no-repeat; | |
} | |
#lightwindow_next:hover, | |
#lightwindow_next:active { | |
background: url(http://testing.lukegb.com/vle/lb/nextlabel.gif) right 15% no-repeat; | |
} | |
#lightwindow_previous_title, | |
#lightwindow_next_title { | |
display: none; | |
} | |
#lightwindow_galleries { | |
width: 100%; | |
position: absolute; | |
z-index: 50; | |
display: none; | |
overflow: hidden; | |
margin: 0 0 0 10px; | |
bottom: 0px; | |
left: 0px; | |
} | |
#lightwindow_galleries_tab_container { | |
width: 100%; | |
height: 0px; | |
overflow: hidden; | |
} | |
a#lightwindow_galleries_tab, | |
a:link#lightwindow_galleries_tab, | |
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(http://testing.lukegb.com/vle/lb/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; | |
} | |
#lightwindow_galleries_tab .up { | |
background: urlhttp://testing.lukegb.com/vle/lb/arrow-up.gif) no-repeat 60px 5px transparent; | |
} | |
#lightwindow_galleries_tab .down { | |
background: url(http://testing.lukegb.com/vle/lb/arrow-down.gif) no-repeat 60px 6px transparent; | |
} | |
#lightwindow_galleries_list { | |
background: url(http://testing.lukegb.com/vle/lb/black-70.png) repeat 0 0 transparent; | |
overflow: hidden; | |
height: 0px; | |
} | |
* 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 */ | |
} | |
#lightwindow_data_slide { | |
/* REQUIRED */ | |
position: relative; | |
/* REQUIRED */ | |
} | |
#lightwindow_data_slide_inner { | |
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; | |
} | |
#lightwindow_title_bar_title { | |
color: #ffffbe; | |
font-size: 14px; | |
line-height: 25px; | |
text-align: left; | |
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; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment