X-Git-Url: https://git.donarmstrong.com/?a=blobdiff_plain;f=skins%2Fdefault%2Fcommon.css;fp=skins%2Fdefault%2Fcommon.css;h=43b3a92abd9675f4cd8d8daa5aa903a8ef77fda8;hb=b68022ca3782d5eb5a1a7ef6f8cf7abe1dc15bd6;hp=34ea1d2b8310be33be23ef17aa2484f7e351dad5;hpb=162c8d010934c01433e8125382fb493712575198;p=roundcube.git diff --git a/skins/default/common.css b/skins/default/common.css index 34ea1d2..43b3a92 100644 --- a/skins/default/common.css +++ b/skins/default/common.css @@ -82,14 +82,9 @@ input, textarea { font-size: 9pt; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - color: #333333; + color: black; padding-left: 3px; padding-right: 3px; - /* IE hacks for input elements */ - border-style: expression(this.type=='checkbox' || this.type=='radio' || this.id=='quicksearchbox' ? 'none' : 'solid'); - border-width: expression(this.type=='checkbox' || this.type=='radio' ? '0' : '1px'); - border-color: expression(this.type=='checkbox' || this.type=='radio' ? '' : '#666666'); - background-color: expression(this.type=='checkbox' || this.type=='radio' ? 'transparent' : '#ffffff'); } input.button @@ -116,7 +111,6 @@ input.mainaction img { - behavior: url('skins/default/pngbehavior.htc'); border: 0; } @@ -136,8 +130,8 @@ img #header { position: absolute; - top: 10px; - left: 20px; + top: 8px; + left: 19px; width: 170px; height: 40px; z-index: 100; @@ -157,15 +151,13 @@ img z-index: 2; } -#taskbar a, -#taskbar a:active, -#taskbar a:visited +#taskbar a { font-size: 11px; color: #666666; text-decoration: none; - padding: 6px 16px 6px 25px; - background-repeat: no-repeat; + padding: 6px 14px 6px 27px; + background: url('images/taskicons.gif') no-repeat; } #taskbar a:hover @@ -173,27 +165,26 @@ img color: #333333; } -a.button-mail +#taskbar a.button-mail { - background-image: url(images/buttons/mail.gif); + background-position: 0 0; } -a.button-addressbook +#taskbar a.button-addressbook { - background-image: url(images/buttons/addressbook.gif); + background-position: 0 -25px; } -a.button-settings +#taskbar a.button-settings { - background-image: url(images/buttons/settings.gif); + background-position: 0 -50px; } -a.button-logout +#taskbar a.button-logout { - background-image: url(images/buttons/logout.gif); + background-position: 0 -75px; } - #message { position: absolute; @@ -203,23 +194,20 @@ a.button-logout right: 200px; z-index: 5000; opacity: 0.85; - /* IE */ - filter: alpha(opacity=85); } #message div { width: 400px; margin: 0px auto; - height: 24px; - min-height: 24px; + min-height: 22px; padding: 8px 10px 8px 46px; } #message div.notice, #remote-objects-message { - background: url(images/display/info.png) 6px 3px no-repeat; + background: url('images/display/icons.png') 6px 3px no-repeat; background-color: #F7FDCB; border: 1px solid #C2D071; } @@ -227,25 +215,78 @@ a.button-logout #message div.error, #message div.warning { - background: url(images/display/warning.png) 6px 3px no-repeat; + background: url('images/display/icons.png') 6px -97px no-repeat; background-color: #EF9398; border: 1px solid #DC5757; } #message div.confirmation { - background: url(images/display/confirm.png) 6px 3px no-repeat; + background: url('images/display/icons.png') 6px -47px no-repeat; background-color: #A6EF7B; border: 1px solid #76C83F; } #message div.loading { - background: url(images/display/loading.gif) 6px 3px no-repeat; + background: url('images/display/loading.gif') 6px 3px no-repeat; background-color: #EBEBEB; border: 1px solid #CCCCCC; } +#pagecontent +{ + position: absolute; + top: 95px; + left: 20px; +} + +.pagenav a.button, +.pagenav a.buttonPas +{ + display: block; + float: left; + width: 11px; + height: 11px; + padding: 0; + margin: 1px; + overflow: hidden; + background: url('images/pagenav.gif') 0 0 no-repeat transparent; + opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ +} + +.pagenav a.buttonPas { + opacity: 0.35; +} + +.pagenav a.firstpageSel { + background-position: 0 -11px; +} + +.pagenav a.prevpage { + background-position: -11px 0; +} + +.pagenav a.prevpageSel { + background-position: -11px -11px; +} + +.pagenav a.nextpage { + background-position: -22px 0; +} + +.pagenav a.nextpageSel { + background-position: -22px -11px; +} + +.pagenav a.lastpage { + background-position: -33px 0; +} + +.pagenav a.lastpageSel { + background-position: -33px -11px; +} + .splitter { user-select: none; @@ -270,18 +311,12 @@ a.button-logout .boxtitle { height: 12px !important; - padding: 4px 20px 3px 20px; + padding: 2px 10px 5px 10px; border-bottom: 1px solid #999; color: #333; font-size: 11px; font-weight: bold; - background-color: #EBEBEB; - background-image: url(images/listheader_aqua.gif); -} - -.radios-left label -{ - padding-left: 0.3em; + background: url('images/listheader.gif') top left repeat-x #CCC; } /***** common table settings ******/ @@ -293,8 +328,7 @@ table.records-table thead tr td vertical-align: middle; border-bottom: 1px solid #999999; color: #333333; - background-color: #EBEBEB; - background-image: url(images/listheader_aqua.gif); + background: url('images/listheader.gif') top left repeat-x #CCC; font-size: 11px; font-weight: bold; } @@ -345,7 +379,7 @@ table.records-table tr.unfocused td background: url('images/searchfield.gif') top left no-repeat; } -#quicksearchbar a +#searchreset { position: absolute; top: 3px; @@ -353,6 +387,13 @@ table.records-table tr.unfocused td text-decoration: none; } +#searchmod +{ + position: absolute; + top: 3px; + right: 160px; +} + #quicksearchbar img { vertical-align: middle; @@ -362,7 +403,7 @@ table.records-table tr.unfocused td { position: absolute; top: 2px; - left: 20px; + left: 24px; width: 140px; height: 15px; font-size: 11px; @@ -404,8 +445,6 @@ table.records-table tr.unfocused td font-size: 11px; white-space: nowrap; opacity: 0.7; - -moz-opacity: 0.7; - filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); } a.rcmContactAddress @@ -450,3 +489,35 @@ a.rcmContactAddress:hover background-color: #CC3333; } +#login-form +{ + margin-left: auto; + margin-right: auto; + margin-top: 50px; + width: 400px; + border: 1px solid #999; +} + +#login-form table td.title +{ + color: #666; + text-align: right; + padding-right: 10px; + white-space: nowrap; +} + +#login-form table +{ + width: 1%; + margin: auto; +} + +#login-form .boxcontent +{ + padding: 20px 10px 10px 10px; +} + +#console +{ + opacity: 0.8; +}