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

8
pages/options/options.css
View File

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