| | |
| | | * License. It is allowed to copy, distribute, transmit and to adapt the work |
| | | * by keeping credits to the original autors in the README file. |
| | | * See http://creativecommons.org/licenses/by-sa/3.0/ for details. |
| | | * |
| | | * $Id$ |
| | | */ |
| | | |
| | | body { |
| | |
| | | |
| | | input[type="text"]:focus, |
| | | input[type="password"]:focus, |
| | | input[type="text"]:required, |
| | | input[type="password"]:required, |
| | | input.button:focus, |
| | | textarea:focus { |
| | | border-color: #4787b1; |
| | |
| | | |
| | | /** link buttons **/ |
| | | |
| | | a.button { |
| | | a.button, |
| | | .buttongroup { |
| | | display: inline-block; |
| | | margin: 0 2px; |
| | | padding: 2px 5px; |
| | |
| | | -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; |
| | | } |
| | | |
| | | .buttongroup { |
| | | padding: 0; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | a.button:focus, |
| | |
| | | a.button.disabled span.inner { |
| | | opacity: 0.4; |
| | | filter: alpha(opacity=40); |
| | | } |
| | | |
| | | .buttongroup a.button { |
| | | margin: 0; |
| | | border-width: 0 1px 0 0; |
| | | border-radius: 0; |
| | | background: none; |
| | | box-shadow: none; |
| | | -o-box-shadow: none; |
| | | -webkit-box-shadow: none; |
| | | -moz-box-shadow: none; |
| | | } |
| | | |
| | | .buttongroup a.button.first, |
| | | .buttongroup a.button:first-child { |
| | | border-radius: 4px 0 0 4px; |
| | | border-left: 0; |
| | | } |
| | | |
| | | .buttongroup a.button.last, |
| | | .buttongroup a.button:last-child { |
| | | border-radius: 0 4px 4px 0; |
| | | border-right: 0; |
| | | } |
| | | |
| | | a.button.pressed, |
| | |
| | | background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); |
| | | } |
| | | |
| | | .buttongroup a.button.selected, |
| | | .buttongroup a.button.selected:hover { |
| | | background: #8a8a8a; |
| | | background: -moz-linear-gradient(top, #909090 0%, #858585 100%); |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#858585)); |
| | | 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; |
| | | border-right-color: #555; |
| | | border-left-color: #555; |
| | | } |
| | | |
| | | .pagenav a.button { |
| | | padding: 1px 3px; |
| | | height: 16px; |
| | | vertical-align: middle; |
| | | margin-bottom: 1px; |
| | | } |
| | | |
| | | .pagenav .buttongroup a.button, |
| | | .pagenav .buttongroup a.button:hover { |
| | | padding: 1px 5px; |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .pagenav a.button span.inner { |
| | |
| | | |
| | | .pagenav a.extwin span.inner { |
| | | background-position: -29px -271px; |
| | | } |
| | | |
| | | .pagenav a.changeformat.html span.inner { |
| | | background-position: -7px -1859px; |
| | | } |
| | | .pagenav a.changeformat.html.selected span.inner { |
| | | background-position: -29px -1859px; |
| | | } |
| | | |
| | | .pagenav a.changeformat.text span.inner { |
| | | background-position: -7px -1874px; |
| | | } |
| | | .pagenav a.changeformat.text.selected span.inner { |
| | | background-position: -29px -1874px; |
| | | } |
| | | |
| | | .pagenav .countdisplay { |
| | |
| | | } |
| | | |
| | | #message.statusbar { |
| | | display: none; |
| | | position: absolute; |
| | | bottom: 0; |
| | | left: 0; |
| | |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #messagestack { |
| | | position: absolute; |
| | | bottom: 20px; |
| | | right: 12px; |
| | | z-index: 50000; |
| | | width: auto; |
| | | height: auto; |
| | | max-height: 85%; |
| | | overflow-y: auto; |
| | | padding: 2px; |
| | | } |
| | | |
| | | #messagestack div { |
| | | display: block; |
| | | position: relative; |
| | | width: 280px; |
| | | height: auto; |
| | | min-height: 16px; |
| | | margin: 3px 2px 5px 2px; |
| | | padding: 8px 10px 7px 30px; |
| | | cursor: default; |
| | | font-size: 12px; |
| | | font-weight: bold; |
| | | border-radius: 4px; |
| | | border: 1px solid #444; |
| | | color: #ebebeb; |
| | | text-shadow: 0 1px 1px #000; |
| | | |
| | | background: rgba(64,64,64,0.85); |
| | | background: -moz-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.9) 100%); |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,0.85)), color-stop(100%,rgba(48,48,48,0.9))); |
| | | background: -webkit-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); |
| | | background: -o-linear-gradient(top, rgba(64,64,64,0.85) 0%, rgba(48,48,48,0.85) 100%); |
| | | 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; |
| | | } |
| | | |
| | | #messagestack div:after { |
| | | content: ""; |
| | | position: absolute; |
| | | display: block; |
| | | top: 0; |
| | | left: 4px; |
| | | width: 20px; |
| | | height: 24px; |
| | | background: url(images/messages_dark.png) 0 7px no-repeat; |
| | | } |
| | | |
| | | #messagestack div.error { |
| | | color: #ff615d; |
| | | } |
| | | |
| | | #messagestack div.error:after { |
| | | background-position: 0 -55px; |
| | | } |
| | | |
| | | #messagestack div.warning { |
| | | color: #f4bf0e; |
| | | } |
| | | |
| | | #messagestack div.warning:after { |
| | | background-position: 0 -84px; |
| | | } |
| | | |
| | | #messagestack div.confirmation { |
| | | color: #00e05a; |
| | | } |
| | | |
| | | #messagestack div.confirmation:after { |
| | | background-position: 0 -25px; |
| | | } |
| | | |
| | | #messagestack div.loading { |
| | | color: #ddd; |
| | | } |
| | | |
| | | #messagestack div.loading:after { |
| | | top: 4px; |
| | | left: 6px; |
| | | background: url(images/ajaxloader_dark.gif) 0 4px no-repeat; |
| | | } |
| | | |
| | | .ui-dialog.error .ui-dialog-title, |
| | |
| | | #toplogo { |
| | | padding-top: 2px; |
| | | cursor: pointer; |
| | | border: none; |
| | | } |
| | | |
| | | .topleft { |
| | |
| | | } |
| | | |
| | | #mainscreen .offset { |
| | | margin-top: 42px; |
| | | top: 42px; |
| | | } |
| | | |
| | | .uibox { |
| | |
| | | background-position: center; |
| | | background-repeat: no-repeat; |
| | | } |
| | | |
| | | /* fix scrolling within iframes in webkit browsers on touch devices */ |
| | | @media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) { |
| | | .iframebox { |
| | | overflow: auto; |
| | | -webkit-overflow-scrolling: touch; |
| | | } |
| | | } |
| | | |
| | | |
| | | /*** lists ***/ |
| | | |
| | |
| | | |
| | | ul.listing li { |
| | | background-color: #d9ecf4; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | ul.listing li ul { |
| | | border-top: 1px solid #bbd3da; |
| | | } |
| | | |
| | | ul.listing li.droptarget, |
| | | table.listing tr.droptarget td { |
| | | background-color: #e8e798; |
| | | } |
| | | |
| | | .listbox table.listing { |
| | | background-color: #d9ecf4; |
| | | } |
| | | |
| | | table.listing, |
| | |
| | | |
| | | table.layout td { |
| | | vertical-align: top; |
| | | } |
| | | |
| | | ul.treelist li { |
| | | position: relative; |
| | | } |
| | | |
| | | ul.treelist li div.treetoggle { |
| | | position: absolute; |
| | | top: 13px; |
| | | left: 19px; |
| | | width: 13px; |
| | | height: 13px; |
| | | background: url(images/listicons.png) -3px -144px no-repeat; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | ul.treelist li div.treetoggle.expanded { |
| | | background-position: -3px -168px; |
| | | } |
| | | |
| | | ul.treelist li.selected > div.collapsed { |
| | | background-position: -23px -144px; |
| | | } |
| | | |
| | | ul.treelist li.selected > div.expanded { |
| | | background-position: -23px -168px; |
| | | } |
| | | |
| | | .listbox .boxfooter { |
| | |
| | | display: table; |
| | | width: 100%; |
| | | table-layout: fixed; |
| | | border-collapse: collapse; |
| | | border-spacing: 0; |
| | | border: 1px solid #bbd3da; |
| | | } |
| | |
| | | background-color: #fff; |
| | | } |
| | | |
| | | /* This padding-left minus the focused padding left should be half of the focused border-left */ |
| | | .records-table thead tr td:first-child, |
| | | .records-table tbody tr td:first-child { |
| | | border-left: 0; |
| | | padding-left: 6px; |
| | | } |
| | | |
| | | /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ |
| | | .records-table tbody tr.focused > td:first-child { |
| | | border-left: 2px solid #b0ccd7; |
| | | padding-left: 4px; |
| | | } |
| | | |
| | | .records-table tbody tr.selected.focused > td:first-child { |
| | | border-left-color: #49b3d2; |
| | | } |
| | | |
| | | .records-table tr.selected td { |
| | |
| | | color: #ccc !important; |
| | | } |
| | | |
| | | |
| | | /*** iFrames ***/ |
| | | |
| | | #aboutframe { |
| | |
| | | body.iframe { |
| | | background: #fff; |
| | | margin: 38px 0 10px 0; |
| | | } |
| | | |
| | | body.iframe.error { |
| | | background: #ededed; |
| | | } |
| | | |
| | | body.iframe.floatingbuttons { |
| | |
| | | top: 34px; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 28px; |
| | | bottom: 0px; |
| | | overflow: auto; |
| | | } |
| | | |
| | |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 28px; |
| | | bottom: 0px; |
| | | } |
| | | |
| | | .footerleft { |
| | |
| | | .propform fieldset fieldset legend { |
| | | color: #666; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .propform div.prop { |
| | | margin-bottom: 0.5em; |
| | | } |
| | | |
| | | .propform div.prop.block label { |
| | | display: block; |
| | | margin-bottom: 0.3em; |
| | | } |
| | | |
| | | .propform div.prop.block input, |
| | | .propform div.prop.block textarea { |
| | | width: 95%; |
| | | } |
| | | |
| | | fieldset.floating { |
| | |
| | | |
| | | #login-form #logo { |
| | | margin-bottom: 20px; |
| | | border: none; |
| | | } |
| | | |
| | | #login-form #message { |
| | | min-height: 40px; |
| | | padding: 5px 25px; |
| | | text-align: center; |
| | | font-size: 1.1em; |
| | | } |
| | | |
| | | #login-form #message div { |
| | | display: inline-block; |
| | | padding-right: 0; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | #bottomline { |
| | |
| | | |
| | | /*** quicksearch **/ |
| | | |
| | | .searchbox { |
| | | position: relative; |
| | | } |
| | | |
| | | #quicksearchbar { |
| | | position: absolute; |
| | | right: 1px; |
| | | top: -5px; |
| | | right: 2px; |
| | | top: 2px; |
| | | width: 240px; |
| | | } |
| | | |
| | | .searchbox input, |
| | | #quicksearchbar input { |
| | | width: 176px; |
| | | margin: 0; |
| | | margin-top: 7px; |
| | | padding: 3px 30px 3px 34px; |
| | | height: 18px; |
| | | background: #f1f1f1; |
| | |
| | | font-size: 11px; |
| | | } |
| | | |
| | | .searchbox #searchmenulink, |
| | | #quicksearchbar #searchmenulink { |
| | | position: absolute; |
| | | top: 12px; |
| | | top: 5px; |
| | | left: 6px; |
| | | } |
| | | |
| | | .searchbox #searchreset, |
| | | #quicksearchbar #searchreset { |
| | | position: absolute; |
| | | top: 11px; |
| | | top: 4px; |
| | | right: 1px; |
| | | } |
| | | |
| | |
| | | -o-box-shadow: none; |
| | | background: url(images/buttons.png) -100px 0 no-repeat transparent; |
| | | border: 0; |
| | | border-radius: 0; |
| | | } |
| | | |
| | | .toolbar a.button.disabled { |
| | |
| | | background-position: 0 -1745px; |
| | | } |
| | | |
| | | .toolbar a.button.download { |
| | | background-position: center -1892px; |
| | | } |
| | | |
| | | .toolbar a.button.responses { |
| | | background-position: center -1932px; |
| | | } |
| | | |
| | | a.menuselector { |
| | | display: inline-block; |
| | | border: 1px solid #ababab; |
| | |
| | | filter: alpha(opacity=0); |
| | | -khtml-appearance: none; |
| | | -webkit-appearance: none; |
| | | border: 0; |
| | | } |
| | | |
| | | html.opera select.decorated { |
| | |
| | | text-shadow: 0px 1px 1px #333; |
| | | padding: 4px 6px; |
| | | outline: none; |
| | | cursor: default; |
| | | } |
| | | |
| | | |
| | |
| | | font-weight: bold; |
| | | text-shadow: 0px 1px 1px #fff; |
| | | padding-left: 30px; |
| | | height: 18px; |
| | | background: url(images/quota.png) -100px 0 no-repeat; |
| | | } |
| | | |
| | |
| | | top: 32px; |
| | | left: 90px; |
| | | width: auto; |
| | | max-height: 70%; |
| | | overflow: -moz-scrollbars-vertical; |
| | | overflow-y: auto; |
| | | background: #444; |
| | | border: 1px solid #999; |
| | | z-index: 240; |
| | |
| | | } |
| | | |
| | | ul.toolbarmenu, |
| | | ul.toolbarmenu ul, |
| | | #rcmKSearchpane ul { |
| | | margin: 0; |
| | | padding: 0; |
| | |
| | | } |
| | | |
| | | .googie_list tr:first-child td, |
| | | ul.toolbarmenu li:first-child, |
| | | ul.toolbarmenu > li:first-child, |
| | | select.decorated option:first-child { |
| | | border-top: 0; |
| | | } |
| | | |
| | | .googie_list tr:last-child td, |
| | | ul.toolbarmenu li:last-child, |
| | | ul.toolbarmenu > li:last-child, |
| | | select.decorated option:last-child { |
| | | border-bottom: 0; |
| | | } |
| | |
| | | color: #fff; |
| | | padding: 4px 8px; |
| | | text-shadow: 0px 1px 1px #333; |
| | | } |
| | | |
| | | ul.toolbarmenu li.separator label { |
| | | color: #bbb; |
| | | font-style: italic; |
| | | } |
| | | |
| | | ul.toolbarmenu li a.icon { |
| | |
| | | |
| | | ul.toolbarmenu li span.conversation { |
| | | background-position: 0 -1532px; |
| | | } |
| | | |
| | | #snippetslist { |
| | | max-width: 200px; |
| | | } |
| | | |
| | | #snippetslist li a { |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #rcmKSearchpane { |
| | |
| | | background-position: 0 -390px; |
| | | } |
| | | |
| | | .attachmentslist li.html { |
| | | .attachmentslist li.sig, |
| | | .attachmentslist li.pgp-signature, |
| | | .attachmentslist li.pkcs7-signature { |
| | | background-position: 0 -442px; |
| | | } |
| | | |
| | | .attachmentslist li.html { |
| | | background-position: 0 -468px; |
| | | } |
| | | |
| | | .attachmentslist li.eml, |
| | | .attachmentslist li.rfc822 { |
| | | background-position: 0 -494px; |
| | | } |
| | | |
| | | .attachmentslist li.ppt, |
| | | .attachmentslist li.pptx, |
| | | .attachmentslist li.ppsx, |
| | | .attachmentslist li.vnd.mspowerpoint { |
| | | background-position: 0 -520px; |
| | | } |
| | | |
| | | .attachmentslist li.odp, |
| | | .attachmentslist li.otp { |
| | | background-position: 0 -546px; |
| | | } |
| | | |
| | | .attachmentslist li a, |
| | |
| | | display: block; |
| | | color: #333; |
| | | font-weight: bold; |
| | | padding: 8px 4px 3px 30px; |
| | | padding: 3px 15px 3px 30px; |
| | | text-shadow: 0px 1px 1px #fff; |
| | | text-decoration: none; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | line-height: 20px; |
| | | } |
| | | |
| | | .attachmentslist li a.drop { |
| | | background: url(images/buttons.png) no-repeat scroll center -1570px; |
| | | width: 14px; |
| | | height: 20px; |
| | | cursor: pointer; |
| | | position: absolute; |
| | | right: 0; |
| | | top: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | #compose-attachments ul li { |
| | |
| | | .attachmentslist li a.delete, |
| | | .attachmentslist li a.cancelupload { |
| | | position: absolute; |
| | | top: 6px; |
| | | top: 4px; |
| | | right: 0; |
| | | width: 24px; |
| | | width: 20px; |
| | | height: 18px; |
| | | padding: 0; |
| | | text-decoration: none; |