/* * ****************************************************************************** * jquery.mb.components * file: mbExtruder.css * * Copyright (c) 2001-2013. Matteo Bicocchi (Pupunzi); * Open lab srl, Firenze - Italy * email: matteo@open-lab.com * site: http://pupunzi.com * blog: http://pupunzi.open-lab.com * http://open-lab.com * * Licences: MIT, GPL * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * last modified: 04/01/13 17.13 * ***************************************************************************** */ .extruder { background: url("../elements/extruder_blank.png"); cursor: default; position: fixed }.extruder .header { height: 15px }.extruder .content { background: #fff; display: none }.extruder.open .content { background-color: #fff; -moz-box-shadow: 0px 0 0px #666; -webkit-box-shadow: 0px 0 0px #999; box-shadow: 0px 0 0px #999 }.extruder .footer { background: #fff; display: none; height: 10px; -moz-border-radius: 0 0 0px 0px; -moz-box-shadow: 0px 0 0px #999; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-box-shadow: 0px 0 0px #999; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0px 0 0px #999 }.extruder.top .flap { color: #666; font: 18px/28px Arial, Helvetica, sans-serif; background: #fff; text-align: center; cursor: pointer; display: block; margin: auto; padding: 0 5px 5px; width: 180px; height: 24px; -moz-border-radius: 0 0 0px 0px; -moz-box-shadow: 0px 0 0px #999; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-box-shadow: 0px 0 0px #999; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0px 0 0px #999; text-shadow: 0px 0px 0px #666 }.extruder.top .content { background-color: #fff; -moz-border-radius: 0 0 0px 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0; border-top-right-radius: 0 }.extruder.bottom .flap { color: white; font: 18px/28px Arial, Helvetica, sans-serif; background: #666; text-align: center; cursor: pointer; display: block; margin: 1px auto auto; padding: 0 5px 5px; position: relative; width: 180px; height: 24px; -moz-border-radius: 0px 0px 0 0; -moz-box-shadow: 0px 0 0px #999; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-box-shadow: 0px 0 0px #999; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; box-shadow: 0px 0 0px #999; text-shadow: 0px 0px 0px #333 }.extruder.bottom .footer{-moz-border-radius:0px 0px 0 0;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative;margin-top:-5px}.extruder.bottom .content{-moz-border-radius:0px 0px 0 0;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0;border-bottom-right-radius:0}.extruder.bottom .ext_wrapper{bottom:0}.extruder.left{height:100%;background:url("../elements/extruder_blank.png")}.extruder.left.open .content { -moz-box-shadow: 0px 0 0px #999; -webkit-box-shadow: 0px 0 0px #999; box-shadow: 0px 0 0px #999 }.extruder.left .content { border-right: 3px solid #666 }.extruder.left .ext_wrapper{height:100%}.extruder.left .footer{display:none}.extruder.left .flap { color: white; font-size: 18px; background: #666; margin-right: -37px; padding: 10px 0 10px 10px; position: absolute; top: 0; right: 0; width: 30px; -moz-border-radius: 0 8px 0 8px; -moz-box-shadow: 2px 0 5px #999; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 8px; -webkit-box-shadow: 2px 0 5px #999; border-bottom-left-radius: 0; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 8px; box-shadow: 2px 0 5px #999 }.extruder.left .flap .flapLabel { background: #999 }.extruder.right{height:100%;background:url("../elements/extruder_blank.png")}.extruder.right .content { border-left: 1px solid #ccc }.extruder.right.open .content{-moz-box-shadow:-2px 0 5px #999;-webkit-box-shadow:-2px 0 5px #999;box-shadow:-2px 0 5px #999}.extruder.right .ext_wrapper { right: 0; height: 100% }.extruder.right .footer{display:none}.extruder.right .flap { color: white; font-size: 18px; font-weight: bold; line-height: 18px; background: #999; padding: 10px 0 10px 10px; position: absolute; top: 0; left: -37px; width: 28px; -moz-border-radius: 0px 0 0px 0; -moz-box-shadow: -2px 0 5px #fff; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0; -webkit-box-shadow: -2px 0 5px #fff; border-bottom-left-radius: 2px; border-bottom-right-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 0; box-shadow: -2px 0 5px #000 }.extruder.right .flap .flapLabel { background: #999; margin-left: -7px }.extruder .voice { color: #666; font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 12px; background-color: #fff; text-transform: uppercase; padding: 5px 5px 5px 10px; height: 24px; border-bottom: 1px solid #cccccc }.extruder .voice:last-child{border-bottom:0}.extruder .voice .disabled{cursor:default}.extruder .text { color: gray; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: normal; line-height: 12px; background: #fff; text-transform: uppercase; padding: 5px 10px; border-bottom: 1px solid #333 }.extruder .voice.hover { background: #fff url("../elements/extruder_voiceHover.png") no-repeat 50% top }.extruder .voice.sel { background: #fff url("../elements/extruder_voiceHover.png") no-repeat 50% top }.extruder .voice img { background-color: #fff; margin-right: 15px; float: left }.extruder .voice a.label { color: white; text-decoration: none; background-color: #fff; display: block; padding-top: 0; height: 20px }.extruder .voice span.label { color: #999; text-decoration: none; display: block; padding-top: 0; height: 20px }.extruder .voice { background-color: #fff; position: relative }.extruder .settingsBtn { background: url("../elements/settingsBtn_lite.png") no-repeat right top; cursor: pointer; display: block; position: absolute; top: 0; right: 0; width: 37px; height: 36px }.extruder .optionsPanel { background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: none; border-bottom: 1px solid #333 }.extruder .voice.sel{background:url("../elements/extruder_voiceHover.png") no-repeat top}.optionsPanel .panelVoice a { color: #fff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; background-color: #000; background-repeat: no-repeat; text-transform: uppercase; cursor: pointer; display: block; padding: 8px 8px 8px 10px; border-bottom: 1px solid #fff }.optionsPanel .panelVoice a:hover { color: #fff; background: #28cfe4 url("../elements/bg_linkdark.gif") no-repeat right top }:focus{outline:0}