Newer
Older
.tab_content {
position: relative;
}
.tab_content:not(.left) {
.left-tabs {
margin-left: 48px;
}
.floating-options {
display: inline-block;
position: absolute;
right: 0;
padding-right: 5px;
}
i.note-type {
color: #2a67ac;
opacity: 0.8;
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding-right: 8px;
}
table.custom-info th {
background: transparent;
border: none;
padding-top: 10px;
border-bottom: 1px dotted rgba(0,0,0,0.9);
}
table.custom-info tr {
vertical-align: top;
}
table.custom-info td {
border-bottom: 1px dotted rgba(0,0,0,0.3);
}
Nathan Febuary
committed
div.faq-status {
padding-top:6px;
}
.faq-title {
font-size: 170%;
Nathan Febuary
committed
margin-right:10px;
}
.faq-content {
width: 670px;
margin: 0 15px;
}
Nathan Febuary
committed
.faq-category {
margin:0 15px;
}
.faq-meta section + section {
margin-top: 15px;
}
button a {
color: ButtonText !important;
text-decoration: none;
}
button a:hover {
text-decoration: none;
}
.bleed {
padding: 0;
margin: 0;
}
.doc-desc-title {
font-weight: bold;
text-transform: capitalize;
}
tr:hover i.help-tip,
tr i.help-tip.warning {
opacity: 0.8 !important;
color: #ffc20f;
}
.form_table tr i.help-tip {
opacity: 0.2;
z-index: 200 !important;
.draft-saved {
background-color: black;
background-color: rgba(0, 0, 0, 0.7);
color: white;
padding: 4px 8px 6px;
border-radius: 3px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
line-height: 14px;
position: absolute;
top: 3em;
right: 0.5em;
.delete-draft:hover {
background-color: #fc9f41 !important;
}
.hidden {
display: none;
}
.pull-right {
float: right;
}
.flush-right {
text-align: right;
}
.flush-left {
text-align: left;
}
.ltr {
direction: ltr;
unicode-bidi: embed;
.required {
font-weight: bold;
}
.truncate {
width: auto;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.truncate.bleed {
td.indented {
padding-left: 20px;
}
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177
.secondary_lang {
padding:3px 0;
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.saved-search {
padding: 5px;
}
.saved-search + .saved-search {
border-top: 1px dotted #ccc;
}
.accordian {
margin-bottom: 10px;
}
.accordian dt {
border-radius: 4px;
border: 1px solid #ccc;
}
.accordian dt.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.accordian dt, dd {
padding: 5px;
}
.accordian dt a {
color: black;
font-weight: 500;
display: block;
}
.accordian dt.active a {
color: #184E81;
}
.accordian dt:not(.active) a i {
display: none;
}
.accordian dd {
border-top: 0;
font-size: 12px;
margin-left: 0;
border: 1px solid #ccc;
border-top: none;
box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.1);
background-color:rgba(42,103,172,0.1);
}
.accordian dt ~ dt {
margin-top: 5px;
}
.accordian dd:last-of-type {
position: relative;
top: -1px;
}
#topic-forms tbody + tbody td.handle {
padding-top: 15px;
}
#dynamic-actions > tr > td {
padding: 5px;
}
.no-margin {
margin: 0 !important;
}
.form-simple select, .form-simple input, .form-simple textarea {
margin-left: 0;
}
.sticky.bar.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 6;
width: 100%;
background-color: white;
background-color: rgba(255,255,255,0.95);
box-sizing: border-box;
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.sticky.bar .content {
margin: auto;
}
.sticky.bar.fixed .notsticky {
display: none !important;
}
.sticky.bar.fixed .inline {
float:left;
display:inline;
margin:5px 10px 0 0;
}
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279
.sticky.bar.opaque {
background-color: white;
}
.sticky.bar.fixed h2 {
margin: 0;
}
.sticky.bar:not(.fixed) .sticky.only {
display:none;
}
.scroll-up {
display:none;
}
@media screen and (min-width: 1040px) {
.scroll-up {
display: inline;
background-color: #eee;
background-color: rgba(0,0,0,0.1);
position: absolute;
top: 0px;
right: 20px;
padding: 8px 8px 5px;
border-radius: 0 0 5px 5px;
border: 1px dotted #888;
border-top: none;
color: #888 !important;
box-shadow: 0 3px 8px -6px rgba(0,0,0,0.9);
}
.scroll-up:hover {
background-color: #444;
background-color: rgba(0,0,0,0.7);
color: #ddd !important;
color: rgba(255,255,255,0.8) !important;
border-color:transparent;
}
}
.message.bar {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 9px 15px;
z-index: 10;
background-color: white;
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
opacity: 0.95;
}
.message.bar.bottom {
bottom: 0;
top: auto;
box-shadow: 0 -3px 10px rgba(0,0,0,0.2);
}
.message.bar .avatar[class*=" oscar-"] {
3298
3299
3300
3301
3302
3303
3304
3305
3306
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317
3318
3319
3320
3321
3322
3323
3324
3325
3326
3327
3328
3329
3330
3331
3332
display: inline-block;
width: 36px;
height: 36px;
margin-right: 10px;
background-image: url(../images/oscar-avatars.png);
background-repeat: no-repeat;
background-size: 180px 72px;
}
.avatar.oscar-boy {
background-position: -72px 0;
}
.avatar.oscar-borg {
background-position: 0 -36px;
}
.message.bar .title {
font-weight: bold;
font-size: 1.1em;
}
.message.bar .body {
margin-left: 42px;
}
.message.bar.warning {
border-bottom: 3px solid orange;
}
.message.bar.bottom.warning {
border-bottom: none;
border-top: 3px solid orange;
}
.message.bar.danger {
border-bottom: 3px solid red;
}
.message.bar.bottom.danger {
border-bottom: none;
border-top: 3px solid red;
}
.message.bar .title .avatar {
width: auto;
max-height: 20px;
border-radius: 3px;
margin: -4px 0.3em 0;
vertical-align: middle;
}
border-left: 2px dotted #ddd;
border-bottom-color: rgba(0,0,0,0.1);
position: absolute;
margin-left: 74px;
z-index: -1;
content: "";
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 0;
position: relative;
padding-top: 0;
padding-bottom: 15px;
margin-top: 5px;
}
.thread-event {
padding: 0 2px 15px;
.thread-event a {
color: inherit;
}
border-radius: 8px;
background-color: #f4f4f4;
margin-right: 5px;
text-align: center;
display: inline-block;
.thread-event .type-icon::after {
content: "";
border: 16px solid white;
position: absolute;
top: -3px;
bottom: 0;
left: -3px;
right: 0;
z-index: -1;
}
.type-icon.dark {
border-color: #666;
background-color: #949494;
}
.thread-event img.avatar {
vertical-align: middle;
border-radius: 3px;
width: auto;
max-height: 20px;
margin: -3px 3px 0;
}
.thread-event .description {
margin-left: -30px;
padding-top: 6px;
padding-left: 30px;
display: inline-block;
width: 772px;
width: calc(100% - 95px);
.freetext-files {
padding: 10px;
margin-top: 10px;
border: 1px dotted #ddd;
border-radius: 4px;
background-color: #f5f5f5;
}
.freetext-files .file {
margin-right: 10px;
display: inline-block;
width: 48%;
padding-top: 0.2em;
}
.freetext-files .title {
font-weight: bold;
margin-bottom: 0.3em;
font-size: 1.1em;
}
/* Form simple grid sizing */
.iblock {
display: inline-block;
}
.span12 {
width: 100%;
}
.span6 {
width: 48%;
width: calc(50% - 10px);
}
.span6 + .span6 {
margin-left: 1%;
margin-left: calc(0 + 10px);
}
.form.footer {
margin-top: 50px;
}
padding-left: 1.3em;
text-indent: -1.3em;
label.inline.checkbox {
display: inline-block;
}
label.checkbox + label.checkbox {
margin-top: 0.3em;
}
[class^="icon-"], [class*=" icon-"] {
/* Fix icons inside label.checkbox */
text-indent: initial;
}
width: 1em;
height: 1em;
box-sizing: content-box;
margin-right: 0.1em;
vertical-align: bottom;
position: relative;
.vertical-pad {
margin-top: 3px;
}
input, textarea {
padding: 3px 5px;
font-size: 0.95em;
font-family: inherit;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #bbb;
}
3496
3497
3498
3499
3500
3501
3502
3503
3504
3505
3506
3507
3508
3509
3510
3511
3512
3513
3514
3515
3516
3517
3518
3519
letter-spacing: 0.01px;
}
/* Form layouts */
table.grid.form {
width: 100%;
table-layout: fixed;
}
table.grid.form caption {
font-size: 1.3em;
font-weight: bold;
text-align: start;
padding: 0 9px;
}
.grid.form .cell {
vertical-align: top;
}
.grid.form .field {
padding: 5px;
}
.grid.form .field input:not([type=checkbox]),
.grid.form .field textarea,
.grid.form .field select {
width: 100%;
}
.grid.form .field > label {
display: block;
margin-bottom: 5px;
}
.grid.form .field > .field-hint-text {
font-style: italic;
margin: 0 10px 5px 10px;
opacity: 0.8;
}
#basic_search {
background-color: #f4f4f4;
margin: -10px 0;
margin-bottom: 5px;
padding: 8px;
box-shadow: inset 0 4px 12px -10px black;
border-bottom: 1px dotted #aaa;
border-radius: 0 0 5px 5px;
}
#basic-ticket-search {
border: 1px solid #999;
border-color: rgba(0,0,0,0.45);
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
select {
height:24px;
line-height:24px;
border:1px solid #bbb;
display:inline-block;
font-size:13px;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
#cannedResp {
margin-bottom: 10px;
}
a.attachment {
padding-left: 1.2em;
display: block;
}
.sidebar section header {
font-weight: bold;
margin-bottom: 0.3em;
}
3577
3578
3579
3580
3581
3582
3583
3584
3585
3586
3587
3588
3589
3590
3591
3592
3593
3594
3595
3596
3597
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608
3609
3610
3611
3612
3613
3614
3615
3616
3617
3618
#resizable-columns {
margin: 10px 0;
position: relative;
}
#resizable-columns .column-header:hover {
cursor: pointer;
}
#resizable-columns .column-header {
display: inline-block;
padding: 5px 20px;
background-color: #ddd;
margin: 0 1px;
position: relative;
text-align: center;
box-sizing: border-box;
}
#resizable-columns .column-header.ui-resizable:not(.active) {
opacity: 0.4;
}
#resizable-columns .column-header.ui-resizable.active {
background-color: #cfe6ff;
}
.ui-resizable-handle {
cursor: pointer;
cursor: ew-resize;
cursor: col-resize;
display: inline-block;
vertical-align: bottom;
position: absolute;
right: 5px;
color: #777;
}
.decoration + .decoration {
margin-top: 10px;
}
.advanced-search .condition-property {
margin: 7px 0 7px 25px;
}
.conditions .condition + .condition {
margin-top: 10px;
}
3619
3620
3621
3622
3623
3624
3625
3626
3627
3628
3629
3630
3631
3632
3633
3634
3635
3636
3637
3638
3639
3640
img.avatar + img.avatar {
margin-left: -14px;
z-index: 1;
transition: margin-left 0.1s linear;
}
.avatar.group:hover > img.avatar + img.avatar {
margin-left: -4px;
}
.avatar.group {
position: relative;
z-index: 1;
transition: margin-right 0.1s linear;
}
.avatar.group.\32:hover { margin-right: -10px; }
.avatar.group.\33:hover { margin-right: -20px; }
.avatar.group.\34:hover { margin-right: -30px; }
.avatar.group.\35:hover { margin-right: -40px; }
.avatar.group.\36:hover { margin-right: -50px; }
.avatar.group.\37:hover { margin-right: -60px; }
.avatar.group.\38:hover { margin-right: -70px; }
.avatar.group.\39:hover { margin-right: -80px; }
/* FIXME: Drop this with select2 4.0.1
* Fixes a rendering issue on Safari
*/
.select2-search__field{-webkit-appearance: textfield;}
/* Fixes Select2 placeholder bug where
* placeholder is cutoff.
*/
.select2-selection__rendered, .select2-search,
.select2-search__field:not([placeholder='']){width: 100% !important;}
/* Fix Canned Responses Select2 Height */
#resp_sec .select2-results, #resp_sec .select2-results__choices {
height: auto;
max-height: 400px !important;
}
#select2-cannedResp-results {
height: auto;
max-height: 400px !important;
}