Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-11-17 16:02:33 +01: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) { #panes > div:nth-of-type(1) {
min-width: 150px; min-width: 150px;
padding: 4px 1px; padding: 4px 1px;
position: relative;
} }
p { p {
text-align: center; text-align: center;
@ -171,8 +172,54 @@ body.dirty #refresh:hover {
font-size: 12px; font-size: 12px;
margin: 0; margin: 0;
padding: 0; padding: 0;
padding-top: 22px;
text-align: right; 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 { #firewallContainer > div {
background-color: #e6e6e6; background-color: #e6e6e6;
border: 0; border: 0;
@ -208,26 +255,23 @@ body.dirty #refresh:hover {
cursor: pointer; cursor: pointer;
} }
#firewallContainer > div > span:nth-of-type(1) { #firewallContainer > div > span:nth-of-type(1) {
border-right: 1px solid white;
padding-right: 2px; padding-right: 2px;
position: relative; position: relative;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 70%; width: 70%;
} }
#firewallContainer > div > span:nth-of-type(2) { #firewallContainer > div > span:nth-of-type(2),
cursor: pointer;
width: 15%;
}
#firewallContainer > div > span:nth-of-type(3), #firewallContainer > div > span:nth-of-type(3),
#firewallContainer > div > span:nth-of-type(4) { #firewallContainer > div > span:nth-of-type(4) {
border-left: 1px solid white; border-left: 1px solid white;
color: #444;
cursor: pointer; cursor: pointer;
text-align: center;
width: 15%; width: 15%;
} }
#firewallContainer > div > span:nth-of-type(4) { #firewallContainer > div > span:nth-of-type(2),
display: none; #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) { #firewallContainer > div.isDomain > span:nth-of-type(1) {
font-weight: bold; font-weight: bold;
@ -240,10 +284,14 @@ body.dirty #refresh:hover {
#firewallContainer.minimized > div:nth-of-type(1) > span:nth-of-type(1):before { #firewallContainer.minimized > div:nth-of-type(1) > span:nth-of-type(1):before {
content: '+'; 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; 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; display: inline-block;
} }
#firewallContainer > div.allowed > span:nth-of-type(1):before, #firewallContainer > div.allowed > span:nth-of-type(1):before,
@ -335,6 +383,7 @@ body.dirty #refresh:hover {
line-height: 40px; line-height: 40px;
padding: 0.1em 0.4em; padding: 0.1em 0.4em;
position: fixed; position: fixed;
z-index: 10;
text-align: center; text-align: center;
} }
#firewallContainer.dirty ~ #saveRules { #firewallContainer.dirty ~ #saveRules {