root / tei / css / mbExtruder.css @ 2
Historique | Voir | Annoter | Télécharger (6,32 ko)
| 1 | 2 | mingarao | /*
|
|---|---|---|---|
| 2 | 2 | mingarao | * jquery.mb.components
|
| 3 | 2 | mingarao | * Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
|
| 4 | 2 | mingarao | * email: mbicocchi@open-lab.com
|
| 5 | 2 | mingarao | * site: http://pupunzi.com
|
| 6 | 2 | mingarao | *
|
| 7 | 2 | mingarao | * Licences: MIT, GPL
|
| 8 | 2 | mingarao | * http://www.opensource.org/licenses/mit-license.php
|
| 9 | 2 | mingarao | * http://www.gnu.org/licenses/gpl.html
|
| 10 | 2 | mingarao | */
|
| 11 | 2 | mingarao | |
| 12 | 2 | mingarao | .extruder{
|
| 13 | 2 | mingarao | position:fixed; |
| 14 | 2 | mingarao | cursor:default; |
| 15 | 2 | mingarao | background:url("../elements/extruder_blank.png"); |
| 16 | 2 | mingarao | } |
| 17 | 2 | mingarao | |
| 18 | 2 | mingarao | .extruder .header{ |
| 19 | 2 | mingarao | height:27px; |
| 20 | 2 | mingarao | } |
| 21 | 2 | mingarao | |
| 22 | 2 | mingarao | .extruder .content{ |
| 23 | 2 | mingarao | display:none; |
| 24 | 2 | mingarao | background:url("../elements/extruder_bgnd.png") repeat-y bottom left; |
| 25 | 2 | mingarao | } |
| 26 | 2 | mingarao | |
| 27 | 2 | mingarao | .extruder.open .content{ |
| 28 | 2 | mingarao | -moz-box-shadow:#999 2px 1px 5px; |
| 29 | 2 | mingarao | -webkit-box-shadow:#999 2px 1px 5px; |
| 30 | 2 | mingarao | } |
| 31 | 2 | mingarao | |
| 32 | 2 | mingarao | |
| 33 | 2 | mingarao | .extruder .footer{ |
| 34 | 2 | mingarao | display:none; |
| 35 | 2 | mingarao | height:10px; |
| 36 | 2 | mingarao | background:#000; |
| 37 | 2 | mingarao | -moz-border-radius: 0 0 8px 8px; |
| 38 | 2 | mingarao | -webkit-border-bottom-right-radius: 5px; |
| 39 | 2 | mingarao | -webkit-border-bottom-left-radius: 5px; |
| 40 | 2 | mingarao | -moz-box-shadow:#999 2px 1px 5px; |
| 41 | 2 | mingarao | -webkit-box-shadow:#999 2px 1px 5px; |
| 42 | 2 | mingarao | } |
| 43 | 2 | mingarao | |
| 44 | 2 | mingarao | /*extruder TOP*/
|
| 45 | 2 | mingarao | .extruder.top .flap{ |
| 46 | 2 | mingarao | color:white; |
| 47 | 2 | mingarao | text-shadow: #333 2px 2px 2px; |
| 48 | 2 | mingarao | font:18px/28px Arial, Helvetica, sans-serif; |
| 49 | 2 | mingarao | text-align:center; |
| 50 | 2 | mingarao | display:block; |
| 51 | 2 | mingarao | margin:auto; |
| 52 | 2 | mingarao | padding:0 5px 5px 5px; |
| 53 | 2 | mingarao | height:30px; |
| 54 | 2 | mingarao | width:180px; |
| 55 | 2 | mingarao | background:#000; |
| 56 | 2 | mingarao | -moz-border-radius:0 0 10px 10px; |
| 57 | 2 | mingarao | -webkit-border-bottom-left-radius:10px; |
| 58 | 2 | mingarao | -webkit-border-bottom-right-radius:10px; |
| 59 | 2 | mingarao | -moz-box-shadow:#999 2px 1px 5px; |
| 60 | 2 | mingarao | -webkit-box-shadow:#999 2px 1px 5px; |
| 61 | 2 | mingarao | |
| 62 | 2 | mingarao | /*background:url("../elements/extruder_flap.png") no-repeat top center;*/
|
| 63 | 2 | mingarao | cursor:pointer; |
| 64 | 2 | mingarao | } |
| 65 | 2 | mingarao | .extruder.top .content{ |
| 66 | 2 | mingarao | -moz-border-radius: 0 0 10px 10px; |
| 67 | 2 | mingarao | -webkit-border-bottom-left-radius:10px; |
| 68 | 2 | mingarao | -webkit-border-bottom-right-radius:10px; |
| 69 | 2 | mingarao | } |
| 70 | 2 | mingarao | |
| 71 | 2 | mingarao | |
| 72 | 2 | mingarao | /*extruder BOTTOM*/
|
| 73 | 2 | mingarao | .extruder.bottom .flap{ |
| 74 | 2 | mingarao | position:relative; |
| 75 | 2 | mingarao | color:white; |
| 76 | 2 | mingarao | text-shadow: #333 2px 2px 2px; |
| 77 | 2 | mingarao | font:18px/28px Arial, Helvetica, sans-serif; |
| 78 | 2 | mingarao | text-align:center; |
| 79 | 2 | mingarao | display:block; |
| 80 | 2 | mingarao | margin:auto; |
| 81 | 2 | mingarao | margin-top:1px; |
| 82 | 2 | mingarao | padding:0 5px 5px 5px; |
| 83 | 2 | mingarao | height:30px; |
| 84 | 2 | mingarao | width:180px; |
| 85 | 2 | mingarao | background:#000; |
| 86 | 2 | mingarao | -moz-border-radius:10px 10px 0 0; |
| 87 | 2 | mingarao | -webkit-border-top-left-radius:10px; |
| 88 | 2 | mingarao | -webkit-border-top-right-radius:10px; |
| 89 | 2 | mingarao | -moz-box-shadow:#999 2px 0px 2px; |
| 90 | 2 | mingarao | -webkit-box-shadow:#999 2px 0px 2px; |
| 91 | 2 | mingarao | |
| 92 | 2 | mingarao | /*background:url("../elements/extruder_flap.png") no-repeat top center;*/
|
| 93 | 2 | mingarao | cursor:pointer; |
| 94 | 2 | mingarao | } |
| 95 | 2 | mingarao | |
| 96 | 2 | mingarao | .extruder.bottom .footer{ |
| 97 | 2 | mingarao | -moz-border-radius:10px 10px 0 0 ; |
| 98 | 2 | mingarao | -webkit-border-top-left-radius:10px; |
| 99 | 2 | mingarao | -webkit-border-top-right-radius:10px; |
| 100 | 2 | mingarao | position:relative; |
| 101 | 2 | mingarao | margin-top:-5px; |
| 102 | 2 | mingarao | } |
| 103 | 2 | mingarao | |
| 104 | 2 | mingarao | .extruder.bottom .content{ |
| 105 | 2 | mingarao | -moz-border-radius:10px 10px 0 0 ; |
| 106 | 2 | mingarao | -webkit-border-top-left-radius:10px; |
| 107 | 2 | mingarao | -webkit-border-top-right-radius:10px; |
| 108 | 2 | mingarao | } |
| 109 | 2 | mingarao | |
| 110 | 2 | mingarao | .extruder.bottom .ext_wrapper{ |
| 111 | 2 | mingarao | bottom:0; |
| 112 | 2 | mingarao | } |
| 113 | 2 | mingarao | |
| 114 | 2 | mingarao | |
| 115 | 2 | mingarao | /*extruder LEFT*/
|
| 116 | 2 | mingarao | |
| 117 | 2 | mingarao | .extruder.left{ |
| 118 | 2 | mingarao | height:100%; |
| 119 | 2 | mingarao | background:url("../elements/extruder_blank.png"); |
| 120 | 2 | mingarao | } |
| 121 | 2 | mingarao | |
| 122 | 2 | mingarao | .extruder.left.open .content{ |
| 123 | 2 | mingarao | -moz-box-shadow:#999 2px 0px 5px; |
| 124 | 2 | mingarao | -webkit-box-shadow:#999 2px 0px 5px; |
| 125 | 2 | mingarao | } |
| 126 | 2 | mingarao | |
| 127 | 2 | mingarao | |
| 128 | 2 | mingarao | .extruder.left .content{ |
| 129 | 2 | mingarao | border-right:3px solid #000; |
| 130 | 2 | mingarao | } |
| 131 | 2 | mingarao | |
| 132 | 2 | mingarao | |
| 133 | 2 | mingarao | .extruder.left .ext_wrapper{ |
| 134 | 2 | mingarao | height:100%; |
| 135 | 2 | mingarao | } |
| 136 | 2 | mingarao | |
| 137 | 2 | mingarao | .extruder.left .footer{ |
| 138 | 2 | mingarao | display:none; |
| 139 | 2 | mingarao | } |
| 140 | 2 | mingarao | |
| 141 | 2 | mingarao | .extruder.left .flap{ |
| 142 | 2 | mingarao | font-size:18px; |
| 143 | 2 | mingarao | color:white; |
| 144 | 2 | mingarao | top:0; |
| 145 | 2 | mingarao | padding:10px 0 10px 10px; |
| 146 | 2 | mingarao | margin-right:-37px; |
| 147 | 2 | mingarao | background:#000; |
| 148 | 2 | mingarao | width:30px; |
| 149 | 2 | mingarao | position:absolute; |
| 150 | 2 | mingarao | right:0; |
| 151 | 2 | mingarao | -moz-border-radius:0 10px 10px 0; |
| 152 | 2 | mingarao | -webkit-border-top-right-radius:10px; |
| 153 | 2 | mingarao | -webkit-border-bottom-right-radius:10px; |
| 154 | 2 | mingarao | -moz-box-shadow:#999 2px 0px 5px; |
| 155 | 2 | mingarao | -webkit-box-shadow:#999 2px 0px 5px; |
| 156 | 2 | mingarao | } |
| 157 | 2 | mingarao | |
| 158 | 2 | mingarao | .extruder.left .flap .flapLabel{ |
| 159 | 2 | mingarao | background:#000; |
| 160 | 2 | mingarao | } |
| 161 | 2 | mingarao | |
| 162 | 2 | mingarao | |
| 163 | 2 | mingarao | |
| 164 | 2 | mingarao | /*extruder RIGHT*/
|
| 165 | 2 | mingarao | |
| 166 | 2 | mingarao | .extruder.right{ |
| 167 | 2 | mingarao | /*position:absolute;*/
|
| 168 | 2 | mingarao | height:100%; |
| 169 | 2 | mingarao | background:url("../elements/extruder_blank.png"); |
| 170 | 2 | mingarao | } |
| 171 | 2 | mingarao | |
| 172 | 2 | mingarao | .extruder.right .content{ |
| 173 | 2 | mingarao | /*display:none;*/
|
| 174 | 2 | mingarao | border-left:3px solid #000; |
| 175 | 2 | mingarao | } |
| 176 | 2 | mingarao | |
| 177 | 2 | mingarao | .extruder.right.open .content{ |
| 178 | 2 | mingarao | -moz-box-shadow:#999 -2px 0px 5px; |
| 179 | 2 | mingarao | -webkit-box-shadow:#999 -2px 0px 5px; |
| 180 | 2 | mingarao | } |
| 181 | 2 | mingarao | |
| 182 | 2 | mingarao | .extruder.right .ext_wrapper{ |
| 183 | 2 | mingarao | height:100%; |
| 184 | 2 | mingarao | right:0; |
| 185 | 2 | mingarao | } |
| 186 | 2 | mingarao | |
| 187 | 2 | mingarao | .extruder.right .footer{ |
| 188 | 2 | mingarao | display:none; |
| 189 | 2 | mingarao | } |
| 190 | 2 | mingarao | |
| 191 | 2 | mingarao | .extruder.right .flap{ |
| 192 | 2 | mingarao | font-size:18px; |
| 193 | 2 | mingarao | color:white; |
| 194 | 2 | mingarao | top:0; |
| 195 | 2 | mingarao | padding:10px 0 10px 10px; |
| 196 | 2 | mingarao | background:#000; |
| 197 | 2 | mingarao | width:30px; |
| 198 | 2 | mingarao | /*height:150px;*/
|
| 199 | 2 | mingarao | position:absolute; |
| 200 | 2 | mingarao | /*overflow:hidden;*/
|
| 201 | 2 | mingarao | left:-37px; |
| 202 | 2 | mingarao | -moz-border-radius:10px 0 0 10px; |
| 203 | 2 | mingarao | -webkit-border-top-left-radius:10px; |
| 204 | 2 | mingarao | -webkit-border-bottom-left-radius:10px; |
| 205 | 2 | mingarao | -moz-box-shadow:#999 -2px 0px 5px; |
| 206 | 2 | mingarao | -webkit-box-shadow:#999 -2px 0px 5px; |
| 207 | 2 | mingarao | } |
| 208 | 2 | mingarao | |
| 209 | 2 | mingarao | .extruder.right .flap .flapLabel{ |
| 210 | 2 | mingarao | background:#000; |
| 211 | 2 | mingarao | } |
| 212 | 2 | mingarao | |
| 213 | 2 | mingarao | |
| 214 | 2 | mingarao | |
| 215 | 2 | mingarao | |
| 216 | 2 | mingarao | |
| 217 | 2 | mingarao | |
| 218 | 2 | mingarao | |
| 219 | 2 | mingarao | /*Extruder Content*/
|
| 220 | 2 | mingarao | |
| 221 | 2 | mingarao | .extruder .voice{ |
| 222 | 2 | mingarao | font:18px/18px Arial, Helvetica, sans-serif; |
| 223 | 2 | mingarao | color:white; |
| 224 | 2 | mingarao | padding:5px; |
| 225 | 2 | mingarao | padding-left:10px; |
| 226 | 2 | mingarao | height:27px; |
| 227 | 2 | mingarao | border-bottom:1px solid #333; |
| 228 | 2 | mingarao | background:url("../elements/extruder_blank.png") no-repeat bottom left; |
| 229 | 2 | mingarao | text-shadow:#333 2px 2px 2px; |
| 230 | 2 | mingarao | } |
| 231 | 2 | mingarao | .extruder .voice:last-child{ |
| 232 | 2 | mingarao | border-bottom:none; |
| 233 | 2 | mingarao | } |
| 234 | 2 | mingarao | |
| 235 | 2 | mingarao | .extruder .voice .disabled{ |
| 236 | 2 | mingarao | cursor:default; |
| 237 | 2 | mingarao | } |
| 238 | 2 | mingarao | .extruder .text{ |
| 239 | 2 | mingarao | background:#222; |
| 240 | 2 | mingarao | font:14px/16px Arial, Helvetica, sans-serif; |
| 241 | 2 | mingarao | color:gray; |
| 242 | 2 | mingarao | padding:10px; |
| 243 | 2 | mingarao | border-bottom:1px solid #333; |
| 244 | 2 | mingarao | text-shadow:#000 2px 2px 2px; |
| 245 | 2 | mingarao | } |
| 246 | 2 | mingarao | |
| 247 | 2 | mingarao | .extruder .voice.hover{ |
| 248 | 2 | mingarao | background:url("../elements/extruder_voiceHover.png") no-repeat top; |
| 249 | 2 | mingarao | } |
| 250 | 2 | mingarao | |
| 251 | 2 | mingarao | .extruder .voice.sel{ |
| 252 | 2 | mingarao | background:url("../elements/extruder_voiceHover.png") no-repeat top; |
| 253 | 2 | mingarao | } |
| 254 | 2 | mingarao | |
| 255 | 2 | mingarao | .extruder .voice img{ |
| 256 | 2 | mingarao | float:left; |
| 257 | 2 | mingarao | margin-right:15px; |
| 258 | 2 | mingarao | } |
| 259 | 2 | mingarao | |
| 260 | 2 | mingarao | .extruder .voice a.label{ |
| 261 | 2 | mingarao | display:block; |
| 262 | 2 | mingarao | height:30px; |
| 263 | 2 | mingarao | color:white; |
| 264 | 2 | mingarao | padding-top:0px; |
| 265 | 2 | mingarao | text-decoration:none; |
| 266 | 2 | mingarao | } |
| 267 | 2 | mingarao | |
| 268 | 2 | mingarao | .extruder .voice span.label{ |
| 269 | 2 | mingarao | display:block; |
| 270 | 2 | mingarao | height:30px; |
| 271 | 2 | mingarao | color: #d0cfcf; |
| 272 | 2 | mingarao | padding-top:0px; |
| 273 | 2 | mingarao | text-decoration:none; |
| 274 | 2 | mingarao | } |
| 275 | 2 | mingarao | |
| 276 | 2 | mingarao | .extruder .voice{ |
| 277 | 2 | mingarao | position:relative; |
| 278 | 2 | mingarao | } |
| 279 | 2 | mingarao | |
| 280 | 2 | mingarao | .extruder .settingsBtn{ |
| 281 | 2 | mingarao | display:block; |
| 282 | 2 | mingarao | position:absolute; |
| 283 | 2 | mingarao | width:36px; |
| 284 | 2 | mingarao | height:36px; |
| 285 | 2 | mingarao | background: url("../elements/settingsBtn.png") no-repeat bottom; |
| 286 | 2 | mingarao | cursor:pointer; |
| 287 | 2 | mingarao | right:-3px; |
| 288 | 2 | mingarao | top:-4px; |
| 289 | 2 | mingarao | /*z-index:1000;*/
|
| 290 | 2 | mingarao | } |
| 291 | 2 | mingarao | |
| 292 | 2 | mingarao | .extruder .optionsPanel{ |
| 293 | 2 | mingarao | /*background: url("../elements/optionsPanel.png") no-repeat bottom;*/
|
| 294 | 2 | mingarao | background: url("../elements/fuzz.gif"); |
| 295 | 2 | mingarao | display:none; |
| 296 | 2 | mingarao | border-bottom:1px solid #333; |
| 297 | 2 | mingarao | } |
| 298 | 2 | mingarao | |
| 299 | 2 | mingarao | .extruder .voice.sel{ |
| 300 | 2 | mingarao | background: url("../elements/extruder_voiceHover.png") no-repeat top; |
| 301 | 2 | mingarao | } |
| 302 | 2 | mingarao | |
| 303 | 2 | mingarao | |
| 304 | 2 | mingarao | /*Extruder Panel*/
|
| 305 | 2 | mingarao | |
| 306 | 2 | mingarao | .optionsPanel .panelVoice a{ |
| 307 | 2 | mingarao | text-decoration:none; |
| 308 | 2 | mingarao | display:block; |
| 309 | 2 | mingarao | color:#cccccc; |
| 310 | 2 | mingarao | padding:8px; |
| 311 | 2 | mingarao | padding-left:20px; |
| 312 | 2 | mingarao | font-size:16px; |
| 313 | 2 | mingarao | text-shadow:#333 1px 1px 1px; |
| 314 | 2 | mingarao | border-bottom:1px solid #444; |
| 315 | 2 | mingarao | cursor:pointer; |
| 316 | 2 | mingarao | } |
| 317 | 2 | mingarao | .optionsPanel .panelVoice a:hover{ |
| 318 | 2 | mingarao | color:#fff; |
| 319 | 2 | mingarao | /*background: #666666;*/
|
| 320 | 2 | mingarao | background: url("../elements/red_op_50.png"); |
| 321 | 2 | mingarao | } |
| 322 | 2 | mingarao | |
| 323 | 2 | mingarao | :focus {
|
| 324 | 2 | mingarao | outline: 0; |
| 325 | 2 | mingarao | } |
| 326 | 2 | mingarao |