158 lines
2.9 KiB
CSS
158 lines
2.9 KiB
CSS
/* mediaboxAdvanced Black theme */
|
|
/* version 2.1 - August 2010 */
|
|
/* for mediaboxAdvanced v.1.3.1 */
|
|
|
|
/* Overlay background styling */
|
|
|
|
#mbOverlay {
|
|
position: fixed;
|
|
z-index: 9998;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Legacy fix for older browsers */
|
|
|
|
#mbOverlay.mbOverlayFF {
|
|
background: transparent url(../images/80.png) repeat;
|
|
}
|
|
|
|
#mbOverlay.mbOverlayIE {
|
|
position: absolute;
|
|
}
|
|
|
|
/* Overlay panel styling */
|
|
|
|
#mbCenter {
|
|
position: absolute;
|
|
z-index: 9999;
|
|
left: 50%;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
|
|
-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
|
|
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
|
|
box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
|
|
}
|
|
|
|
#mbCenter img{
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#mbCenter.mbLoading {
|
|
background: #fff url(../images/loading-light.gif) no-repeat center;
|
|
/* This style is applied only during animation. */
|
|
/* For example, the next lines turn off shadows */
|
|
/* improving browser performance on slow systems. */
|
|
/* To leave shadows on, just remove the following: */
|
|
-webkit-box-shadow: none;
|
|
-khtml-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#mbImage {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
|
|
/* Inline content styling */
|
|
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
color: #333;
|
|
text-align: left;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Title, Caption and Button styling */
|
|
|
|
#mbBottom {
|
|
color: #000;
|
|
text-align: left;
|
|
padding: 0 10px 10px;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
|
|
display: inline;
|
|
color: #000;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#mbNumber {
|
|
display: inline;
|
|
color: #333;
|
|
line-height: 14px;
|
|
font-size: 10px;
|
|
margin: auto 10px;
|
|
}
|
|
|
|
#mbCaption {
|
|
display: block;
|
|
color: #000;
|
|
line-height: 14px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
#mbPrevLink, #mbNextLink, #mbCloseLink {
|
|
float: right;
|
|
outline: none;
|
|
margin: 0 0 0 10px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
|
|
color: #333;
|
|
font-size: 16px;
|
|
line-height: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#mbBottom a, #mbBottom a:link, #mbBottom a:visited { /* Thanks to Danny Jung for feedback and corrections */
|
|
text-decoration: none;
|
|
color: #ddd;
|
|
}
|
|
|
|
#mbBottom a:hover, #mbBottom a:active {
|
|
text-decoration: underline;
|
|
color: #000;
|
|
}
|
|
|
|
|
|
/* Error message styling */
|
|
|
|
#mbError {
|
|
position: relative;
|
|
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
text-align: center;
|
|
border: 10px solid #700;
|
|
padding: 10px 10px 10px;
|
|
margin: 20px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
|
|
color: #d00;
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|