From bc78bc7c5af32d719e666a23e387969d8869d16a Mon Sep 17 00:00:00 2001 From: "Ilya Ig. Petrov" Date: Fri, 21 Apr 2017 16:04:11 +0500 Subject: [PATCH 001/117] Restyle tabs, add tab for own proxies --- .../pages/choose-pac-provider/index.html | 92 ++++++++++++++++--- 1 file changed, 79 insertions(+), 13 deletions(-) diff --git a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html index 3efdf4e..43641ce 100644 --- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html +++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/choose-pac-provider/index.html @@ -82,6 +82,10 @@ padding-left: 1.4em; padding-right: 1.4em; } + .horizontal-list, + .horizontal-list li { + line-height: 100%; + } .horizontal-list li { display: inline-block; } @@ -147,6 +151,7 @@ :root:not(.if-options-page) #acc-pac:not(:checked) ~ .main-nav section[data-for="acc-pac"], :root:not(.if-options-page) #acc-exc:not(:checked) ~ .main-nav section[data-for="acc-exc"], + :root:not(.if-options-page) #acc-own:not(:checked) ~ .main-nav section[data-for="acc-own"], :root:not(.if-options-page) #acc-mods:not(:checked) ~ .main-nav section[data-for="acc-mods"], :root:not(.if-options-page) #acc-ntf:not(:checked) ~ .main-nav section[data-for="acc-ntf"] { @@ -164,6 +169,7 @@ } :root:not(.if-options-page) #acc-pac:not(:checked) ~ .main-nav section[data-for="acc-pac"] *, :root:not(.if-options-page) #acc-exc:not(:checked) ~ .main-nav section[data-for="acc-exc"] *, + :root:not(.if-options-page) #acc-own:not(:checked) ~ .main-nav section[data-for="acc-own"] *, :root:not(.if-options-page) #acc-mods:not(:checked) ~ .main-nav section[data-for="acc-mods"] *, :root:not(.if-options-page) #acc-ntf:not(:checked) ~ .main-nav section[data-for="acc-ntf"] * { @@ -176,42 +182,44 @@ .nav-labels li label { display: inline-block; - border: 2px solid var(--blue-bg); - border-radius: 0.7em; + border: 1px solid var(--blue-bg); + border-radius: 0.2em; background-color: white; color: var(--ribbon-color); - padding: 0.2em 0.65em 0.3em 0.4em; - line-height: 0.9em; + padding: 0.2em 0.3em 0.3em 0.2em; + line-height: 0.8em; margin: 0.1em 0; } .nav-labels li label:hover { background-color: var(--blue-bg); color: white; + /* border-color: white; - border-style: dotted; + border-style: dotted;*/ } /* CHECKED LABELS */ #acc-pac:checked ~ .nav-labels label[for="acc-pac"]:not(:hover), #acc-exc:checked ~ .nav-labels label[for="acc-exc"]:not(:hover), + #acc-own:checked ~ .nav-labels label[for="acc-own"]:not(:hover), #acc-mods:checked ~ .nav-labels label[for="acc-mods"]:not(:hover), #acc-ntf:checked ~ .nav-labels label[for="acc-ntf"]:not(:hover) { background-color: var(--blue-bg); color: white; - - line-height: 0.8em; } /* ★★★★★ */ .nav-labels label:before { - content: '★ '; + content: '★'; + padding-right: 0.1em; visibility: hidden; } .nav-labels li label:hover:before, #acc-pac:checked ~ .nav-labels label[for="acc-pac"]:before, #acc-exc:checked ~ .nav-labels label[for="acc-exc"]:before, + #acc-own:checked ~ .nav-labels label[for="acc-own"]:before, #acc-mods:checked ~ .nav-labels label[for="acc-mods"]:before, #acc-ntf:checked ~ .nav-labels label[for="acc-ntf"]:before { @@ -435,15 +443,17 @@ + -