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: 500px;
  73   bottom: 120px;
  74   overflow: auto;
  75   border: 1px solid #999999;
  76   height: expression((parseInt(document.documentElement.clientHeight)-215)+'px');
  77 }
  78
  79 #identities-table
  80 {
  81   width: 600px;
  82   border: 1px solid #999999;
  83   background-color: #F9F9F9;
  84 }
  85
  86 #identities-table tbody td
  87 {
  88   cursor: pointer;
  89 }
  90
  91 #identity-frame
  92 {
  93   position: relative;
  94   margin-top: 20px;
  95   border: 1px solid #999999;
  96 }
  97
  98 #identity-details
  99 {
 100   margin-top: 30px;
 101   width: 500px;
 102   border: 1px solid #999999;
 103 }
 104
 105 #identity-details table td.title
 106 {
 107   color: #666666;
 108   font-weight: bold;
 109   text-align: right;
 110   padding-right: 10px;
 111 }
 112
 113 #bottomboxes
 114 {
 115   position: absolute;
 116   width: 500px;
 117   height: 100px;
 118   left: 20px;
 119   bottom: 20px;
 120 }
 121
 122 #userprefs-title,
 123 #identity-title,
 124 div.boxtitle,
 125 #subscription-table thead td
 126 {
 127   height: 12px !important;
 128   padding: 4px 20px 3px 6px;
 129   border-bottom: 1px solid #999999;
 130   color: #333333;
 131   font-size: 11px;
 132   font-weight: bold;
 133   background-color: #EBEBEB;
 134   background-image: url(images/listheader_aqua.gif);
 135 }
 136
 137 div.settingsbox
 138 {
 139   width: 500px;
 140   margin-top: 20px;
 141   margin-bottom: 20px;
 142   border: 1px solid #999999;
 143 }
 144
 145 div.settingspart
 146 {
 147   display: block;
 148   padding: 10px;
 149 }
 150
 151 #subscription-table
 152 {
 153   width: 100%;
 154   table-layout: fixed;
 155 }
 156
 157 #subscription-table tbody td
 158 {
 159   padding-left: 6px;
 160   padding-right: 20px;
 161   white-space: nowrap;
 162   border-bottom: 1px solid #EBEBEB;
 163   background-color: #F9F9F9;
 164 }
 165
 166 #subscription-table td.name
 167 {
 168   width: 280px;
 169 }
 170
 171 #subscription-table td.subscribed
 172 {
 173   width: 80px;
 174 }