You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
roundcubemail/skins/default/settings.css

343 lines
4.3 KiB
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;
}