You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.1 KiB
128 lines
3.1 KiB
|
|
/* dojox.image.Lightbox:base */ |
|
/* FIXME: should be be doing this? I want a black underlay, but this sets ALL dialogs to black, |
|
but because it's decendant of body, i can't set this color any other way ... */ |
|
.tundra .dijitDialogUnderlay, |
|
.nihilo .dijitDialogUnderlay, |
|
.soria .dijitDialogUnderlay { |
|
background-color:#000; |
|
} |
|
|
|
.claro .dojoxLightbox .dijitDialogCloseIconHover, |
|
.nihilo .dojoxLightbox .dijitDialogCloseIconHover, |
|
.tundra .dojoxLightbox .dijitDialogCloseIconHover, |
|
.tundra .dojoxLightbox .dijitDialogCloseIconActive, |
|
.nihilo .dojoxLightbox .dijitDialogCloseIconActive, |
|
.claro .dojoxLightbox .dijitDialogCloseIconActive { |
|
background:url('images/close.png') no-repeat 0 0; |
|
} |
|
|
|
/* more specific to override .theme .dijitDialog name. might try baseClass="dojoxLightbox" |
|
but that would require additional overriden CSS on top of the original Dialog.css */ |
|
.claro .dojoxLightbox, |
|
.soria .dojoxLightbox, |
|
.nihilo .dojoxLightbox, |
|
.tundra .dojoxLightbox { |
|
position:absolute; |
|
z-index:999; |
|
overflow:hidden; |
|
width:100px; |
|
height:100px; |
|
border:11px solid #fff !important; /* not happy, but all themes overwrite this to 1px */ |
|
background:#fff url('images/loading.gif') no-repeat center center; |
|
|
|
/* special safari + FF specific rounding + shadows */ |
|
-webkit-box-shadow: 0px 6px 10px #636363; /* #adadad; */ |
|
-webkit-border-radius: 3px; |
|
-moz-border-radius:4px; |
|
border-radius: 4px; |
|
} |
|
|
|
.dojoxLightboxContainer { |
|
position:absolute; |
|
top:0; left:0; |
|
background-color:#fff; |
|
} |
|
|
|
.dojoxLightboxFooter { |
|
padding-bottom:5px; |
|
position:relative; |
|
bottom:0; |
|
left:0; |
|
margin-top:8px; |
|
color:#333; |
|
z-index:1000; |
|
font-size:10pt; |
|
} |
|
|
|
.dojoxLightboxGroupText { |
|
color:#666; |
|
font-size:8pt; |
|
} |
|
|
|
.LightboxNext, |
|
.LightboxPrev, |
|
.LightboxClose { |
|
float:right; |
|
width:16px; |
|
height:16px; |
|
cursor:pointer; |
|
} |
|
|
|
/* dojox.image.Lightbox:tundra:nihilo */ |
|
|
|
.claro .LightboxClose, |
|
.nihilo .LightboxClose, |
|
.tundra .LightboxClose { |
|
background:url('images/close.png') no-repeat center center; |
|
} |
|
|
|
.di_ie6 .claro .LightboxClose, |
|
.di_ie6 .nihilo .LightboxClose, |
|
.dj_ie6 .tundra .LightboxClose { |
|
background:url('images/close.gif') no-repeat center center; |
|
} |
|
|
|
.claro .LightboxNext, |
|
.nihilo .LightboxNext, |
|
.tundra .LightboxNext { |
|
background:url('images/right.png') no-repeat center center; |
|
} |
|
|
|
.dj_ie6 .claro .LightboxNext, |
|
.dj_ie6 .nihilo .LightboxNext, |
|
.dj_ie6 .tundra .LightboxNext { |
|
background:url('images/right.gif') no-repeat center center; |
|
} |
|
|
|
.claro .LightboxPrev, |
|
.nihilo .LightboxPrev, |
|
.tundra .LightboxPrev { |
|
background:url('images/left.png') no-repeat center center; |
|
} |
|
|
|
.dj_ie6 .claro .LightboxPrev, |
|
.dj_ie6 .nihilo .LightboxPrev, |
|
.dj_ie6 .tundra .LightboxPrev { |
|
background:url('images/left.gif') no-repeat center center; |
|
} |
|
|
|
/* dojox.image.Lightbox:soria */ |
|
.soria .LightboxClose, |
|
.soria .LightboxNext, |
|
.soria .LightboxPrev { |
|
width:15px; |
|
height:15px; |
|
background:url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png') no-repeat center center; |
|
background-position:-60px; |
|
} |
|
.soria .LightboxNext { |
|
background-position:-30px 0; |
|
} |
|
.soria .LightboxPrev { |
|
background-position:0 0; |
|
} |
|
|
|
.dojoxLightboxText { |
|
margin:0; padding:0; |
|
}
|
|
|