mirror of
https://github.com/anticensority/runet-censorship-bypass.git
synced 2024-11-13 04:56:34 +03:00
Change colors, make apply-button shared
This commit is contained in:
parent
5cac8779c3
commit
a1f6784fae
|
@ -1,4 +1,6 @@
|
||||||
node_modules
|
node_modules
|
||||||
|
node_modules_linux
|
||||||
|
node_modules_win
|
||||||
npm-debug.log
|
npm-debug.log
|
||||||
.swp
|
.swp
|
||||||
build/
|
build/
|
||||||
|
|
|
@ -8,6 +8,8 @@
|
||||||
--ribbon-color: #4169e1;
|
--ribbon-color: #4169e1;
|
||||||
--blue-bg: dodgerblue;
|
--blue-bg: dodgerblue;
|
||||||
--default-grey: #bfbfbf;
|
--default-grey: #bfbfbf;
|
||||||
|
--mild-hr: #d3d3d3;
|
||||||
|
--hr: #bababa;
|
||||||
max-width: 28em;
|
max-width: 28em;
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
|
@ -52,7 +54,7 @@
|
||||||
#list-of-notifiers {
|
#list-of-notifiers {
|
||||||
margin-left: 0.4em;
|
margin-left: 0.4em;
|
||||||
}
|
}
|
||||||
li, footer {
|
li, .nowrap {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
word-break: keep-all;
|
word-break: keep-all;
|
||||||
|
@ -67,7 +69,8 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
hr {
|
hr {
|
||||||
border-width: 1px 0 0 0;
|
border: none;
|
||||||
|
border-top: 1px solid var(--hr);
|
||||||
margin: 0 0 0.6em 0;
|
margin: 0 0 0.6em 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
@ -143,17 +146,19 @@
|
||||||
:root.if-options-page section[data-for] {
|
:root.if-options-page section[data-for] {
|
||||||
padding-bottom: 0.6em;
|
padding-bottom: 0.6em;
|
||||||
}
|
}
|
||||||
:root.if-options-page section[data-for]:not(:last-child) {
|
:root.if-options-page section[data-for]:not(:last-child),
|
||||||
border-bottom: 1px solid var(--default-grey);
|
.underlined {
|
||||||
|
border-bottom: 1px solid var(--mild-hr);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* HIDE */
|
/* HIDE starts. */
|
||||||
|
|
||||||
:root:not(.if-options-page) #acc-pac:not(:checked) ~ .main-nav section[data-for="acc-pac"],
|
: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-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-own-mods:not(:checked) ~ .main-nav section[data-for="acc-own-mods"],
|
||||||
:root:not(.if-options-page) #acc-mods:not(:checked) ~ .main-nav section[data-for="acc-mods"],
|
: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"]
|
:root:not(.if-options-page) #acc-ntf:not(:checked) ~ .main-nav section[data-for="acc-ntf"],
|
||||||
|
/* One button shared between two sections: */
|
||||||
|
:root:not(.if-options-page) #acc-own-mods:not(:checked) + #acc-mods:not(:checked) ~ .main-nav #apply-mods-button
|
||||||
{
|
{
|
||||||
/* Hide, but preclude width resizes. */
|
/* Hide, but preclude width resizes. */
|
||||||
height: 0px !important;
|
height: 0px !important;
|
||||||
|
@ -169,21 +174,25 @@
|
||||||
}
|
}
|
||||||
:root:not(.if-options-page) #acc-pac:not(:checked) ~ .main-nav section[data-for="acc-pac"] *,
|
: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-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-own-mods:not(:checked) ~ .main-nav section[data-for="acc-own-mods"] *,
|
||||||
:root:not(.if-options-page) #acc-mods:not(:checked) ~ .main-nav section[data-for="acc-mods"] *,
|
: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"] *
|
:root:not(.if-options-page) #acc-ntf:not(:checked) ~ .main-nav section[data-for="acc-ntf"] *,
|
||||||
|
/* One button shared between two sections: */
|
||||||
|
:root:not(.if-options-page) #acc-own-mods:not(:checked) + #acc-mods:not(:checked) ~ .main-nav #apply-mods-button *
|
||||||
{
|
{
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
}
|
}
|
||||||
|
/* HIDE ends. */
|
||||||
|
|
||||||
.nav-labels {
|
.nav-labels {
|
||||||
background-color: #eef;
|
background-color: var(--chrome-grey);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.nav-labels li label {
|
.nav-labels li label {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
border: 1px solid var(--blue-bg);
|
border: 1px solid var(--ribbon-color);
|
||||||
border-radius: 0.2em;
|
border-radius: 0.2em;
|
||||||
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
@ -201,10 +210,11 @@
|
||||||
border-color: white;
|
border-color: white;
|
||||||
border-style: dotted;*/
|
border-style: dotted;*/
|
||||||
}
|
}
|
||||||
/* CHECKED LABELS */
|
|
||||||
|
/* LABELS starts. */
|
||||||
#acc-pac:checked ~ .nav-labels label[for="acc-pac"]:not(:hover),
|
#acc-pac:checked ~ .nav-labels label[for="acc-pac"]:not(:hover),
|
||||||
#acc-exc:checked ~ .nav-labels label[for="acc-exc"]: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-own-mods:checked ~ .nav-labels label[for="acc-own-mods"]:not(:hover),
|
||||||
#acc-mods:checked ~ .nav-labels label[for="acc-mods"]:not(:hover),
|
#acc-mods:checked ~ .nav-labels label[for="acc-mods"]:not(:hover),
|
||||||
#acc-ntf:checked ~ .nav-labels label[for="acc-ntf"]:not(:hover)
|
#acc-ntf:checked ~ .nav-labels label[for="acc-ntf"]:not(:hover)
|
||||||
{
|
{
|
||||||
|
@ -220,12 +230,13 @@
|
||||||
.nav-labels li label:hover:before,
|
.nav-labels li label:hover:before,
|
||||||
#acc-pac:checked ~ .nav-labels label[for="acc-pac"]:before,
|
#acc-pac:checked ~ .nav-labels label[for="acc-pac"]:before,
|
||||||
#acc-exc:checked ~ .nav-labels label[for="acc-exc"]:before,
|
#acc-exc:checked ~ .nav-labels label[for="acc-exc"]:before,
|
||||||
#acc-own:checked ~ .nav-labels label[for="acc-own"]:before,
|
#acc-own-mods:checked ~ .nav-labels label[for="acc-own-mods"]:before,
|
||||||
#acc-mods:checked ~ .nav-labels label[for="acc-mods"]:before,
|
#acc-mods:checked ~ .nav-labels label[for="acc-mods"]:before,
|
||||||
#acc-ntf:checked ~ .nav-labels label[for="acc-ntf"]:before
|
#acc-ntf:checked ~ .nav-labels label[for="acc-ntf"]:before
|
||||||
{
|
{
|
||||||
visibility: initial;
|
visibility: initial;
|
||||||
}
|
}
|
||||||
|
/* LABELS ends. */
|
||||||
|
|
||||||
/* COMMON 2 */
|
/* COMMON 2 */
|
||||||
|
|
||||||
|
@ -444,7 +455,7 @@
|
||||||
|
|
||||||
<input type="radio" name="accordion" class="off" id="acc-pac" checked/>
|
<input type="radio" name="accordion" class="off" id="acc-pac" checked/>
|
||||||
<input type="radio" name="accordion" class="off" id="acc-exc"/>
|
<input type="radio" name="accordion" class="off" id="acc-exc"/>
|
||||||
<input type="radio" name="accordion" class="off" id="acc-own"/>
|
<input type="radio" name="accordion" class="off" id="acc-own-mods"/>
|
||||||
<input type="radio" name="accordion" class="off" id="acc-mods"/>
|
<input type="radio" name="accordion" class="off" id="acc-mods"/>
|
||||||
<input type="radio" name="accordion" class="off" id="acc-ntf"/>
|
<input type="radio" name="accordion" class="off" id="acc-ntf"/>
|
||||||
|
|
||||||
|
@ -452,7 +463,7 @@
|
||||||
<ul class='horizontal-list'>
|
<ul class='horizontal-list'>
|
||||||
<li><label for="acc-pac" class="nav-label">PAC-скрипт</label></li>
|
<li><label for="acc-pac" class="nav-label">PAC-скрипт</label></li>
|
||||||
<li><label for="acc-exc" class="nav-label">Исключения</label></li>
|
<li><label for="acc-exc" class="nav-label">Исключения</label></li>
|
||||||
<li><label for="acc-own" class="nav-label">Свои прокси</label></li>
|
<li><label for="acc-own-mods" class="nav-label">Свои прокси</label></li>
|
||||||
<li><label for="acc-mods" class="nav-label">Модификаторы</label></li>
|
<li><label for="acc-mods" class="nav-label">Модификаторы</label></li>
|
||||||
<li><label for="acc-ntf" class="nav-label">Уведомления</label></li>
|
<li><label for="acc-ntf" class="nav-label">Уведомления</label></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -479,7 +490,7 @@
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section data-for="acc-exc" class="only-for-options-page">
|
<section class="only-for-options-page nowrap underlined">
|
||||||
Редактор исключений доступен толко для <a href="chrome://newtab">вкладок</a>.
|
Редактор исключений доступен толко для <a href="chrome://newtab">вкладок</a>.
|
||||||
</section>
|
</section>
|
||||||
<section data-for="acc-exc" class="hidden-for-options-page">
|
<section data-for="acc-exc" class="hidden-for-options-page">
|
||||||
|
@ -507,26 +518,17 @@
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section data-for="acc-own">
|
<section data-for="acc-own-mods">
|
||||||
|
<ul id="own-proxies"></ul>
|
||||||
<ul id="own-proxies">
|
|
||||||
<li class="control-row hor-flex">
|
|
||||||
<input type="button" value="Применить" id="apply-mods" disabled/>
|
|
||||||
<a href id="bar-reset-mods">К изначальным!</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section data-for="acc-mods">
|
<section data-for="acc-mods">
|
||||||
|
<ul id="pac-mods"></ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
<ul id="pac-mods">
|
<section id="apply-mods-button" class="control-row hor-flex" style="margin-top: 0.2em">
|
||||||
<li class="control-row hor-flex">
|
|
||||||
<input type="button" value="Применить" id="apply-mods" disabled/>
|
<input type="button" value="Применить" id="apply-mods" disabled/>
|
||||||
<a href id="reset-mods">К изначальным!</a>
|
<a href id="reset-mods">К изначальным!</a>
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section data-for="acc-ntf">
|
<section data-for="acc-ntf">
|
||||||
|
@ -544,7 +546,7 @@
|
||||||
<div id="status" style="will-change: contents">Загрузка...</div>
|
<div id="status" style="will-change: contents">Загрузка...</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer class="control-row hor-flex">
|
<footer class="control-row hor-flex nowrap">
|
||||||
<input type="button" value="Готово" class="close-button">
|
<input type="button" value="Готово" class="close-button">
|
||||||
<a href="../troubleshoot/index.html">
|
<a href="../troubleshoot/index.html">
|
||||||
Проблемы?
|
Проблемы?
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
const commonContext = {
|
const commonContext = {
|
||||||
version: '0.33',
|
version: '0.34',
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.contexts = {};
|
exports.contexts = {};
|
||||||
|
|
Loading…
Reference in New Issue
Block a user