|
Server : Apache System : Linux festive-vaughan.27-254-111-205.plesk.page 4.19.0-14-amd64 #1 SMP Debian 4.19.171-2 (2021-01-30) x86_64 User : acaindustrial ( 10114) PHP Version : 8.2.25 Disable Function : opcache_get_status Directory : /var/www/vhosts/acaindustrial.co.th/httpdocs/wp-content/plugins/so-css/css/ |
Upload File : |
#socss-inspector-interface {
color: #333;
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 220px;
background: #ffffff;
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05);
z-index: 100000;
font-family: "Arial", sans-serif;
font-size: 14px;
border-top: 1px solid #a3a3a3;
}
#socss-inspector-interface .socss-link {
box-sizing: border-box;
background: #f3f3f3;
box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05);
border-top: 1px solid #a3a3a3;
position: absolute;
top: -29px;
height: 28px;
padding: 6px 15px;
width: 100%;
font-size: 13px;
text-align: right;
line-height: 1em;
display: none;
}
#socss-inspector-interface .socss-toolbar {
box-sizing: border-box;
background: #e6e6e6;
padding: 0 4px;
user-select: none;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 30px;
overflow: hidden;
}
#socss-inspector-interface .socss-toolbar .socss-enable-inspector {
font-size: 20px;
display: inline-block;
padding: 5px;
color: #777;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
position: absolute;
top: 0;
left: 5px;
bottom: 0;
height: 30px;
width: 30px;
box-sizing: border-box;
}
#socss-inspector-interface .socss-toolbar .socss-enable-inspector:hover {
cursor: pointer;
background-color: #f3f3f3;
color: #596872;
}
#socss-inspector-interface .socss-toolbar .socss-hierarchy {
position: absolute;
top: 0;
right: 20px;
left: 40px;
bottom: 0;
display: block;
padding-left: 10px;
overflow: hidden;
white-space: nowrap;
background: #e6e6e6;
}
#socss-inspector-interface .socss-toolbar .socss-hierarchy .socss-selector {
font-size: 12px;
line-height: 1em;
padding: 9px 20px 9px 9px;
display: inline-block;
background: url(./images/separator.png) top right no-repeat;
background-size: contain;
cursor: pointer;
}
#socss-inspector-interface .socss-toolbar .socss-hierarchy .socss-selector:last-child {
background: none;
padding-right: 9px;
}
#socss-inspector-interface .socss-selectors-window,
#socss-inspector-interface .socss-properties-window {
overflow-y: scroll;
font-family: "Courier New", "Lucida Console", Courier, monospace;
font-size: 13px;
border-top: 1px solid #a3a3a3;
}
#socss-inspector-interface .socss-selectors-window > div,
#socss-inspector-interface .socss-properties-window > div {
line-height: 1.2em;
padding: 4px 10px;
white-space: nowrap;
}
#socss-inspector-interface .socss-selectors-window > div:hover,
#socss-inspector-interface .socss-properties-window > div:hover {
background: #f6f6f6;
cursor: pointer;
}
#socss-inspector-interface .socss-selectors-window strong,
#socss-inspector-interface .socss-properties-window strong {
font-weight: bold;
}
#socss-inspector-interface .socss-selectors-window {
position: absolute;
top: 29px;
left: 0;
right: 50%;
bottom: 0;
background: #fff;
border-right: 1px solid #aaa;
}
#socss-inspector-interface .socss-properties-window {
position: absolute;
top: 29px;
right: 0;
left: 50%;
bottom: 0;
background: #fff;
}
body.socss-active {
padding-bottom: 200px !important;
}
body.socss-active #socss-inspector-interface {
display: block;
height: 200px;
}
body.socss-active #socss-inspector-interface .socss-toolbar .socss-enable-inspector {
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
background-color: #f3f3f3;
color: #005a67;
}
body.socss-inactive {
padding-bottom: 29px !important;
}
body.socss-inactive #socss-inspector-interface {
display: block;
height: 29px;
}
body.socss-inactive #socss-inspector-interface .socss-selectors-window,
body.socss-inactive #socss-inspector-interface .socss-attributes-window {
display: none;
}
.socss-inspector-hover {
pointer-events: none;
position: absolute;
/* Same index as the admin bar */
z-index: 99999;
border: 1px dashed #0075cb;
background: rgba(0, 117, 203, 0.15);
box-sizing: border-box;
}
.socss-inspector-hover .socss-guide {
display: none;
}
.socss-inspector-hover .socss-guide-margin,
.socss-inspector-hover .socss-guide-padding {
position: absolute;
}
.socss-inspector-hover .socss-guide-margin.socss-guide-top,
.socss-inspector-hover .socss-guide-padding.socss-guide-top,
.socss-inspector-hover .socss-guide-margin.socss-guide-bottom,
.socss-inspector-hover .socss-guide-padding.socss-guide-bottom {
right: 0;
left: 0;
}
.socss-inspector-hover .socss-guide-margin.socss-guide-left,
.socss-inspector-hover .socss-guide-padding.socss-guide-left,
.socss-inspector-hover .socss-guide-margin.socss-guide-right,
.socss-inspector-hover .socss-guide-padding.socss-guide-right {
top: 0;
bottom: 0;
}
.socss-inspector-hover .socss-guide-margin {
background: rgba(20, 126, 74, 0.25);
}
.socss-inspector-hover .socss-guide-margin.socss-guide-top {
bottom: 100%;
}
.socss-inspector-hover .socss-guide-margin.socss-guide-bottom {
top: 100%;
}
.socss-inspector-hover .socss-guide-margin.socss-guide-left {
right: 100%;
}
.socss-inspector-hover .socss-guide-margin.socss-guide-right {
left: 100%;
}
.socss-inspector-hover .socss-guide-padding {
background: rgba(0, 117, 203, 0.25);
}
.socss-inspector-hover .socss-guide-padding.socss-guide-top {
top: 0;
}
.socss-inspector-hover .socss-guide-padding.socss-guide-bottom {
bottom: 0;
}
.socss-inspector-hover .socss-guide-padding.socss-guide-left {
left: 0;
}
.socss-inspector-hover .socss-guide-padding.socss-guide-right {
right: 0;
}
body,
html {
max-width: 100% !important;
overflow-x: hidden !important;
}