first commit
This commit is contained in:
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