Skip to content
Snippets Groups Projects
scp.css 50.6 KiB
Newer Older
  • Learn to ignore specific revisions
  •     margin-top:10px;
    
    #response_options > form {
    
    Peter Rotich's avatar
    Peter Rotich committed
        padding:0 10px;
    }
    
    
    ul.tabs {
        padding:4px 0 0 20px;
    
    Peter Rotich's avatar
    Peter Rotich committed
        margin:0;
    
    Peter Rotich's avatar
    Peter Rotich committed
        height:29px;
        border-bottom:1px solid #aaa;
        background:#eef3f8;
    
    Jared Hancock's avatar
    Jared Hancock committed
        position: relative;
    
        box-shadow: inset 0 -5px 10px -9px rgba(0,0,0,0.3);
    
    #response_options ul.tabs {
        padding-left:190px;
    }
    
    ul.tabs li {
    
    Peter Rotich's avatar
    Peter Rotich committed
        margin:0;
        padding:0;
    
    Jared Hancock's avatar
    Jared Hancock committed
        display:inline-block;
    
    Peter Rotich's avatar
    Peter Rotich committed
        list-style:none;
    
    Jared Hancock's avatar
    Jared Hancock committed
        text-align:center;
    
        min-width:130px;
    
    Peter Rotich's avatar
    Peter Rotich committed
        font-weight:bold;
    
    Jared Hancock's avatar
    Jared Hancock committed
        height:28px;
    
    Peter Rotich's avatar
    Peter Rotich committed
        line-height:20px;
        color:#444;
    
        display:inline-block;
    
    Peter Rotich's avatar
    Peter Rotich committed
        outline:none;
        position:relative;
    
    Peter Rotich's avatar
    Peter Rotich committed
        background:#fbfbfb;
    
    Jared Hancock's avatar
    Jared Hancock committed
        background-color: rgba(251, 251, 251, 0.5);
        border:1px solid #ccc;
        border:1px solid rgba(204, 204, 204, 0.5);
        border-bottom:none;
        position: relative;
        bottom: 1px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-size: 95%;
    }
    ul.tabs li.active {
        color:#184E81;
        background-color:#f9f9f9;
        border:1px solid #aaa;
    
    Peter Rotich's avatar
    Peter Rotich committed
        border-bottom:none;
    
        text-align: center;
    
    Jared Hancock's avatar
    Jared Hancock committed
        border-top:2px solid #81a9d7;
        bottom: 0;
    
        box-shadow: 4px -1px 6px -3px rgba(0,0,0,0.2);
    }
    ul.tabs li:not(.active) {
        box-shadow: inset 0 -5px 10px -9px rgba(0,0,0,0.2);
    }
    ul.tabs.clean li.active {
        background-color: white;
    
    Jared Hancock's avatar
    Jared Hancock committed
    }
    
    ul.tabs li a {
        font-weight: normal;
        line-height: 20px;
        color: #444;
        display: block;
        outline: none;
        padding: 5px 10px;
    }
    
    ul.tabs li a:hover {
        text-decoration: none;
    }
    
    Jared Hancock's avatar
    Jared Hancock committed
    
    ul.tabs li.active a {
        font-weight: bold;
    }
    
    
    ul.tabs li.empty {
        padding: 5px;
        border: none !important;
    }
    
    
    Jared Hancock's avatar
    Jared Hancock committed
    ul.tabs.vertical {
        display: inline-block;
        height: auto;
        border-bottom: initial;
        border-right: 1px solid #aaa;
        padding-left: 0;
        padding-bottom: 40px;
        padding-top: 10px;
        background: transparent;
    
        box-shadow: inset -5px 0 10px -9px rgba(0,0,0,0.3);
    
    Jared Hancock's avatar
    Jared Hancock committed
    }
    ul.tabs.vertical.left {
        float: left;
        margin-right: 19px;
    }
    
    ul.tabs.vertical li {
        border:1px solid #ccc;
        border:1px solid rgba(204, 204, 204, 0.5);
        border-right: none;
        min-width: 0;
        display: block;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        right: 0;
        height: auto;
    }
    
    ul.tabs.vertical li:not(.active) {
        box-shadow: inset -5px 0 10px -9px rgba(0,0,0,0.3);
    }
    
    Jared Hancock's avatar
    Jared Hancock committed
    
    ul.tabs.vertical li + li {
        margin-top: 5px;
    }
    
    ul.tabs.vertical li.active {
        border: 1px solid #aaa;
        border-left: 2px solid #81a9d7;
        border-right: none;
        right: -1px;
        box-shadow: -1px 4px 6px -3px rgba(0,0,0,0.3);
    }
    
    ul.tabs.vertical.left li {
        text-align: right;
    }
    
    ul.tabs.vertical li a {
        padding: 5px;
    
    Peter Rotich's avatar
    Peter Rotich committed
    }
    
    #response_options .reply_tab.tell {
        color:#a00 !important;
        background-image:url(../images/reminder.png);
        background-position:12px 50%;
        background-repeat:no-repeat;
    }
    
    
    #response_options > form {
    
    Peter Rotich's avatar
    Peter Rotich committed
        padding:10px 5px;
        background:#f9f9f9;
        border:1px solid #aaa;
        border-top:none;
    }
    
    
    #response_options > form > table {
        table-layout: fixed;
    
    #response_options > table td {
    
    Peter Rotich's avatar
    Peter Rotich committed
        vertical-align:top;
    }
    
    #response_options textarea {
        width:760px !important;
    }
    
    
    #response_options input[type=text], #response_options textarea:not(.richtext) {
    
    Peter Rotich's avatar
    Peter Rotich committed
        border:1px solid #aaa;
        background:#fff;
    }
    
    .attachments .uploads div {
        display:inline-block;
        padding-right:20px;
    }
    
    
    
    .file {
        display:inline-block;
        padding-left:20px;
        margin-right:20px;
        background:url(../images/icons/file.gif) 0 50% no-repeat;
    }
    
    .expander {
        line-height:14px;
        display:inline-block;
        width:12px;
        height:12px;
        overflow:hidden;
        text-align:center;
        color:#aaa;
        position:relative;
    }
    
    /** Popup Tool Tips and Content **/
    
    .tip_box {
        display:block;
        height:30px;
        position:absolute;
    
    Peter Rotich's avatar
    Peter Rotich committed
    }
    
    .tip_arrow {
        display:block;
        position:absolute;
        top:5px;
    
    Peter Rotich's avatar
    Peter Rotich committed
        width:12px;
    
    .tip_box.right .tip_arrow {
        top: 5px;
        right: -12px;
        left: auto;
    }
    
    .flip-x {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    
    
    Peter Rotich's avatar
    Peter Rotich committed
    .tip_content {
        height:auto !important;
        height:20px;
        min-height:20px;
    
    Peter Rotich's avatar
    Peter Rotich committed
        border:1px solid #666;
        background:#fff;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        -moz-box-shadow: 3px 3px 3px #666;
        -webkit-box-shadow: 3px 3px 3px #666;
        box-shadow: 3px 3px 3px #666;
    
    Peter Rotich's avatar
    Peter Rotich committed
        position:absolute;
        top:0;
        left:-1px;
    
        min-width:400px;
        line-height: 1.15rem;
    }
    
    .tip_content .links {
        margin-top: 0.7em;
        padding-top: 0.4em;
        border-top: 1px solid #ddd;
    }
    
    .tip_content .links a {
        color: #548dd4;
    
    Peter Rotich's avatar
    Peter Rotich committed
    }
    
    .tip_content hr {
    
        color: #ddd;
        background-color: #ddd;
        height: 1px;
        border: 0;
        padding: 0;
        margin: 0.2em 0;
        width: 100%;
    }
    
    .tip_close {
        position:absolute;
    
        top:0.3em;
        right:0.5em;
    
        text-decoration:none;
    
    Peter Rotich's avatar
    Peter Rotich committed
    }
    
    .tip_shadow {
        display:none;
        background:#000;
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60);
        -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60)";
        zoom: 1;
        position:absolute;
        z-index:200;
        top:0;
        left:0;
        width:auto !important;
        width:310px;
    }
    
    .tip_menu {
        margin:10px 0 0 0;
        padding:5px 0;
        border-top:1px solid #aaa;
        height:16px;
        font-size:9pt;
    }
    
    .tip_menu li {
        display:inline;
        list-style:none;
        margin:0;
        padding:0;
    }
    
    .tip_menu li a {
        display:block;
        width:auto;
        float:left;
        padding:0 10px;
        border-right:1px solid #ddd;
        color:#666;
    }
    
    .tip_menu li a:hover {
        color:#E76C74;
    }
    
    .tip_content form {
        display:none;
        line-height:24px;
    }
    
    .tip_content select, .tip_content textarea {
        width:295px;
    }
    
    .tip_content textarea {
        padding:0;
        border:1px solid #aaa;
        background:#fff;
    }
    
    .tip_content form p {
        margin:0;
        width:auto !important;
        width:295px;
        text-align:right;
        line-height:24px;
    }
    
    
    .tip_content h1 {
        font-size: 13pt;
        margin-top: 0;
        margin-bottom: 0.5em;
        padding-bottom: 0.2em;
        border-bottom: 1px solid #ddd;
    
        padding-right: 1.5em;
    
        vertical-align: inherit;
    
        opacity: 0.8;
    
        color: orange !important;
    
        opacity: 1;
    
    caption > i.help-tip {
        color: white;
    
        opacity: 0.2;
    }
    caption:hover > i.help-tip {
        color: orange;
        color: #ffc20f;
        opacity: 1;
    
    }
    
    h2 > i.help-tip {
        vertical-align: baseline;
        font-size: 11pt;
    }
    
    .form_table th h4 i.help-tip {
        color: white;
    }
    
    Peter Rotich's avatar
    Peter Rotich committed
    /* Knowledgebase */
    /* Knowledgebase */
    #kb {
      margin: 2px 0;
      padding: 5px;
      overflow: hidden;
    }
    
    #kb li {
      padding:10px 10px 10px 46px;
      height:auto !important;
      overflow:hidden;
      margin:0;
      background-image:url(../images/kb_large_folder.png), url(../images/kb_category_bg.png);
      background-position:0 50%, bottom left;
      background-repeat:no-repeat, repeat-x;
      border-bottom:1px solid #ddd;
    }
    
    
    #kb li h4 {
        padding-bottom:3px;
        margin:0 0 3px 0;
    }
    
    #kb li h4 span {
        color:#666;
        font-weight:normal;
    }
    
    #kb li h4 a {
      font-size: 14px;
    }
    
    #kbSearch {
        padding:10px 0;
        overflow:hidden;
    }
    
    #kbSearch div {
        clear:both;
        overflow:hidden;
    
    Eric Knibbe's avatar
    Eric Knibbe committed
        padding:5px 0 2px 3px;
    
    Peter Rotich's avatar
    Peter Rotich committed
    }
    
    #kbSearch #query {
    
    Eric Knibbe's avatar
    Eric Knibbe committed
        margin:1px 5px 0 0;
    
    Peter Rotich's avatar
    Peter Rotich committed
        display:inline-block;
        float:left;
        width:200px;
    }
    
    #kbSearch #cid {
        margin:0;
        display:inline-block;
        float:left;
        width:200px;
        margin-right:5px;
        position:relative;
        top:2px;
    }
    
    #kbSearch #topic-id {
        margin:0;
        display:inline-block;
        float:left;
        width:410px;
    }
    
    #kbSearch #searchSubmit {
        margin:0;
        display:inline-block;
        float:left;
        position:relative;
        top:2px;
    }
    
    #faq {
      clear: both;
      margin: 0;
    
    Jared Hancock's avatar
    Jared Hancock committed
      padding: 5px 0 10px 5px;
    
    Peter Rotich's avatar
    Peter Rotich committed
    }
    #faq ol {
      font-size: 15px;
      margin-left: 0;
      padding-left: 0;
    }
    #faq ol li {
      list-style: none;
      margin: 0;
      padding:5px 0;
      color: #999;
      border-bottom:1px solid #ddd;
    }
    
    #faq ol li a {
      display: inline;
      height: 16px;
      font-size:13px;
      line-height: 16px;
      padding-left: 24px;
      background: url('../images/icons/page.png') 0 50% no-repeat;
    }
    
    #faq ol li a span {
        font-weight:normal;
        color:#777;
    }
    
    #faq ol li:hover {
      background-color:#e9f5ff;
    }
    
    
    time.faq {
    
    Peter Rotich's avatar
    Peter Rotich committed
        display:inline-block;
        float:right;
        color:#777;
    }
    
    .cat-desc {
        padding-top:5px;
        padding-bottom:25px;
    }
    
    .cat-manage-bar {
        background:#e3f5ff;
        padding:5px;
        border-bottom:1px solid #777;
    }
    
    .cat-manage-bar a {
        display:inline-block;
        margin-right:20px;
    }
    
    
    Peter Rotich's avatar
    Peter Rotich committed
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    
    Jared Hancock's avatar
    Jared Hancock committed
        position:fixed;
    
    Peter Rotich's avatar
    Peter Rotich committed
        padding:1em;
    
        width:500px;
        height:250px;
        height:auto !important;
    
        background:#f8f8f8;
        border:2px solid #2a67ac;
    
    Peter Rotich's avatar
    Peter Rotich committed
        display:none;
    
        box-shadow: 0 5px 60px #001;
        border-radius: 5px;
    
    Jared Hancock's avatar
    Jared Hancock committed
        max-height: 72%;
    
        min-height: 50px;
    
        overflow-y: auto;
    
    .dialog#popup {
        width:650px;
    }
    
    .dialog.size-normal {
        width:650px !important;
    }
    
    .dialog.size-large {
        width:750px !important;
    }
    
    
    .dialog #popup-loading {
    
        position:absolute;
        text-align:center;
        background:rgba(255,255,255,0.8);
        top:0;
        bottom:0;
        left:0;
        right:0;
    
    .redactor-editor {
    
    Jared Hancock's avatar
    Jared Hancock committed
        font-size: 11pt;
    
    .dialog#advanced-search {
        width:640px !important;
        height:360px;
    
        height: 1px;
        border: 0;
        background: #aaa;
        background: -moz-linear-gradient(left, rgba(170,170,170,0) 0%, rgba(170,170,170,1) 10%, rgba(170,170,170,1) 90%, rgba(170,170,170,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,170,170,0)), color-stop(10%,rgba(170,170,170,1)), color-stop(90%,rgba(170,170,170,1)), color-stop(100%,rgba(170,170,170,0))); /* Chrome,Safari4+ */
        background: -o-linear-gradient(left, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaaaaa', endColorstr='#00aaaaaa',GradientType=1 ); /* IE6-9 */
    }
    
    
    Peter Rotich's avatar
    Peter Rotich committed
        color:#2a67ac;
        font-size:20px;
        margin:0;
        padding:0;
    
        position: relative;
    
        padding-right: 3em;
    
    .dialog a {
            color:#184E81;
    }
    
    
    
        position: absolute;
    
    Peter Rotich's avatar
    Peter Rotich committed
        display:inline-block;
    
    Peter Rotich's avatar
    Peter Rotich committed
        font-size:16px;
        color:#777;
    }
    
    
    Peter Rotich's avatar
    Peter Rotich committed
        clear:both;
        width:100%;
    }
    
    #advanced-search div.closed_by, #advanced-search span.spinner {
        display:none;
    }
    
    
    Peter Rotich's avatar
    Peter Rotich committed
        margin:0;
    
        padding:0 0;
    
    Peter Rotich's avatar
    Peter Rotich committed
        border:none;
    }
    
    
    .custom-field .field-label {
    
        margin-left: 3px;
        margin-right: 3px;
    }
    
    .custom-field + .custom-field {
        margin-top: 5px;
    
    }
    .dialog label.fixed-size {
    
    Peter Rotich's avatar
    Peter Rotich committed
        width:100px;
        display:inline-block;
        text-align:right;
        padding:10px;
    }
    
    
    Peter Rotich's avatar
    Peter Rotich committed
        border:1px solid #ccc;
        background:#fff;
    
    .dialog fieldset span.between {
    
    Peter Rotich's avatar
    Peter Rotich committed
        width:50px;
        display:inline-block;
        text-align:center;
        color:#777;
        font-size:0.75em;
    }
    
    
    .dialog ul.tabs, .dialog ul.tabs * {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }
    
    
    .dialog.draggable h3.drag-handle:hover {
    
    .row {
        display: table-row;
    
    
    .row .span6 {
        display: table-cell;
        width: 48%;
        padding: 5px 10px;
        vertical-align: top;
    
    Peter Rotich's avatar
    Peter Rotich committed
    #advanced-search .query input {
    
        width:100%;
        padding: 4px;
        margin-bottom: 10px;
    
    #advanced-search .date_range {
        margin-bottom: 5px;
    }
    
    Peter Rotich's avatar
    Peter Rotich committed
    #advanced-search .date_range input {
    
        width:227px;
        width: calc(49% - 73px);
    
    Peter Rotich's avatar
    Peter Rotich committed
    }
    
    #advanced-search .date_range i {
        display:inline-block;
        margin-left:3px;
        position:relative;
        top:5px;
        width:16px;
        height:16px;
        background:url(../images/cal.png) bottom left no-repeat;
    }
    
    #advanced-search fieldset.sorting select {
        width:130px;
    }
    
    #advanced-search p {
        text-align:center;
    }
    
    
    .search-dropdown {
        padding-left: 19px;
    }
    
    
    .dialog input[type="submit"],
    .dialog input[type="reset"],
    
    .dialog input[type="button"],
    .dialog button.button {
    
    Peter Rotich's avatar
    Peter Rotich committed
        display:inline-block;
        margin:0;
        height:24px;
        line-height:24px;
        font-weight:bold;
        border:1px solid #666666;
        padding:0 10px;
        background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x;
        color: #333;
    }
    
    
    .dialog input[type="reset"],
    .dialog input[type="button"] {
    
    Peter Rotich's avatar
    Peter Rotich committed
        opacity:0.7;
    }
    
    
    .dialog input[type=submit]:hover, .dialog input[type=submit]:active,
    
    .dialog input[type=button]:hover, .dialog input[type=button]:active,
    
    .dialog input[type=reset]:hover, .dialog input[type=reset]:active {
    
    Peter Rotich's avatar
    Peter Rotich committed
        background-position:bottom left;
    }
    
    
    /* Dynamic forms in dialogs */
    
    Peter Rotich's avatar
    Peter Rotich committed
    .dialog th, .tip_box th {
        text-align: left;
    }
    
    
    .dialog th {
        background-color: #eee;
    
        border: 1px dotted #bbb;
    
        padding-left: 0.3em;
    
    Peter Rotich's avatar
    Peter Rotich committed
    #result-count div {
        padding:5px 10px;
        text-align:left;
        font-weight:bold;
        width:100%;
        margin:0 auto;
    }
    
    #result-count .success {
        background:#e3ffd8;
        border:1px solid #0a0;
    }
    
    #result-count .fail {
        background:#ffd8d8;
        border:1px solid #a00;
    }
    
    Peter Rotich's avatar
    Peter Rotich committed
    
    /* Custom css for datepicker */
    .ui-datepicker-trigger {
        display:inline-block;
        border:0;
        padding:0;
        margin-left:2px;
        position:relative;
        top:5px;
        width:16px;
        height:16px;
        background:inherit;
    }
    
    Peter Rotich's avatar
    Peter Rotich committed
    
    /* Upgrader */
    #upgrader { width: 100%; height: auto; clear: both;}
    
    .sidebar { width: 220px; padding: 10px; border: 1px solid #C8DDFA; float: right; background: #F7FBFE; }
    .sidebar h3 { font-size: 10pt; margin: 0 0 5px 0; padding: 0; text-indent: 32px; background: url('../images/cog.png?1312913866') top left no-repeat; line-height: 24px; color: #2a67ac; }
    
    Peter Rotich's avatar
    Peter Rotich committed
    
    #upgrader #main { width: 680px; float: left;}
    #upgrader #main h1 { margin: 0; padding: 0; font-size: 21pt; font-weight: normal; }
    #upgrader #main h2 { font-size: 12pt; margin: 0; padding: 0; color:#E65524; }
    #upgrader #main h3 { font-size: 10pt; margin: 0; padding: 0; }
    #upgrader #main div#intro { padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #aaaaaa; }
    #upgrader #main  { padding-bottom: 20px; }
    
    ul.progress { margin: 10px 0 20px 20px; padding: 0; }
    ul.progress li { list-style: none; margin: 0; padding: 0 0 2px 24px; background: url('../images/incomplete.png?1312910844'); background-repeat: no-repeat; background-position: 0 50%; }
    ul.progress li.yes { background-image: url('../images/yes.png?1312906296'); }
    ul.progress li.no { background-image: url('../images/no.png?1312906277'); }
    
    ul.progress li.yes small {color:green; }
    ul.progress li.no small {color:red;}
    
    #bar { clear: both; padding-top: 10px; height: 24px; line-height: 24px; text-align: center; border-top: 1px solid #aaaaaa; }
    #bar a, #bar .btn { display: inline-block; margin: 0; height: 24px; line-height: 24px; font-weight: bold; border: 1px solid #666666; text-decoration: none; padding: 0 10px; background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x; color: #333; }
    #bar a:hover, #bar .btn:hover, #bar .btnover { background-position: bottom left; }
    #bar a.unstyled, #bar a.unstyled:hover { font-weight: normal; background: none; border: none; text-decoration: underline; color: #2a67ac; }
    
    #bar.error { background: #ffd; text-align: center; color: #a00; font-weight: bold; }
    
    /* Overlay */
    
    Peter Rotich's avatar
    Peter Rotich committed
    #overlay {
        display: none;
        position: fixed;
    
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
    
    Peter Rotich's avatar
    Peter Rotich committed
        -webkit-transform: translate3d(0,0,0);
    
        opacity: 0.5;
    
    }
    
    #loading, #upgrading {
    
        border:3px solid #777;
        border-radius: 10px;
        padding: 10px;
    
    Peter Rotich's avatar
    Peter Rotich committed
        width: 300px;
    
        background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWUlEQVQYGY2PAQoAIAgDrQf6pf7kC2vCRlRUgrjqXFrMrI3McHdKiwhpiMrTDRL4ghL8geQIsc6EOwbMcsYXhIYyUlvTgXUeS1vzkXWG8OMRXCE0b+AJAtgB7jEc+2fs6e8AAAAASUVORK5CYII=) repeat;
    
    Peter Rotich's avatar
    Peter Rotich committed
        position: fixed;
        display: none;
        z-index: 3000;
    
        box-shadow: 0 5px 20px #001;
        vertical-align: middle;
    
    Peter Rotich's avatar
    Peter Rotich committed
    
    
    #loading h1, #upgrading h4 { margin: 3px 0 0 0; padding: 0; color: #d80; }
    
    #loading, #upgrading { color: white; }
    
    Peter Rotich's avatar
    Peter Rotich committed
    
    
    .non-local-image {
        display: inline-block;
        border: 3px dashed #eee;
        border-radius: 5px;
    }
    
    .non-local-image:after {
    
        background: url(../../logo.php) center center no-repeat;
    
        background-size: cover;
        content: "";
        z-index: -1;
        width: 100%;
        height: 100%;
        opacity: 0.3;
    
        display: block;
    
    
    input[type=text]:disabled, input[type=checkbox]:disabled {
        background-color: #eee;
    }
    
    input.dp {
        width: 10em;
    }
    
    
    .icon-warning-sign {
        color: #d33;
    }
    
    
    div.patch {
        border-bottom: 1px dotted #ccc;
        padding: 0.1em;
        margin-left: 1em;
    }
    .patch-title {
        color: #555;
    }
    
    div.selected-signature {
    
        border: 1px solid #ddd;
        border: 1px solid rgba(0,0,0,0.1);
        border-top-style: dotted;
    
        border-bottom-style: none;
    
        padding: 0.3em 10px 5px;
        height: 2.5em;
        overflow-y: hidden;
        font-size: 15px;
        line-height: 1.25rem;
    
        background-color: white;
        background-color: rgba(255, 255, 255, 0.9);
    
    }
    div.selected-signature .inner {
        opacity: 0.5;
    
    
    .action-button.danger:hover {
        opacity: 1.0;
        border-color: rgba(95,75,0,0.8) !important;
        background: #fc9f41; /* Old browsers */
        color: rgba(255,255,255,0.8) !important;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjOWY0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTgxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #fc9f41 0%, #ce8114 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc9f41), color-stop(100%,#ce8114)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #fc9f41 0%,#ce8114 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #fc9f41 0%,#ce8114 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #fc9f41 0%,#ce8114 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fc9f41 0%,#ce8114 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9f41', endColorstr='#ce8114',GradientType=0 ); /* IE6-8 */
    }
    .action-button.danger {
        color: #999 !important;
    
        background: transparent;
        border: 1px solid rgba(0,0,0,0.5);
    
        opacity: 0.6;
    }
    
    .action-button.overlay {
        float: none;
        position: absolute;
        top: 4px;
        right: 5px;
    }
    
    .muted-button:hover {
        border: 1px solid #aaa;
        border: 1px solid rgba(0,0,0,0.3);
        cursor: pointer;
        background: rgba(255,255,255,0.1);
        color: black;
    }
    .muted-button {
      border-radius: 5px;
      padding: 1px 5px;
      margin: -1px 0 -1px 5px;
      border: 1px solid rgba(0,0,0,0.15);
      color: #666;
      color: rgba(0,0,0,0.5);
      background-color: rgba(0,0,0,0.1);
      background: linear-gradient(0, rgba(0,0,0,0.1), rgba(255,255,255,0.1));
    }
    
    .sortable-rows tr td:hover {
        cursor: move;
    }
    
    
    .sortable {
        cursor: move;
    }
    .row-item {
    
        border: 1px solid rgba(0, 0, 0, 0.7);
        padding: 9px;
        position: relative;
    }
    
    .sortable:hover {
    
        background: rgba(0, 0, 0, 0.1);
    }
    
    .sortable:active {
    
        background: rgba(0, 0, 0, 0.3);
    }
    
    .row-item:first-child {
    
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    
    .row-item:last-child {
    
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    .row-item + .row-item {
    
    .row-item .delete {
    
        border-left: 1px solid rgba(0, 0, 0, 0.7);
        border-top-right-radius: inherit;
        border-bottom-right-radius: inherit;
    
    .row-item .delete:empty {
        visibility: hidden;
    }
    
    
    .row-item .button-group {
        font-size: 105%;
    
        position: absolute;
        top: 0px;
        right: 0;
    
        display: inline-block;
    }
    
    .row-item .button-group div {
    
        padding: 9px;
        padding-left: 12px;
    
        display: inline-block;
    }
    .row-item .management {
        margin-top: 10px;
        border-top: 1px dashed black;
    
    .row-item .delete:hover {
    
        background: #fc9f41; /* Old browsers */
        color: rgba(255,255,255,0.8) !important;
    }
    
    #sequences .manage-buttons {
        display: inline-block;
        margin-right: 60px;
    }
    
    
    tr.disabled td,
    tr.disabled th {