roundcubemail/skins/default/settings.css

/***** RoundCube|Mail settings task styles *****/


#tabsbar
{
  position: absolute;
  top: 50px;
  left: 220px;
  right: 20px;
  height: 22px;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
}

span.tablink,
span.tablink-selected
{
  float: left;
  width: 100px;
  height: 24px !important;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url('images/tabs.gif') top left no-repeat;
}

span.tablink-selected
{
  background-position: -102px 0;
}

span.tablink a,
span.tablink-selected a
{
  display: block;
  padding-left: 10px;
  padding-top: 5px;
  color: #555555;
  text-decoration: none;
}

span.tablink-selected a
{
  color: #000000;
}

#rcmfd_timezone
{
  width: 300px;
}

#identities-list,
#folder-manager
{
  position: absolute;
  top: 95px;
  left: 20px;
  overflow: auto;
}

#folder-manager
{
  width: 600px;
  bottom: 140px;
  overflow: auto;
  border: 1px solid #999999;
}

#folder-manager.droptarget
{
  border: 1px solid #CC3333;
  background-color: #FFFFA6;
}

#identities-list
{
  bottom: 60px;
  width: 420px;
  border: 1px solid #999999;
}

#listbuttons
{
  position: absolute;
  left: 20px;
  bottom: 18px;
}

#identities-table
{
  width: 420px;
  table-layout: fixed;
  background-color: #F9F9F9;
}

#subscription-table
{
  width: 100%;
}

#subscription-table input
{
  font: inherit;
}

#subscription-table tbody td,
#identities-table tbody td
{
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
}

#identities-table thead td.name
{
  width: 55%;
}

#identities-table thead td.email
{
  width: 45%;
}

#subscription-table tbody td
{
  height: 22px !important;
  height: 18px;
}

#subscription-table tr.virtual td
{
  color: #666;
}

#subscription-table tr.selected td,
#subscription-table tr.selected td a
{
  color: #FFFFFF;
  background-color: #CC3333;
}

#subscription-table tr.droptarget td,
#subscription-table tr.droptarget td a
{
  background-color: #FFFFA6;
}

#subscription-table thead td.name
{
  width: 360px;
}

#subscription-table thead td.msgcount
{
  width: 90px;
}

#subscription-table thead td.subscribed
{
  width: 90px;
}

#subscription-table tbody td.subscribed,
#subscription-table tbody td.rename,
#subscription-table tbody td.delete
{
  padding: 1px 4px;
}

#subscription-table thead td.rename,
#subscription-table thead td.delete
{
  width: 30px;
}

#subscription-table td.name input
{
  font: inherit;
  width: 240px;
}

#identity-frame
{
  position: relative;
  margin-top: 20px;
  border: 1px solid #999999;
}

#identity-details
{
  position: absolute;
  top: 95px;
  left: 450px;
  right: 20px;
  bottom: 60px;
  border: 1px solid #999999;
  overflow: auto;
}

#identity-details table td.title
{
  color: #666666;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}

input.disabled
{
  color: #999999;
}

#bottomboxes
{
  position: absolute;
  width: 600px;
  height: 120px;
  left: 20px;
  bottom: 20px;
}

#identity-title,
#prefs-title,
div.boxtitle
{
  height: 12px !important;
  padding: 2px 10px 5px 10px;
  border-bottom: 1px solid #999999;
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  background: url('images/listheader.gif') top left repeat-x #CCC;
}

div.settingsbox
{
  width: 600px;
  margin-top: 20px;
  border: 1px solid #999999;
}

div.settingspart
{
  display: block;
  padding: 10px;
}

fieldset 
{
  margin-bottom: 0.5em;
  border: 1px solid #999999;
  padding: 4px 8px 9px 8px; 
}

legend
{
  color: #999999;
}

#prefsscreen
{
  position: absolute;
  top: 95px;
  right: 20px;
  bottom: 30px;
  left: 20px;
}

#sectionslist
{
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  border: 1px solid #999999;
  background-color: #F9F9F9;
  overflow: auto;
}

#sections-table
{
  width: 100%;
  table-layout: fixed;
}

#sections-table tbody td
{
  cursor: default;
}

#prefs-box
{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #999999;
  overflow: hidden;
}

body.iframe,
#prefs-frame
{
  background-color: #F9F9F9;
  border: none;
}

#prefs-details
{
  margin: 15px;
}

#prefs-details table td.title
{
  color: #666;
  padding-right: 10px;
}

#prefs-details table tr.advanced
{
  display: none;
}

#formfooter
{
  width: 100%;
}

#formfooter .footerleft
{
  padding-left: 20px;
  white-space: nowrap;
  float: left;
}

#formfooter .footerright
{
  padding-right: 20px;
  white-space: nowrap;
  text-align: right;
  float: right;
}