123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573 |
- #w3tc_lightbox_content .metabox-holder {
- padding-top: 0;
- }
- /* make mismatch in popup resizing invisible, border shows them well */
- #w3tc_lightbox_content .postbox {
- border: none;
- }
- #overlay {
- background: #666;
- font-size:12px;
- }
- .ui-widget-overlay {
- background-color: #666;
- position: absolute;
- opacity: 0.6;
- top:0;
- left:0;
- }
- .lightbox,.ui-dialog {
- position: absolute;
- background: #fdfdfd;
- padding: 20px;
- border: 1px solid #bbb;
- border-radius: 11px;
- -webkit-border-radius: 11px;
- -moz-border-radius: 11px;
- }
- .lightbox h3 {
- margin-top: 0;
- }
- .lightbox-close,.ui-dialog-titlebar-close {
- cursor: pointer;
- position: absolute;
- text-decoration: underline;
- right: 20px;
- z-index: 9999;
- }
- .lightbox-loader {
- background: url(../img/wpspin_light.gif) no-repeat center center;
- }
- .lightbox-content {
- position: relative;
- font-size:12px;
- }
- #recom_container {
- top: 90px;
- bottom: 120px;
- overflow: auto;
- position: absolute;
- width: 100%;
- }
- #recom_container_bottom {
- bottom: 0;
- width: 100%;
- position: absolute;
- }
- #recom_container_bottom p {
- margin-top: 0;
- }
- #recom_container_bottom fieldset {
- margin: 0;
- }
- th.minify-files-add, td.minify-files-add {
- width: 40px;
- text-align: center;
- }
- #w3tc-self-test {
- top: 170px;
- bottom: 40px;
- overflow: auto;
- position: absolute;
- width: 100%;
- }
- #w3tc-self-test ul {
- list-style: none;
- }
- #w3tc-self-test-bottom {
- bottom: 0;
- width: 100%;
- position: absolute;
- }
- .w3tc-self-test-hint {
- font-size: 0.8em;
- font-style: italic;
- color: #999;
- }
- /**
- ###################
- ## Overlays
- ###################
- */
- .w3tc-overlay {
- background-color: #fff;
- }
- .w3tc-overlay .content {
- padding: 10px 10px 10px 10px;
- }
- .w3tc-overlay p, .w3tc-overlay label, .w3tc-overlay option {
- font-family:Arial, Verdana,sans-serif;
- }
- .w3tc-overlay p {
- line-height: 1.72222;
- margin: 0 0 15px;
- }
- .w3tc-overlay label {
- line-height: 1.9986363100000002em;
- font-weight:bold;
- }
- .w3tc-overlay .btn {
- border: none;
- font-size: 15px;
- font-weight: normal;
- line-height: 1.4;
- border-radius: 4px;
- padding: 10px 15px;
- -webkit-font-smoothing: subpixel-antialiased;
- -webkit-transition: 0.25s linear;
- transition: 0.25s linear;
- color: #ffffff;
- }
- .w3tc-overlay .btn:hover,
- .w3tc-overlay .btn:focus {
- color: #ffffff;
- }
- .w3tc-overlay .btn:active,
- .w3tc-overlay .btn.active {
- outline: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .w3tc-overlay .btn.disabled,
- .w3tc-overlay .btn[disabled],
- fieldset[disabled] .btn {
- background-color: #bdc3c7;
- color: rgba(255, 255, 255, 0.75);
- opacity: 0.7;
- filter: alpha(opacity=70);
- }
- .w3tc-overlay .btn > [class^="fui-"] {
- margin: 0 1px;
- position: relative;
- line-height: 1;
- top: 1px;
- }
- .w3tc-overlay .btn-xs.btn > [class^="fui-"] {
- font-size: 11px;
- top: 0;
- }
- .w3tc-overlay .btn-hg.btn > [class^="fui-"] {
- top: 2px;
- }
- .w3tc-overlay .btn-default {
- color: #ffffff;
- background-color: #bdc3c7;
- }
- .w3tc-overlay .btn-primary {
- color: #ffffff;
- background-color: #1abc9c;
- }
- #w3tc-support-us ul {margin:0;padding:0;}
- #w3tc-support-us li { display: inline-block; margin-right: 15px;}
- .w3tc-overlay .image {
- /*background-color: transparent; /* make the button transparent */
- background-repeat: no-repeat; /* make the background image appear only once */
- background-position: 10px 6px; /* equivalent to 'top left' */
- border: none; /* assuming we don't want any borders */
- cursor: pointer; /* make the cursor like hovering over an <a> element */
- padding-left: 16px; /* make text start to the right of the image */
- vertical-align: middle; /* align the text vertically centered */
- }
- .w3tc-overlay .w3tc-support-us h3 {
- font-size: 16pt;
- }
- .w3tc-overlay .font-palette-dark-skies {
- color:#666
- }
- .w3tc-overlay .btn {
- border-bottom:solid 2px #000;
- font-weight:bolder;
- }
- .w3tc-overlay .form-control.w3tc-size {
- height:32px;
- line-height:26px;
- margin:0;
- padding:0 5px 0 5px;
- }
- .w3tc-overlay input[type=button] {
- cursor: pointer;
- }
- .w3tc-overlay input[type=text].form-control {
- width:425px;
- }
- .w3tc-overlay select.w3tc-size {
- height:32px;
- width:250px;
- margin:0;
- padding:0px 5px 0px 5px;
- font-weight: normal;
- border: 2px solid #bdc3c7;
- color: #34495e;
- font-size: 15px;
- border-radius: 6px;
- -webkit-box-shadow: none;
- box-shadow: none;
- -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
- transition: border .25s linear, color .25s linear, background-color .25s linear;
- }
- .w3tc-overlay .btn.w3tc-size {
- margin:0;
- padding:5px 10px 5px 10px;
- }
- .w3tc-overlay .btn.palette-light-grey {
- background-color: #cccccc;
- border-bottom-color: #aeaeae;
- }
- .w3tc-overlay .btn-default.palette-twitter:active,
- .w3tc-overlay .btn-default.palette-twitter.active,
- .w3tc-overlay .btn.palette-twitter {
- background-color: #00acee;
- color: #fff;
- border-bottom-color: #0092cb;
- padding:5px 10px 5px 37px;
- background-image: url(../img/overlay/twitter-bird-dark-bgs.png);
- }
- .w3tc-overlay .btn-default.palette-wordpress:active,
- .w3tc-overlay .btn-default.palette-wordpress.active,
- .w3tc-overlay .btn.palette-wordpress{
- background-color: #1585b6;
- color: #fff;
- border-bottom-color: #12719b;
- padding:5px 10px 5px 37px;
- background-image: url(../img/overlay/wordpress-logo-simplified-rgb.png);
- }
- .w3tc-overlay .btn.save:active,
- .w3tc-overlay .btn.save.active,
- .w3tc-overlay .btn.save {
- background-position: 10px 5px; /* equivalent to 'top left' */
- padding:5px 10px 5px 37px;
- background-image: url(../img/overlay/save-close.png);
- }
- .w3tc-overlay .btn.secure:active,
- .w3tc-overlay .btn.secure.active,
- .w3tc-overlay .btn.secure {
- background-position: 10px 5px; /* equivalent to 'top left' */
- padding:5px 10px 5px 37px;
- background-image: url(../img/overlay/save-close.png);
- text-decoration: none;
- }
- .w3tc-overlay btn.palette-turquoise {
- border-bottom-color: #1abc9c;
- }
- .w3tc-overlay input[type=checkbox].css-checkbox {
- position: absolute;
- overflow: hidden;
- clip: rect(0 0 0 0);
- height:1px;
- width:1px;
- margin:-1px;
- padding:0;
- border:0;
- }
- .w3tc-overlay input[type=checkbox].css-checkbox + label.css-label {
- padding-left:20px;
- height:17px;
- display:inline-block;
- line-height:18px;
- background-repeat:no-repeat;
- background-position: 0 0;
- font-size:15px;
- vertical-align:middle;
- cursor:pointer;
- }
- .w3tc-overlay input[type=checkbox].css-checkbox:checked + label.css-label {
- background-position: 0 -17px;
- }
- .w3tc-overlay .css-label{ background-image:url(../img/overlay/gray-check.png); }
- .w3tc-overlay {
- position: absolute;
- background: #fdfdfd;
- border: 1px solid #bbb;
- border-radius: 6px;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- }
- .w3tc-overlay header {
- background-color: #f3f3f3;
- color: #cacaca;
- height:20px;
- border-bottom: dashed 1px #c0c0c0;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- -moz-border-top-left-radius: 6px;
- -moz-border-top-right-radius: 6px;
- }
- .w3tc-overlay #w3tc-support-us header {
- height:100px;
- background-repeat:no-repeat;
- background-position: 10px 7px;
- background-image: url(../img/overlay/ceo.png);
- }
- .w3tc-overlay #w3tc-support-us header h2, header h3 {
- margin:0;padding:0;
- }
- .w3tc-overlay #w3tc-support-us header div.left h2 {
- font-size:20px;
- color: #7b7b7b;
- margin-top:10px;
- margin-bottom:10px;
- }
- .w3tc-overlay #w3tc-support-us header div.left {
- margin-top:10px;
- padding-right:20px;
- margin-left:110px;
- border-right:solid 2px #FFF;
- height:80px;
- }
- .w3tc-overlay #w3tc-support-us div.right {
- margin-top: 5px;
- line-height: 100px;
- height: 100px;
- padding-right: 40px;
- }
- .w3tc-overlay .w3tc-support-us header h3 {
- font-size:14px;
- }
- .w3tc-overlay .palette-turquoise {
- background-color: #1abc9c;
- border-bottom-color: #16a085;
- }
- .w3tc_signup_email {
- margin-bottom: 5px;
- }
- .w3tc-overlay-logo {
- margin-top: -57px;
- height:57px;
- width:94px;
- background-repeat:no-repeat;
- background-position: 0 0;
- background-image: url(../img/overlay/overlay-logo.png);
- }
- .lightbox-close {
- background-repeat: no-repeat;
- background-position: 0 5px;
- background-image: url(../img/overlay/overlay-close.png);
- background-color: #f1f1f1;
- border-radius: 50%;
- padding: 0;
- background-position: 8px;
- margin: 0;
- top: -12px;
- right: -12px;
- width: 25px;
- height: 25px;
- }
- .w3tchelp_content {
- padding: 10px 20px 20px 20px;
- }
- .w3tchelp_content li {
- font-family: Arial, Verdana,sans-serif;
- font-size: 13px;
- }
- /* isolated styles */
- .w3tc_overlay_footer {
- padding: 0 10px 10px 10px;
- clear:both;
- }
- .w3tc_overlay_content {
- padding: 10px 10px 10px 10px;
- }
- .w3tc_overlay_upgrade_header {
- background-color: #f3f3f3;
- color: #cacaca;
- height: calc(100% - 80px);
- box-sizing: border-box;
- }
- .w3tc_overlay_upgrade_content_l {
- width: 290px;
- float:left;
- }
- .w3tc_overlay_upgrade_content_r {
- width: calc(100% - 310px);
- padding-left: 20px;
- float: left;
- }
- .w3tc_overlay_upgrade_description {
- clear: both;
- }
- .w3tc_overlay_upgrade_left_h {
- font-weight: bold;
- font-size: 1.4em;
- float: left;
- margin: 1em 0;
- color: #23282d;
- line-height: 29px;
- }
- .w3tc_overlay_upgrade_right_h {
- font-weight: bold;
- float: right;
- margin: 1em 0;
- color: #23282d;
- font-size: 2.0em;
- }
- .w3tc_overlay_upgrade_right_text {
- font-weight: normal;
- }
- .w3tc_change_label {
- color:black;
- font-weight:inherit;
- }
- @media only screen and (max-device-width: 480px) {
- .w3tc_overlay_upgrade_content_l {
- display: none;
- }
- .w3tc_overlay_upgrade_content_r {
- width: inherit;
- padding: none;
- float: none;
- }
- }
- /**
- * Colors.
- */
- /* "tp" is Turquoise Pearl, courtesty of https://hexcolor.co/hex/30bec4. */
- input.w3tc-palette-tp,
- a.w3tc-palette-tp {
- background-color: #30bec4;
- color: #fff;
- }
- /* A button with an icon gauge to the right. */
- #w3tc_upgrade_header .w3tc-gauge-tp {
- background-image: url(../img/overlay/gauge-bg-tp.png);
- background-position: calc(100% - 15px) center;
- background-repeat: no-repeat;
- text-decoration: none;
- padding: 7px 60px 7px 12px;
- }
- /**
- * Upgrade modal.
- */
-
- #w3tc-upgrade {
- box-sizing: border-box;
- }
- #w3tc_upgrade_header {
- display: flex;
- background: #000;
- border-bottom: 5px solid #30bec4;
- border-radius: 6px 6px 0 0;
- color: #fff;
- height: 75px;
- position: relative;
- }
-
- #w3tc_upgrade_header > div {
- flex: 1;
- }
-
- #w3tc_upgrade_header > div:first-child div {
- position: absolute;
- top: 17px;
- left: 90px;
- font-size: 20px;
- line-height: 20px;
- }
-
- /* Go faster now button. It could be an anchor or an input. */
- #w3tc_upgrade_header > div:nth-child(2) > *:first-child {
- position: absolute;
- top: 20px;
- right: 90px;
- }
- /* Ensure a consistent background with the iframe and the modal elements. */
- .w3tc-overlay-upgrade,
- .w3tc_overlay_upgrade_header {
- background-color: #f1f1f1;
- }
- .w3tc_upgrade_content p {
- position: relative;
- z-index: 1;
- }
- .w3tc_upgrade_footer {
- background: #fdfdfd;
- padding: 15px;
- border-top: 1px dashed #C0C0C0;
- border-radius: 0 0 6px 6px;
- text-align: right;
- }
- .w3tc_upgrade_footer .btn {
- border: none;
- color: #ffffff;
- background: #2271B1;
- }
- .w3tc_upgrade_footer .btn:focus {
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
- }
- .w3tc_upgrade_footer .btn:hover,
- .w3tc_upgrade_footer .btn:focus {
- background: #135e96;
- border-color: #135e96;
- color: #fff;
- }
|