Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-09-29 14:17:11 +02:00
Code Issues Releases Wiki Activity

dfPanel CSS

Browse Source
This commit is contained in:
Chris 2015-03-25 21:26:24 -05:00
parent 9ee9ceed7d
commit 1fa533d794
1 changed files with 60 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/css/popup.css
View File

@ -81,6 +81,7 @@ body[dir="rtl"] #panes > div:nth-of-type(2) {
#panes > div:nth-of-type(1) {
min-width: 150px;
padding: 4px 1px;
position: relative;
}
p {
text-align: center;
@ -171,8 +172,54 @@ body.dirty #refresh:hover {
font-size: 12px;
margin: 0;
padding: 0;
padding-top: 22px;
text-align: right;
}
#scopeIcons {
display: none;
cursor: default;
position: fixed;
z-index: 1;
border: 0;
direction: ltr;
margin: 0;
padding: 0;
font-size: 16px;
opacity: 0.9;
background: white;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#panes.dfEnabled #scopeIcons {
display: block;
}
#scopeIcons > span {
background-color: transparent;
border: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: black;
display: inline-block;
height: 22px;
line-height: 22px;
text-align: center;
overflow: hidden;
position: relative;
vertical-align: middle;
}
#scopeIcons > span:nth-of-type(1) {
width: 70%;
}
#scopeIcons > span:nth-of-type(2) {
font-size: 80%;
}
#scopeIcons > span:nth-of-type(3) {
font-size: 110%;
}
#scopeIcons > span:nth-of-type(2),
#scopeIcons > span:nth-of-type(3) {
width: 15%;
}
#firewallContainer > div {
background-color: #e6e6e6;
border: 0;
@ -208,26 +255,23 @@ body.dirty #refresh:hover {
cursor: pointer;
}
#firewallContainer > div > span:nth-of-type(1) {
border-right: 1px solid white;
padding-right: 2px;
position: relative;
text-overflow: ellipsis;
width: 70%;
}
#firewallContainer > div > span:nth-of-type(2) {
cursor: pointer;
width: 15%;
}
#firewallContainer > div > span:nth-of-type(2),
#firewallContainer > div > span:nth-of-type(3),
#firewallContainer > div > span:nth-of-type(4) {
border-left: 1px solid white;
color: #444;
cursor: pointer;
text-align: center;
width: 15%;
}
#firewallContainer > div > span:nth-of-type(4) {
display: none;
#firewallContainer > div > span:nth-of-type(2),
#firewallContainer > div.isDomain > span:nth-of-type(3),
#firewallContainer > div.isSubDomain > span:nth-of-type(3) {
text-align: center;
color: #444;
}
#firewallContainer > div.isDomain > span:nth-of-type(1) {
font-weight: bold;
@ -240,10 +284,14 @@ body.dirty #refresh:hover {
#firewallContainer.minimized > div:nth-of-type(1) > span:nth-of-type(1):before {
content: '+';
}
#firewallContainer.minimized > div.isDomain > span:nth-of-type(3) {
#firewallContainer > div.isDomain > span:nth-of-type(3),
#firewallContainer > div.isSubDomain > span:nth-of-type(3) {
display: none;
}
#firewallContainer.minimized > div.isDomain > span:nth-of-type(4) {
#firewallContainer.minimized > div.isDomain > span:nth-of-type(2) {
display: none;
}
#firewallContainer.minimized > div.isDomain > span:nth-of-type(3) {
display: inline-block;
}
#firewallContainer > div.allowed > span:nth-of-type(1):before,
@ -335,6 +383,7 @@ body.dirty #refresh:hover {
line-height: 40px;
padding: 0.1em 0.4em;
position: fixed;
z-index: 10;
text-align: center;
}
#firewallContainer.dirty ~ #saveRules {