/home/arranoyd/magicraft/wp-content/plugins/incsub-support/assets/scss/incsub-support.scss
@charset "UTF-8";
// Foundation by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
$namespace: "support-system";
@import "compass/css3";
@import "compass/utilities";
@import "settings";
$reply-background:#f7f7f7;
$reply-staff-background: darken( $reply-background, 1.5 );
// Make sure the charset is set appropriately
// Behold, here are all the Foundation components.
#support-system {
@import "foundation/components/grid";
@import "foundation/components/accordion";
@import "foundation/components/alert-boxes";
@import "foundation/components/block-grid";
@import "foundation/components/breadcrumbs";
@import "foundation/components/button-groups";
@import "foundation/components/buttons";
@import "foundation/components/clearing";
//@import "foundation/components/dropdown";
//@import "foundation/components/dropdown-buttons";
//@import "foundation/components/flex-video";
//@import "foundation/components/forms";
//@import "foundation/components/icon-bar";
@import "foundation/components/inline-lists";
//@import "foundation/components/joyride";
//@import "foundation/components/keystrokes";
@import "foundation/components/labels";
//@import "foundation/components/magellan";
//@import "foundation/components/orbit";
@import "foundation/components/pagination";
@import "foundation/components/panels";
//@import "foundation/components/pricing-tables";
//@import "foundation/components/progress-bars";
//@import "foundation/components/range-slider";
//@import "foundation/components/reveal";
//@import "foundation/components/side-nav";
//@import "foundation/components/split-buttons";
//@import "foundation/components/sub-nav";
@import "foundation/components/switches";
//@import "foundation/components/tables";
//@import "foundation/components/tabs";
//@import "foundation/components/thumbs";
//@import "foundation/components/tooltips";
//@import "foundation/components/top-bar";
//@import "foundation/components/type";
//@import "foundation/components/offcanvas";
@import "foundation/components/visibility";
@import "_type";
}
body #support-system {
font-size:$base-font-size;
}
body #support-system {
padding: 0;
margin: 0;
font-weight: normal;
font-style: normal;
line-height: 1.5;
position: relative;
cursor: auto;
}
/** Tickets Index **/
#support-system .support-system-tickets-list {
margin-left:0;
}
#support-system h2.support-system-ticket-title {
margin-top:0;
line-height: 1em;
a {
text-decoration:none;
border-bottom:none;
}
}
#support-system a {
border-bottom: none;
}
#support-system ul.support-system-ticket-meta li {
white-space: nowrap;
float:none;
display: inline-block;
font-size:$paragraph-font-size - 0.2;
}
#support-system li.support-system-ticket-content p:last-child {
margin-bottom: 1em;
}
#support-system .support-system-byauthor {
text-transform: uppercase;
}
#support-system .support-system-tag {
padding: 3px 4px;
border:1px solid $iron;
color:$steel;
}
#support-system-tickets ul.support-system-ticket {
margin-bottom:35px;
border-bottom:1px solid $iron;
list-style:none;
margin-left:0;
}
#support-system-single-ticket .support-system-ticket ul {
list-style:none;
}
#support-system-single-ticket .support-system-ticket ul {
}
/** Single ticket **/
#support-system-single-ticket .support-system-ticket-author-data {
width:150px;
}
#support-system #support-system-single-ticket .support-system-ticket-meta {
border-bottom:1px solid #DDD;
padding-bottom: 15px;
margin-bottom:15px;
}
#support-system-single-ticket .support-system-ticket-meta li:first-child {
margin-left:0;
}
#support-system-single-ticket h1.support-system-ticket-title {
margin-bottom:60px;
}
#support-system-single-ticket .support-system-ticket-reply-wrap {
background:$reply-background;
border: 1px solid darken( $reply-background, 10% );
margin-bottom:2rem;
padding-top:1rem;
padding-left:1rem;
padding-right:1rem;
}
#support-system .support-system-reply-header > div {
float:left;
}
#support-system .support-system-reply-poster {
margin-left:1.5rem;
}
#support-system p.support-system-reply-date {
margin-top:1rem;
font-size:12px
}
/** Others **/
#support-system input[type="submit"] {
background-repeat:none !important;
background-image:none !important;
}
/** Badges **/
.support-system-ticket-title .label {
vertical-align: middle;
}
#support-system .wp-editor-container button,
#support-system .wp-editor-container .button {
border:none;
}
/** Reply Form **/
#support-system .wp-editor-container button,
#support-system .wp-editor-container .button {
border:none;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
margin:0;
position: static;
padding: 2px 3px;
font-size: 14px;
background-color: transparent;
color:#333;
}
#support-system .wp-editor-wrap {
border:1px solid #C8C8C8;
}
#support-system .support-system-reply-attachments,
#support-system .support-system-ticket-attachments {
background:darken( $reply-background, 3% );
border: 1px solid darken( $reply-background, 10% );
padding:15px 20px;
margin-bottom:15px;
h5 {
font-size: 13px;
}
ul {
margin-bottom:0;
list-style: circle;
}
}
#support-system #support-attachments-list {
border-top:1px solid $iron;
list-style:none;
margin-left:0;
padding-top: 15px;
}
#support-system select[name="ticket-cat"] {
vertical-align:top;
}
#support-system {
@import "foundation/components/alert-boxes";
.support-system-alert {
@include alert;
&.warning { @include alert-style($warning-color); }
&.alert { @include alert-style($alert-color); }
&.info { @include alert-style($info-color); }
}
}
#support-system img.avatar {
margin-top:0;
}
#support-system {
@import "forms";
}
#support-system .support-system-reply-staff .support-system-ticket-reply-wrap {
background:$reply-staff-background;
border-color:darken( $reply-staff-background, 20% );
}
#support-system .support-system-reply-poster .label {
display: inline-block;
vertical-align: bottom;
}
#support-system .support-system-widget {
padding-left:0;
padding-right:0;
padding-bottom:0;
ul {
margin-left:0;
margin-bottom:0;
li {
list-style:none;
border-top:1px solid $panel-border-color;
}
li:last-child {
border-bottom:none;
}
}
h2, li {
padding: $panel-padding;
}
p {
padding-left: $panel-padding;
padding-right: $panel-padding;
margin-bottom:0;
}
#close-ticket {
margin-bottom: 0;
}
form {
margin-bottom:0;
}
}
/** FAQS */
#support-system .support-system-faq-answer {
margin-top:30px;
}
meta.foundation-data-attribute-namespace {
font-family: false;
}
#support-system .accordion .accordion-navigation {
border:1px solid darken( $accordion-navigation-bg-color, 10% );
margin-top:7px;
}
#support-system .content {
background: lighten( $accordion-navigation-bg-color, 0% );
}
#support-system .accordion .support-system-faq-title {
float:left;
width:80%;
}
#support-system .accordion .support-system-handldiv {
float:right;
background: url( "../images/fi-plus.svg" ) no-repeat center center transparent;
width:19%;
height:26px;
background-size: 18px 18px;
margin-top:$header-top-margin;
}
#support-system .accordion .active .support-system-handldiv {
background: url( "../images/fi-minus.svg" ) no-repeat center center transparent;
background-size: 18px 18px;
}
#support-system .support-system-spinner {
background: url(../images/spinner.gif) 0 0/20px 20px no-repeat;
-webkit-background-size: 20px 20px;
width: 20px;
height: 20px;
margin: 2px 5px 0;
vertical-align: middle;
display: none;
}