first
This commit is contained in:
@ -0,0 +1,79 @@
|
||||
$menu-hover-color: #333;
|
||||
$darkest-color: #000;
|
||||
$fms-live-color: #71ae00;
|
||||
$fms-test-color: #f7941d;
|
||||
$fms-link-color: #29abe1;
|
||||
$fms-link-hover-color: darken(#29abe1, 10%);
|
||||
$body-bkg: #111;
|
||||
$special-color: #d3135a;
|
||||
$body-color: #f1f1f1;
|
||||
$fms-white: #f1f1f1;
|
||||
$container-bkg: #222;
|
||||
$container-bkg-odd: #262626;
|
||||
$container-border-color: #333;
|
||||
$table-head-bkg: #333;
|
||||
$table-head-color: #999;
|
||||
$info-color: #999;
|
||||
$error-color: #ff0000;
|
||||
|
||||
$fs-logo-blue-color: #29abe1;
|
||||
$fs-logo-green-color: #71ae00;
|
||||
$fs-logo-magenta-color: #d3135a;
|
||||
|
||||
// WordPress colors.
|
||||
$page-header-bkg: #333;
|
||||
$page-header-color: $fms-white;
|
||||
$text-dark-color: #333;
|
||||
$text-light-color: #666;
|
||||
$text-lightest-color: #999;
|
||||
|
||||
// Notices.
|
||||
$wp-notice-success-color: #f7fff7;
|
||||
$wp-notice-success-dark-color: #46b450;
|
||||
$wp-notice-error-color: #ffeaea;
|
||||
$wp-notice-error-dark-color: #dc3232;
|
||||
$wp-notice-warn-color: #fff8e5;
|
||||
$wp-notice-warn-dark-color: #ffb900;
|
||||
$fs-notice-promotion-border-color: #00a0d2;
|
||||
$fs-notice-promotion-bkg: #f2fcff;
|
||||
|
||||
// WP Buttons.
|
||||
$button-primary-bkg: #6bc406;
|
||||
$button-primary-color: $fms-white;
|
||||
$button-secondary-bkg: #333;
|
||||
$button-secondary-color: $fms-white;
|
||||
$featured-color: #6bc406;
|
||||
$wp-selected-color: #0074a3;
|
||||
$wp-button-alert-border-color: #d2593c;
|
||||
$wp-button-alert-border-top-color: #ec6544;
|
||||
$wp-button-alert-shadow-color: #d2593c;
|
||||
$wp-button-alert-focused-shadow1-color: #dd6041;
|
||||
$wp-button-alert-focused-shadow2-color: #e4a796;
|
||||
$wp-button-alert-background-color: #f56a48;
|
||||
$wp-button-alert-hovered-background-color: #fd6d4a;
|
||||
$wp-button-alert-active-background-color: #dd6041;
|
||||
$wp-button-alert-disabled-color: #f5b3a1;
|
||||
$wp-button-alert-disabled-background-color: #e76444;
|
||||
$wp-button-alert-disabled-border-color: #d85e40;
|
||||
|
||||
$wordpress_color: #01749A;
|
||||
$blogger_color: #ff8100;
|
||||
$wix_color: #fac102;
|
||||
$shopify_color: #80d100;
|
||||
$addthis_color: #fe6d4e;
|
||||
$tumblr_color: #34506b;
|
||||
$zepo_color: #00baf2;
|
||||
$jquery_color: #000919;
|
||||
$javascript_color: #00baf2;
|
||||
$squarespace_color: #000;
|
||||
|
||||
$blog_color: #ff6600;
|
||||
$facebook_color: #3b5998;
|
||||
$twitter_color: #4099ff;
|
||||
$linkedin_color: #4875b4;
|
||||
$youtube_color: #ff3333;
|
||||
$gplus_color: #c63d2d;
|
||||
|
||||
// Tooltip
|
||||
$tooltip-color: #fff;
|
||||
$tooltip-bkg-color: rgba(0,0,0,0.8);
|
||||
@ -0,0 +1,4 @@
|
||||
@import 'mixins';
|
||||
@import "vars";
|
||||
@import "functions";
|
||||
@import "colors";
|
||||
@ -0,0 +1,270 @@
|
||||
// ---- CSS3 SASS MIXINS ----
|
||||
// https://github.com/madr/css3-sass-mixins
|
||||
//
|
||||
// Copyright (C) 2011 by Anders Ytterström
|
||||
//
|
||||
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
// of this software and associated documentation files (the "Software"), to deal
|
||||
// in the Software without restriction, including without limitation the rights
|
||||
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
// copies of the Software, and to permit persons to whom the Software is
|
||||
// furnished to do so, subject to the following conditions:
|
||||
//
|
||||
// The above copyright notice and this permission notice shall be included in
|
||||
// all copies or substantial portions of the Software.
|
||||
//
|
||||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
// THE SOFTWARE.
|
||||
//
|
||||
|
||||
// ---- LEGACY IE SUPPORT USING FILTERS ----
|
||||
// Should IE filters be used or not?
|
||||
// PROS: gradients, drop shadows etc will be handled by css.
|
||||
// CONS: will harm the site performance badly,
|
||||
// especially on sites with heavy rendering and scripting.
|
||||
$useIEFilters: 0;
|
||||
// might be 0 or 1. disabled by default.
|
||||
// ---- /LEGACY IE SUPPORT USING FILTERS ----
|
||||
|
||||
|
||||
@mixin background-size ($value) {
|
||||
-webkit-background-size: $value;
|
||||
background-size: $value;
|
||||
}
|
||||
|
||||
@mixin border-image ($path, $offsets, $repeats) {
|
||||
-moz-border-image: $path $offsets $repeats;
|
||||
-o-border-image: $path $offsets $repeats;
|
||||
-webkit-border-image: $path $offsets $repeats;
|
||||
border-image: $path $offsets $repeats;
|
||||
}
|
||||
|
||||
@mixin border-radius ($values...) {
|
||||
-moz-border-radius: $values;
|
||||
-webkit-border-radius: $values;
|
||||
border-radius: $values;
|
||||
/*-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;*/
|
||||
}
|
||||
|
||||
@mixin box-shadow ($values...) {
|
||||
-moz-box-shadow: $values;
|
||||
-webkit-box-shadow: $values;
|
||||
box-shadow: $values;
|
||||
}
|
||||
|
||||
//@mixin box-shadow ($x, $y, $offset, $hex, $ie: $useIEFilters, $inset: null, $spread:null) {
|
||||
// -moz-box-shadow: $x $y $offset $spread $hex $inset;
|
||||
// -webkit-box-shadow: $x $y $offset $spread $hex $inset;
|
||||
// box-shadow: $x $y $offset $spread $hex $inset;
|
||||
//
|
||||
// @if $ie == 1 {
|
||||
// $iecolor: '#' + red($hex) + green($hex) + blue($hex);
|
||||
// filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=#{$x}, OffY=#{$y}, Color='#{$iecolor}');
|
||||
// -ms-filter: quote(progid:DXImageTransform.Microsoft.dropshadow(OffX=#{$x}, OffY=#{$y}, Color='#{$iecolor}'));
|
||||
// }
|
||||
//}
|
||||
|
||||
@mixin box-sizing($value) {
|
||||
-moz-box-sizing: $value;
|
||||
-webkit-box-sizing: $value;
|
||||
box-sizing: $value;
|
||||
}
|
||||
|
||||
// requires sass 3.2
|
||||
@mixin keyframes($name){
|
||||
@-moz-keyframes #{$name} { @content; }
|
||||
@-ms-keyframes #{$name} { @content; }
|
||||
@-o-keyframes #{$name} { @content; }
|
||||
@-webkit-keyframes #{$name} { @content; }
|
||||
@keyframes #{$name} { @content; }
|
||||
}
|
||||
|
||||
@mixin linear-gradient($from, $to, $ie: $useIEFilters) {
|
||||
@if $ie != 1 { background-color: $to; }
|
||||
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, $from),color-stop(1, $to));
|
||||
background-image: -webkit-linear-gradient(top, $from, $to);
|
||||
background-image: -moz-linear-gradient(top, $from, $to);
|
||||
background-image: -ms-linear-gradient(top, $from, $to);
|
||||
background-image: -o-linear-gradient(top, $from, $to);
|
||||
background-image: linear-gradient(top, bottom, $from, $to);
|
||||
|
||||
@if $ie == 1 {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');
|
||||
}
|
||||
}
|
||||
|
||||
@mixin horizontal-gradient($startColor: #555, $endColor: #333, $ie: $useIEFilters) {
|
||||
@if $ie != 1 { background-color: $endColor; }
|
||||
|
||||
background-color: $endColor;
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
|
||||
background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
|
||||
background-image: linear-gradient(to right, $startColor, $endColor); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
@if $ie == 1 {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=1);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin radial-gradient($from, $to, $ie: $useIEFilters) {
|
||||
@if $ie != 1 { background-color: $to; }
|
||||
|
||||
background: -moz-radial-gradient(center, circle cover, $from 0%, $to 100%);
|
||||
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, $from), color-stop(100%, $to));
|
||||
background: -webkit-radial-gradient(center, circle cover, $from 0%, $to 100%);
|
||||
background: -o-radial-gradient(center, circle cover, $from 0%, $to 100%);
|
||||
background: -ms-radial-gradient(center, circle cover, $from 0%, $to 100%);
|
||||
background: radial-gradient(center, circle cover, $from 0%, $to 100%);
|
||||
background-color: $from;
|
||||
|
||||
@if $ie == 1 {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}', GradientType=1); /* IE6-9 fallback on horizontal gradient */
|
||||
}
|
||||
}
|
||||
|
||||
@mixin perspective($perspective) {
|
||||
-moz-perspective: $perspective;
|
||||
-ms-perspective: $perspective;
|
||||
-webkit-perspective: $perspective;
|
||||
perspective: $perspective;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
@mixin transform ($transforms) {
|
||||
-moz-transform: $transforms;
|
||||
-o-transform: $transforms;
|
||||
-ms-transform: $transforms;
|
||||
-webkit-transform: $transforms;
|
||||
transform: $transforms;
|
||||
}
|
||||
|
||||
@mixin matrix ($a, $b, $c, $d, $e, $f) {
|
||||
-moz-transform: matrix($a, $b, $c, $d, #{$e}px, #{$f}px);
|
||||
-o-transform: matrix($a, $b, $c, $d, $e, $f);
|
||||
-ms-transform: matrix($a, $b, $c, $d, $e, $f);
|
||||
-webkit-transform: matrix($a, $b, $c, $d, $e, $f);
|
||||
transform: matrix($a, $b, $c, $d, $e, $f);
|
||||
}
|
||||
|
||||
@mixin rotate ($deg) {
|
||||
@include transform(rotate(#{$deg}deg));
|
||||
}
|
||||
|
||||
@mixin scale ($size) {
|
||||
@include transform(scale(#{$size}));
|
||||
}
|
||||
|
||||
@mixin translate ($x, $y) {
|
||||
@include transform(translate($x, $y));
|
||||
}
|
||||
|
||||
@mixin transition ($value...) {
|
||||
-moz-transition: $value;
|
||||
-o-transition: $value;
|
||||
-ms-transition: $value;
|
||||
-webkit-transition: $value;
|
||||
transition: $value;
|
||||
}
|
||||
|
||||
@mixin animation($str) {
|
||||
-webkit-animation: #{$str};
|
||||
-moz-animation: #{$str};
|
||||
-ms-animation: #{$str};
|
||||
-o-animation: #{$str};
|
||||
animation: #{$str};
|
||||
}
|
||||
|
||||
@mixin animation-name($str) {
|
||||
-webkit-animation-name: #{$str};
|
||||
-moz-animation-name: #{$str};
|
||||
-ms-animation-name: #{$str};
|
||||
-o-animation-name: #{$str};
|
||||
animation-name: #{$str};
|
||||
}
|
||||
|
||||
@mixin animation-duration($str) {
|
||||
-webkit-animation-duration: #{$str};
|
||||
-moz-animation-duration: #{$str};
|
||||
-ms-animation-duration: #{$str};
|
||||
-o-animation-duration: #{$str};
|
||||
animation-duration: #{$str};
|
||||
}
|
||||
|
||||
@mixin animation-direction($str) {
|
||||
-webkit-animation-direction: #{$str};
|
||||
-moz-animation-direction: #{$str};
|
||||
-ms-animation-direction: #{$str};
|
||||
-o-animation-direction: #{$str};
|
||||
animation-direction: #{$str};
|
||||
}
|
||||
|
||||
@mixin animation-delay($str) {
|
||||
animation-delay:#{$str};
|
||||
-o-animation-delay:#{$str};
|
||||
-ms-animation-delay:#{$str};
|
||||
-webkit-animation-delay:#{$str};
|
||||
-moz-animation-delay:#{$str};
|
||||
}
|
||||
|
||||
@mixin animation-iteration-count($str) {
|
||||
animation-iteration-count:#{$str};
|
||||
-o-animation-iteration-count:#{$str};
|
||||
-ms-animation-iteration-count:#{$str};
|
||||
-webkit-animation-iteration-count:#{$str};
|
||||
-moz-animation-iteration-count:#{$str};
|
||||
}
|
||||
|
||||
@mixin animation-timing-function($str) {
|
||||
-webkit-animation-timing-function: #{$str};
|
||||
-moz-animation-timing-function: #{$str};
|
||||
-ms-animation-timing-function: #{$str};
|
||||
-o-animation-timing-function: #{$str};
|
||||
animation-timing-function: #{$str};
|
||||
}
|
||||
|
||||
// ==== /CSS3 SASS MIXINS ====
|
||||
|
||||
@mixin opacity($opacity) {
|
||||
opacity: $opacity;
|
||||
$opacity-ie: $opacity * 100;
|
||||
filter: alpha(opacity=$opacity-ie); //IE8
|
||||
}
|
||||
|
||||
@mixin size($width, $height: $width)
|
||||
{
|
||||
width: $width;
|
||||
height: $height;
|
||||
}
|
||||
|
||||
@mixin clearfix
|
||||
{
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
@mixin placeholder($color: $input-color-placeholder) {
|
||||
// Firefox
|
||||
&::-moz-placeholder {
|
||||
color: $color;
|
||||
opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
|
||||
}
|
||||
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
||||
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
@import "vars";
|
||||
@import "colors";
|
||||
@import "mixins";
|
||||
@import "functions";
|
||||
@ -0,0 +1,6 @@
|
||||
$is_production: true;
|
||||
|
||||
$img_common: if($is_production == true, '//img.freemius.com', 'http://img.freemius:8080');
|
||||
|
||||
$layout_width: 960px;
|
||||
$admin_mobile_max_width: 782px;
|
||||
@ -0,0 +1,49 @@
|
||||
$color: $wp-selected-color;
|
||||
$bkg-color: #fff;
|
||||
$size: 20;
|
||||
|
||||
.fs-ajax-loader
|
||||
{
|
||||
position: relative;
|
||||
width: #{8*$size + 10}px;
|
||||
height: #{$size}px;
|
||||
margin: auto;
|
||||
|
||||
.fs-ajax-loader-bar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background-color: $color;
|
||||
width: #{$size}px;
|
||||
height: #{$size}px;
|
||||
@include animation-name(bounce_ajaxLoader);
|
||||
@include animation-duration(1.5s);
|
||||
@include animation-iteration-count(infinite);
|
||||
@include animation-direction(normal);
|
||||
@include transform(.3);
|
||||
}
|
||||
|
||||
@for $i from 0 through 7
|
||||
{
|
||||
.fs-ajax-loader-bar-#{$i + 1}
|
||||
{
|
||||
left: #{$i*($size - 1)}px;
|
||||
@include animation-delay(#{0.6 + $i*0.15}s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(bounce_ajaxLoader)
|
||||
{
|
||||
0%
|
||||
{
|
||||
@include transform(scale(1));
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
100%
|
||||
{
|
||||
@include transform(scale(.3));
|
||||
background-color: $bkg-color;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
.fs-modal-auto-install
|
||||
{
|
||||
$max-width: 300px;
|
||||
|
||||
#request-filesystem-credentials-form
|
||||
{
|
||||
h2,
|
||||
.request-filesystem-credentials-action-buttons
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type=password],
|
||||
input[type=email],
|
||||
input[type=text]
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
padding: 10px 10px 5px 10px;
|
||||
width: $max-width;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
> div,
|
||||
label,
|
||||
fieldset
|
||||
{
|
||||
width: $max-width;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
.button-primary.warn {
|
||||
box-shadow: 0 1px 0 $wp-button-alert-shadow-color;
|
||||
text-shadow: 0 -1px 1px $wp-button-alert-shadow-color, 1px 0 1px $wp-button-alert-shadow-color, 0 1px 1px $wp-button-alert-shadow-color, -1px 0 1px $wp-button-alert-shadow-color;
|
||||
background: $wp-button-alert-background-color;
|
||||
border-color: $wp-button-alert-border-top-color $wp-button-alert-border-color $wp-button-alert-border-color;
|
||||
|
||||
&:hover {
|
||||
background: $wp-button-alert-hovered-background-color;
|
||||
border-color: $wp-button-alert-border-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 1px 0 $wp-button-alert-focused-shadow1-color, 0 0 2px 1px $wp-button-alert-focused-shadow2-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: $wp-button-alert-active-background-color;
|
||||
border-color: $wp-button-alert-border-color;
|
||||
box-shadow: inset 0 2px 0 $wp-button-alert-shadow-color;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: $wp-button-alert-disabled-color !important;
|
||||
background: $wp-button-alert-disabled-background-color !important;
|
||||
border-color: $wp-button-alert-disabled-border-color !important;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.1) !important;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,55 @@
|
||||
@import "../colors";
|
||||
|
||||
.fs-modal.fs-modal-deactivation-feedback {
|
||||
.reason-input, .internal-message {
|
||||
margin: 3px 0 3px 22px;
|
||||
|
||||
input, textarea {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
li.reason {
|
||||
&.has-internal-message .internal-message {
|
||||
border: 1px solid lighten($darkest-color, 80%);
|
||||
padding: 7px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 650px) {
|
||||
li.reason {
|
||||
margin-bottom: 10px;
|
||||
|
||||
.reason-input, .internal-message {
|
||||
margin-left: 29px;
|
||||
}
|
||||
|
||||
label {
|
||||
display: table;
|
||||
|
||||
> span {
|
||||
display: table-cell;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.anonymous-feedback-label {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fs-modal-panel {
|
||||
margin-top: 0 !important;
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#the-list .deactivate > .fs-slug {
|
||||
display: none;
|
||||
}
|
||||
@ -0,0 +1,81 @@
|
||||
#fs_marketing_optin
|
||||
{
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
line-height: 1.5em;
|
||||
|
||||
.fs-message
|
||||
{
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-size: 1.05em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&.error
|
||||
{
|
||||
border: 1px solid $fs-logo-magenta-color;
|
||||
background: #fee;
|
||||
|
||||
.fs-message
|
||||
{
|
||||
color: $fs-logo-magenta-color;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-input-container
|
||||
{
|
||||
margin-top: 5px;
|
||||
|
||||
label
|
||||
{
|
||||
margin-top: 5px;
|
||||
display: block;
|
||||
|
||||
input
|
||||
{
|
||||
float: left;
|
||||
margin: 1px 0 0 0;
|
||||
}
|
||||
|
||||
&:first-child
|
||||
{
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-input-label
|
||||
{
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
|
||||
.underlined
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rtl
|
||||
{
|
||||
#fs_marketing_optin
|
||||
{
|
||||
.fs-input-container
|
||||
{
|
||||
label input
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-input-label
|
||||
{
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
.fs-modal.fs-modal-license-activation {
|
||||
.fs-modal-body {
|
||||
input.license_key {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#license_options_container {
|
||||
table {
|
||||
&, select, #available_license_key {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td:first-child {
|
||||
width: 1%;
|
||||
}
|
||||
|
||||
#other_license_key_container {
|
||||
label {
|
||||
position: relative;
|
||||
top: 6px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
div {
|
||||
overflow: hidden;
|
||||
width: auto;
|
||||
height: 30px;
|
||||
display: block;
|
||||
top: 2px;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#sites_list_container {
|
||||
td {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,68 @@
|
||||
.fs-modal.fs-modal-license-key-resend
|
||||
{
|
||||
.email-address-container
|
||||
{
|
||||
overflow: hidden;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
&.fs-freemium
|
||||
{
|
||||
input.email-address
|
||||
{
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
label
|
||||
{
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&.fs-premium
|
||||
{
|
||||
input.email-address
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.button-container
|
||||
{
|
||||
float: right;
|
||||
margin-left: 7px;
|
||||
|
||||
@media (max-width: 650px) {
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rtl
|
||||
{
|
||||
.fs-modal.fs-modal-license-key-resend
|
||||
{
|
||||
.fs-modal-body
|
||||
{
|
||||
.input-container > .email-address-container
|
||||
{
|
||||
padding-left: 2px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.button-container
|
||||
{
|
||||
float: left;
|
||||
margin-right: 7px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.show-license-resend-modal
|
||||
{
|
||||
margin-top: 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
@ -0,0 +1,194 @@
|
||||
@import "../colors";
|
||||
@import "../mixins";
|
||||
|
||||
.fs-modal {
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
z-index: 100000;
|
||||
display: none;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
|
||||
.fs-modal-dialog {
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -298px;
|
||||
padding-bottom: 30px;
|
||||
top: -100%;
|
||||
z-index: 100001;
|
||||
width: 596px;
|
||||
|
||||
@media (max-width: 650px) {
|
||||
margin-left: -50%;
|
||||
box-sizing: border-box;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
width: 100%;
|
||||
|
||||
.fs-modal-panel > h3 > strong {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: block;
|
||||
|
||||
&:before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fs-modal-dialog {
|
||||
top: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
&.fs-success {
|
||||
.fs-modal-header {
|
||||
border-bottom-color: $wp-notice-success-dark-color;
|
||||
}
|
||||
|
||||
.fs-modal-body {
|
||||
background-color: $wp-notice-success-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.fs-warn {
|
||||
.fs-modal-header {
|
||||
border-bottom-color: $wp-notice-warn-dark-color;
|
||||
}
|
||||
|
||||
.fs-modal-body {
|
||||
background-color: $wp-notice-warn-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.fs-error {
|
||||
.fs-modal-header {
|
||||
border-bottom-color: $wp-notice-error-dark-color;
|
||||
}
|
||||
|
||||
.fs-modal-body {
|
||||
background-color: $wp-notice-error-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fs-modal-body,
|
||||
.fs-modal-footer {
|
||||
border: 0;
|
||||
background: #fefefe;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.fs-modal-header {
|
||||
border-bottom: #eeeeee solid 1px;
|
||||
background: #fbfbfb;
|
||||
padding: 15px 20px;
|
||||
position: relative;
|
||||
margin-bottom: -10px;
|
||||
// z-index: 2;
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
color: #cacaca;
|
||||
text-shadow: 1px 1px 1px #fff;
|
||||
letter-spacing: 0.6px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.fs-close {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 12px;
|
||||
cursor: pointer;
|
||||
color: #bbb;
|
||||
@include border-radius(20px);
|
||||
padding: 3px;
|
||||
@include transition(all 0.2s ease-in-out);
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: #aaa;
|
||||
}
|
||||
|
||||
&, &:hover
|
||||
{
|
||||
.dashicons
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-modal-body {
|
||||
border-bottom: 0;
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
> div {
|
||||
margin-top: 10px;
|
||||
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-modal-footer {
|
||||
border-top: #eeeeee solid 1px;
|
||||
text-align: right;
|
||||
|
||||
> .button {
|
||||
margin: 0 7px;
|
||||
|
||||
&:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-modal-panel {
|
||||
> .notice.inline {
|
||||
margin: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:not(.active) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rtl
|
||||
{
|
||||
.fs-modal {
|
||||
.fs-modal-header {
|
||||
.fs-close {
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.has-fs-modal {
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -0,0 +1,40 @@
|
||||
#multisite_options_container {
|
||||
margin-top: 10px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
&.apply-on-all-sites {
|
||||
border: 0 none;
|
||||
padding: 0;
|
||||
|
||||
#all_sites_options {
|
||||
border-spacing: 0;
|
||||
|
||||
td:not(:first-child) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#sites_list_container {
|
||||
display: none;
|
||||
overflow: auto;
|
||||
|
||||
table td {
|
||||
border-top: 1px solid #ccc;
|
||||
padding: 4px 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
.plugins p.fs-upgrade-notice
|
||||
{
|
||||
border: 0;
|
||||
background-color: #d54e21;
|
||||
padding: 10px;
|
||||
color: #f9f9f9;
|
||||
margin-top: 10px;
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
.fs-modal.fs-modal-subscription-cancellation {
|
||||
.fs-price-increase-warning {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
padding: 0 25px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul.subscription-actions label {
|
||||
input {
|
||||
float: left;
|
||||
top: 5px;
|
||||
position: relative;
|
||||
|
||||
.rtl & {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
margin-left: 24px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
.theme-browser
|
||||
{
|
||||
.theme
|
||||
{
|
||||
.fs-premium-theme-badge
|
||||
{
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 0;
|
||||
background: $fs-logo-green-color;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
padding: 5px 10px;
|
||||
@include border-radius(3px 0 0 3px);
|
||||
font-weight: bold;
|
||||
border-right: 0;
|
||||
@include box-shadow(0 2px 1px -1px rgba(0, 0, 0, .3));
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
.fs-tooltip-trigger
|
||||
{
|
||||
&:not(a)
|
||||
{
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
position: relative;
|
||||
|
||||
.fs-tooltip
|
||||
{
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
@include transition(opacity 0.3s ease-in-out);
|
||||
position: absolute;
|
||||
background: $tooltip-bkg-color;
|
||||
color: $tooltip-color;
|
||||
font-family: 'arial', serif;
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
z-index: 999999;
|
||||
bottom: 100%;
|
||||
margin-bottom: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@include border-radius(5px);
|
||||
@include box-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
|
||||
line-height: 1.3em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
|
||||
.rtl &
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&::after
|
||||
{
|
||||
content: ' ';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-color: $tooltip-bkg-color transparent transparent transparent;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 21px;
|
||||
|
||||
.rtl &
|
||||
{
|
||||
right: 21px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover
|
||||
{
|
||||
.fs-tooltip
|
||||
{
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,302 @@
|
||||
@import "../start";
|
||||
|
||||
#fs_account
|
||||
{
|
||||
.postbox,
|
||||
.widefat
|
||||
{
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
h3
|
||||
{
|
||||
font-size: 1.3em;
|
||||
padding: 12px 15px;
|
||||
margin: 0 0 12px 0;
|
||||
line-height: 1.4;
|
||||
border-bottom: 1px solid #F1F1F1;
|
||||
|
||||
.dashicons {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
|
||||
i.dashicons
|
||||
{
|
||||
font-size: 1.2em;
|
||||
height: 1.2em;
|
||||
width: 1.2em;
|
||||
}
|
||||
|
||||
.dashicons
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fs-header-actions
|
||||
{
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 15px;
|
||||
font-size: 0.9em;
|
||||
|
||||
ul
|
||||
{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li
|
||||
{
|
||||
form
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
float: left;
|
||||
a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#fs_account_details .button-group {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.rtl #fs_account .fs-header-actions
|
||||
{
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.fs-key-value-table
|
||||
{
|
||||
width: 100%;
|
||||
|
||||
form
|
||||
{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
tr
|
||||
{
|
||||
td:first-child
|
||||
{
|
||||
nobr
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
text-align: right;
|
||||
|
||||
form
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
td.fs-right
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&.fs-odd
|
||||
{
|
||||
background: #ebebeb;
|
||||
}
|
||||
}
|
||||
|
||||
td, th
|
||||
{
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
code {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
var, code, input[type="text"]
|
||||
{
|
||||
color: #0073AA;
|
||||
font-size: 16px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
label.fs-tag
|
||||
{
|
||||
background: #ffba00;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
font-size: 11px;
|
||||
line-height: 11px;
|
||||
vertical-align: baseline;
|
||||
|
||||
&.fs-warn
|
||||
{
|
||||
background: #ffba00;
|
||||
}
|
||||
&.fs-success
|
||||
{
|
||||
background: #46b450;
|
||||
}
|
||||
&.fs-error
|
||||
{
|
||||
background: #dc3232;
|
||||
}
|
||||
}
|
||||
|
||||
#fs_sites
|
||||
{
|
||||
.fs-scrollable-table
|
||||
{
|
||||
.fs-table-body {
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
border: 1px solid #e5e5e5;
|
||||
|
||||
& > table.widefat {
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-main-column {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fs-site-details
|
||||
{
|
||||
td:first-of-type
|
||||
{
|
||||
text-align: right;
|
||||
color: grey;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
td:last-of-type
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-install-details table
|
||||
{
|
||||
tr td
|
||||
{
|
||||
width: 1px;
|
||||
white-space: nowrap;
|
||||
|
||||
&:last-of-type
|
||||
{
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#fs_addons
|
||||
{
|
||||
h3
|
||||
{
|
||||
border: none;
|
||||
margin-bottom: 0;
|
||||
padding: 4px 5px;
|
||||
}
|
||||
|
||||
td
|
||||
{
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
thead {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td:first-child,
|
||||
th:first-child
|
||||
{
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
td:last-child,
|
||||
th:last-child
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
th
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
#fs_billing_address {
|
||||
width: 100%;
|
||||
|
||||
tr {
|
||||
td {
|
||||
width: 50%;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
&:first-of-type {
|
||||
td {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin read-mode {
|
||||
border-color: transparent;
|
||||
color: #777;
|
||||
border-bottom: 1px dashed #ccc;
|
||||
padding-left: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input, select {
|
||||
@include placeholder(transparent);
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
|
||||
&.fs-read-mode {
|
||||
@include read-mode();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.fs-read-mode {
|
||||
td span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input, select
|
||||
{
|
||||
@include read-mode();
|
||||
@include placeholder(#ccc);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,449 @@
|
||||
@import "../start";
|
||||
|
||||
#fs_addons
|
||||
{
|
||||
.fs-cards-list
|
||||
{
|
||||
list-style: none;
|
||||
|
||||
.fs-card
|
||||
{
|
||||
float: left;
|
||||
// height: 185px; // With reviews/ratings
|
||||
height: 152px;
|
||||
width: 310px;
|
||||
padding: 0;
|
||||
margin: 0 0 30px 30px;
|
||||
font-size: 14px;
|
||||
list-style: none;
|
||||
border: 1px solid #ddd;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
.fs-overlay
|
||||
{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.fs-inner
|
||||
{
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
ul
|
||||
{
|
||||
@include transition(all, 0.15s);
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
li
|
||||
{
|
||||
list-style: none;
|
||||
line-height: 18px;
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
.fs-card-banner
|
||||
{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
height: 100px;
|
||||
background-repeat: repeat-x;
|
||||
background-size: 100% 100%;
|
||||
@include transition(all, 0.15s);
|
||||
}
|
||||
|
||||
.fs-title
|
||||
{
|
||||
margin: 10px 0 0 0;
|
||||
height: 18px;
|
||||
overflow: hidden;
|
||||
color: #000;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fs-offer
|
||||
{
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.fs-description
|
||||
{
|
||||
background-color: #f9f9f9;
|
||||
padding: 10px 15px 100px 15px;
|
||||
border-top: 1px solid #eee;
|
||||
margin: 0 0 10px 0;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.fs-tag
|
||||
{
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 0px;
|
||||
background: greenyellow;
|
||||
display: block;
|
||||
padding: 2px 10px;
|
||||
@include box-shadow(1px 1px 1px rgba(0,0,0,0.3));
|
||||
text-transform: uppercase;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.fs-cta
|
||||
{
|
||||
.button
|
||||
{
|
||||
position: absolute;
|
||||
top: 112px;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 960px) {
|
||||
&:hover
|
||||
{
|
||||
.fs-overlay
|
||||
{
|
||||
border: 2px solid $fms-link-color;
|
||||
margin-left: -1px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.fs-inner
|
||||
{
|
||||
ul
|
||||
{
|
||||
top: -100px;
|
||||
}
|
||||
|
||||
.fs-card-banner
|
||||
{
|
||||
// background-position: 50% -100px;
|
||||
}
|
||||
|
||||
.fs-title,
|
||||
.fs-offer
|
||||
{
|
||||
color: $fms-link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#TB_window
|
||||
{
|
||||
&, iframe
|
||||
{
|
||||
width: 772px !important;
|
||||
}
|
||||
}
|
||||
|
||||
#plugin-information
|
||||
{
|
||||
#section-description
|
||||
{
|
||||
h2, h3, p, b, i, blockquote, li, ul, ol
|
||||
{
|
||||
clear: none;
|
||||
}
|
||||
|
||||
.fs-selling-points
|
||||
{
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
|
||||
ul
|
||||
{
|
||||
margin: 0;
|
||||
|
||||
li
|
||||
{
|
||||
padding: 0;
|
||||
list-style: none outside none;
|
||||
|
||||
i.dashicons
|
||||
{
|
||||
color: $fs-logo-green-color;
|
||||
font-size: 3em;
|
||||
vertical-align: middle;
|
||||
line-height: 30px;
|
||||
float: left;
|
||||
margin: 0 0 0 -15px;
|
||||
}
|
||||
|
||||
h3
|
||||
{
|
||||
margin: 1em 30px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-screenshots
|
||||
{
|
||||
@include clearfix();
|
||||
ul
|
||||
{
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
||||
li
|
||||
{
|
||||
width: 225px;
|
||||
height: 225px;
|
||||
float: left;
|
||||
margin-bottom: 20px;
|
||||
@include box-sizing(content-box);
|
||||
|
||||
a
|
||||
{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid;
|
||||
@include box-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
&.odd
|
||||
{
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.plugin-information-pricing
|
||||
{
|
||||
$pricing_color: #FFFEEC;
|
||||
$borders_color: #DDD;
|
||||
margin: -16px;
|
||||
// padding: 20px;
|
||||
border-bottom: 1px solid $borders_color;
|
||||
|
||||
.fs-plan
|
||||
{
|
||||
|
||||
h3
|
||||
{
|
||||
margin-top: 0;
|
||||
padding: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.nav-tab-wrapper
|
||||
{
|
||||
border-bottom: 1px solid $borders_color;
|
||||
|
||||
.nav-tab
|
||||
{
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
padding: 0 10px;
|
||||
font-size: 0.9em;
|
||||
|
||||
label
|
||||
{
|
||||
text-transform: uppercase;
|
||||
color: green;
|
||||
background: greenyellow;
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
right: -1px;
|
||||
bottom: 100%;
|
||||
border: 1px solid darkgreen;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
&.nav-tab-active
|
||||
{
|
||||
cursor: default;
|
||||
background: $pricing_color;
|
||||
border-bottom-color: $pricing_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fs-single-cycle
|
||||
{
|
||||
h3
|
||||
{
|
||||
background: $pricing_color;
|
||||
margin: 0;
|
||||
padding-bottom: 0;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
.nav-tab-wrapper,
|
||||
.fs-billing-frequency
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-pricing-body
|
||||
{
|
||||
background: $pricing_color;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.button
|
||||
{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
label
|
||||
{
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
var {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.fs-billing-frequency,
|
||||
.fs-annual-discount
|
||||
{
|
||||
text-align: center;
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
background: #F3F3F3;
|
||||
padding: 2px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.fs-annual-discount
|
||||
{
|
||||
text-transform: none;
|
||||
color: green;
|
||||
background: greenyellow;
|
||||
}
|
||||
|
||||
ul.fs-trial-terms
|
||||
{
|
||||
font-size: 0.9em;
|
||||
|
||||
i
|
||||
{
|
||||
float: left;
|
||||
margin: 0 0 0 -15px;
|
||||
}
|
||||
|
||||
li
|
||||
{
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#section-features
|
||||
{
|
||||
.fs-features
|
||||
{
|
||||
margin: -20px -26px;
|
||||
}
|
||||
|
||||
table
|
||||
{
|
||||
width: 100%;
|
||||
border-spacing: 0;
|
||||
border-collapse: separate;
|
||||
|
||||
thead
|
||||
{
|
||||
th
|
||||
{
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.fs-price
|
||||
{
|
||||
color: $fs-logo-green-color;
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
tbody
|
||||
{
|
||||
td
|
||||
{
|
||||
border-top: 1px solid #ccc;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
width: 100px;
|
||||
color: $fs-logo-green-color;
|
||||
|
||||
&:first-child
|
||||
{
|
||||
text-align: left;
|
||||
width: auto;
|
||||
color: inherit;
|
||||
padding-left: 26px;
|
||||
}
|
||||
}
|
||||
tr.fs-odd
|
||||
{
|
||||
td
|
||||
{
|
||||
background: #fefefe;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashicons-yes
|
||||
{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 961px) {
|
||||
#fs_addons
|
||||
{
|
||||
.fs-cards-list
|
||||
{
|
||||
.fs-card
|
||||
{
|
||||
height: 265px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,97 @@
|
||||
@import "../start";
|
||||
|
||||
#fs_affiliation_content_wrapper {
|
||||
#messages {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
padding: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
li {
|
||||
@include box-sizing(border-box);
|
||||
list-style-type: none;
|
||||
|
||||
&:before {
|
||||
content: '✓';
|
||||
margin-right: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p:not(.description), li, label {
|
||||
font-size: 16px !important;
|
||||
line-height: 26px !important;
|
||||
}
|
||||
|
||||
.button {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 7px;
|
||||
line-height: 35px;
|
||||
height: 40px;
|
||||
font-size: 16px;
|
||||
|
||||
&#cancel_button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
.input-container {
|
||||
.input-label {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.input-container-text {
|
||||
label, input, textarea {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
margin-bottom: 15px;
|
||||
|
||||
#add_domain, .remove-domain {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
margin-top: 3px;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: #aaa;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#extra_domains_container {
|
||||
.description {
|
||||
margin-top: 0;
|
||||
position: relative;
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
.extra-domain-input-container {
|
||||
margin-bottom: 15px;
|
||||
|
||||
.domain {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
@media screen and (max-width: 782px) {
|
||||
#wpbody-content {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,220 @@
|
||||
@import "../start";
|
||||
@import "themes";
|
||||
|
||||
#fs_frame
|
||||
{
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.fs-full-size-wrapper
|
||||
{
|
||||
margin: 40px 0 -65px -20px;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
margin: 0 0 -65px -10px;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-notice
|
||||
{
|
||||
position: relative;
|
||||
|
||||
&.fs-has-title
|
||||
{
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
||||
&.success
|
||||
{
|
||||
color: green;
|
||||
// font-weight: normal;
|
||||
}
|
||||
|
||||
&.promotion
|
||||
{
|
||||
border-color: $fs-notice-promotion-border-color !important;
|
||||
background-color: $fs-notice-promotion-bkg !important;
|
||||
}
|
||||
|
||||
.fs-notice-body
|
||||
{
|
||||
margin: .5em 0;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.fs-close
|
||||
{
|
||||
// position: absolute;
|
||||
// top: 2px;
|
||||
// bottom: 2px;
|
||||
// right: 2px;
|
||||
// min-width: 100px;
|
||||
// text-align: center;
|
||||
// padding-right: 2px;
|
||||
cursor: pointer;
|
||||
color: #aaa;
|
||||
float: right;
|
||||
|
||||
&:hover
|
||||
{
|
||||
color: #666;
|
||||
// background: #A9A9A9;
|
||||
}
|
||||
|
||||
> *
|
||||
{
|
||||
margin-top: 7px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
label.fs-plugin-title
|
||||
{
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
color: #fff;
|
||||
padding: 2px 10px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
@include border-radius(0 0 3px 3px);
|
||||
left: 10px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
cursor: auto;
|
||||
}
|
||||
}
|
||||
|
||||
div.fs-notice
|
||||
{
|
||||
&.updated,
|
||||
&.success,
|
||||
&.promotion
|
||||
{
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl .fs-notice
|
||||
{
|
||||
.fs-close
|
||||
{
|
||||
// left: 2px;
|
||||
// right: auto;
|
||||
// padding-right: 0;
|
||||
// padding-left: 2px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-secure-notice
|
||||
{
|
||||
position: fixed;
|
||||
top: 32px;
|
||||
left: 160px;
|
||||
right: 0;
|
||||
background: rgb(235, 253, 235);
|
||||
padding: 10px 20px;
|
||||
color: green;
|
||||
z-index: 9999;
|
||||
@include box-shadow(0 2px 2px rgba(6, 113, 6, 0.3));
|
||||
@include opacity(0.95);
|
||||
|
||||
&:hover
|
||||
{
|
||||
@include opacity(1);
|
||||
}
|
||||
|
||||
a.fs-security-proof
|
||||
{
|
||||
color: green;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 960px) {
|
||||
.fs-secure-notice
|
||||
{
|
||||
left: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.fs-secure-notice
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
#fs_promo_tab
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.fs-secure-notice
|
||||
{
|
||||
left: 0;
|
||||
top: 46px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
span.fs-submenu-item.fs-sub:before
|
||||
{
|
||||
// Add small arrow.
|
||||
content: '\21B3';
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.rtl
|
||||
{
|
||||
span.fs-submenu-item.fs-sub:before
|
||||
{
|
||||
// Add small RTL arrow.
|
||||
content: '\21B2';
|
||||
}
|
||||
}
|
||||
|
||||
.fs-submenu-item
|
||||
{
|
||||
&.pricing
|
||||
{
|
||||
&.upgrade-mode
|
||||
{
|
||||
color: greenyellow;
|
||||
}
|
||||
|
||||
&.trial-mode
|
||||
{
|
||||
color: #83e2ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#adminmenu .update-plugins.fs-trial
|
||||
{
|
||||
background-color: #00b9eb;
|
||||
}
|
||||
.fs-ajax-spinner
|
||||
{
|
||||
border: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
vertical-align: sub;
|
||||
display: inline-block;
|
||||
background: url('/wp-admin/images/wpspin_light-2x.gif');
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.wrap.fs-section {
|
||||
h2 {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@import "plugin-upgrade-notice";
|
||||
@ -0,0 +1,548 @@
|
||||
@import "../start";
|
||||
|
||||
$form_width: 480px;
|
||||
|
||||
#fs_connect
|
||||
{
|
||||
width: $form_width;
|
||||
@include box-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
|
||||
margin: 20px 0;
|
||||
|
||||
@media screen and (max-width: ($form_width - 1)) {
|
||||
@include box-shadow(none);
|
||||
width: auto;
|
||||
margin: 0 0 0 -10px;
|
||||
}
|
||||
|
||||
.fs-content
|
||||
{
|
||||
background: #fff;
|
||||
padding: 15px 20px;
|
||||
|
||||
.fs-error {
|
||||
background: snow;
|
||||
color: $fs-logo-magenta-color;
|
||||
border: 1px solid $fs-logo-magenta-color;
|
||||
@include box-shadow(0 1px 1px 0 rgba(0,0,0,.1));
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-license-key-container {
|
||||
position: relative;
|
||||
width: 280px;
|
||||
margin: 10px auto 0 auto;
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dashicons {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
&.require-license-key {
|
||||
#sites_list_container {
|
||||
td {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#delegate_to_site_admins {
|
||||
margin-right: 15px;
|
||||
float: right;
|
||||
height: 26px;
|
||||
vertical-align: middle;
|
||||
line-height: 37px;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px dashed;
|
||||
text-decoration: none;
|
||||
|
||||
&.rtl {
|
||||
margin-left: 15px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-actions
|
||||
{
|
||||
padding: 10px 20px;
|
||||
background: #C0C7CA;
|
||||
|
||||
.button
|
||||
{
|
||||
padding: 0 10px 1px;
|
||||
line-height: 35px;
|
||||
height: 37px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 0;
|
||||
|
||||
.dashicons
|
||||
{
|
||||
font-size: 37px;
|
||||
margin-left: -8px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
&.button-primary
|
||||
{
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
|
||||
&:after
|
||||
{
|
||||
content: ' \279C';
|
||||
}
|
||||
|
||||
&.fs-loading
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.button-secondary
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
// .fs-skip
|
||||
// {
|
||||
// line-height: 38px;
|
||||
// vertical-align: middle;
|
||||
// text-decoration: none;
|
||||
// margin-left: 10px;
|
||||
// }
|
||||
}
|
||||
|
||||
&.fs-anonymous-disabled
|
||||
{
|
||||
.fs-actions
|
||||
{
|
||||
.button.button-primary
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-permissions
|
||||
{
|
||||
padding: 10px 20px;
|
||||
background: #FEFEFE;
|
||||
// background: #F1F1F1;
|
||||
@include transition(background 0.5s ease);
|
||||
|
||||
.fs-license-sync-disclaimer {
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.fs-trigger
|
||||
{
|
||||
font-size: 0.9em;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul
|
||||
{
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
li
|
||||
{
|
||||
margin-bottom: 12px;
|
||||
|
||||
&:last-child
|
||||
{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
i.dashicons
|
||||
{
|
||||
float: left;
|
||||
font-size: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
margin-left: 55px;
|
||||
|
||||
span
|
||||
{
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
color: #23282d;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
margin: 2px 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fs-open
|
||||
{
|
||||
background: #fff;
|
||||
|
||||
ul
|
||||
{
|
||||
height: auto;
|
||||
margin: 20px 20px 10px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: ($form_width - 1)) {
|
||||
background: #fff;
|
||||
|
||||
.fs-trigger
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul
|
||||
{
|
||||
height: auto;
|
||||
margin: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-freemium-licensing {
|
||||
padding: 8px;
|
||||
// background: #0085BA;
|
||||
background: #777;
|
||||
color: #fff;
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #C2EEFF;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
$icon_size: 80px;
|
||||
$wp_logo_padding: $icon_size / 10;
|
||||
$icons_top: 10px;
|
||||
|
||||
.fs-visual
|
||||
{
|
||||
padding: 12px;
|
||||
line-height: 0;
|
||||
background: #fafafa;
|
||||
height: $icon_size;
|
||||
position: relative;
|
||||
|
||||
.fs-site-icon
|
||||
{
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: $icons_top;
|
||||
}
|
||||
|
||||
.fs-connect-logo
|
||||
{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: $icons_top;
|
||||
}
|
||||
|
||||
.fs-plugin-icon
|
||||
{
|
||||
position: absolute;
|
||||
top: $icons_top;
|
||||
left: 50%;
|
||||
margin-left: - ($icon_size / 2);
|
||||
}
|
||||
|
||||
.fs-plugin-icon,
|
||||
.fs-site-icon,
|
||||
img,
|
||||
object
|
||||
{
|
||||
width: $icon_size;
|
||||
height: $icon_size;
|
||||
}
|
||||
|
||||
.dashicons-wordpress
|
||||
{
|
||||
font-size: $icon_size - ($wp_logo_padding * 2);
|
||||
background: $wordpress_color;
|
||||
color: #fff;
|
||||
width: $icon_size - ($wp_logo_padding * 2);
|
||||
height: $icon_size - ($wp_logo_padding * 2);
|
||||
padding: $wp_logo_padding;
|
||||
}
|
||||
|
||||
.dashicons-plus
|
||||
{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
font-size: 30px;
|
||||
margin-top: -10px;
|
||||
color: #bbb;
|
||||
|
||||
&.fs-first
|
||||
{
|
||||
left: 28%;
|
||||
}
|
||||
&.fs-second
|
||||
{
|
||||
left: 65%;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-plugin-icon,
|
||||
.fs-connect-logo,
|
||||
.fs-site-icon
|
||||
{
|
||||
border: 1px solid #ccc;
|
||||
padding: 1px;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.fs-terms
|
||||
{
|
||||
text-align: center;
|
||||
font-size: 0.85em;
|
||||
padding: 5px;
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
|
||||
&, a
|
||||
{
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@import "multisite-options";
|
||||
@import "tooltip";
|
||||
@import "gdpr-consent";
|
||||
|
||||
.rtl
|
||||
{
|
||||
#fs_connect
|
||||
{
|
||||
.fs-actions
|
||||
{
|
||||
padding: 10px 20px;
|
||||
background: #C0C7CA;
|
||||
|
||||
.button
|
||||
{
|
||||
.dashicons
|
||||
{
|
||||
font-size: 37px;
|
||||
margin-left: -8px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
&.button-primary
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content: ' \000bb';
|
||||
}
|
||||
|
||||
&.fs-loading
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.button-secondary
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-permissions
|
||||
{
|
||||
ul
|
||||
{
|
||||
li
|
||||
{
|
||||
div
|
||||
{
|
||||
margin-right: 55px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
i.dashicons
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-visual
|
||||
{
|
||||
.fs-site-icon
|
||||
{
|
||||
right: 20px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.fs-connect-logo
|
||||
{
|
||||
right: auto;
|
||||
left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#fs_theme_connect_wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 99990;
|
||||
background: rgba(0, 0, 0, 0.75);
|
||||
text-align: center;
|
||||
overflow-y: auto;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
> button.close {
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
top: 32px;
|
||||
}
|
||||
|
||||
#fs_connect {
|
||||
top: 0;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: 52px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.fs-terms
|
||||
{
|
||||
background: rgba(140, 140, 140, 0.64);
|
||||
|
||||
&, a
|
||||
{
|
||||
color: #c5c5c5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-pointer-content
|
||||
{
|
||||
#fs_connect
|
||||
{
|
||||
margin: 0;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.fs-opt-in-pointer
|
||||
{
|
||||
.wp-pointer-content
|
||||
{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.wp-pointer-top
|
||||
{
|
||||
.wp-pointer-arrow
|
||||
{
|
||||
border-bottom-color: #dfdfdf;
|
||||
}
|
||||
.wp-pointer-arrow-inner
|
||||
{
|
||||
border-bottom-color: #fafafa;
|
||||
}
|
||||
}
|
||||
|
||||
&.wp-pointer-bottom
|
||||
{
|
||||
.wp-pointer-arrow
|
||||
{
|
||||
border-top-color: #dfdfdf;
|
||||
}
|
||||
.wp-pointer-arrow-inner
|
||||
{
|
||||
border-top-color: #fafafa;
|
||||
}
|
||||
}
|
||||
|
||||
&.wp-pointer-left
|
||||
{
|
||||
.wp-pointer-arrow
|
||||
{
|
||||
border-right-color: #dfdfdf;
|
||||
}
|
||||
.wp-pointer-arrow-inner
|
||||
{
|
||||
border-right-color: #fafafa;
|
||||
}
|
||||
}
|
||||
|
||||
&.wp-pointer-right
|
||||
{
|
||||
.wp-pointer-arrow
|
||||
{
|
||||
border-left-color: #dfdfdf;
|
||||
}
|
||||
.wp-pointer-arrow-inner
|
||||
{
|
||||
border-left-color: #fafafa;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,135 @@
|
||||
@import "../start";
|
||||
|
||||
.switch
|
||||
{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-size: 1.6em;
|
||||
font-weight: bold;
|
||||
color: #ccc;
|
||||
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
|
||||
height: 18px;
|
||||
padding: 6px 6px 5px 6px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 4px;
|
||||
background: #ececec;
|
||||
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
|
||||
cursor: pointer;
|
||||
|
||||
span
|
||||
{
|
||||
display: inline-block; width: 35px;
|
||||
text-transform: uppercase;
|
||||
|
||||
&.on
|
||||
{
|
||||
color: $button-primary-bkg;
|
||||
}
|
||||
}
|
||||
|
||||
.toggle
|
||||
{
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
width: 37px;
|
||||
height: 25px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
background: -moz-linear-gradient(top, #ececec 0%, #fff 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #fff));
|
||||
background: -webkit-linear-gradient(top, #ececec 0%, #fff 100%);
|
||||
background: -o-linear-gradient(top, #ececec 0%, #fff 100%);
|
||||
background: -ms-linear-gradient(top, #ececec 0%, #fff 100%);
|
||||
background: linear-gradient(top, #ececec 0%, #fff 100%);
|
||||
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
|
||||
z-index: 999;
|
||||
@include transition(all 0.15s ease-in-out);
|
||||
}
|
||||
|
||||
&.on .toggle
|
||||
{
|
||||
left: 2%;
|
||||
}
|
||||
&.off .toggle
|
||||
{
|
||||
left: 54%;
|
||||
}
|
||||
|
||||
/* Round switch */
|
||||
&.round
|
||||
{
|
||||
padding: 0px 20px;
|
||||
border-radius: 40px;
|
||||
|
||||
.toggle
|
||||
{
|
||||
border-radius: 40px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
&.on .toggle
|
||||
{
|
||||
left: 3%;
|
||||
background: $button-primary-bkg;
|
||||
}
|
||||
&.off .toggle
|
||||
{
|
||||
left: 58%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.switch-label
|
||||
{
|
||||
font-size: 20px;
|
||||
line-height: 31px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
#fs_log_book {
|
||||
table {
|
||||
font-family: Consolas,Monaco,monospace;
|
||||
font-size: 12px;
|
||||
|
||||
th {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
tr {
|
||||
background: #232525;
|
||||
|
||||
&.alternate {
|
||||
background: #2b2b2b;
|
||||
}
|
||||
|
||||
td {
|
||||
&.fs-col--logger {
|
||||
color: #5a7435;
|
||||
}
|
||||
&.fs-col--type {
|
||||
color: #ffc861;
|
||||
}
|
||||
&.fs-col--function {
|
||||
color: #a7b7b1;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.fs-col--message {
|
||||
&, a
|
||||
{
|
||||
color: #9a73ac !important;
|
||||
}
|
||||
}
|
||||
&.fs-col--file {
|
||||
color: #d07922;
|
||||
}
|
||||
&.fs-col--timestamp {
|
||||
color: #6596be;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
@import "../start";
|
||||
@import "modal-common";
|
||||
@import "deactivation-feedback";
|
||||
@import "subscription-cancellation";
|
||||
@import "license-activation";
|
||||
@import "multisite-options";
|
||||
@import "license-key-resend";
|
||||
@import "ajax-loader";
|
||||
@import "auto-install";
|
||||
@import "buttons";
|
||||
@ -0,0 +1,17 @@
|
||||
.fs-notice[data-id^="gdpr_optin_actions"]
|
||||
{
|
||||
.underlined {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
ul {
|
||||
.button, .action-description {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.action-description {
|
||||
display: inline-block;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
<?php
|
||||
// Silence is golden.
|
||||
// Hide file structure from users on unprotected servers.
|
||||
@ -0,0 +1,125 @@
|
||||
@import "start";
|
||||
|
||||
#fs_customizer_upsell {
|
||||
.fs-customizer-plan {
|
||||
padding: 10px 20px 20px 20px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
|
||||
h2 {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
line-height: 2em;
|
||||
text-transform: uppercase;
|
||||
|
||||
.button-link {
|
||||
top: -2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fs-feature {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dashicons-yes {
|
||||
color: #0085ba;
|
||||
font-size: 2em;
|
||||
vertical-align: bottom;
|
||||
margin-left: -7px;
|
||||
margin-right: 10px;
|
||||
|
||||
.rtl & {
|
||||
margin-left: 10px;
|
||||
margin-right: -7px;
|
||||
}
|
||||
}
|
||||
|
||||
.dashicons-editor-help
|
||||
{
|
||||
color: #bbb;
|
||||
cursor: help;
|
||||
|
||||
$tooltip-color: #000;
|
||||
|
||||
.fs-feature-desc {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
@include transition(opacity 0.3s ease-in-out);
|
||||
|
||||
position: absolute;
|
||||
background: $tooltip-color;
|
||||
color: #fff;
|
||||
font-family: 'arial', serif;
|
||||
font-size: 12px;
|
||||
padding: 10px;
|
||||
z-index: 999999;
|
||||
bottom: 100%;
|
||||
margin-bottom: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@include border-radius(5px);
|
||||
@include box-shadow(1px 1px 1px rgba(0,0,0,0.2));
|
||||
line-height: 1.3em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
|
||||
.rtl &
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-color: $tooltip-color transparent transparent transparent;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 21px;
|
||||
|
||||
.rtl & {
|
||||
right: 21px;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.fs-feature-desc {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#fs_customizer_support
|
||||
{
|
||||
display: block !important;
|
||||
|
||||
.button {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.button-group {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
|
||||
.button {
|
||||
float: none;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
<?php
|
||||
// Silence is golden.
|
||||
// Hide file structure from users on unprotected servers.
|
||||
Reference in New Issue
Block a user