mirror of
https://github.com/gorhill/uMatrix.git
synced 2024-09-30 09:06:56 +13:00
85 lines
2.4 KiB
CSS
85 lines
2.4 KiB
CSS
|
/*******************************************************************************
|
||
|
|
||
|
uMatrix - a browser extension to black/white list requests.
|
||
|
Copyright (C) 2018-present Raymond Hill
|
||
|
|
||
|
This program is free software: you can redistribute it and/or modify
|
||
|
it under the terms of the GNU General Public License as published by
|
||
|
the Free Software Foundation, either version 3 of the License, or
|
||
|
(at your option) any later version.
|
||
|
|
||
|
This program is distributed in the hope that it will be useful,
|
||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
GNU General Public License for more details.
|
||
|
|
||
|
You should have received a copy of the GNU General Public License
|
||
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
||
|
|
||
|
Home: https://github.com/gorhill/uMatrix
|
||
|
*/
|
||
|
|
||
|
.scope {
|
||
|
background-color: #ccc;
|
||
|
border: 1px solid #ccc;
|
||
|
box-sizing: content-box;
|
||
|
-moz-box-sizing: content-box;
|
||
|
display: inline-flex;
|
||
|
color: white;
|
||
|
margin: 0;
|
||
|
padding: 1px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.scope > span {
|
||
|
align-items: center;
|
||
|
display: inline-flex;
|
||
|
}
|
||
|
.scope > span > span {
|
||
|
pointer-events: none;
|
||
|
white-space: nowrap;
|
||
|
}
|
||
|
#specificScope {
|
||
|
direction: ltr;
|
||
|
justify-content: flex-end;
|
||
|
width: 16em;
|
||
|
}
|
||
|
#specificScope.on {
|
||
|
background-color: #24c;
|
||
|
border-color: #24c;
|
||
|
}
|
||
|
#specificScope > span {
|
||
|
background-color: #ccc;
|
||
|
justify-content: flex-end;
|
||
|
}
|
||
|
#specificScope > span.on {
|
||
|
background-color: #24c;
|
||
|
}
|
||
|
#specificScope > span:first-of-type:not(.on):hover,
|
||
|
#specificScope > span:first-of-type:not(.on):hover ~ span:not(.on),
|
||
|
#specificScope > span:not(.on) + span:not(.on):hover,
|
||
|
#specificScope > span:not(.on) + span:not(.on):hover ~ span:not(.on) {
|
||
|
background-color: #999;
|
||
|
}
|
||
|
#specificScope > span:first-of-type:not(.on):hover ~ span,
|
||
|
#specificScope > span:not(.on) + span:not(.on):hover ~ span,
|
||
|
#specificScope > span.on + span:hover,
|
||
|
#specificScope > span.on + span:hover ~ span {
|
||
|
background-color: #139;
|
||
|
}
|
||
|
#specificScope > span:first-of-type {
|
||
|
flex: 1;
|
||
|
}
|
||
|
#globalScope {
|
||
|
justify-content: center;
|
||
|
margin-left: 1px;
|
||
|
width: 1.6em;
|
||
|
}
|
||
|
#globalScope.on {
|
||
|
background-color: #000;
|
||
|
border-color: #000;
|
||
|
}
|
||
|
#globalScope:not(.on):hover {
|
||
|
background-color: #999;
|
||
|
border-color: #999;
|
||
|
}
|