This commit is contained in:
parent
e26f0ab4a2
commit
74252d0ee4
14
base.css
14
base.css
@ -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;
|
||||||
}
|
}
|
||||||
|
4
dark.css
4
dark.css
@ -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{
|
||||||
|
@ -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='↓'></div></label>
|
<label class="sort-button no-dec" for="sort-menu" title="Order and Sort Options"><div><img src="{{ .Data.SortImageLocation }}" width="64px" alt='↓'></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">
|
||||||
|
@ -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{
|
||||||
|
Loading…
Reference in New Issue
Block a user