From ffd3e2906854ff985974be070b224beb38f4fae9 Mon Sep 17 00:00:00 2001 From: alecpl <alec@alec.pl> Date: Fri, 04 Jun 2010 05:16:30 -0400 Subject: [PATCH] - Some fixes for BADCHARSET handling in SORT/THREAD/SEARCH response --- skins/default/common.css | 280 +++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 238 insertions(+), 42 deletions(-) diff --git a/skins/default/common.css b/skins/default/common.css index 8fb992a..cb0b3d9 100644 --- a/skins/default/common.css +++ b/skins/default/common.css @@ -3,7 +3,7 @@ body { margin: 8px; - background-color: #F6F6F6; /* #EBEBEB; */ + background-color: #F6F6F6; color: #000000; } @@ -32,9 +32,7 @@ h3 { - font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; - color: #000000; } a, a:active, a:visited @@ -68,8 +66,6 @@ input[type="password"], textarea { - font-size: 9pt; - font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding: 1px; padding-left: 3px; padding-right: 3px; @@ -82,9 +78,15 @@ { font-size: 9pt; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - color: #333333; + color: black; padding-left: 3px; padding-right: 3px; +} + +select +{ + font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; + color: black; } input.button @@ -130,8 +132,8 @@ #header { position: absolute; - top: 10px; - left: 20px; + top: 8px; + left: 19px; width: 170px; height: 40px; z-index: 100; @@ -143,9 +145,9 @@ top: 0px; right: 0px; width: 600px; - height: 37px; - background: url(images/taskbar.gif) top right no-repeat; - padding: 10px 4px 10px 0px; + height: 24px; + background: url(images/taskbar.png) top right no-repeat; + padding: 10px 4px 5px 0px; text-align: right; white-space: nowrap; z-index: 2; @@ -156,8 +158,8 @@ font-size: 11px; color: #666666; text-decoration: none; - padding: 6px 14px 6px 27px; - background: url('images/taskicons.gif') no-repeat; + padding: 6px 12px 6px 26px; + background: url(images/taskicons.gif) no-repeat; } #taskbar a:hover @@ -185,7 +187,6 @@ background-position: 0 -75px; } - #message { position: absolute; @@ -201,7 +202,6 @@ { width: 400px; margin: 0px auto; - height: 22px; min-height: 22px; padding: 8px 10px 8px 46px; } @@ -209,7 +209,7 @@ #message div.notice, #remote-objects-message { - background: url('images/display/icons.png') 6px 3px no-repeat; + background: url(images/display/icons.png) 6px 3px no-repeat; background-color: #F7FDCB; border: 1px solid #C2D071; } @@ -217,21 +217,21 @@ #message div.error, #message div.warning { - background: url('images/display/icons.png') 6px -97px 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/icons.png') 6px -47px 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; } @@ -241,6 +241,52 @@ 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 @@ -267,13 +313,83 @@ .boxtitle { height: 12px !important; - padding: 2px 10px 5px 10px; + padding: 2px 10px 5px 5px; border-bottom: 1px solid #999; color: #333; font-size: 11px; font-weight: bold; - background: url('images/listheader.gif') top left repeat-x #CCC; + background: url(images/listheader.gif) top left repeat-x #CCC; } + +.boxcontent +{ + padding: 15px 10px 10px 10px; + background-color: #F2F2F2; +} + +.boxcontent table td.title +{ + color: #666; + padding-right: 10px; +} + +.popupmenu +{ + position: absolute; + top: 32px; + left: 90px; + width: auto; + display: none; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.95); + border: 1px solid #999; + padding: 4px; + z-index: 240; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -moz-box-shadow: 1px 1px 12px #999; + -webkit-box-shadow: #999 1px 1px 12px; +} + +.popupmenu ul +{ + margin: -4px 0; + padding: 0; + list-style: none; +} + +.popupmenu ul li +{ + font-size: 11px; + white-space: nowrap; + min-width: 100px; + margin: 3px -4px; +} + +.popupmenu li a +{ + display: block; + color: #a0a0a0; + padding: 2px 10px; + text-decoration: none; + min-height: 14px; +} + +.popupmenu li a.active, +.popupmenu li a.active:active, +.popupmenu li a.active:visited +{ + color: #333; +} + +.popupmenu li a.active:hover +{ + color: #fff; + background-color: #c00; +} + + /***** common table settings ******/ @@ -284,7 +400,7 @@ vertical-align: middle; border-bottom: 1px solid #999999; color: #333333; - background: url('images/listheader.gif') top left repeat-x #CCC; + background: url(images/listheader.gif) top left repeat-x #CCC; font-size: 11px; font-weight: bold; } @@ -332,7 +448,7 @@ width: 182px; height: 20px; text-align: right; - background: url('images/searchfield.gif') top left no-repeat; + background: url(images/searchfield.gif) top left no-repeat; } #searchreset @@ -370,21 +486,15 @@ /***** roundcube webmail pre-defined classes *****/ -#rcversion +#rcmversion { position: absolute; - top: 67px; - left: 20px; - width: 160px; - text-align: center; - - font-weight: normal; - font-size: x-small; - font-variant: small-caps; - - color: #999999; - /*border: 1px solid #308014; - background-color: #b4eeb4;*/ + bottom: 10px; + right: 20px; + text-align: right; + white-space: nowrap; + font-size: 8pt; + color: #999; } #rcmdraglayer @@ -393,14 +503,30 @@ width: auto !important; width: 300px; border: 1px solid #999999; - background-color: #F9F9F9; + background-color: #fff; padding-left: 8px; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; font-size: 11px; white-space: nowrap; - opacity: 0.7; + opacity: 0.82; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -moz-box-shadow: 1px 1px 12px #999; + -webkit-box-shadow: #999 1px 1px 12px; +} + +.draglayercopy:before +{ + position: absolute; + bottom: -5px; + left: -6px; + content: " "; + width: 14px; + height: 14px; + background: url(images/messageactions.png) -2px -128px no-repeat; } a.rcmContactAddress @@ -456,9 +582,7 @@ #login-form table td.title { - color: #666; text-align: right; - padding-right: 10px; white-space: nowrap; } @@ -468,12 +592,84 @@ margin: auto; } -#login-form .boxcontent +#rcmloginuser, #rcmloginpwd, #rcmloginhost { - padding: 20px 10px 10px 10px; + width: 200px; } #console { opacity: 0.8; } + + +/***** onclick menu list *****/ + +ul.toolbarmenu +{ + margin: -4px 0 -4px 0; + padding: 0; + list-style: none; +} + +ul.toolbarmenu li +{ + font-size: 11px; + white-space: nowrap; + min-width: 130px; + margin: 3px -4px; +} + +ul.toolbarmenu li a +{ + display: block; + color: #a0a0a0; + padding: 2px 12px 3px 28px; + text-decoration: none; + min-height: 14px; +} + +ul.toolbarmenu li a.active, +ul.toolbarmenu li a.active:active, +ul.toolbarmenu li a.active:visited +{ + color: #333; +} + +ul.toolbarmenu li input +{ + vertical-align: middle; +} + +ul.toolbarmenu li hr +{ + color: #ccc; + width: 130px; + height: 1px; + margin: 2px 1px 2px 1px; +} + +ul.toolbarmenu li img +{ + float: left; + margin: 0 2px; +} + +ul.toolbarmenu li.separator_below +{ + border-bottom: 1px solid #ccc; + margin-bottom: 2px; + padding-bottom: 2px; +} + +ul.toolbarmenu li.separator_above +{ + border-top: 1px solid #ccc; + margin-top: 2px; + padding-top: 2px; +} + +.disabled +{ + color: #999; +} -- Gitblit v1.9.1