/* Tachyon Template Color Settings This is only file you need to edit for color customization. All colors, image and background setting except some defaults are included here. For fast and easy color customization change body class to .blue, .red, .green or .gray. If you would like to use custom colors, duplicate one of the default color setting and make your own changes. */ @charset "utf-8"; /* green #549a2a */ /* Red version (Default) */ /* Colors */ a, a:active, a:visited, .content-box section h1, .content-box section h2, .content-box section h3, .content-box section h4, .content-box section h5, #nav-sub .box-list li a:hover { /*color:#ae432e;*/ /*color:#6600FF;*/ /*color: #965DDC;*/ } /* Green version */ /* Blue version */ /* Gray version */ /* Box Shadow */ body.gray .button, body.gray a.button, body.gray button, body.gray input[type="button"], body.gray input[type="submit"] { box-shadow:0 1px 2px #bfbfbf; } /* Global Color Settings */ /* Global Colors */ .progress-bar div span, .tag, .small-notification, .loading-notification, #nav-main #nav-main-user li a:hover, #nav-sub .submenu a:hover, #footer a:hover { color:#fff; } /*body, select, input, textarea, .toggled.content-box header h2, .content-box .dashboard li h4, .tickets .ticket-data .ticket-details dt, #nav-sub .box-list li a, .button.gray, a.button.gray, button.gray, input[type="button"].gray, input[type="submit"].gray, .fc-view table thead th, .wizard-steps li span { color:#666; }*/ .disabled, .button.disabled, button:disabled, button.disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="button"].disabled, input[type="submit"].disabled, .disabled:hover, .button.disabled:hover, button:disabled:hover, button.disabled:hover, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="button"].disabled:hover, input[type="submit"].disabled:hover .tickets .ticket-data .ticket-details h5, .tickets .ticket-data-activity p { color:#999; } label{ color:#333; } #nav-main-user { color:#7d7e80; } #navigation, #nav-main #nav-main-navigation li a, #nav-main-user li a, #footer, #nav-sub .submenu a, #nav-sub label, #footer a , #footer label { color:#a6a6a6; } .content-box header h2, .shortcuts li a, .shortcuts li a:hover { color:#545454; } .show-notification-details { color:#898989; } .notification.note h4, .notification.note .show-notification-details { color:#4d4d4d; } .notification.information h4, .notification.information .show-notification-details { color:#0576a6; } .notification.attention h4, .notification.attention .show-notification-details { color:#be8007; } .notification.success h4, .notification.success .show-notification-details { color:#69990f; } .notification.error h4, .notification.error .show-notification-details, #nav-sub .box-list li a:hover { color:#ae432e; } .button.green, a.button.green, button.green, input[type="button"].green, input[type="submit"].green { color:#dcebd3; } .button.red, a.button.red, button.red, input[type="button"].red, input[type="submit"].red, .button, a.button, button, input[type="button"], input[type="submit"], th, .paging_full_numbers span.paginate_active, .fc-state-default, .wizard-steps li.wizard-step-done span { color:#f2deda; } .button.blue, a.button.blue, button.blue, input[type="button"].blue, input[type="submit"].blue { color:#daebf2; } .button.black, a.button.black, button.black, input[type="button"].black, input[type="submit"].black { color:#e5e5e5; } .disabled, .button.disabled, button:disabled, button.disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="button"].disabled, input[type="submit"].disabled { color:#b2b2b2; } .button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button.red:hover, button.red:hover, input[type="button"].red:hover, input[type="submit"].red:hover, .button.blue:hover, button.blue:hover, input[type="button"].blue:hover, input[type="submit"].blue:hover, .button.green:hover, button.green:hover, input[type="button"].green:hover, input[type="submit"].green:hover, .button.black:hover, button.black:hover, input[type="button"].black:hover, input[type="submit"].black:hover { color:#fff; } .button.gray:hover, button.gray:hover, input[type="button"].gray:hover, input[type="submit"].gray:hover { color:#333; } a:hover, .wizard-steps li a.current { /*color: #6600FF;*/ } #nav-sub .submenu h2, #nav-sub .submenu h3, #nav-sub .submenu-form legend, #footer section h2, #nav-main #nav-main-navigation li a:hover, #nav-main #nav-main-navigation li a.active { color:#f2f2f2; } #footer section h2 {} /* Global Backgrounds */ /*body { background-color:#d2d2d2; }*/ input, textarea, select, .customfile, div.wysiwyg iframe, .toggle-table-switch, .table-switch, .options-switch, body.error-page .error-wrapper { background-color:#fff; } .shortcuts li, #nav-main #nav-main-user .actions { background-color:#e5e5e5; } input:focus, textarea:focus, input.focused { background-color:#fff7ee; } input.valid, textarea.valid { background-color:#eef5e9; } input.invalid, textarea.invalid { background-color:#f7ecea; } .notification.note, tbody tr:nth-child(odd), .tickets .ticket-data:nth-child(odd), .progress-bar, .content-box section .stats-summary li, .contacts li, code, .accordion .accordion-switch, .wizard-steps, .shortcuts li:hover, .toggled.content-box { background-color:#f2f2f2; } input:disabled, input.disabled, tbody tr:nth-child(even), .tickets .ticket-data:nth-child(even) { background-color:#ebebeb; } .tickets .ticket-data .ticket-details dl { background-color:#e0e0e0; } .loading-notification, #toTop { background-color:#000; } .notification.error { background-color:#f2d4ce; } .notification.success { background-color:#d9e6c3; } .notification.attention { background-color:#faf6d4; } .notification.information { background-color:#cee6f2; } .progress-bar.red div, .tag.red, .jq-datepicker .datepick-month td .datepick-highlight { background-color:#ae432e; } .progress-bar.blue div, .tag.blue { background-color:#0576a6; } .progress-bar.green div, .tag.green { background-color:#549a2a; } .progress-bar.black div { background-color:#2e2e2e; } .tag.orange { background-color:#ef561a; } .tag.gray { background-color:#b3b3b3; } .tag.black { background-color:#595959; } body > section > footer { background-color:#2e353b; } /* Global Gradients */ .progress-bar.red div, .button.red, a.button.red, button.red, input[type="button"].red, input[type="submit"].red, .button, a.button, button, input[type="button"], input[type="submit"], thead tr, .datatable tfoot tr, .paging_full_numbers span.paginate_active, .fc-state-default, .wizard-steps li.wizard-step-done span { /* #ae432e -> #6600CC #d95338 -> #965DDC */ /*background:-moz-linear-gradient(top, #965DDC 0%, #6600CC 100%); /* FF3.6+ */ /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#965DDC), color-stop(100%,#6600CC)); /* Chrome,Safari4+ */ /*background:-webkit-linear-gradient(top, #965DDC 0%,#6600CC 100%); /* Chrome10+,Safari5.1+ */ /*background:-o-linear-gradient(top, #965DDC 0%,#6600CC 100%); /* Opera11.10+ */ /*background:-ms-linear-gradient(top, #965DDC 0%,#6600CC 100%); /* IE10+ */ /*background:linear-gradient(top, #965DDC 0%,#6600CC 100%); /* W3C */ } .progress-bar.blue div, .button.blue, a.button.blue, button.blue, input[type="button"].blue, input[type="submit"].blue { background:-moz-linear-gradient(top, #07a3e5 0%, #0576a6 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#07a3e5), color-stop(100%,#0576a6)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #07a3e5 0%,#0576a6 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #07a3e5 0%,#0576a6 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #07a3e5 0%,#0576a6 100%); /* IE10+ */ background:linear-gradient(top, #07a3e5 0%,#0576a6 100%); /* W3C */ } .progress-bar.green div, .button.green, a.button.green, button.green, input[type="button"].green, input[type="submit"].green { background:-moz-linear-gradient(top, #77d93b 0%, #549a2a 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#77d93b), color-stop(100%,#549a2a)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #77d93b 0%,#549a2a 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #77d93b 0%,#549a2a 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #77d93b 0%,#549a2a 100%); /* IE10+ */ background:linear-gradient(top, #77d93b 0%,#549a2a 100%); /* W3C */ } .progress-bar.black div, .button.black, a.button.black, button.black, input[type="button"].black, input[type="submit"].black { background:-moz-linear-gradient(top, #595959 0%, #2e2e2e 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#2e2e2e)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #595959 0%,#2e2e2e 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #595959 0%,#2e2e2e 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #595959 0%,#2e2e2e 100%); /* IE10+ */ background:linear-gradient(top, #595959 0%,#2e2e2e 100%); /* W3C */ } .button.gray, a.button.gray, button.gray, input[type="button"].gray, input[type="submit"].gray, .paging_full_numbers span.paginate_button, .fc-view table thead tr, .wizard-steps li span, .shortcuts li, #nav-main #nav-main-user .actions { background:-moz-linear-gradient(top, #f2f2f2 0%, #d9d9d9 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* IE10+ */ background:linear-gradient(top, #f2f2f2 0%,#d9d9d9 100%); /* W3C */ } .disabled, .button.disabled, button:disabled, button.disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="button"].disabled, input[type="submit"].disabled, .disabled:hover, .button.disabled:hover, button:disabled:hover, button.disabled:hover, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="button"].disabled:hover, input[type="submit"].disabled:hover { background:-moz-linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%); /* IE10+ */ background:linear-gradient(top, #f4f4f4 0%,#e9e9e9 100%); /* W3C */ } .button.green:hover, a.button.green:hover, button.green:hover, input[type="button"].green:hover, input[type="submit"].green:hover { background:-moz-linear-gradient(top, #549a2a 0%, #77d93b 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#549a2a), color-stop(100%,#77d93b)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #549a2a 0%,#77d93b 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #549a2a 0%,#77d93b 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #549a2a 0%,#77d93b 100%); /* IE10+ */ background:linear-gradient(top, #549a2a 0%,#77d93b 100%); /* W3C */ } .button.red:hover, a.button.red:hover, button.red:hover, input[type="button"].red:hover, input[type="submit"].red:hover, .button:hover, a.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, .fc-button-today.fc-state-hover, .fc-state-hover { /* #ae432e -> #6600CC #d95338 -> #965DDC */ /*background:-moz-linear-gradient(top, #6600CC 0%, #965DDC 100%); /* FF3.6+ */ /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6600CC), color-stop(100%,#965DDC)); /* Chrome,Safari4+ */ /*background:-webkit-linear-gradient(top, #6600CC 0%,#965DDC 100%); /* Chrome10+,Safari5.1+ */ /*background:-o-linear-gradient(top, #6600CC 0%,#965DDC 100%); /* Opera11.10+ */ /*background:-ms-linear-gradient(top, #6600CC 0%,#965DDC 100%); /* IE10+ */ /*background:linear-gradient(top, #6600CC 0%,#965DDC 100%); /* W3C */ } .button.blue:hover, a.button.blue:hover, button.blue:hover, input[type="button"].blue:hover, input[type="submit"].blue:hover { background:-moz-linear-gradient(top, #0576a6 0%, #07a3e5 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0576a6), color-stop(100%,#07a3e5)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #0576a6 0%,#07a3e5 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #0576a6 0%,#07a3e5 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #0576a6 0%,#07a3e5 100%); /* IE10+ */ background:linear-gradient(top, #0576a6 0%,#07a3e5 100%); /* W3C */ } .button.black:hover, a.button.black:hover, button.black:hover, input[type="button"].black:hover, input[type="submit"].black:hover { background:-moz-linear-gradient(top, #2e2e2e 0%, #595959 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(100%,#595959)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #2e2e2e 0%,#595959 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #2e2e2e 0%,#595959 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #2e2e2e 0%,#595959 100%); /* IE10+ */ background:linear-gradient(top, #2e2e2e 0%,#595959 100%); /* W3C */ } .button.gray:hover, a.button.gray:hover, button.gray:hover, input[type="button"].gray:hover, input[type="submit"].gray:hover, .paging_full_numbers span.paginate_button:hover { background:-moz-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* IE10+ */ background:linear-gradient(top, #d9d9d9 0%,#f2f2f2 100%); /* W3C */ } .shortcuts li:hover, #nav-main #nav-main-user .actions:hover { background:-moz-linear-gradient(top, #fff 0%, #e5e5e5 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* Opera11.10+ */ background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%); /* IE10+ */ background:linear-gradient(top, #fff 0%,#e5e5e5 100%); /* W3C */ } /* Global Background Images */ /*body { background-image:url('../img/bgs/bg_main.png'); }*/ #navigation { background-image:url('../img/bgs/bg_main_nav.png'); } #nav-main #nav-main-navigation li .nav-main-subnav { background-image:url('../img/icons/icon_main_nav_arrows.png'); } input, textarea, select, .customfile, div.wysiwyg iframe { background-image:url('../img/bgs/bg_input.png'); } input:disabled, input.disabled { background-image:url('../img/bgs/bg_input_disabled.png'); } ul li { /*background-image:url('../img/icons/lists/icon_list_style_basic.png');*/ } .list-style-arrow li { background-image:url('../img/icons/lists/icon_list_style_arrow.png'); } .list-style-cross li { background-image:url('../img/icons/lists/icon_list_style_cross.png'); } .list-style-checkmark li { background-image:url('../img/icons/lists/icon_list_style_checkmark.png') } .list-style-attach li { background-image:url('../img/icons/lists/icon_list_style_attach.png'); } .notification.error { background-image:url('../img/icons/notifications/icon_notification_error.png'); } .notification.success { background-image:url('../img/icons/notifications/icon_notification_success.png') } .notification.attention { background-image:url('../img/icons/notifications/icon_notification_attention.png'); } .notification.information { background-image:url('../img/icons/notifications/icon_notification_information.png'); } .notification.note { background-image:url('../img/icons/notifications/icon_notification_note.png'); } .content-box section .sidetabs { background-image:url('../img/bgs/bg_sidetabs.png'); } .loading { background-image:url('../img/icons/loading/icon_loading_notification_white.gif'); } .loading.red { background-image:url('../img/icons/loading/icon_loading_notification_red.gif'); } .loading.green { background-image:url('../img/icons/loading/icon_loading_notification_green.gif'); } .loading.blue { background-image:url('../img/icons/loading/icon_loading_notification_blue.gif'); } .loading.black { background-image:url('../img/icons/loading/icon_loading_notification_black.gif'); } .progress-bar { background-image:url('../img/bgs/bg_progress_bar.png'); } .close-notification { background-image:url('../img/icons/notifications/icon_notification_close.png'); } form span.valid-side-note { background-image:url('../img/icons/notifications/icon_notification_success.png') } form span.invalid-side-note { background-image:url('../img/icons/notifications/icon_notification_error.png'); } .loading-notification { background-image:url('../img/icons/loading/icon_loading_notification_white.gif'); } .toggle-table-switch { background-image:url('../img/icons/icon_options.png'); } .content-box section .sidetab-switch { background-image:url('../img/bgs/bg_sidetabs_ul.png'); } .tip-box header { background-image:url('../img/icons/icon_tip_box.png'); } .tip-box header h2{ background-image:url('../img/bgs/bg_tipbox.png'); } .content-box section .sidetab-switch a.current { background-image:url('../img/icons/icon_sidetabs.png'); } .small-notification { background-image:url('../img/bgs/bg_notification.png'); } #breadcrumbs li { background-image:url('../img/icons/icon_breadcrumb_divider.png'); } a.outside { background-image:url('../img/icons/icon_outside.png'); } #toTop, #toTopHover { background-image:url('../img/icons/icon_top_scroll.png'); } .wizard-steps li { background-image:url('../img/bgs/bg_wizard.png'); } body > section > footer { background-image:url('../img/bgs/bg_footer.png'); } /* Global Text Shadows */ #nav-main ul li, .progress-bar div span { text-shadow:0 1px 1px #1a1a1a; } .tab-switch li a { text-shadow:0 1px 1px #b3b3b3; } .sidetab-switch a { text-shadow:0 1px 1px #ccc; } .shortcuts li a { text-shadow:0 1px 1px #fff; } .small-notification { text-shadow:0 1px 1px #666; } .button.gray, a.button.gray, button.gray, input[type="button"].gray, input[type="submit"].gray, .disabled, .button.disabled, button:disabled, button.disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="button"].disabled, input[type="submit"].disabled, .paging_full_numbers span.paginate_button, .fc-view table thead th, .wizard-steps li span, #breadcrumbs li { text-shadow:0 1px 1px #fff; } .button.green, a.button.green, button.green, input[type="button"].green, input[type="submit"].green, .button.red, a.button.red, button.red, input[type="button"].red, input[type="submit"].red, .button, a.button, button, input[type="button"], input[type="submit"], th, .paging_full_numbers span.paginate_active, .fc-state-default, .wizard-steps li.wizard-step-done span, .button.blue, a.button.blue, button.blue, input[type="button"].blue, input[type="submit"].blue, .button.black, a.button.black, button.black, input[type="button"].black, input[type="submit"].black { text-shadow:0 1px 1px #4d4d4d; } /* Global Box Shadows */ #nav-main #nav-main-user .actions { -webkit-box-shadow:0 0 3px #2e2e2e; -moz-box-shadow:0 0 3px #2e2e2e; box-shadow:0 0 3px #2e2e2e; } .loading-notification, #toTop { -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000; } .shortcuts li, .table-actions > a.active, .table-actions ul, .options-switch, .jq-datepicker, .content-box section img, body.error-page .error-wrapper { -webkit-box-shadow:0 0 3px #b3b3b3; -moz-box-shadow:0 0 3px #b3b3b3; box-shadow:0 0 3px #b3b3b3; } .button.green, a.button.green, button.green, input[type="button"].green, input[type="submit"].green, .button.red, a.button.red, button.red, input[type="button"].red, input[type="submit"].red, .button, a.button, button, input[type="button"], input[type="submit"], .button.blue, a.button.blue, button.blue, input[type="button"].blue, input[type="submit"].blue, .button.black, a.button.black, button.black, input[type="button"].black, input[type="submit"].black, .paging_full_numbers span.paginate_active, .fc-state-default, .wizard-steps li.wizard-step-done span { -webkit-box-shadow:0 1px 2px #a6a6a6; -moz-box-shadow:0 1px 2px #a6a6a6; box-shadow:0 1px 2px #a6a6a6; } .button.gray, a.button.gray, button.gray, input[type="button"].gray, input[type="submit"].gray, .paging_full_numbers span.paginate_button, .wizard-steps li span { -webkit-box-shadow:0 1px 2px #bfbfbf; -moz-box-shadow:0 1px 2px #bfbfbf; box-shadow:0 1px 2px #bfbfbf; } /* Global Borders */ #nav-main #nav-main-navigation li, #nav-sub .submenu { border-color:#3e3f40; } input, textarea, select, .customfile, div.wysiwyg iframe, .content-box section img, .content-box section .sidetab-switch li, fieldset, .jq-datepicker, td, tbody, .table-switch li, .options-switch li, .tickets .ticket-header, .tickets .ticket-data, .tickets .ticket-data .ticket-details, .jq-datepicker .datepick-month-header select { border-color:#ccc; } #nav-main #nav-main-user .actions { border-color:#888; } .options-switch, .dashboard li, .logs li, body.error-page .error-wrapper, .shortcuts li, .no-boxshadow .shortcuts li { border-color:#afafaf; } .toggle-table-switch, .table-switch, .notification.note { border-color:#bfbfbf; } .progress-bar, .content-box section .stats-summary li, .accordion .accordion-switch, .wizard-steps, .bb, .tickets .ticket-data .ticket-details dl, .logs .logs-actions li, .contacts li { border-color:#d9d9d9; } .notification.error { border-color:#ae432e; } .notification.success { border-color:#77ab13; } .notification.attention { border-color:#e6c26e; } .notification.information { border-color:#058dc7; } .toggled.content-box header { border-color:#999; } input:focus, textarea:focus, input.focused { border-color:#a68042; } input.valid, textarea.valid { border-color:#549a2a; } input.invalid, textarea.invalid { border-color:#ae432e; } .tip-box header, .tip-box section { border-color:#057fb3; } .tip-box header, .tip-box section { background-color:#b4d8e8; } .tip-box, .tip-box header h2, .tip-box section h3, .tip-box section h4 { color:#034866; } .button.red, a.button.red, button.red, input[type="button"].red, input[type="submit"].red, .button, .progress-bar.red div, a.button, button, input[type="button"], input[type="submit"], thead, tfoot, .paging_full_numbers span.paginate_active, .fc-state-default, .wizard-steps li.wizard-step-done span { /*border-color:#a6402b #993b28 #803121;*/ /*border-color:#990099;*/ } .button.gray, a.button.gray, button.gray, input[type="button"].gray, input[type="submit"].gray, .paging_full_numbers span.paginate_button, .fc-view table thead, .wizard-steps li span { border-color:#bfbfbf #b3b3b3 #999; } .button.green, a.button.green, button.green, input[type="button"].green, input[type="submit"].green, .progress-bar.green div { border-color:#62b330 #549929 #3f731f; } .button.blue, a.button.blue, button.blue, input[type="button"].blue, input[type="submit"].blue, .progress-bar.blue div { border-color:#057fb3 #056c99 #035173; } .button.black, a.button.black, button.black, input[type="button"].black, input[type="submit"].black, .progress-bar.black div { border-color:#333 #262626 #000; } .disabled, .button.disabled, button:disabled, button.disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="button"].disabled, input[type="submit"].disabled { border-color:#ebebeb #e1e1e1 #dadada; } /* Social */ .social.rss { background-image:url('../img/icons/social/rss.png'); } .social.blogger { background-image:url('../img/icons/social/blogger.png'); } .social.delicious { background-image:url('../img/icons/social/delicious.png'); } .social.deviantart { background-image:url('../img/icons/social/deviantart.png'); } .social.digg { background-image:url('../img/icons/social/digg.png'); } .social.facebook { background-image:url('../img/icons/social/facebook.png'); } .social.flickr { background-image:url('../img/icons/social/flickr.png'); } .social.forrst { background-image:url('../img/icons/social/forrst.png'); } .social.linkedin { background-image:url('../img/icons/social/linkedin.png'); } .social.myspace { background-image:url('../img/icons/social/myspace.png'); } .social.technorati { background-image:url('../img/icons/social/technorati.png'); } .social.tumblr { background-image:url('../img/icons/social/tumblr.png'); } .social.twitter { background-image:url('../img/icons/social/twitter.png'); } .social.vimeo { background-image:url('../img/icons/social/vimeo.png'); } .social.wordpress { background-image:url('../img/icons/social/wordpress.png'); } .social.yahoo { background-image:url('../img/icons/social/yahoo.png'); } .social.youtube { background-image:url('../img/icons/social/youtube.png'); } /* Emoticons */ .emoticon.smile { background-image:url('../img/icons/emoticon/emoticon_smile.png'); } .emoticon.grin { background-image:url('../img/icons/emoticon/emoticon_grin.png'); } .emoticon.evilgrin { background-image:url('../img/icons/emoticon/emoticon_evilgrin.png'); } .emoticon.happy { background-image:url('../img/icons/emoticon/emoticon_happy.png'); } .emoticon.surprised { background-image:url('../img/icons/emoticon/emoticon_surprised.png'); } .emoticon.tongue { background-image:url('../img/icons/emoticon/emoticon_tongue.png'); } .emoticon.unhappy { background-image:url('../img/icons/emoticon/emoticon_unhappy.png'); } .emoticon.waii { background-image:url('../img/icons/emoticon/emoticon_waii.png'); } .emoticon.wink { background-image:url('../img/icons/emoticon/emoticon_wink.png'); } .emoticon.bug { background-image:url('../img/icons/emoticon/emoticon_bug.png'); } .emoticon.heart { background-image:url('../img/icons/emoticon/emoticon_heart.png'); } .emoticon.basketball { background-image:url('../img/icons/emoticon/emoticon_basketball.png'); } .emoticon.football { background-image:url('../img/icons/emoticon/emoticon_football.png'); } .emoticon.golf { background-image:url('../img/icons/emoticon/emoticon_golf.png'); } .emoticon.soccer { background-image:url('../img/icons/emoticon/emoticon_soccer.png'); } .emoticon.tennis { background-image:url('../img/icons/emoticon/emoticon_tennis.png'); } .emoticon.up { background-image:url('../img/icons/emoticon/emoticon_up.png'); } .emoticon.down { background-image:url('../img/icons/emoticon/emoticon_down.png'); } /* File Extensions */ .extension.empty { background-image:url('../img/icons/extensions/page_white.png'); } .extension.acrobat { background-image:url('../img/icons/extensions/page_white_acrobat.png'); } .extension.code { background-image:url('../img/icons/extensions/page_white_code.png'); } .extension.c { background-image:url('../img/icons/extensions/page_white_c.png'); } .extension.cplusplus { background-image:url('../img/icons/extensions/page_white_cplusplus.png'); } .extension.csharp { background-image:url('../img/icons/extensions/page_white_csharp.png'); } .extension.database { background-image:url('../img/icons/extensions/page_white_database.png'); } .extension.excel { background-image:url('../img/icons/extensions/page_white_excel.png'); } .extension.flash { background-image:url('../img/icons/extensions/page_white_flash.png'); } .extension.msoffice { background-image:url('../img/icons/extensions/page_white_office.png'); } .extension.php { background-image:url('../img/icons/extensions/page_white_php.png'); } .extension.powerpoint { background-image:url('../img/icons/extensions/page_white_powerpoint.png'); } .extension.picture { background-image:url('../img/icons/extensions/page_white_picture.png'); } .extension.ruby { background-image:url('../img/icons/extensions/page_white_ruby.png'); } .extension.text { background-image:url('../img/icons/extensions/page_white_text.png'); } .extension.tux { background-image:url('../img/icons/extensions/page_white_tux.png'); } .extension.word { background-image:url('../img/icons/extensions/page_white_word.png'); } .extension.visualstudio { background-image:url('../img/icons/extensions/page_white_visualstudio.png'); } .extension.zip { background-image:url('../img/icons/extensions/page_white_zip.png'); } /* Old Browsers */ .no-cssgradients .progress-bar.red div { background-image:url('../img/bgs/fallback/ob_progress_bar_red.png'); } .no-cssgradients .progress-bar.blue div { background-image:url('../img/bgs/fallback/ob_progress_bar_blue.png'); } .no-cssgradients .progress-bar.green div { background-image:url('../img/bgs/fallback/ob_progress_bar_green.png'); } .no-cssgradients .progress-bar.black div { background-image:url('../img/bgs/fallback/ob_progress_bar_black.png'); } .no-cssgradients .button, .no-cssgradients a.button, .no-cssgradients button, .no-cssgradients input[type="button"], .no-cssgradients input[type="submit"], .no-cssgradients .button.red, .no-cssgradients a.button.red, .no-cssgradients button.red, .no-cssgradients input[type="button"].red, .no-cssgradients input[type="submit"].red, .no-cssgradients .datatable thead tr, .no-cssgradients .fc-button, .no-cssgradients .datatable tfoot tr, .no-cssgradients .wizard-steps li.wizard-step-done span, .no-cssgradients .paging_full_numbers span.paginate_active, .ie7 .datatable, .ie7 table, .ie8 table, .ie9 table { background-image:url('../img/bgs/fallback/ob_button_red.png'); background-color:#d95338; } .ie7 tfoot td, .ie8 tfoot td, .ie9 tfoot td, .ie7 .fullcalendar table, .ie8 .fullcalendar table, .ie9 .fullcalendar table { background-color:#fff; } .ie7 .fullcalendar table, .ie8 .fullcalendar table, .ie9 .fullcalendar table { background-image:none; } .no-cssgradients .button:hover, .no-cssgradients a.button:hover, .no-cssgradients button:hover, .no-cssgradients input[type="button"]:hover, .no-cssgradients input[type="submit"]:hover, .no-cssgradients .button.red:hover, .no-cssgradients a.button.red:hover, .no-cssgradients button.red:hover, .no-cssgradients input[type="button"].red:hover, .no-cssgradients input[type="submit"].red:hover, .no-cssgradients .fc-button.fc-state-hover { background-image:url('../img/bgs/fallback/ob_button_red_hover.png'); background-color:#ae432e; } .no-cssgradients .button.gray, .no-cssgradients a.button.gray, .no-cssgradients button.gray, .no-cssgradients input[type="button"].gray, .no-cssgradients input[type="submit"].gray, .no-cssgradients .wizard-steps li span, .no-cssgradients .paging_full_numbers span.paginate_button, .no-cssgradients .fc-view table thead tr { background-image:url('../img/bgs/fallback/ob_button_gray.png'); background-color:#f2f2f2; } .no-cssgradients .button.gray:hover, .no-cssgradients a.button.gray:hover, .no-cssgradients button.gray:hover, .no-cssgradients input[type="button"].gray:hover, .no-cssgradients input[type="submit"].gray:hover, .no-cssgradients .paging_full_numbers span.paginate_button:hover { background-image:url('../img/bgs/fallback/ob_button_gray_hover.png'); background-color:#d9d9d9; } .no-cssgradients .button.green, .no-cssgradients a.button.green, .no-cssgradients button.green, .no-cssgradients input[type="button"].green, .no-cssgradients input[type="submit"].green { background-image:url('../img/bgs/fallback/ob_button_green.png'); background-color:#77d93b; } .no-cssgradients .button.green:hover, .no-cssgradients a.button.green:hover, .no-cssgradients button.green:hover, .no-cssgradients input[type="button"].green:hover, .no-cssgradients input[type="submit"].green:hover { background-image:url('../img/bgs/fallback/ob_button_green_hover.png'); background-color:#549a2a; } .no-cssgradients .button.blue, .no-cssgradients a.button.blue, .no-cssgradients button.blue, .no-cssgradients input[type="button"].blue, .no-cssgradients input[type="submit"].blue { background-image:url('../img/bgs/fallback/ob_button_blue.png'); background-color:#07a3e5; } .no-cssgradients .button.blue:hover, .no-cssgradients a.button.blue:hover, .no-cssgradients button.blue:hover, .no-cssgradients input[type="button"].blue:hover, .no-cssgradients input[type="submit"].blue:hover { background-image:url('../img/bgs/fallback/ob_button_blue_hover.png'); background-color:#07a3e5; } .no-cssgradients .button.black, .no-cssgradients a.button.black, .no-cssgradients button.black, .no-cssgradients input[type="button"].black, .no-cssgradients input[type="submit"].black { background-image:url('../img/bgs/fallback/ob_button_black.png'); background-color:#595959; } .no-cssgradients .button.black:hover, .no-cssgradients a.button.black:hover, .no-cssgradients button.black:hover, .no-cssgradients input[type="button"].black:hover, .no-cssgradients input[type="submit"].black:hover { background-image:url('../img/bgs/fallback/ob_button_black_hover.png'); background-color:#2e2e2e; } .no-cssgradients .disabled, .no-cssgradients .button.disabled, .no-cssgradients button:disabled, .no-cssgradients button.disabled, .no-cssgradients input[type="button"]:disabled, .no-cssgradients input[type="submit"]:disabled, .no-cssgradients input[type="button"].disabled, .no-cssgradients input[type="submit"].disabled { background-image:url('../img/bgs/fallback/ob_button_disabled.png'); background-color:#f4f4f4; } /* Sample Data */ #logo { background-image:url('../img/_sample-data/sample_logo.png'); } /* Sample Shortcuts */ .shortcuts .shortcut-contacts a { background-image:url('../img/icons/shortcuts/icon_shortcut_contacts.png'); } .shortcuts .shortcut-sales a { background-image:url('../img/icons/shortcuts/icon_shortcut_sales.png'); } .shortcuts .shortcut-tickets a { background-image:url('../img/icons/shortcuts/icon_shortcut_tickets.png'); } .shortcuts .shortcut-articles a { background-image:url('../img/icons/shortcuts/icon_shortcut_articles.png'); } .shortcuts .shortcut-looong a { background-image:url('../img/icons/shortcuts/icon_shortcut_looong.png'); } .shortcuts .shortcut-settings a { background-image:url('../img/icons/shortcuts/icon_shortcut_settings.png'); } /* Sample Table Actions */ table .actions .view { background-image:url('../img/icons/actions/page_white_find.png'); } table .actions .edit { background-image:url('../img/icons/actions/page_white_edit.png'); } table .actions .delete { background-image:url('../img/icons/actions/page_white_delete.png'); }