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/classic/addressbook.css

477 lines
7.0 KiB
CSS

/***** Roundcube|Mail address book task styles *****/
#abooktoolbar
{
position: absolute;
top: 45px;
left: 225px;
height: 35px;
}
#abooktoolbar a
{
padding-right: 10px;
}
#abooktoolbar a.button,
#abooktoolbar a.buttonPas {
display: block;
float: left;
width: 32px;
height: 32px;
padding: 0;
margin: 0 5px;
overflow: hidden;
background: url(images/abook_toolbar.png) 0 0 no-repeat transparent;
opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
}
#abooktoolbar a.buttonPas {
opacity: 0.35;
}
#abooktoolbar a.addcontactSel {
background-position: 0 -32px;
}
#abooktoolbar a.compose {
background-position: -32px 0;
}
#abooktoolbar a.composeSel {
background-position: -32px -32px;
}
#abooktoolbar a.print {
background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
background-position: -256px 0;
}
#abooktoolbar a.printSel {
background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
background-position: -256px -32px;
}
#abooktoolbar a.delete {
background-position: -64px 0;
}
#abooktoolbar a.deleteSel {
background-position: -64px -32px;
}
#abooktoolbar a.import {
background-position: -96px 0;
}
#abooktoolbar a.importSel {
background-position: -96px -32px;
}
#abooktoolbar a.export {
background-position: -128px 0;
}
#abooktoolbar a.exportSel {
background-position: -128px -32px;
}
#abooktoolbar a.exportAll {
background-position: -128px 0;
}
#abooktoolbar a.exportAllSel {
background-position: -128px -32px;
}
#abooktoolbar a.search {
background-position: -170px 0;
}
#abooktoolbar a.searchSel {
background-position: -170px -32px;
}
#abookcountbar
{
margin-top: 4px;
margin-left: 4px;
min-width: 250px;
}
#addressscreen
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 205px;
}
#directorylistbox
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 195px;
border: 1px solid #999999;
background-color: #F9F9F9;
overflow: hidden;
}
#addresslist
{
position: absolute;
top: 0;
bottom: 0;
border: 1px solid #999999;
background-color: #F9F9F9;
overflow: hidden;
}
#contactgroupslist
{
border-top: 1px solid #999;
}
#addresslist
{
left: 0px;
width: 280px;
}
#directorylist li a,
#savedsearchlist li a
{
cursor: default;
display: block;
padding-left: 25px;
padding-top: 2px;
padding-bottom: 2px;
height: 16px;
text-decoration: none;
white-space: nowrap;
background-image: url(images/icons/folders.png);
background-position: 5px -108px;
background-repeat: no-repeat;
}
#directorylist ul li a
{
padding-left: 45px;
background-position: 22px -108px;
}
#directorylist ul ul li a
{
padding-left: 62px;
background-position: 39px -108px;
}
#directorylist ul ul ul li a
{
padding-left: 79px;
background-position: 39px -108px;
}
#directorylist li.contactgroup a
{
background-position: 5px -143px;
}
#directorylist ul li.contactgroup a
{
background-position: 22px -143px;
}
#directorylist ul ul li.contactgroup a
{
background-position: 39px -143px;
}
#directorylist ul ul ul li.contactgroup a
{
background-position: 56px -143px;
}
#savedsearchlist li.contactsearch a
{
background-position: 6px -162px;
}
#contacts-table
{
width: 100%;
table-layout: fixed;
}
#contacts-table tbody td
{
cursor: default;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
/* This padding-left should be equal to the focused border-left + the focused padding-left */
#contacts-table thead tr td:first-child,
#contacts-table tbody tr td:first-child {
border-left: 0;
padding-left: 8px;
}
/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
#contacts-table tbody tr.focused > td:first-child {
border-left: 2px solid #d4d4d4;
padding-left: 6px;
}
#contacts-table tbody tr.selected.focused > td:first-child {
border-left: 1px solid #ccc;
padding-left: 7px;
}
#contacts-table .contact.readonly td
{
font-style: italic;
}
#contacts-table td.name
{
width: 95%;
}
#contacts-table td.action
{
width: 12px;
padding: 0px 6px 0 4px;
text-align: right;
}
#contacts-table td.action a
{
font-size: 16px;
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #333;
}
#contacts-table .selected td.action a
{
color: #fff;
}
#contacts-box
{
position: absolute;
top: 0px;
left: 290px;
right: 0px;
bottom: 0px;
border: 1px solid #999999;
overflow: hidden;
}
body.iframe,
#contact-frame
{
background-color: #F2F2F2;
border: none;
min-height: 100%; /* Chrome 14 bug */
}
#contacttabs
{
position: relative;
padding-bottom: 12px;
}
#contacttabs div.tabsbar {
top: 0;
left: 2px;
}
#contacttabs fieldset.tabbed {
position: relative;
top: 22px;
min-height: 5em;
}
#contacthead
{
margin-bottom: 1em;
border: 0;
padding: 0;
}
#contacthead > legend
{
display: none;
}
#contacthead .names span.namefield,
#contacthead .names input
{
font-size: 140%;
}
#contacthead .displayname span.namefield
{
font-size: 120%;
}
#contacthead span.nickname:before,
#contacthead span.nickname:after,
#contacthead input.ff_nickname:before,
#contacthead input.ff_nickname:after
{
content: '"';
}
#contacthead input
{
margin-right: 6px;
margin-bottom: 0.2em;
}
#contacthead .names input,
#contacthead .addnames input
{
width: 180px;
}
#contacthead input.ff_prefix,
#contacthead input.ff_suffix
{
width: 90px;
}
#contacthead .addnames input.ff_name
{
width: 374px;
}
#contactphoto
{
float: right;
width: 60px;
margin-left: 3em;
margin-right: 4px;
}
#contactpic
{
width: 60px;
min-height: 60px;
border: 1px solid #ccc;
background: white;
}
#contactpic img {
max-width: 60px;
max-height: 80px;
}
#contactpic.droptarget.hover {
background-color: #f0f0ee;
box-shadow: 0 0 5px 0 #999;
-moz-box-shadow: 0 0 5px 0 #999;
-o-box-shadow: 0 0 5px 0 #999;
}
#contactphoto .formlinks
{
margin-top: 0.5em;
text-align: center;
}
fieldset.contactfieldgroup
{
border: 0;
margin: 0.5em 0;
padding: 0.2em 2px;
}
fieldset.contactfieldgroupmulti
{
padding: 0.5em 2px;
}
fieldset.contactfieldgroup legend
{
font-size: 0.9em;
}
.contactfieldgroup .row
{
position: relative;
margin: 0.2em 0;
}
.contactfieldgroup .contactfieldlabel
{
position: absolute;
top: 0;
left: 2px;
width: 110px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #666;
font-weight: bold;
}
.contactfieldgroup .contactfieldlabel select
{
width: 100%;
background: none;
border: 0;
color: #666;
font-weight: bold;
padding-left: 0;
}
.contactfieldgroup .contactfieldcontent
{
padding-left: 120px;
min-height: 1em;
line-height: 1.3em;
}
.contactfieldgroup .contactfield {
line-height: 1.3em;
}
.contactcontrolleraddress .contactfieldcontent input {
margin-bottom: 0.1em;
}
.contactfieldcontent .contactfieldbutton {
vertical-align: middle;
margin-left: 0.5em;
}
#upload-form
{
padding: 6px;
}
#upload-form div
{
padding: 2px;
}
#sourcename
{
color: #666;
font-size: 10px;
margin: -5px 0 8px 2px;
}
#contact-title
{
/* fixes issue where tabs were overlapping box title when scrolling */
z-index: 10;
}