Сейчас так
Script blocker for chrome - хорошее и очень эффективное расширение для браузеров семейства Хром, помогающее блокировать "мусорные" и рекламные скрипты на сайтах.
К сожалению, его разработчик забросил расширение еще в 2015 году, так и не поменяв его стили.
Но эта проблема уже решена. Ниже можно скопировать новые (не вырви-глаз) стили для Скрипт блокера. А затем код легко вставляется в файлы стилей. Таким же путем (редактирование) можно сменить и иконку расширения.
Станет так (при желании можно раскрасить по - своему) Здесь также были изменены иконки.
style. css
-----------
html {
margin:0;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
}
body { margin:0; padding:0; width:100%; font-size:12px;
font-family:cursive; color:#222; background-color:#DFDFDF;
white-space: nowrap; text-overflow: ellipsis;
}
*:focus {outline: 0;}
#headerleft{float: left;margin-top: 2px;}
#headerright{float:right;text-align: right;margin-top: 2px;}
#buttoncontainer{
clear:both;
margin: 0 auto;
margin-bottom: 0;
text-align: center;
}
.scriptlabelclass{
display: inline-block;
text-align: left;
}
.scriptlabelclass > span{
display: inline-block;
font-size: 12px;
margin-right: 24px;
vertical-align: middle;
padding-left: 2px;
}
.scriptlabelclass > img{
vertical-align: middle;
display: inline-block;
margin: 0 8px 0 10px;
padding: 3px;
background: inherit;
transition: background 400ms ease-out;
border-radius: 18px;}
#Reloadbtn{border: 1px solid #749799;background: #749799;
color: #fff;margin: 0;padding: 0;width: 310px;height:30px;max-height:30px;
line-height:30px;box-sizing: border-box;text-shadow: 0 0 0 rgba(0,0,0,0);
border: 0;transition:background 400ms ease-out;}
#Reloadbtn:active{background-color: #2A82B4;}
.btnobjclass{
padding: 5px 0;
width: 310px;
margin-right: 0;
margin-top: 4px;
cursor: pointer;
font-weight: bold;
font-size:13px;
font-family:arial;
color: #fff;
background-color: #2775A2;
border: 1px solid #11817a;
text-shadow:
0px -1px 0px rgba(000,000,000,0.7),
0px 1px 0px rgba(255,255,255,0.3);
}
.btnobjclass:hover{
box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 3px rgba(255, 255, 255, 1);
}
.allowallbuttonclass{ font-size: 12px; font-weight: bold;
font-family: arial; padding: 0;
width: 155px; height: 30px; max-height: 30px; line-height: 30px;
box-sizing: border-box;margin: 0; cursor: pointer;color: #FFF;
background-color: #6EB9BD;border:1px solid ##6EB9BD;
text-shadow: 0px -1px 0px rgba(000,000,000,0.7),
0px 1px 0px rgba(255,255,255,0.3); transition: background 400ms ease-out;
}
.allowallbuttonclass:hover{background-color: ##6EB9BD !important;
box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 3px rgba(255, 255, 255, 1);
}
.blockallbuttonclass{font-size: 12px;font-weight: bold;
font-family: arial;padding: 0;width: 156px;margin: 0;
height: 30px;max-height: 30px;line-height: 30px; cursor: pointer;
border: 1px #888888; margin-left: -1px; box-sizing: border-box;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);color: #FFF;
background-color: #888888;transition: background 400ms ease-out;}
.blockallbuttonclass:hover{background-color: #888888 !important;
box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1),
inset 0 -1px 3px rgba(255, 255, 255, 1);}
.blockallbuttonclass:active{background-image: linear-gradient(#ccc, #999);}
.currenttitleclass{font-weight: bold;font-size: 12px;margin: 0; color: #0D6CAB;
white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
padding: 0px 8px 0px 26px;max-height: 30px;width: 100%;line-height: 30px;
vertical-align: top;box-sizing: border-box;}
.currenttitleclass > img{
vertical-align: text-bottom;
cursor: pointer;
margin-right: 5px;
padding: 3px;
background: inherit;
transition: background 400ms ease-out;
border-radius: 16px;
}
.currenttitleclass > img:hover{background: #C8A815;}
div input[type=checkbox]{ display: none;}
div input[type=checkbox]+label {font-size:12px;font-family:cursive;padding: 0 4px;
display:inline-block;width: 100%;margin: 0;margin-top: -1px;margin-left: -1px;
background-color: #efefef;color: #444;cursor: pointer;transition-property: border,background;
transition-duration: 0.1s,0.2s;text-align:left;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;
height: 50%; line-height: 18px;}
div input[type=checkbox]+label:hover{
color:#E2C205!important;
}
div input[type=checkbox]:checked+label {color: #fff;background-color: #8ECA74;
border-top: 1px solid #8ECA74;border-bottom: 1px solid #8ECA74;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {
background-color: #f2f2f2;
}
::-webkit-scrollbar-thumb {
background-color: #888;
}
::-webkit-scrollbar-thumb:hover {
background-color: #ddd;
}
#headerleft img{
margin-right: 3px;
cursor: pointer;
}
#headerleft img:hover{background: yellow;}
.tabs input[type=radio] {display: none;}
.tabs {width: 313px;float: none;list-style: none;position: relative;
padding: 0;margin: 0;white-space: nowrap;}
.tabs li{float: left;}
.tabs .tablabelclass{
display: inline-block;
padding: 5px;
width: 52px;
max-width: 52px;
text-align:center;
color: #8ECA74;
font-size: 13px;
font-weight: normal;
background: rgba(255,255,255,0.2);
cursor: pointer;
position: relative;
top: 5px;
height: 25px;
transition: all 0.1s ease-in-out;
}
.tabs .tablabelclass:hover {
color:#749799;
top: 0;
}
[id^=tab]:checked + .tablabelclass {
background: #8ECA74;
color: white;
top: 0;
}
[id^=tab]:checked ~ [id^=tab-content] {
display: block;
}
.tab-content{
z-index: 2;
display: none;
text-align: left;
width: 100%;
background: #8ECA74;
padding: 0;
color: white;
position: absolute;
left: 0;
box-sizing: border-box;
margin-bottom: 0;
max-height: 418px;
overflow-y:auto;
overflow-x:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.headericoncontent{
width: 100%;
height: 27px;
line-height: 26px;
margin: 0;
background: #888888;
border-bottom: 1px solid;
box-sizing: border-box;
}
.headericoncontent img{
transition: all 0.12s ease-in-out;
background: inherit;
cursor: pointer !important;
}
.headericoncontent img:hover{
background: #C8A815 !important;
}
#lasttablabel{
width: 52px;
max-width: 52px;
}
.tablabelclass > span{
position: absolute;
bottom: 0;
left: 0;
color: #000;
font-size: 12px;
z-index: 1000;
display: inline-block;
width: 60px;
}
#httpreqdiv{position: fixed; top: 103px; left: 310px; width: 310px;
height: 488px; background: rgba(255,255,255,1);
display: none; opacity: 1;text-align: center;z-index: 1000;
background: #494846; transition: all 300ms ease-out;}
.http-h3{color: #8AD7F6;margin: 0;padding: 0;
line-height: 30px;height: 30px;box-sizing: border-box;font-size: 15px;
background: #DCDCDC;}
.type-select{
text-align: left;
line-height: 30px;
height: 40px;
box-sizing: border-box;
background: #494846;
}
#http-request-type-select{width: 110px;height: 30px;font-size: 13px;
background: #fff;margin-left: 11px;}
#http-request-input{
width: 161px;
height: 23px;
padding: 0px 6px;
outline: none;
border-radius: 0px;
color: #000;
background: #fff;
border: 1px solid #000;
font-size: 13px;
font-family: arial, sans-serif;
}
#http-request-content { text-align: left; width: 310px;
background: #DCDCDC; padding: 10px 0;
color: white; box-sizing: border-box; max-height: 410px;
height: 410px; overflow-y: auto; overflow-x: hidden;
white-space: nowrap; text-overflow: ellipsis;
}
#currnttitle{
font-size: 14px; height: 30px; max-height: 30px; line-height: 30px;
padding: 0;text-align: center;width: 310px;
margin-top: 0px;margin-bottom: 0;
box-sizing: border-box; padding-left: 12px;
}
.reqitems{color: #888;margin: 0;padding: 0;
width: 310px;box-sizing: border-box;line-height: 1.2;
font-size: 12px;cursor: pointer;
}
.reqitems:hover{background: #444 !important;}
.req-filename{color: #749799;font-size: 12px;font-weight: bold;
padding: 5px 0px 0 8px;}
.req-domain{ font-size: 12px; font-weight: normal; color: #999;
padding: 4px 0 10px 24px; border-bottom: 1px solid #444; text-align: left;
}
Нет комментариев
Добавить комментарий