| | |
| | | } |
| | | |
| | | .voice { |
| | | display: none; |
| | | position: absolute; |
| | | border: 0; |
| | | clip: rect(0 0 0 0); |
| | | width: 1px; |
| | | height: 1px; |
| | | margin: -1px; |
| | | padding: 0; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | html.mozilla select { |
| | | padding: 2px 1px; |
| | | } |
| | | |
| | | input, |
| | | textarea, |
| | | select, |
| | | button { |
| | | font-family: inherit; |
| | | font-size: inherit; |
| | | } |
| | | |
| | | input[type="text"], |
| | |
| | | border: 1px solid #b2b2b2; |
| | | border-radius: 4px; |
| | | box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| | | -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| | | -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| | | -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| | | } |
| | | |
| | | input[type="text"]:focus, |
| | | input[type="password"]:focus, |
| | | input[type="text"]:required, |
| | | input[type="password"]:required, |
| | | input.button:focus, |
| | | textarea:focus { |
| | | border-color: #4787b1; |
| | | box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); |
| | | -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); |
| | | -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); |
| | | -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); |
| | | outline: none; |
| | | } |
| | | |
| | | input[type="text"]:required, |
| | | input[type="password"]:required { |
| | | border-color: #4787b1; |
| | | } |
| | | |
| | | input.placeholder, |
| | |
| | | background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); |
| | | background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); |
| | | box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | text-decoration: none; |
| | | outline: none; |
| | | } |
| | |
| | | background: -ms-linear-gradient(top, #7b7b7b 0%, #606060 100%); /* IE10+ */ |
| | | background: linear-gradient(top, #7b7b7b 0%, #606060 100%); /* W3C */ |
| | | box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; |
| | | -o-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; |
| | | -webkit-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; |
| | | -moz-box-shadow: 0 1px 1px 0 #ccc, inset 0 1px 0 0 #888; |
| | | } |
| | | |
| | | .formbuttons input.button:hover, |
| | |
| | | color: #f2f2f2; |
| | | border-color: #465864; |
| | | box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; |
| | | -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; |
| | | -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; |
| | | -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #888; |
| | | } |
| | | |
| | | .formbuttons input.button:active { |
| | |
| | | background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%); |
| | | background: linear-gradient(top, #505050 0%, #2a2e31 100%); |
| | | box-shadow: inset 0 1px 0 0 #777; |
| | | -moz-box-shadow: inset 0 1px 0 0 #777; |
| | | -webkit-box-shadow: inset 0 1px 0 0 #777; |
| | | -o-box-shadow: inset 0 1px 0 0 #777; |
| | | } |
| | | |
| | | input.button.mainaction:active { |
| | |
| | | background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); |
| | | background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); |
| | | box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); |
| | | text-decoration: none; |
| | | } |
| | | |
| | |
| | | input.button:focus { |
| | | border-color: #4fadd5; |
| | | box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
| | | -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
| | | -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
| | | -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); |
| | | outline: none; |
| | | } |
| | | |
| | |
| | | input.button[disabled]:hover { |
| | | border-color: #c6c6c6; |
| | | box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); |
| | | -o-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); |
| | | -webkit-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); |
| | | -moz-box-shadow: 0 1px 1px 0 rgba(160, 160, 160, 0.4); |
| | | } |
| | | |
| | | a.button.disabled span.inner { |
| | | opacity: 0.4; |
| | | filter: alpha(opacity=40); |
| | | } |
| | | |
| | | .buttongroup a.button { |
| | |
| | | border-radius: 0; |
| | | background: none; |
| | | box-shadow: none; |
| | | -o-box-shadow: none; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | } |
| | | |
| | | .buttongroup a.button.first, |
| | |
| | | background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); |
| | | background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); |
| | | box-shadow: 0 1px 1px 0 #999; |
| | | -o-box-shadow: 0 1px 1px 0 #999; |
| | | -webkit-box-shadow: 0 1px 1px 0 #999; |
| | | -moz-box-shadow: 0 1px 1px 0 #999; |
| | | } |
| | | |
| | | .pagenav.dark a.button.pressed { |
| | |
| | | background: -o-linear-gradient(top, #909090 0%, #858585 100%); |
| | | background: -ms-linear-gradient(top, #909090 0%, #858585 100%); |
| | | background: linear-gradient(top, #909090 0%, #858585 100%); |
| | | -webkit-box-shadow: inset 0 1px 2px 0 #555; |
| | | -moz-box-shadow: inset 0 1px 2px 0 #555; |
| | | box-shadow: inset 0 1px 2px 0 #555; |
| | | -webkit-box-shadow: inset 0 1px 2px 0 #555; |
| | | border-right-color: #555; |
| | | border-left-color: #555; |
| | | } |
| | |
| | | |
| | | a.iconbutton.disabled { |
| | | opacity: 0.4; |
| | | filter: alpha(opacity=40); |
| | | cursor: default; |
| | | } |
| | | |
| | |
| | | background: -ms-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); |
| | | background: linear-gradient(to bottom, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); |
| | | |
| | | -moz-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; |
| | | -webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; |
| | | -o-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; |
| | | box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; |
| | | -webkit-box-shadow: 0 1px 4px 0 rgba(50,50,50,0.8), inset 0px 1px 0 0px #888; |
| | | } |
| | | |
| | | #messagestack div:after { |
| | |
| | | top: 4px; |
| | | left: 6px; |
| | | background: url(images/ajaxloader_dark.gif) 0 4px no-repeat; |
| | | } |
| | | |
| | | #messagestack div.voice { |
| | | position: absolute; |
| | | top: -1000px; |
| | | } |
| | | |
| | | #messagestack div a { |
| | |
| | | .minimal #topline:hover { |
| | | top: 0px; |
| | | opacity: 0.94; |
| | | filter: alpha(opacity=94); |
| | | -webkit-transition: top 0.3s ease-in-out; |
| | | -moz-transition: top 0.3s ease-in-out; |
| | | -o-transition: top 0.3s ease-in-out; |
| | |
| | | white-space: nowrap; |
| | | border: 1px solid #777; |
| | | box-shadow: 0 1px 5px 0 #333; |
| | | -moz-box-shadow: 0 1px 5px 0 #333; |
| | | -webkit-box-shadow: 0 1px 5px 0 #333; |
| | | -o-box-shadow: 0 1px 5px 0 #333; |
| | | z-index: 200; |
| | | white-space: nowrap; |
| | | text-shadow: 0px 1px 1px #000; |
| | |
| | | bottom: 0; |
| | | } |
| | | |
| | | #mainscreen.offset { |
| | | top: 132px; |
| | | } |
| | | |
| | | #mainscreen .offset { |
| | | top: 42px; |
| | | } |
| | | |
| | | .minimal #mainscreen { |
| | | top: 62px; |
| | | } |
| | |
| | | top: 40px; |
| | | } |
| | | |
| | | #mainscreen.offset { |
| | | top: 132px; |
| | | } |
| | | |
| | | #mainscreen .offset { |
| | | top: 42px; |
| | | .extwin #mainscreen.offset { |
| | | top: 86px; |
| | | } |
| | | |
| | | .uibox { |
| | |
| | | border-radius: 4px; |
| | | overflow: hidden; |
| | | box-shadow: 0 0 2px #999; |
| | | -o-box-shadow: 0 0 2px #999; |
| | | -webkit-box-shadow: 0 0 2px #999; |
| | | -moz-box-shadow: 0 0 2px #999; |
| | | background: #fff; |
| | | } |
| | | |
| | |
| | | cursor: default; |
| | | padding: 4px 8px; |
| | | line-height: 17px; |
| | | height: 17px; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .listing tbody td { |
| | | display: table-cell; |
| | | height: auto; |
| | | min-height: 14px; |
| | | outline: none; |
| | | } |
| | |
| | | padding-left: 36px; |
| | | } |
| | | |
| | | ul.treelist.iconized li ul li a { |
| | | ul.treelist.iconized ul li a { |
| | | padding-left: 62px; |
| | | } |
| | | |
| | | ul.treelist.iconized ul ul li a { |
| | | padding-left: 88px; |
| | | } |
| | | |
| | | ul.treelist.iconized ul ul ul li a { |
| | | padding-left: 114px; |
| | | } |
| | | |
| | | ul.treelist li div.treetoggle { |
| | |
| | | left: 19px; |
| | | } |
| | | |
| | | ul.treelist.iconized li ul li div.treetoggle { |
| | | left: 35px; |
| | | ul.treelist.iconized ul li div.treetoggle { |
| | | left: 45px; |
| | | } |
| | | |
| | | ul.treelist.iconized ul ul li div.treetoggle { |
| | | left: 71px; |
| | | } |
| | | |
| | | ul.treelist li div.treetoggle.expanded { |
| | |
| | | height: 42px; |
| | | border-top: 1px solid #ccdde4; |
| | | background: #d9ecf4; |
| | | -webkit-box-shadow: inset 0 1px 0 0 #fff; |
| | | -moz-box-shadow: inset 0 1px 0 0 #fff; |
| | | box-shadow: inset 0 1px 0 0 #fff; |
| | | -webkit-box-shadow: inset 0 1px 0 0 #fff; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | } |
| | |
| | | |
| | | .boxfooter .listbutton.disabled .inner { |
| | | opacity: 0.4; |
| | | filter: alpha(opacity=40); |
| | | } |
| | | |
| | | .boxfooter .countdisplay { |
| | |
| | | |
| | | .boxpagenav a.icon.disabled { |
| | | opacity: 0.4; |
| | | filter: alpha(opacity=40); |
| | | } |
| | | |
| | | .centerbox { |
| | |
| | | border: 1px solid #333; |
| | | border-radius: 5px; |
| | | box-shadow: inset 0 0 1px #ccc; |
| | | -o-box-shadow: inset 0 0 1px #ccc; |
| | | -webkit-box-shadow: inset 0 0 1px #ccc; |
| | | -moz-box-shadow: inset 0 0 1px #ccc; |
| | | } |
| | | |
| | | #login-form .box-bottom { |
| | |
| | | background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); |
| | | background: linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); |
| | | box-shadow: inset 0 1px 0 0 #fff; |
| | | -moz-box-shadow: inset 0 1px 0 0 #fff; |
| | | -webkit-box-shadow: inset 0 1px 0 0 #fff; |
| | | -o-box-shadow: inset 0 1px 0 0 #fff; |
| | | } |
| | | |
| | | #login-form input.button:hover, |
| | | #login-form input.button:focus { |
| | | box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; |
| | | -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; |
| | | -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; |
| | | -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9), inset 0 1px 0 0 #fff; |
| | | } |
| | | |
| | | #login-form input.button:active { |
| | |
| | | font-size: 10px; |
| | | color: #555; |
| | | min-width: 50px; |
| | | max-width: 75px; |
| | | max-width: 70px; |
| | | height: 13px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | |
| | | padding: 28px 2px 0 2px; |
| | | text-shadow: 0px 1px 1px #eee; |
| | | box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | -webkit-box-shadow: none; |
| | | -o-box-shadow: none; |
| | | background: url(images/buttons.png) -100px 0 no-repeat transparent; |
| | | border: 0; |
| | | border-radius: 0; |
| | |
| | | |
| | | .toolbar a.button.disabled { |
| | | opacity: 0.4; |
| | | filter: alpha(opacity=40); |
| | | } |
| | | |
| | | .dropbutton { |
| | |
| | | |
| | | .dropbutton a.button.disabled + .dropbuttontip { |
| | | opacity: 0.5; |
| | | filter: alpha(opacity=50); |
| | | } |
| | | |
| | | .dropbutton a.button.disabled + .dropbuttontip:hover { |
| | |
| | | |
| | | .toolbar a.button.reply-all { |
| | | min-width: 64px; |
| | | background-position: left -610px; |
| | | background-position: 0 -610px; |
| | | } |
| | | |
| | | .toolbar a.button.forward { |
| | | min-width: 64px; |
| | | background-position: left -650px; |
| | | background-position: 0 -650px; |
| | | } |
| | | |
| | | .toolbar a.button.delete { |
| | |
| | | |
| | | .toolbar a.button.spellcheck { |
| | | min-width: 64px; |
| | | background-position: left -930px; |
| | | background-position: 0 -930px; |
| | | } |
| | | |
| | | .toolbar a.button.spellcheck.selected { |
| | | background-position: left -1620px; |
| | | background-position: 0 -1620px; |
| | | color: #1978a1; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .toolbar a.button.export { |
| | | min-width: 74px; |
| | | background-position: center -1054px; |
| | | min-width: 64px; |
| | | background-position: 0 -1054px; |
| | | } |
| | | |
| | | .toolbar a.button.send { |
| | |
| | | opacity: 0; |
| | | height: 22px; |
| | | cursor: pointer; |
| | | filter: alpha(opacity=0); |
| | | -khtml-appearance: none; |
| | | -webkit-appearance: none; |
| | | border: 0; |
| | |
| | | a.iconbutton:focus, |
| | | .pagenav a.button:focus { |
| | | border-color: #4fadd5; |
| | | box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8); |
| | | -webkit-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8); |
| | | -moz-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8); |
| | | -o-box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8); |
| | | box-shadow: 0 0 4px 2px rgba(71,135,177, 0.8); |
| | | outline: none; |
| | | } |
| | | |
| | |
| | | text-shadow: 0px 1px 1px #fff; |
| | | padding-left: 30px; |
| | | background: url(images/quota.png) -100px 0 no-repeat; |
| | | } |
| | | |
| | | table.quota-info { |
| | | border-spacing: 0; |
| | | border-collapse: collapse; |
| | | table-layout: fixed; |
| | | margin: 5px; |
| | | } |
| | | |
| | | table.quota-info td, |
| | | table.quota-info th { |
| | | color: white; |
| | | border: 1px solid lightgrey; |
| | | padding: 2px 3px; |
| | | text-align: center; |
| | | min-width: 80px; |
| | | } |
| | | |
| | | table.quota-info td.name { |
| | | text-align: left; |
| | | } |
| | | |
| | | table.quota-info td.root { |
| | | font-style: italic; |
| | | } |
| | | |
| | | /*** popup menus ***/ |
| | |
| | | z-index: 240; |
| | | border-radius: 4px; |
| | | box-shadow: 0 2px 6px 0 #333; |
| | | -moz-box-shadow: 0 2px 6px 0 #333; |
| | | -webkit-box-shadow: 0 2px 6px 0 #333; |
| | | -o-box-shadow: 0 2px 6px 0 #333; |
| | | } |
| | | |
| | | .popupmenu.dropdown { |
| | |
| | | background-position: -100px 0; |
| | | background-repeat: no-repeat; |
| | | opacity: 0.2; |
| | | filter: alpha(opacity=20); |
| | | } |
| | | |
| | | ul.toolbarmenu li a.active span.icon { |
| | | opacity: 0.99; |
| | | filter: alpha(opacity=100); |
| | | } |
| | | |
| | | ul.toolbarmenu li span.read { |
| | |
| | | border: 1px solid #555; |
| | | border-radius: 4px; |
| | | box-shadow: 0 2px 6px 0 #333; |
| | | -moz-box-shadow: 0 2px 6px 0 #333; |
| | | -webkit-box-shadow: 0 2px 6px 0 #333; |
| | | -o-box-shadow: 0 2px 6px 0 #333; |
| | | z-index: 250; |
| | | color: #ccc; |
| | | white-space: nowrap; |
| | | opacity: 0.92; |
| | | filter: alpha(opacity=92); |
| | | text-shadow: 0px 1px 1px #333; |
| | | } |
| | | |
| | |
| | | padding: 0; |
| | | text-decoration: none; |
| | | text-indent: -5000px; |
| | | background: url(images/buttons.png) -7px -337px no-repeat; |
| | | background-image: url(images/buttons.png); |
| | | background-position: -6px -338px; |
| | | background-repeat: no-repeat; |
| | | } |
| | | |
| | | .attachmentslist li a.cancelupload { |
| | | background-position: -7px -377px; |
| | | background-position: -6px -378px; |
| | | } |
| | | |
| | | |
| | | /*** fieldset tabs ***/ |
| | | |
| | |
| | | padding: 0; |
| | | border: 0 !important; |
| | | background: none; |
| | | } |
| | | |
| | | .ui-dialog .tabbed.ui-tabs { |
| | | margin: -12px -8px 0 -8px; |
| | | } |
| | | |
| | | .boxcontent.tabbed.ui-tabs { |
| | |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | .ui-dialog-content .tabsbar { |
| | | .ui-dialog-content .ui-tabs .tabsbar.ui-tabs-nav { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | |
| | | background: none; |
| | | } |
| | | |
| | | .ui-dialog .propform .ui-tabs-panel { |
| | | display: block; |
| | | background: #efefef; |
| | | padding: 0.5em 1em; |
| | | } |
| | | |
| | | #image-selector-form.droptarget { |
| | | background: url(images/filedrop.png) center bottom no-repeat; |
| | | } |
| | | |
| | | /** Common TinyMCE fixes **/ |
| | | .mce-btn-small .mce-ico { |
| | | display: inline; /* for old Firefox */ |
| | | } |