skins/default/settings.css

   1 /***** RoundCube|Mail settings task styles *****/
   2
   3
   4 #tabsbar
   5 {
   6   position: absolute;
   7   top: 50px;
   8   left: 220px;
   9   right: 60px;
  10   height: 22px;
  11   border-bottom: 1px solid #999999;
  12   white-space: nowrap;
  13   /* css hack for IE */
  14   width: expression((parseInt(document.documentElement.clientWidth)-280)+'px');
  15 }
  16
  17 span.tablink,
  18 span.tablink-selected
  19 {
  20   float: left;
  21   width: 100px;
  22   height: 24px !important;
  23   height: 22px;
  24   background: url('images/tab_pas.gif') top left no-repeat;
  25 }
  26
  27 span.tablink-selected
  28 {
  29   background: url('images/tab_act.gif') top left no-repeat;
  30 }
  31
  32 span.tablink a,
  33 span.tablink-selected a
  34 {
  35   display: block;
  36   padding-left: 10px;
  37   padding-top: 5px;
  38   color: #555555;
  39   text-decoration: none;
  40 }
  41
  42 span.tablink-selected a
  43 {
  44   color: #000000;
  45 }
  46
  47 #userprefs-box
  48 {
  49   position: absolute;
  50   top: 95px;
  51   left: 20px;
  52   width: 600px;
  53   border: 1px solid #999999;
  54 }
  55
  56 #userprefs-box table td.title
  57 {
  58   color: #666666;
  59   padding-right: 10px;
  60 }
  61
  62 #identities-list,
  63 #folder-manager
  64 {
  65   position: absolute;
  66   top: 95px;
  67   left: 20px;
  68 }
  69
  70 #folder-manager
  71 {
  72   width: 540px;
  73   bottom: 140px;
  74   overflow: auto;
  75   border: 1px solid #999999;
  76   height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
  77 }
  78
  79 #folder-manager.droptarget
  80 {
  81   border: 1px solid #CC3333;
  82   background-color: #FFFFA6;
  83 }
  84
  85 #identities-table
  86 {
  87   width: 600px;
  88   border: 1px solid #999999;
  89   background-color: #F9F9F9;
  90 }
  91
  92 #identities-table tbody td
  93 {
  94   cursor: pointer;
  95 }
  96
  97 #identity-frame
  98 {
  99   position: relative;
 100   margin-top: 20px;
 101   border: 1px solid #999999;
 102 }
 103
 104 #identity-details
 105 {
 106   margin-top: 30px;
 107   width: 600px;
 108   border: 1px solid #999999;
 109 }
 110
 111 #identity-details table td.title
 112 {
 113   color: #666666;
 114   font-weight: bold;
 115   text-align: right;
 116   padding-right: 10px;
 117 }
 118
 119 #bottomboxes
 120 {
 121   position: absolute;
 122   width: 540px;
 123   height: 120px;
 124   left: 20px;
 125   bottom: 20px;
 126 }
 127
 128 #userprefs-title,
 129 #identity-title,
 130 div.boxtitle,
 131 #subscription-table thead td
 132 {
 133   height: 12px !important;
 134   padding: 4px 20px 3px 6px;
 135   border-bottom: 1px solid #999999;
 136   color: #333333;
 137   font-size: 11px;
 138   font-weight: bold;
 139   background-color: #EBEBEB;
 140   background-image: url(images/listheader_aqua.gif);
 141 }
 142
 143 div.settingsbox
 144 {
 145   width: 540px;
 146   margin-top: 20px;
 147   margin-bottom: 20px;
 148   border: 1px solid #999999;
 149 }
 150
 151 div.settingspart
 152 {
 153   display: block;
 154   padding: 10px;
 155 }
 156
 157 #subscription-table
 158 {
 159   width: 100%;
 160 }
 161
 162 #subscription-table tbody td
 163 {
 164   height: 16px;
 165   padding-left: 6px;
 166   padding-right: 10px;
 167   white-space: nowrap;
 168   border-bottom: 1px solid #EBEBEB;
 169   background-color: #F9F9F9;
 170   cursor: pointer;
 171 }
 172
 173 #subscription-table tr.selected td,
 174 #subscription-table tr.selected td a
 175 {
 176   color: #FFFFFF;
 177   background-color: #CC3333;
 178 }
 179
 180 #subscription-table tr.droptarget td,
 181 #subscription-table tr.droptarget td a
 182 {
 183   background-color: #FFFFA6;
 184 }
 185
 186 #subscription-table thead td.name
 187 {
 188   width: 240px;
 189 }
 190
 191 #subscription-table thead td.msgcount
 192 {
 193   width: 70px;
 194 }
 195
 196 #subscription-table thead td.subscribed
 197 {
 198   width: 60px;
 199 }
 200
 201 #subscription-table tbody td.msgcount,
 202 #subscription-table tbody td.subscribed
 203 {
 204   padding-left: 18px;
 205 }
 206
 207 #subscription-table thead td.rename,
 208 #subscription-table thead td.delete
 209 {
 210   width: 20px;
 211   text-align: center;
 212 }