247 lines
4.7 KiB
CSS
247 lines
4.7 KiB
CSS
/* Loading Modal */
|
|
.autoptimize-loading
|
|
{
|
|
display: none;
|
|
position: fixed;
|
|
background-color: rgba(102, 102, 102, 0.8);
|
|
background-image: url('loading.gif');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9000000000;
|
|
}
|
|
|
|
/* Toolbar Font Colors */
|
|
#wp-admin-bar-autoptimize .white
|
|
{
|
|
color: #EEE;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize .green
|
|
{
|
|
color: #26BD26;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize .orange
|
|
{
|
|
color: #EC9103;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize .red
|
|
{
|
|
color: #EA1919;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize .bg-green
|
|
{
|
|
background: #26BD26;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize .bg-orange
|
|
{
|
|
background: #EC9103;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize .bg-red
|
|
{
|
|
background: #EA1919;
|
|
}
|
|
|
|
/* Toolbar Bullet Icons */
|
|
#wp-admin-bar-autoptimize.bullet-green .ab-icon::before,
|
|
#wp-admin-bar-autoptimize.bullet-green:hover .ab-icon::before
|
|
{
|
|
content: "\f159";
|
|
color: #02CA02;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize.bullet-orange .ab-icon::before,
|
|
#wp-admin-bar-autoptimize.bullet-orange:hover .ab-icon::before
|
|
{
|
|
content: "\f159";
|
|
color: #EC9103;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize.bullet-red .ab-icon::before,
|
|
#wp-admin-bar-autoptimize.bullet-red:hover .ab-icon::before
|
|
{
|
|
content: "\f159";
|
|
color: #EA1919;
|
|
font-size: 14px;
|
|
-webkit-animation: blink 1s step-end infinite;
|
|
animation: blink 1s step-end infinite;
|
|
}
|
|
|
|
@-webkit-keyframes blink { 50% { visibility: hidden; }}
|
|
@keyframes blink { 50% { visibility: hidden; }}
|
|
|
|
|
|
/* Some cosmetic Toolbar things */
|
|
#wp-admin-bar-autoptimize table, #wp-admin-bar-autoptimize th, #wp-admin-bar-autoptimize td
|
|
{
|
|
border: 0px !important;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-default
|
|
{
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-delete-cache .ab-item
|
|
{
|
|
cursor: pointer !important;
|
|
background: #464b50;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-delete-cache .ab-item:hover
|
|
{
|
|
color: rgba(240,245,250,0.85) !important;
|
|
background: #B57373 !important;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-cache-info
|
|
{
|
|
padding-top: 8px !important;
|
|
padding-bottom: 8px !important;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-cache-info,
|
|
#wp-admin-bar-autoptimize-cache-info .ab-item
|
|
{
|
|
height: auto !important;
|
|
cursor: default !important;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-cache-info td + td
|
|
{
|
|
padding-left: 3px;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-cache-info .ab-item,
|
|
#wp-admin-bar-autoptimize-cache-info .ab-item:hover
|
|
{
|
|
color: #b4b9be !important;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-cache-info .ab-item > p
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-cache-info .ab-item p,
|
|
#wp-admin-bar-autoptimize-cache-info .ab-item td
|
|
{
|
|
font-size: 11px !important;
|
|
line-height: 16px !important;
|
|
}
|
|
|
|
#wp-admin-bar-autoptimize-cache-info .ab-item table
|
|
{
|
|
display: inline-block !important;
|
|
margin-left: 10px !important;
|
|
}
|
|
|
|
/* Radial Bar */
|
|
.autoptimize-radial-bar
|
|
{
|
|
display: inline-block !important;
|
|
margin-top: 5px !important;
|
|
}
|
|
.autoptimize-radial-bar,
|
|
.autoptimize-radial-bar .mask,
|
|
.autoptimize-radial-bar .fill,
|
|
.autoptimize-radial-bar .shadow
|
|
{
|
|
width : 36px !important;
|
|
height : 36px !important;
|
|
}
|
|
.autoptimize-radial-bar
|
|
{
|
|
background-color : #d6dadc;
|
|
}
|
|
.autoptimize-radial-bar .fill
|
|
{
|
|
background-color : #02ca02;
|
|
}
|
|
.autoptimize-radial-bar .numbers
|
|
{
|
|
color : #02ca02;
|
|
}
|
|
.autoptimize-radial-bar .mask
|
|
{
|
|
clip : rect(0px, 36px, 36px, 18px);
|
|
}
|
|
.autoptimize-radial-bar .fill
|
|
{
|
|
clip : rect(0px, 18px, 36px, 0px);
|
|
}
|
|
.autoptimize-radial-bar .inset
|
|
{
|
|
width : 26px !important;
|
|
height : 26px !important;
|
|
|
|
margin-left : 5px !important;
|
|
margin-top : 5px !important;
|
|
|
|
background-color : #32373c;
|
|
}
|
|
.autoptimize-radial-bar .percentage
|
|
{
|
|
width : 26px !important;
|
|
height : 16px !important;
|
|
line-height : 11px !important;
|
|
|
|
top : 7px !important;
|
|
left : 0px !important;
|
|
|
|
overflow : hidden;
|
|
}
|
|
.autoptimize-radial-bar .numbers
|
|
{
|
|
width : 26px !important;
|
|
font-weight : 600 !important;
|
|
font-size : 9px !important;
|
|
|
|
margin-top : -5px !important;
|
|
|
|
display : inline-block;
|
|
vertical-align : top;
|
|
text-align : center;
|
|
}
|
|
|
|
.autoptimize-radial-bar .inset
|
|
{
|
|
box-shadow : 3px 3px 5px rgba(0,0,0,0.3) !important;
|
|
}
|
|
.autoptimize-radial-bar .shadow
|
|
{
|
|
box-shadow : 3px 3px 5px rgba(0,0,0,0.3) inset !important;
|
|
}
|
|
|
|
.autoptimize-radial-bar .mask,
|
|
.autoptimize-radial-bar .fill,
|
|
.autoptimize-radial-bar .shadow,
|
|
.autoptimize-radial-bar .inset,
|
|
.autoptimize-radial-bar .percentage
|
|
{
|
|
position : absolute !important;
|
|
}
|
|
|
|
.autoptimize-radial-bar,
|
|
.autoptimize-radial-bar .mask,
|
|
.autoptimize-radial-bar .fill,
|
|
.autoptimize-radial-bar .shadow,
|
|
.autoptimize-radial-bar .inset
|
|
{
|
|
border-radius : 50% !important;
|
|
}
|
|
|
|
/* fixes for toolbar on frontend for other themes messing things up */
|
|
#wp-admin-bar-autoptimize tr{border:0 !important}
|
|
#wp-admin-bar-autoptimize td{background-color:#32373c !important}
|