first commit
This commit is contained in:
202
layout/style-scss/_mixins.scss
Normal file
202
layout/style-scss/_mixins.scss
Normal file
@@ -0,0 +1,202 @@
|
||||
$breakpoints: (
|
||||
xs: 576px,
|
||||
sm: 768px,
|
||||
md: 992px,
|
||||
lg: 1200px
|
||||
);
|
||||
@mixin respond-above($breakpoint) {
|
||||
@if map-has-key($breakpoints, $breakpoint) {
|
||||
$breakpoint-value: map-get($breakpoints, $breakpoint);
|
||||
@media (min-width: $breakpoint-value) {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
@warn 'Invalid breakpoint: #{$breakpoint}.';
|
||||
}
|
||||
}
|
||||
@mixin respond-below($breakpoint) {
|
||||
@if map-has-key($breakpoints, $breakpoint) {
|
||||
$breakpoint-value: map-get($breakpoints, $breakpoint);
|
||||
@media (max-width: ($breakpoint-value - 1)) {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
@warn 'Invalid breakpoint: #{$breakpoint}.';
|
||||
}
|
||||
}
|
||||
@mixin respond-between($lower, $upper) {
|
||||
@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {
|
||||
$lower-breakpoint: map-get($breakpoints, $lower);
|
||||
$upper-breakpoint: map-get($breakpoints, $upper);
|
||||
@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {
|
||||
@content;
|
||||
}
|
||||
} @else {
|
||||
@if (map-has-key($breakpoints, $lower) == false) {
|
||||
@warn 'Your lower breakpoint was invalid: #{$lower}.';
|
||||
}
|
||||
@if (map-has-key($breakpoints, $upper) == false) {
|
||||
@warn 'Your upper breakpoint was invalid: #{$upper}.';
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin border-radius($px: 0) {
|
||||
-webkit-border-radius: $px;
|
||||
-moz-border-radius: $px;
|
||||
border-radius: $px;
|
||||
}
|
||||
@mixin box-shadow($value) {
|
||||
-webkit-box-shadow: $value;
|
||||
-moz-box-shadow: $value;
|
||||
box-shadow: $value;
|
||||
}
|
||||
@mixin transition($element: all, $time: .5s, $option: ease) {
|
||||
-webkit-transition: $element $time $option !important;
|
||||
transition: $element $time $option !important;
|
||||
}
|
||||
@mixin opacity($value) {
|
||||
$IEValue: $value*100;
|
||||
opacity: $value;
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$IEValue+")";
|
||||
filter: alpha(opacity=$IEValue);
|
||||
}@mixin flexbox() {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
// The 'flex' shorthand
|
||||
// - applies to: flex items
|
||||
// <positive-number>, initial, auto, or none
|
||||
@mixin flex($values) {
|
||||
-webkit-box-flex: $values;
|
||||
-moz-box-flex: $values;
|
||||
-webkit-flex: $values;
|
||||
-ms-flex: $values;
|
||||
flex: $values;
|
||||
}
|
||||
|
||||
// Flex Flow Direction
|
||||
// - applies to: flex containers
|
||||
// row | row-reverse | column | column-reverse
|
||||
@mixin flex-direction($direction) {
|
||||
-webkit-flex-direction: $direction;
|
||||
-moz-flex-direction: $direction;
|
||||
-ms-flex-direction: $direction;
|
||||
flex-direction: $direction;
|
||||
}
|
||||
|
||||
// Flex Line Wrapping
|
||||
// - applies to: flex containers
|
||||
// nowrap | wrap | wrap-reverse
|
||||
@mixin flex-wrap($wrap) {
|
||||
-webkit-flex-wrap: $wrap;
|
||||
-moz-flex-wrap: $wrap;
|
||||
-ms-flex-wrap: $wrap;
|
||||
flex-wrap: $wrap;
|
||||
}
|
||||
|
||||
// Flex Direction and Wrap
|
||||
// - applies to: flex containers
|
||||
// <flex-direction> || <flex-wrap>
|
||||
@mixin flex-flow($flow) {
|
||||
-webkit-flex-flow: $flow;
|
||||
-moz-flex-flow: $flow;
|
||||
-ms-flex-flow: $flow;
|
||||
flex-flow: $flow;
|
||||
}
|
||||
|
||||
// Display Order
|
||||
// - applies to: flex items
|
||||
// <integer>
|
||||
@mixin order($val) {
|
||||
-webkit-box-ordinal-group: $val;
|
||||
-moz-box-ordinal-group: $val;
|
||||
-ms-flex-order: $val;
|
||||
-webkit-order: $val;
|
||||
order: $val;
|
||||
}
|
||||
|
||||
// Flex grow factor
|
||||
// - applies to: flex items
|
||||
// <number>
|
||||
@mixin flex-grow($grow) {
|
||||
-webkit-flex-grow: $grow;
|
||||
-moz-flex-grow: $grow;
|
||||
-ms-flex-grow: $grow;
|
||||
flex-grow: $grow;
|
||||
}
|
||||
|
||||
// Flex shrink
|
||||
// - applies to: flex item shrink factor
|
||||
// <number>
|
||||
@mixin flex-shrink($shrink) {
|
||||
-webkit-flex-shrink: $shrink;
|
||||
-moz-flex-shrink: $shrink;
|
||||
-ms-flex-shrink: $shrink;
|
||||
flex-shrink: $shrink;
|
||||
}
|
||||
|
||||
// Flex basis
|
||||
// - the initial main size of the flex item
|
||||
// - applies to: flex itemsnitial main size of the flex item
|
||||
// <width>
|
||||
@mixin flex-basis($width) {
|
||||
-webkit-flex-basis: $width;
|
||||
-moz-flex-basis: $width;
|
||||
-ms-flex-basis: $width;
|
||||
flex-basis: $width;
|
||||
}
|
||||
|
||||
// Axis Alignment
|
||||
// - applies to: flex containers
|
||||
// flex-start | flex-end | center | space-between | space-around
|
||||
@mixin justify-content($justify) {
|
||||
-webkit-justify-content: $justify;
|
||||
-moz-justify-content: $justify;
|
||||
-ms-justify-content: $justify;
|
||||
justify-content: $justify;
|
||||
-ms-flex-pack: $justify;
|
||||
}
|
||||
|
||||
// Packing Flex Lines
|
||||
// - applies to: multi-line flex containers
|
||||
// flex-start | flex-end | center | space-between | space-around | stretch
|
||||
@mixin align-content($align) {
|
||||
-webkit-align-content: $align;
|
||||
-moz-align-content: $align;
|
||||
-ms-align-content: $align;
|
||||
align-content: $align;
|
||||
}
|
||||
|
||||
// Cross-axis Alignment
|
||||
// - applies to: flex containers
|
||||
// flex-start | flex-end | center | baseline | stretch
|
||||
@mixin align-items($align) {
|
||||
-webkit-align-items: $align;
|
||||
-moz-align-items: $align;
|
||||
-ms-align-items: $align;
|
||||
align-items: $align;
|
||||
}
|
||||
|
||||
// Cross-axis Alignment
|
||||
// - applies to: flex items
|
||||
// auto | flex-start | flex-end | center | baseline | stretch
|
||||
@mixin align-self($align) {
|
||||
-webkit-align-self: $align;
|
||||
-moz-align-self: $align;
|
||||
-ms-align-self: $align;
|
||||
align-self: $align;
|
||||
}
|
||||
|
||||
@mixin firefox {
|
||||
@at-root {
|
||||
@-moz-document url-prefix() {
|
||||
& {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
7
layout/style-scss/_stuff.scss
Normal file
7
layout/style-scss/_stuff.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
.clearfix {
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
962
layout/style-scss/custom.scss
Normal file
962
layout/style-scss/custom.scss
Normal file
@@ -0,0 +1,962 @@
|
||||
// out: ../style-css/custom.css, compress: true, sourceMap: true
|
||||
@import "_mixins";
|
||||
@import "_stuff";
|
||||
|
||||
.col-centred {
|
||||
float: none !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #2b2b2b;
|
||||
}
|
||||
|
||||
body.external-page #content .admin-form {
|
||||
max-width: 450px;
|
||||
}
|
||||
|
||||
.navbar-branding {
|
||||
display: block !important;
|
||||
width: 95px !important;
|
||||
}
|
||||
|
||||
.panel-controls>a {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.panel-group .panel-heading,
|
||||
.panel-group .panel-heading a {
|
||||
width: auto;
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
.table-condensed {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.bn {
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
.ui-autocomplete {
|
||||
max-height: 200px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.ui-menu {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
.ui-menu-item {
|
||||
padding: 3px 5px;
|
||||
border-bottom: 1px dotted #cbcbcb;
|
||||
}
|
||||
|
||||
.ui-menu .ui-menu-item a {
|
||||
color: #777777;
|
||||
font-size: 11px;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
.ui-menu-item .ui-state-hover {
|
||||
background: #5bb75b;
|
||||
;
|
||||
color: #FFF !important;
|
||||
margin: 0 !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#g-row-limit {
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
.sidebar-menu>li>a>span:nth-child(2) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 400;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#ajax-container {
|
||||
position: fixed;
|
||||
padding: 20px 20px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
height: 800px;
|
||||
width: 800px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background: #FFF;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
||||
z-index: 500;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#cron-container {
|
||||
height: 404px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#cron-container .msg {
|
||||
border: 1px solid #ddd;
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
#cron-container .msg:first-child {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#cron-container .msg:nth-child(odd) {
|
||||
background: #f5f6f8;
|
||||
}
|
||||
|
||||
#cron-container .msg a {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.callback {
|
||||
font-size: 17px;
|
||||
background: #27ae60;
|
||||
padding: 10px;
|
||||
color: #ecf0f1;
|
||||
margin-bottom: 10px;
|
||||
-webkit-transition: background 0.5s ease-out;
|
||||
transition: background 0.5s ease-out;
|
||||
}
|
||||
|
||||
.ended {
|
||||
background: #c0392b;
|
||||
}
|
||||
|
||||
#images-list {
|
||||
padding: 0;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
#images-list li {
|
||||
background: #fff none repeat scroll 0 0;
|
||||
border: 5px solid #fff;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100px;
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.article-image-edit {
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
height: 90px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.article-image-edit i {
|
||||
font-size: 30px;
|
||||
position: relative;
|
||||
top: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#images-list li:hover .article-image-edit,
|
||||
#images-list li.pending .article-image-edit {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#images-uploader,
|
||||
#files-uploader {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#main {
|
||||
background: #F2F2F2;
|
||||
}
|
||||
|
||||
.page-options {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page-options * {
|
||||
-webkit-user-select: none;
|
||||
/* Chrome/Safari */
|
||||
-moz-user-select: none;
|
||||
/* Firefox */
|
||||
-ms-user-select: none;
|
||||
/* IE10+ */
|
||||
|
||||
/* Rules below not implemented in browsers yet */
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pos_1 span {
|
||||
background: #6A8DA7 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.pos_2 span {
|
||||
background: #56BC76 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.pos_4 span {
|
||||
background: #cb60b3 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.pos_7 span {
|
||||
background: #E5603B !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.pos_11 span {
|
||||
background: #666666 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.to-check span {
|
||||
background: #3bafda !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.table-positions td {
|
||||
min-width: 40px;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.phrase_url {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-size: 10px;
|
||||
display: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.p0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.text-dark {
|
||||
color: #666666 !important;
|
||||
}
|
||||
|
||||
.ranker-select {
|
||||
width: 100%;
|
||||
max-width: 150px;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 1px 12px;
|
||||
margin-top: 5px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.a-icon:hover,
|
||||
.a-icon:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.panel-heading.small {
|
||||
height: 30px;
|
||||
line-height: 26px;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.fr {
|
||||
float: right;
|
||||
}
|
||||
|
||||
form.labeled .form-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #e9573f !important;
|
||||
}
|
||||
|
||||
.download-info,
|
||||
.new-swl {
|
||||
color: #FFF;
|
||||
width: 30px;
|
||||
position: relative;
|
||||
font-size: 11px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.swl-info,
|
||||
.new-swl-info {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 29px;
|
||||
border: 5px solid #3bafda;
|
||||
width: 600px;
|
||||
height: 260px;
|
||||
background: #f9f9f9;
|
||||
z-index: 500;
|
||||
padding: 10px;
|
||||
color: #000;
|
||||
display: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.new-swl-info {
|
||||
height: 130px;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pull-right-not-xs,
|
||||
.pull-right-not-sm,
|
||||
.pull-right-not-md,
|
||||
.pull-right-not-lg {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left-not-xs,
|
||||
.pull-left-not-sm,
|
||||
.pull-left-not-md,
|
||||
.pull-left-not-lg {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
#brand .col-sm-4:nth-child(3n+1) {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lead {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.pull-right-not-xs,
|
||||
.pull-left-not-xs {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.pull-right-xs {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left-xs {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.col-centred-xs {
|
||||
float: none !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.text-centred-xs {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
.pull-right-not-sm,
|
||||
.pull-left-not-sm {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.pull-right-sm {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left-sm {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.col-centred-sm {
|
||||
float: none !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.text-centred-sm {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
|
||||
.pull-right-not-md,
|
||||
.pull-left-not-md {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.pull-right-md {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left-md {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.col-centred-md {
|
||||
float: none !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.text-centred-sm {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
.pull-right-not-lg,
|
||||
.pull-left-not-lg {
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.pull-right-lg {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
.pull-left-lg {
|
||||
float: left !important;
|
||||
}
|
||||
|
||||
.col-centred-lg {
|
||||
float: none !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.text-centred-lg {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1140px) {
|
||||
.auto-clear .col-lg-1:nth-child(12n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-lg-2:nth-child(6n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-lg-3:nth-child(4n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-lg-4:nth-child(3n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-lg-6:nth-child(odd) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) and (max-width:1139px) {
|
||||
.auto-clear .col-md-1:nth-child(12n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-md-2:nth-child(6n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-md-3:nth-child(4n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-md-4:nth-child(3n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-md-6:nth-child(odd) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:768px) and (max-width:991px) {
|
||||
.auto-clear .col-sm-1:nth-child(12n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-sm-2:nth-child(6n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-sm-3:nth-child(4n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-sm-4:nth-child(3n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-sm-6:nth-child(odd) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.auto-clear .col-xs-1:nth-child(12n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-xs-2:nth-child(6n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-xs-3:nth-child(4n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-xs-4:nth-child(3n+1) {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.auto-clear .col-xs-6:nth-child(odd) {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
.range_inputs button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.select-form .btn-group,
|
||||
.select-form button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.event-exists {
|
||||
background: #e9573f !important;
|
||||
color: #FFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#comment-info {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 600px;
|
||||
height: 325px;
|
||||
background: #f9f9f9;
|
||||
z-index: 13500;
|
||||
padding: 10px;
|
||||
color: #000;
|
||||
display: none;
|
||||
cursor: default;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
#comment-info textarea {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#comment-info .btn {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.nav>li>a {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.calendar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.calendar h3 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.calendar-day-head {
|
||||
background: #eeeeee;
|
||||
border: 1px solid #dddddd;
|
||||
text-align: center;
|
||||
width: 14.28571428571429%;
|
||||
padding: 5px;
|
||||
text-transform: capitalize;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.calendar-day,
|
||||
.calendar-day-np {
|
||||
border: 1px solid #FFF;
|
||||
text-align: center;
|
||||
line-height: 80px;
|
||||
background: #30363e;
|
||||
color: #FFF;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.calendar .today {
|
||||
background: #DDD;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar .event {
|
||||
background: #3078d7;
|
||||
}
|
||||
|
||||
.calendar-day p {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
line-height: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #FFF;
|
||||
border-radius: 10px;
|
||||
color: #30363e;
|
||||
font-weight: 900;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.fc-event {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.event-details {
|
||||
cursor: default;
|
||||
display: none;
|
||||
min-height: 50px;
|
||||
}
|
||||
|
||||
.fc-event-danger {
|
||||
border: 1px solid #e9573f;
|
||||
border-left: 4px solid #e9573f;
|
||||
}
|
||||
|
||||
#recursive-details,
|
||||
#reminder-interval {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fc-event-desc {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fc-event-done {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.text-bold {
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
#table-phrases {
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
#table-phrases td {
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
opacity: .25;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.site-buttons .btn {
|
||||
margin-left: 1px !important;
|
||||
}
|
||||
|
||||
td.error {
|
||||
background: #cc0000 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
|
||||
.panel-heading .ranker-select {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#client-last-logged .panel-body p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#table-phrases .phrase {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
max-width: calc(100% - 110px);
|
||||
float: right;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#year_global {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#month_global {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.positions::after {
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.positions .left-column {
|
||||
width: 350px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.positions .left-column .phrase-info {
|
||||
background: #FFF;
|
||||
font-size: 12px;
|
||||
padding: 5px 10px 5px 20px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
height: 45px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.positions .left-column .phrase-info .swl-stats {
|
||||
height: 45px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -15px;
|
||||
color: #FFF;
|
||||
line-height: 45px;
|
||||
border-bottom: 1px solid #FFF;
|
||||
}
|
||||
|
||||
.positions .left-column .phrase-info .phrase-options {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
background: #607596;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
padding: 0 10px;
|
||||
color: #FFF;
|
||||
border-bottom: 1px solid #FFF;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
transition: width 0.5s ease;
|
||||
|
||||
i.fa-map-marker {
|
||||
position: relative;
|
||||
left: -4px;
|
||||
opacity: .6;
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.positions .left-column .phrase-info:hover .phrase-options {
|
||||
width: 185px;
|
||||
}
|
||||
|
||||
.positions .left-column .phrase-info .phrase-options a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.positions .left-column .row:first-child .phrase-info {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.positions .left-column .phrase-info .phrase,
|
||||
.positions .left-column .phrase-info .phrase-url {
|
||||
display: block;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.positions .left-column .phrase-info .phrase {
|
||||
color: #292929;
|
||||
}
|
||||
|
||||
.positions .right-column {
|
||||
width: calc(100% - 350px);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.positions .table-responsive {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.positions table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.positions table td,
|
||||
.positions table th {
|
||||
height: 45px;
|
||||
width: 42px !important;
|
||||
line-height: 35px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.positions table th {
|
||||
background: #FFF;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.positions {
|
||||
table {
|
||||
width: auto;
|
||||
|
||||
td {
|
||||
padding: 1px;
|
||||
position: relative;
|
||||
line-height: 45px !important;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 1px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@include firefox {
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.positions table .position {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.positions table .position input {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
border: 1px solid #e5e5e5;
|
||||
display: none;
|
||||
outline: none;
|
||||
color: #000;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
#swl-content {
|
||||
width: 100% !important;
|
||||
height: 90% !important;
|
||||
left: 50% !important;
|
||||
transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
|
||||
position: fixed !important;
|
||||
top: 50% !important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#swl-content .content {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#swl-content iframe {
|
||||
width: 100%;
|
||||
height: 1000px;
|
||||
}
|
||||
|
||||
.spin {
|
||||
-webkit-animation-name: spin;
|
||||
-webkit-animation-duration: 2000ms;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-moz-animation-name: spin;
|
||||
-moz-animation-duration: 2000ms;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-moz-animation-timing-function: linear;
|
||||
-ms-animation-name: spin;
|
||||
-ms-animation-duration: 2000ms;
|
||||
-ms-animation-iteration-count: infinite;
|
||||
-ms-animation-timing-function: linear;
|
||||
|
||||
animation-name: spin;
|
||||
animation-duration: 2000ms;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@-ms-keyframes spin {
|
||||
from {
|
||||
-ms-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-ms-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
from {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user