.
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Captain ALM 2022-07-29 21:09:48 +01:00
parent e26f0ab4a2
commit 74252d0ee4
Signed by: alfred
GPG Key ID: 4E4ADD02609997B1
4 changed files with 14 additions and 12 deletions

View File

@ -61,26 +61,26 @@ main{
position: fixed; position: fixed;
max-height: 0; max-height: 0;
} }
.so-pane > div{ .so-pane > form > div{
display: table-row; display: table-row;
background-color: transparent; background-color: transparent;
box-sizing: inherit; box-sizing: inherit;
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
} }
.so-pane > div > div, .so-pane > div > span{ .so-pane > form > div > div, .so-pane > form > div > span{
background-color: transparent; background-color: transparent;
box-sizing: content-box; box-sizing: inherit;
padding: 2px; padding: 2px;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
} }
.so-pane > div > div{ .so-pane > form > div > div{
display: table-cell; display: table-cell;
max-width: 50%; max-width: 50%;
width: 50%; width: 50%;
} }
.so-pane > div > span{ .so-pane > form > div > span{
display: block; display: block;
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
@ -89,7 +89,7 @@ main{
display: table-caption !important; display: table-caption !important;
caption-side: bottom; caption-side: bottom;
} }
.so-pane > div > div > *{ .so-pane > form > div > div > *{
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
vertical-align: middle; vertical-align: middle;
@ -99,7 +99,7 @@ main{
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
.so-pane > div > div > label{ .so-pane > form > div > div > label{
background-color: transparent; background-color: transparent;
text-align: center; text-align: center;
} }

View File

@ -13,10 +13,10 @@ a{
.header, .nav, footer, .so-pane{ .header, .nav, footer, .so-pane{
background-color: #1d1d1e; background-color: #1d1d1e;
} }
.home-button > div, .sort-button > div, .menu a, .so-pane > div > div > *{ .home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{
color: #e0e0e0; color: #e0e0e0;
} }
.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > div > div > input, .so-pane > div > div > select{ .home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > div > input, .so-pane > form > div > div > select{
background-color: #606061; background-color: #606061;
} }
.hmb-line, .hmb-line::before, .hmb-line::after{ .hmb-line, .hmb-line::before, .hmb-line::after{

View File

@ -28,7 +28,8 @@
{{ end }} {{ end }}
<input class="sort-menu" type="checkbox" id="sort-menu"/> <input class="sort-menu" type="checkbox" id="sort-menu"/>
<label class="sort-button no-dec" for="sort-menu" title="Order and Sort Options"><div><img src="{{ .Data.SortImageLocation }}" width="64px" alt='&#8595;'></div></label> <label class="sort-button no-dec" for="sort-menu" title="Order and Sort Options"><div><img src="{{ .Data.SortImageLocation }}" width="64px" alt='&#8595;'></div></label>
<form class="so-pane" action="?" method="get" id="so-form"> <div class="so-pane">
<form action="?" method="get" id="so-form">
{{ if .Light }} {{ if .Light }}
<input id="so-theme" type="hidden" name="light" /> <input id="so-theme" type="hidden" name="light" />
{{ end }} {{ end }}
@ -81,6 +82,7 @@
<span><input id="so-submit" type="submit" value="Commit"></span> <span><input id="so-submit" type="submit" value="Commit"></span>
</div> </div>
</form> </form>
</div>
<input class="nav-menu" type="checkbox" id="nav-menu"/> <input class="nav-menu" type="checkbox" id="nav-menu"/>
<label class="hmb" for="nav-menu" title="Navigation Links"><span class="hmb-line"></span></label> <label class="hmb" for="nav-menu" title="Navigation Links"><span class="hmb-line"></span></label>
<nav class="nav" id="nav"> <nav class="nav" id="nav">

View File

@ -13,10 +13,10 @@ a{
.header, .nav, footer, .so-pane{ .header, .nav, footer, .so-pane{
background-color: #e2e2e1; background-color: #e2e2e1;
} }
.home-button > div, .sort-button > div, .menu a, .so-pane > div > div > *{ .home-button > div, .sort-button > div, .menu a, .so-pane > form > div > div > *{
color: #1f1f1f; color: #1f1f1f;
} }
.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > div > div > input, .so-pane > div > div > select{ .home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > form > div > div > input, .so-pane > form > div > div > select{
background-color: #9f9f9e; background-color: #9f9f9e;
} }
.hmb-line, .hmb-line::before, .hmb-line::after{ .hmb-line, .hmb-line::before, .hmb-line::after{