Skip to content

Commit

Permalink
Cleanup and minify admin CSS (#95)
Browse files Browse the repository at this point in the history 
Only a basic tidy and a still-readable minify. Two duplicate rules removed. Nothing more. A full CSS cleanup will be performed as part of #41.
  • Loading branch information
@timbocode
timbocode authored Jul 30, 2020
1 parent 971aac4 commit 8af9f38
Show file tree
Hide file tree
Showing 5 changed files with 502 additions and 2,856 deletions.
6 changes: 1 addition & 5 deletions assets/admin/css/cmb2.css
View file

Large diffs are not rendered by default.

3 changes: 1 addition & 2 deletions assets/admin/css/common.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
/*!
* Name: common.css
*/

.cpseo-page{background:#e1e1e1}
.cpseo-page h2.nav-tab-wrapper{margin-bottom:40px!important;background-color:transparent!important;border-top:none!important;border-bottom:1px solid #ccc!important}
.limit-wrap{max-width:1080px}
Expand Down Expand Up @@ -55,7 +54,7 @@
.cpseo-tabs-content:not(.cpseo-custom){overflow:hidden;box-sizing:border-box;min-height:400px;margin-bottom:20px;padding:30px;border:1px solid #e5e5e5;background:#fff}
.cpseo-tab h3:first-of-type{margin-top:0}
.cpseo-tab .cmb-type-title:first-of-type{padding-top:0;text-align:center;border-top:0}
.cpseo-tab .cmb2-checkbox-list li{display:inline-block;width:49%;display:inline-block;width:49%}
.cpseo-tab .cmb2-checkbox-list li{display:inline-block;width:49%}
.cpseo-tab .cmb-advanced-robots-list li{width:32%;display:inline-block;box-sizing:border-box;padding:0 5px}
.cpseo-tab .cmb-advanced-robots-list li:first-of-type{padding-left:0}
.cpseo-tab .cmb-advanced-robots-list li:last-of-type{padding-right:0}
Expand Down
344 changes: 60 additions & 284 deletions assets/admin/css/dashboard.css
View file
Original file line number Diff line number Diff line change
@@ -1,287 +1,63 @@
/*!
* Name: dashboard.css
*/

.cpseo-list-icon{
margin:0
}
.cpseo-list-icon li span:before{
font-size:30px;
height:35px;
width:40px
}
.cpseo-list-icon li>div{
overflow:hidden
}
.cpseo-list-icon li strong{
font-weight:600;
display:block;
margin-bottom:-.8em;
color:#000
}
.cpseo-switch input[type=checkbox]{
visibility:hidden;
height:0;
width:0
}
.cpseo-switch label{
position:relative;
display:block;
cursor:pointer;
text-indent:-9999px;
border-radius:100px;
background:#ddd;
height:24px;
width:44px
}
.cpseo-switch label:after{
position:absolute;
top:2px;
left:2px;
content:'';
transition:.4s;
border-radius:90px;
background:#fff;
height:20px;
width:20px
}
.cpseo-switch input:checked+label{
background:#528fcc
}
.cpseo-switch input:checked+label:after{
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
.module-listing .cpseo-box{
min-height:140px;
padding:12px;
border:1px solid #d8d8d8
}
.module-listing .cpseo-box>.dashicons{
font-size:32px;
float:left;
color:#ccc;
height:32px;
width:32px
}
.module-listing .cpseo-box header{
overflow:hidden;
padding:2px 10px 0 10px;
border:0
}
.module-listing .cpseo-box .module-settings{
display:none;
font-size:17px;
line-height:1.2
}
.module-listing .cpseo-box .status{
clear:both;
box-sizing:border-box;
height:40px;
margin-top:15px;
padding:4px 15px;
border:1px solid #e5e5e5;
border-radius:3px;
background:#f9f9f9
}
.module-listing .cpseo-box .status label{
line-height:30px;
color:#77797c
}
.module-listing .cpseo-box .status label span{
color:#bebfc0
}
.module-listing .cpseo-box .status label span.active-text{
display:none
}
.module-listing .cpseo-box .status label.cpseo-tooltip span{
text-indent:0;
color:#fff
}
.module-listing .cpseo-box .status .cpseo-switch{
float:right;
padding:5px 0
}
.module-listing .cpseo-box .status .cpseo-switch input{
display:none
}
.module-listing .cpseo-box .status .cpseo-switch input:checked+label{
background:#58bb58
}
.module-listing .cpseo-box .status .cpseo-switch input:checked+label:after{
left:6px
}
.module-listing .cpseo-box .status .cpseo-switch label{
float:right;
height:18px;
width:36px
}
.module-listing .cpseo-box .status .cpseo-switch label:after{
height:14px;
width:14px
}
.module-listing .cpseo-box .status .cpseo-switch .cpseo-tooltip span{
top:50%;
right:45px;
bottom:auto;
left:auto;
width:110px;
-webkit-transform:translate3d(-70%, -50%, 0);
transform:translate3d(-70%, -50%, 0)
}
.module-listing .cpseo-box .status .cpseo-switch .cpseo-tooltip span:after{
top:50%;
right:-8px;
left:auto;
width:0;
height:0;
content:'';
-webkit-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);
border-width:7px 0 7px 8px;
border-style:solid;
border-color:transparent transparent transparent #555d66
}
.module-listing .cpseo-box .status .cpseo-switch .cpseo-tooltip:hover span{
bottom:auto;
-webkit-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);
opacity:1
}
.module-listing .cpseo-box .status .cpseo-switch .input-loading{
display:none
}
.module-listing .cpseo-box.active .module-settings{
display:block
}
.module-listing .cpseo-box.active label span.active-text{
display:inline-block;
color:#58bb58
}
.module-listing .cpseo-box.active label span.inactive-text{
display:none
}
.module-listing .cpseo-box.saving .cpseo-switch label{
display:none
}
.module-listing .cpseo-box.saving .cpseo-switch .input-loading{
display:block;
margin-top:0
}
.cpseo-welcome-text{
padding:10px 30px;
border:1px solid #d8d8d8;
border-radius:3px;
box-shadow:4px 4px 20px rgba(0,0,0,0.12)
}
.cpseo-welcome-text p.cpseo-text{
margin-right:0
}
.cpseo-box header .button{
font-weight:600;
position:absolute;
top:16px;
right:20px;
color:#fff;
border:0;
border-radius:4px;
box-shadow:none
}
.cpseo-box.status-green header h3{
color:#58bb58
}
.cpseo-box.status-green header .button{
background:#58bb58
}
.cpseo-box.status-red header h3{
color:#ee6a5e
}
.cpseo-box.status-red header .button{
background:#ee6a5e
}
.cpseo-box .regular-text.fullwidth{
width:100%;
margin-top:5px;
padding:12px;
vertical-align:top;
color:#777;
border-color:#ddd;
background:#e5e5e5;
box-shadow:none !important
}
.cpseo-box .regular-text.fullwidth:focus{
background:#f5f5f5
}
.cpseo-box .frm-gather-data{
overflow:hidden
}
.cpseo-box .frm-gather-data input{
float:left;
margin-top:6px;
margin-right:8px;
margin-left:1px
}
.cpseo-box .frm-gather-data label{
line-height:1.6;
float:left;
width:97%;
color:#8c8c8c
}
.cpseo-systm-status{
border-collapse:collapse
}
.cpseo-systm-status td,.cpseo-systm-status th{
border:1px solid #ededed
}
.cpseo-systm-status td:first-child{
width:33%
}
.cpseo-systm-status thead th{
font-weight:700
}
.cpseo-systm-status .cpseo-tooltip{
float:right
}
.cpseo-systm-status+.cpseo-systm-status{
margin-top:40px
}
#debug-report{
display:none
}
#debug-report textarea{
font-family:monospace;
font-size:12px;
line-height:20px;
margin:0;
padding:20px;
resize:none;
border-radius:0;
outline:0;
height:300px;
width:100%
}
body.rtl .module-listing .cpseo-box>.dashicons{
float:right
}
body.rtl .module-listing .cpseo-box header{
padding-right:20px;
padding-left:0
}
body.rtl .module-listing .status .cpseo-switch{
float:left
}
body.rtl .module-listing .status .cpseo-switch label{
float:left
}
body.rtl .module-listing .status .cpseo-switch strong{
float:right;
margin-left:12px
}
body.rtl .cpseo-box header .button{
right:auto;
left:20px
}
body.rtl .cpseo-systm-status .cpseo-tooltip{
float:left
}

.cpseo-list-icon{margin:0}
.cpseo-list-icon li span:before{font-size:30px;height:35px;width:40px}
.cpseo-list-icon li>div{overflow:hidden}
.cpseo-list-icon li strong{font-weight:600;display:block;margin-bottom:-.8em;color:#000}
.cpseo-switch input[type=checkbox]{visibility:hidden;height:0;width:0}
.cpseo-switch label{position:relative;display:block;cursor:pointer;text-indent:-9999px;border-radius:100px;background:#ddd;height:24px;width:44px}
.cpseo-switch label:after{position:absolute;top:2px;left:2px;content:'';transition:.4s;border-radius:90px;background:#fff;height:20px;width:20px}
.cpseo-switch input:checked+label{background:#528fcc}
.cpseo-switch input:checked+label:after{-webkit-transform:translateX(100%);transform:translateX(100%)}
.module-listing .cpseo-box{min-height:140px;padding:12px;border:1px solid #d8d8d8}
.module-listing .cpseo-box>.dashicons{font-size:32px;float:left;color:#ccc;height:32px;width:32px}
.module-listing .cpseo-box header{overflow:hidden;padding:2px 10px 0;border:0}
.module-listing .cpseo-box .module-settings{display:none;font-size:17px;line-height:1.2}
.module-listing .cpseo-box .status{clear:both;box-sizing:border-box;height:40px;margin-top:15px;padding:4px 15px;border:1px solid #e5e5e5;border-radius:3px;background:#f9f9f9}
.module-listing .cpseo-box .status label{line-height:30px;color:#77797c}
.module-listing .cpseo-box .status label span{color:#bebfc0}
.module-listing .cpseo-box .status label span.active-text{display:none}
.module-listing .cpseo-box .status label.cpseo-tooltip span{text-indent:0;color:#fff}
.module-listing .cpseo-box .status .cpseo-switch{float:right;padding:5px 0}
.module-listing .cpseo-box .status .cpseo-switch input{display:none}
.module-listing .cpseo-box .status .cpseo-switch input:checked+label{background:#58bb58}
.module-listing .cpseo-box .status .cpseo-switch input:checked+label:after{left:6px}
.module-listing .cpseo-box .status .cpseo-switch label{float:right;height:18px;width:36px}
.module-listing .cpseo-box .status .cpseo-switch label:after{height:14px;width:14px}
.module-listing .cpseo-box .status .cpseo-switch .cpseo-tooltip span{top:50%;right:45px;bottom:auto;left:auto;width:110px;-webkit-transform:translate3d(-70%,-50%,0);transform:translate3d(-70%,-50%,0)}
.module-listing .cpseo-box .status .cpseo-switch .cpseo-tooltip span:after{top:50%;right:-8px;left:auto;width:0;height:0;content:'';-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);border-width:7px 0 7px 8px;border-style:solid;border-color:transparent transparent transparent #555d66}
.module-listing .cpseo-box .status .cpseo-switch .cpseo-tooltip:hover span{bottom:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);opacity:1}
.module-listing .cpseo-box .status .cpseo-switch .input-loading{display:none}
.module-listing .cpseo-box.active .module-settings{display:block}
.module-listing .cpseo-box.active label span.active-text{display:inline-block;color:#58bb58}
.module-listing .cpseo-box.active label span.inactive-text{display:none}
.module-listing .cpseo-box.saving .cpseo-switch label{display:none}
.module-listing .cpseo-box.saving .cpseo-switch .input-loading{display:block;margin-top:0}
.cpseo-welcome-text{padding:10px 30px;border:1px solid #d8d8d8;border-radius:3px;box-shadow:4px 4px 20px rgba(0,0,0,0.12)}
.cpseo-welcome-text p.cpseo-text{margin-right:0}
.cpseo-box header .button{font-weight:600;position:absolute;top:16px;right:20px;color:#fff;border:0;border-radius:4px;box-shadow:none}
.cpseo-box.status-green header h3{color:#58bb58}
.cpseo-box.status-green header .button{background:#58bb58}
.cpseo-box.status-red header h3{color:#ee6a5e}
.cpseo-box.status-red header .button{background:#ee6a5e}
.cpseo-box .regular-text.fullwidth{width:100%;margin-top:5px;padding:12px;vertical-align:top;color:#777;border-color:#ddd;background:#e5e5e5;box-shadow:none!important}
.cpseo-box .regular-text.fullwidth:focus{background:#f5f5f5}
.cpseo-box .frm-gather-data{overflow:hidden}
.cpseo-box .frm-gather-data input{float:left;margin-top:6px;margin-right:8px;margin-left:1px}
.cpseo-box .frm-gather-data label{line-height:1.6;float:left;width:97%;color:#8c8c8c}
.cpseo-systm-status{border-collapse:collapse}
.cpseo-systm-status td,.cpseo-systm-status th{border:1px solid #ededed}
.cpseo-systm-status td:first-child{width:33%}
.cpseo-systm-status thead th{font-weight:700}
.cpseo-systm-status .cpseo-tooltip{float:right}
.cpseo-systm-status+.cpseo-systm-status{margin-top:40px}
#debug-report{display:none}
#debug-report textarea{font-family:monospace;font-size:12px;line-height:20px;margin:0;padding:20px;resize:none;border-radius:0;outline:0;height:300px;width:100%}
body.rtl .module-listing .cpseo-box>.dashicons{float:right}
body.rtl .module-listing .cpseo-box header{padding-right:20px;padding-left:0}
body.rtl .module-listing .status .cpseo-switch{float:left}
body.rtl .module-listing .status .cpseo-switch label{float:left}
body.rtl .module-listing .status .cpseo-switch strong{float:right;margin-left:12px}
body.rtl .cpseo-box header .button{right:auto;left:20px}
body.rtl .cpseo-systm-status .cpseo-tooltip{float:left}
Loading

0 comments on commit 8af9f38

Please sign in to comment.