This repository has been archived on 2024-12-01. You can view files and clone it, but cannot push or open issues or pull requests.
redmine_rodax_crm/assets/stylesheets/contacts.css
2012-01-03 21:11:44 +00:00

430 lines
11 KiB
CSS

div.contact {background:#f4e9f2; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
div.deal {background:#edfff2; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
div.contract {background:#edfff2; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
form#add_task_form {background:#ffffff; display: block; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7; width: 92%;}
/********************/
/* CONTACT ISSUES */
/********************/
div#contact_issues {
margin-right: 4px;
}
div#contact_issues td.done_checkbox {
width: 10px;
vertical-align: top;
padding-top: 4px;
}
div#contact_issues td.issue_subject {
vertical-align: top;
width: 100%;
}
/********************/
/* ADD NOTE FORM */
/********************/
div.add-note {margin-left: 5px; margin-right: 6px;}
div.add-note textarea.wiki-edit {margin-bottom: 10px; width: 100%;}
div.add-note p {margin-bottom: 0px; margin-top: 5px;}
.note-custom-fields label {margin-right: 10px;}
/*div#contact_list table.index tbody tr:hover { background-color:#ffffdd; } */
div#sidebar div.contextual {
margin-right: 8px;
}
/* note-data*/
span.note-info {
font-size: 11px;
margin: 0px;
padding: 0px;
line-height: 1.5;
color: rgb(119, 119, 119);
}
table.subject_header {
width: 100%;
}
table.subject_header td.avatar {
vertical-align: top;
vertical-align: top;
text-align: right;
width: 57px;
}
table.subject_header td.subject_info {
padding-left: 15px;
padding-right: 15px;
border-left: 1px solid #D7D7D7;
min-width: 200px;
width: 200px;
}
table.subject_header td.subject_info ul {
list-style: none;
padding-left: 0px;
}
table.subject_header td.subject_info li {
line-height: 20px;
white-space: nowrap;
}
.icon-phone { background-image: url(../images/telephone.png); }
.icon-email { background-image: url(../images/email.png); }
h4.contacts_header {border-bottom: 0px;}
/********************/
/* Search */
/********************/
h2.contacts_header {border-bottom: 0px;}
div.filters h2 {margin-bottom: 5px;}
div.filters h2 .scope_title a { color: #444; text-decoration: none; }
div.filters h2 .scope_title a:hover { text-decoration: none; display: inline; color: #aaa;}
div.filters .tags span.tag a { line-height: 0; }
div.search_and_filters { margin-bottom: 10px; }
div.live_search { font-size: 16px; }
div.filters .live_search {position:relative;}
.live_search input.live_search_field, label#search_overlabel { font-size: 16px; }
label#search_overlabel {
color: #D7D7D7 !important;
position: absolute;
font-weight: normal;
padding-left: 8px;
top: 5px;
white-space: nowrap;
cursor: text;
}
/**************************************************************/
/* TAGS */
/**************************************************************/
.tags {
margin-top: 5px;
}
.tags a img { white-space: nowrap; vertical-align: bottom;}
span.tag a {
background-color: grey;
color: white;
padding: 3px 4px;
font-size: 10px;
/* display: block;*/
white-space: nowrap;
line-height: 20px;
}
span.tag {
display: inline-block;
}
span.tag a:hover {
background-color: silver;
text-decoration: none;
color: black;
}
span.tag a.selected:hover {
background-color: #eee;
}
span.tag a.selected {
background-color: #eee;
color: black;
}
span.simple_tag a.selected {
color: #999;
}
#edit_tags_form.box {
margin: 1px 5px 0px 0px;
}
#edit_tags_form.box label {
margin-right: 5px;
font-weight: bold;
}
#edit_tags_form.box #contact_tags {
margin-bottom: 10px;
}
div#tags_data span.contextual {float: none; padding-left: 0px;}
h2 span.tag a {
font-size: inherit;
/* display: block;*/
}
#responsible_user ul {margin: 0; padding: 0;}
#responsible_user li {list-style-type:none; margin: 3px 2px 0px 0px; padding: 0px 0px 0px 0px;}
#responsible_user select {width: 95%; display: block;}
#responsible_user a.delete {opacity: 0.4;}
#responsible_user a.delete:hover {opacity: 1;}
#responsible_user img.gravatar {vertical-align: middle;margin: 0 4px 2px 0;}
/**************************************************************/
/* CONTACTS_DEALS_LIST */
/**************************************************************/
table.contacts.index {
border-top: 1px solid rgb(239, 239, 239);
border-right: 1px solid rgb(239, 239, 239);
border-left: 1px solid rgb(239, 239, 239);
width: 100%;
border-spacing: 0px 0px;
margin-bottom: 4px;
}
table.contacts.index tr.selected{ background-color: #507AAA !important; color: #F8F8F8 !important;}
/*table.contacts.index tr.selected a { color: #F8F8F8 !important; } */
table.contacts.index tr.context-menu-selection h2 { color: #F8F8F8 !important; }
table.contacts.index tr.context-menu-selection td { color: #F8F8F8 !important; }
table.contacts.index tr.context-menu-selection span.tag a { border: 1px solid #EFEFEF; padding: 2px 3px; }
table.contacts.index tr.context-menu-selection span.deal-status { border: 1px solid #EFEFEF; padding: 2px 3px; }
table.contacts.index tr.context-menu-selection span.contract-status { border: 1px solid #EFEFEF; padding: 2px 3px; }
table.contacts.index tbody tr:hover { background-color:#ffffdd; }
table.contacts.index td {
vertical-align: top;
color: #666;
font-size: 12px;
padding: 8px 0;
border-bottom: 1px solid #efefef;
}
table.contacts.index td.checkbox { padding: 12px 0px 0px 5px; }
table.contacts.index td.name { width: 50%; padding-right: 10px;}
table.contacts.index td.info { width: 50%; padding-right: 5px; }
table.contacts.index td.avatar {padding: 10px 10px 10px 5px;}
table.contacts.index th {padding: 5px 10px 5px 0px; border-bottom: 1px solid #efefef; vertical-align: top;}
table.contacts.index th.title {text-align: right;}
table.contacts.index th.sum {text-align: left;}
table.contacts.deals.index td.avatar {padding: 10px 10px 10px 10px;}
table.contacts.contracts.index td.avatar {padding: 10px 10px 10px 10px;}
/*table.contacts.index td.avatar {margin-left: 50px;}*/
table.contacts.index td.name h1 { font-size: 20px; font-weight: normal;
margin: 0;
padding: 0;
}
table.contacts.index td.name h1.deal_name {
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 0;
}
table.contacts.index td.name h1.contract_name {
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 0;
}
table.contacts.index td.name h1.selected { background-color: #ffb;}
table.contacts.index td.name h2.selected { background-color: #ffb;}
table.contacts.index td.name h2 {
font-size: 13px;
color: #777;
font-weight: normal;
line-height: 140%;
padding: 0;
margin: 0;
background: none;
border: none;
}
div.Right td.name div.info {
padding-top: 3px;
margin-left: 42px;
}
/*#edit_tags_form {display: block; margin-top: 10px;}*/
.notes div.contextual {vertical-align: top;}
/*Deals*/
div#deal-status, div#contract-status {
margin-top: 4px;
}
div.deal-sum, div.contract-sum {
margin-bottom: 4px;
}
table.related_contracts td.name h4, table.related_deals td.name h4 {
letter-spacing: -1px; margin: 0px 0 4px 0; padding: 0; line-height: 1.1em;
}
div#deal-status span.contextual {float: none; padding-left: 0px;}
span.deal-status , span.contract-status {
padding: 3px 4px;
font-size: 10px;
/* display: block;*/
white-space: nowrap;
margin-right: 4px;
}
dt.contact { background-image: url(../images/user_suit.png); }
.icon-money-dollar { background-image: url(../images/money_dollar.png); }
.icon-add-deal { background-image: url(../images/money.png); }
.icon-add-contract { background-image: url(../images/money.png); }
.icon-add-employee { background-image: url(../images/user_suit.png); }
.icon-link-break { background-image: url(../../../images/link_break.png); }
.icon-call { background-image: url(../images/phone.png); }
.icon-meeting { background-image: url(../images/calendar_view_day.png); }
.icon-vcard { background-image: url(../images/vcard.png); }
/**************************************************************/
/* THUMBNAILS */
/**************************************************************/
div.wiki img.tumbnail {
border: 1px solid #D7D7D7;
height: 150px;
padding: 4px;
vertical-align: middle;
width: 150px;
background: white;
}
/**************************************************************/
/* NOTE_DATA */
/**************************************************************/
table.note_data, table.related_deals , table.related_contracts {
width: 100%;
}
table.note_data td.name div.wiki {
margin: 5px 0px 0px 0px;
}
table.note_data td.avatar {
padding-right: 4px;
padding-left: 0px;
}
table.note_data td.name {
padding-left: 0px;
vertical-align: top;
width: 100%;
}
table.note_data a.delete:hover {opacity: 1;}
table.note_data a.delete {opacity: 0.4;}
table.note_data td.name h4 {
letter-spacing: -1px;
margin: 7px 0 0 0;
padding: 0;
line-height: 1.1em;
}
table.note_data h4 { margin-top: 5px; margin-bottom: 0px;}
table.note_data td.avatar { vertical-align: top; width: 38px; padding-top: 10px;}
/*
div#notes table.note_data div.contextual {display: none;}
div#notes table.note_data:hover div.contextual {display: inline;}
*/
table.note_data:hover h4>a.wiki-anchor { display: inline; color: #ddd;}
.wiki.note a.wiki-anchor {display: none;}
div.note_data_header table.note_data { margin-bottom: 5px;}
h2.note_title { margin-bottom: 0px;}
/* Thumbnails */
div.wiki p.thumbnails {margin-top: 12px;}
img.thumbnail {
border: 1px solid #D7D7D7;
padding: 4px;
margin: 4px;
vertical-align: middle;
}
/**************************************************************/
/* CONTACTS_DUBLICATES */
/**************************************************************/
#duplicates ul {margin: 0; padding: 0;}
#duplicates li {list-style-type:none; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
#duplicates img.gravatar {vertical-align: middle; margin: 0 4px 2px 0;}
#duplicates ul.box {padding: 10px; background-color: #FFEBC1;}
/**************************************************************/
/* CONTACTS_PROJECTS */
/**************************************************************/
#contact_projects ul {margin: 0; padding: 0;}
#contact_projects li {list-style-type:none; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px;}
#contact_projects select {width: 95%; display: block;}
#contact_projects a.delete {opacity: 0.4;}
#contact_projects a.delete:hover {opacity: 1;}
#contact_projects img.gravatar {vertical-align: middle; margin: 0 4px 2px 0;}
/**************************************************************/
/* CONTACT_DATA */
/**************************************************************/
.avatar img.gravatar {
vertical-align: middle;
}
.tooltip span.tip.contact {
line-height: 11px !important;
font-size: 9px !important;
width: 200px !important;
}
/**************************************************************/
/* CONTACT ATTRIBUTES SIDEBAR */
/**************************************************************/
table.contact.attributes .gravatar {
vertical-align: middle;
margin: 0 0.5em 0 0;
}