From e019f2d0f2dc2fbfa345ab5d7ae85e67bfdd76b8 Mon Sep 17 00:00:00 2001 From: alecpl <alec@alec.pl> Date: Sat, 25 Sep 2010 09:03:53 -0400 Subject: [PATCH] - s/RoundCube/Roundcube/ --- skins/default/common.css | 196 ++++++++++++++++++++++++++++++++++++------------ 1 files changed, 146 insertions(+), 50 deletions(-) diff --git a/skins/default/common.css b/skins/default/common.css index 8126ca8..4a91552 100644 --- a/skins/default/common.css +++ b/skins/default/common.css @@ -1,4 +1,4 @@ -/***** RoundCube|Mail basic styles *****/ +/***** Roundcube|Mail basic styles *****/ body { @@ -18,11 +18,10 @@ margin: 10px; } -body, td, th, div, p, h3 +body, td, th, div, p, h3, select, input, textarea { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; - color: #000000; } th @@ -66,9 +65,6 @@ input[type="password"], textarea { - padding: 1px; - padding-left: 3px; - padding-right: 3px; border: 1px solid #666666; color: #333333; background-color: #ffffff; @@ -76,17 +72,8 @@ input, textarea { - font-size: 9pt; - font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: black; - padding-left: 3px; - padding-right: 3px; -} - -select -{ - font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - color: black; + padding: 1px 3px; } input.button @@ -129,6 +116,15 @@ /** common user interface objects */ +#mainscreen +{ + position: absolute; + top: 85px; + right: 20px; + bottom: 20px; + left: 20px; +} + #header { position: absolute; @@ -144,8 +140,8 @@ position: absolute; top: 0px; right: 0px; - width: 600px; height: 24px; + width: 100%; background: url(images/taskbar.png) top right no-repeat; padding: 10px 4px 5px 0px; text-align: right; @@ -158,7 +154,7 @@ font-size: 11px; color: #666666; text-decoration: none; - padding: 6px 14px 6px 27px; + padding: 6px 12px 6px 26px; background: url(images/taskicons.gif) no-repeat; } @@ -236,11 +232,106 @@ border: 1px solid #CCCCCC; } -#pagecontent +.box +{ + border: 1px solid #999; +} + +.boxtitle +{ + height: 12px !important; + padding: 2px 10px 5px 5px; + border-bottom: 1px solid #999; + color: #333; + font-size: 11px; + font-weight: bold; + overflow: hidden; + 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; +} + +.boxlistcontent { position: absolute; - top: 95px; - left: 20px; + top: 20px; + bottom: 22px; + left: 0; + right: 0; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} + +.boxsubject +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + overflow: hidden; + height: 22px; + border-bottom: 1px solid #999; + background: url(images/listheader.gif) top left repeat-x #CCC; +} + +.boxfooter +{ + position: absolute; + bottom: 0px; + left: 0px; + right: 0px; + overflow: hidden; + height: 22px; + border-top: 1px solid #999; + background: url(images/listheader.gif) top left repeat-x #CCC; +} + +.boxfooter a.button, +.boxfooter a.buttonPas +{ + display: block; + float: left; + width: 34px; + height: 22px; + padding: 0px; + margin: 0; + overflow: hidden; + background: url(images/icons/groupactions.png) 0 0 no-repeat transparent; + opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ +} + +.boxfooter a.groupactions +{ + background-position: 0 -26px; +} + +.boxfooter a.buttonPas +{ + opacity: 0.35; +} + +.pagenav +{ + min-width: 250px; +} + +.pagenav span +{ + color: #444; + font-size: 11px; + text-shadow: white 1px 1px; + white-space: nowrap; } .pagenav a.button, @@ -310,29 +401,6 @@ background-position: 2px center; } -.boxtitle -{ - height: 12px !important; - 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; -} - -.boxcontent -{ - padding: 15px 10px 10px 10px; - background-color: #F2F2F2; -} - -.boxcontent table td.title -{ - color: #666; - padding-right: 10px; -} - .popupmenu { position: absolute; @@ -389,7 +457,11 @@ background-color: #c00; } - +.darkbg +{ + background-color: #F2F2F2 !important; +} + /***** common table settings ******/ @@ -459,7 +531,7 @@ text-decoration: none; } -#searchmod +#searchmenulink { position: absolute; top: 3px; @@ -503,14 +575,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 @@ -586,7 +674,7 @@ opacity: 0.8; } - + /***** onclick menu list *****/ ul.toolbarmenu @@ -601,7 +689,7 @@ font-size: 11px; white-space: nowrap; min-width: 130px; - margin: 3px -4px; + margin: 2px -4px; } ul.toolbarmenu li a @@ -639,6 +727,7 @@ margin: 0 2px; } +div.popupmenu ul li.separator_below, ul.toolbarmenu li.separator_below { border-bottom: 1px solid #ccc; @@ -646,6 +735,7 @@ padding-bottom: 2px; } +div.popupmenu ul li.separator_above, ul.toolbarmenu li.separator_above { border-top: 1px solid #ccc; @@ -657,3 +747,9 @@ { color: #999; } + +font.bold +{ + font-weight: bold; +} + \ No newline at end of file -- Gitblit v1.9.1