[10016] | 1 | /* binaryworld themes based on */ |
---|
| 2 | /* mediaboxAdvanced Black theme */ |
---|
| 3 | /* version 2.1 - August 2010 */ |
---|
| 4 | /* for mediaboxAdvanced v.1.3.1 */ |
---|
| 5 | |
---|
| 6 | |
---|
| 7 | /** |
---|
| 8 | /* Overlay background styling |
---|
| 9 | /* |
---|
| 10 | /**/ |
---|
| 11 | |
---|
| 12 | #mbOverlay { |
---|
| 13 | position: fixed; |
---|
| 14 | z-index: 9998; |
---|
| 15 | top: 0; |
---|
| 16 | left: 0; |
---|
| 17 | width: 100%; |
---|
| 18 | height: 100%; |
---|
| 19 | cursor: pointer; |
---|
| 20 | } |
---|
| 21 | |
---|
| 22 | /** |
---|
| 23 | /* Legacy fix for older browsers */ |
---|
| 24 | /* |
---|
| 25 | /**/ |
---|
| 26 | |
---|
| 27 | /* |
---|
| 28 | #mbOverlay.mbOverlayFF { |
---|
| 29 | background: transparent url(black/images/80.png) repeat; |
---|
| 30 | } |
---|
| 31 | */ |
---|
| 32 | |
---|
| 33 | #mbOverlay.mbOverlayIE { |
---|
| 34 | position: absolute; |
---|
| 35 | } |
---|
| 36 | |
---|
| 37 | /** |
---|
| 38 | /* Overlay panel styling */ |
---|
| 39 | /* |
---|
| 40 | /**/ |
---|
| 41 | |
---|
| 42 | #mbCenter { |
---|
| 43 | position: absolute; |
---|
| 44 | z-index: 9999; |
---|
| 45 | left: 50%; |
---|
| 46 | overflow: hidden; |
---|
| 47 | -webkit-border-radius: 10px; |
---|
| 48 | -khtml-border-radius: 10px; |
---|
| 49 | -moz-border-radius: 10px; |
---|
| 50 | border-radius: 10px; |
---|
| 51 | -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
| 52 | -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
| 53 | -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
| 54 | box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
| 55 | /* For IE 8 */ |
---|
| 56 | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; |
---|
| 57 | /* For IE 5.5 - 7 */ |
---|
| 58 | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); |
---|
| 59 | } |
---|
| 60 | |
---|
| 61 | #mbCenter.mbLoading { |
---|
| 62 | /*background: #000 url(black/images/loading.gif) no-repeat center;*/ |
---|
| 63 | /* This style is applied only during animation. */ |
---|
| 64 | /* For example, the next lines turn off shadows */ |
---|
| 65 | /* improving browser performance on slow systems. */ |
---|
| 66 | /* To leave shadows on, just remove the following: */ |
---|
| 67 | -webkit-box-shadow: none; |
---|
| 68 | -khtml-box-shadow: none; |
---|
| 69 | -moz-box-shadow: none; |
---|
| 70 | box-shadow: none; |
---|
| 71 | } |
---|
| 72 | |
---|
| 73 | #mbImage { |
---|
| 74 | position: relative; |
---|
| 75 | left: 0; |
---|
| 76 | top: 0; |
---|
| 77 | |
---|
| 78 | /* Inline content styling */ |
---|
| 79 | |
---|
| 80 | font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; |
---|
| 81 | line-height: 20px; |
---|
| 82 | font-size: 12px; |
---|
| 83 | text-align: left; |
---|
| 84 | background-position: center center; |
---|
| 85 | background-repeat: no-repeat; |
---|
| 86 | padding: 10px; |
---|
| 87 | } |
---|
| 88 | |
---|
| 89 | /** |
---|
| 90 | /* Title, Caption and Button styling */ |
---|
| 91 | /* |
---|
| 92 | /**/ |
---|
| 93 | |
---|
| 94 | #mbBottom { |
---|
| 95 | min-height: 20px; |
---|
| 96 | font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; |
---|
| 97 | line-height: 20px; |
---|
| 98 | font-size: 12px; |
---|
| 99 | text-align: left; |
---|
| 100 | padding: 0 10px 10px; |
---|
| 101 | } |
---|
| 102 | |
---|
| 103 | #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { |
---|
| 104 | display: inline; |
---|
| 105 | font-weight: bold; |
---|
| 106 | line-height: 20px; |
---|
| 107 | font-size: 12px; |
---|
| 108 | } |
---|
| 109 | |
---|
| 110 | #mbNumber { |
---|
| 111 | display: inline; |
---|
| 112 | /*color: #999;*/ |
---|
| 113 | line-height: 14px; |
---|
| 114 | font-size: 10px; |
---|
| 115 | margin: auto 10px; |
---|
| 116 | } |
---|
| 117 | |
---|
| 118 | #mbCaption { |
---|
| 119 | display: block; |
---|
| 120 | /*color: #999;*/ |
---|
| 121 | line-height: 14px; |
---|
| 122 | font-size: 10px; |
---|
| 123 | } |
---|
| 124 | |
---|
| 125 | #mbBottom a { |
---|
| 126 | float: right; |
---|
| 127 | outline: none; |
---|
| 128 | margin: 0 0 0 10px; |
---|
| 129 | font-weight: normal; |
---|
| 130 | border-width: 0px; |
---|
| 131 | text-decoration: none; |
---|
| 132 | } |
---|
| 133 | |
---|
| 134 | #mbBottom a b { |
---|
| 135 | font-weight: bold; |
---|
| 136 | text-decoration: underline; |
---|
| 137 | } |
---|
| 138 | |
---|
| 139 | #mbBottom a big { |
---|
| 140 | font-size: 16px; |
---|
| 141 | line-height: 14px; |
---|
| 142 | font-weight: bold; |
---|
| 143 | } |
---|
| 144 | |
---|
| 145 | #mbBottom a:link, #mbBottom a:visited, |
---|
| 146 | #mbBottom a:hover, #mbBottom a:active { |
---|
| 147 | text-decoration: none; |
---|
| 148 | } |
---|
| 149 | |
---|
| 150 | |
---|
| 151 | /** |
---|
| 152 | /* Error message styling */ |
---|
| 153 | /* |
---|
| 154 | /**/ |
---|
| 155 | |
---|
| 156 | #mbError { |
---|
| 157 | position: relative; |
---|
| 158 | font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; |
---|
| 159 | line-height: 20px; |
---|
| 160 | font-size: 12px; |
---|
| 161 | text-align: center; |
---|
| 162 | border: 10px solid #700; |
---|
| 163 | padding: 10px 10px 10px; |
---|
| 164 | margin: 20px; |
---|
| 165 | -webkit-border-radius: 5px; |
---|
| 166 | -khtml-border-radius: 5px; |
---|
| 167 | -moz-border-radius: 5px; |
---|
| 168 | border-radius: 5px; |
---|
| 169 | } |
---|
| 170 | |
---|
| 171 | #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { |
---|
| 172 | font-weight: bold; |
---|
| 173 | text-decoration: underline; |
---|
| 174 | } |
---|
| 175 | |
---|
| 176 | /** |
---|
| 177 | /* Shadogo |
---|
| 178 | /* |
---|
| 179 | /**/ |
---|
| 180 | |
---|
| 181 | #mbBottom a.disabled-link, #mbBottom a.disabled-link:link, #mbBottom a.disabled-link:visited { |
---|
| 182 | font-weight: normal; |
---|
| 183 | font-style: oblique; |
---|
| 184 | } |
---|