filippodb
/
LocalCDN-Firefox-Chrome-Brave
mirror of https://codeberg.org/nobody/LocalCDN.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improved layout of options page for Chromium based browsers

This commit is contained in:
nobody 2020-07-05 08:53:24 +02:00
parent 8b89689a74
commit 568d258b38
No known key found for this signature in database
GPG Key ID: 8F6DE3D614FCFD7A
2 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
pages/base.css
View File

@ -1,6 +1,5 @@
a {
color: #555;
font-weight: bold;
background: url('../../icons/link-dark.svg') no-repeat right center;
background-size: 10px 10px;
padding-right: 13px;
@ -26,13 +25,13 @@ a:hover {
padding: 5px;
font-size: 1.3em;
line-height: 2;
background-color: #fff;
background-color: #f0f0f0;
text-align: center;
}
#button-copy-rule-set:hover {
cursor: pointer;
background-color: #ddd;
background-color: #c1c1c1;
}
#button-copy-rule-set-icon {
@ -62,14 +61,14 @@ a:hover {
.b-contain span {
line-height: 1.54;
font-size: 0.9rem;
font-size: 12px;
font-family: inherit;
}
.b-contain {
display: table;
position: relative;
padding-left: 1.8rem;
padding-left: 25px;
cursor: pointer;
}
@ -77,34 +76,34 @@ a:hover {
position: absolute;
top: 0;
left: 0;
height: 1.25rem;
width: 1.25rem;
height: 16px;
width: 16px;
background: rgba(241, 245, 248, 1);
transition: background 250ms;
border: 1px solid rgba(184, 194, 204, 1);
border-radius: 0.125rem;
border-radius: 2px;
}
.b-contain input[type="radio"] ~ .b-input {
position: absolute;
top: 0;
left: 0;
height: 1.25rem;
width: 1.25rem;
height: 16px;
width: 16px;
background: rgba(241, 245, 248, 1);
transition: background 250ms;
border: 1px solid rgba(184, 194, 204, 1);
border-radius: 2.0rem;
border-radius: 10px;
}
.b-contain input[type="checkbox"] ~ .b-input::after {
content: '';
position: absolute;
display: none;
left: .45rem;
top: .18rem;
width: .25rem;
height: .6rem;
left: 5px;
top: 1px;
width: 4px;
height: 10px;
border: solid rgba(255, 255, 255, 1);
border-width: 0 2px 2px 0;
transition: background 250ms;
@ -115,11 +114,11 @@ a:hover {
content: '';
position: absolute;
display: none;
left: .25rem;
top: .25rem;
width: .75rem;
height: .75rem;
border-radius: 2.0rem;
left: 4px;
top: 4px;
width: 8px;
height: 8px;
border-radius: 4px;
background: rgba(255, 255, 255, 1);
transition: background 250ms;
}

8
pages/options/options.css
View File

@ -6,7 +6,7 @@ body {
color: #555;
cursor: default;
font-family: 'Noto Sans', Arial, sans-serif !important;
font-size: 0.9rem;
font-size: 14px;
margin-top: -15px;
padding: 10px !important;
}
@ -188,8 +188,8 @@ body {
.description-option {
color: #777;
font-style: italic;
padding-left: 1.8rem;
font-size: 0.8rem;
padding-left: 1.5rem;
font-size: 12px;
}
.badge {
@ -268,7 +268,7 @@ body {
}
#block-google-fonts {
padding-left: 1.8rem;
padding-left: 1.5rem;
padding-bottom: 0px;
padding-top: 0.5rem;
}