Improve prefs page css
This commit is contained in:
parent
1464131707
commit
d05f4fd3ee
|
@ -208,6 +208,11 @@ nav {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.site-name:hover {
|
||||||
|
color: #ffaca0;
|
||||||
|
text-decoration: unset;
|
||||||
|
}
|
||||||
|
|
||||||
.site-logo {
|
.site-logo {
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
|
@ -1075,15 +1080,17 @@ video, .video-container img {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preferences {
|
.preferences {
|
||||||
background-color: #222222;
|
background-color: #1f1f1f;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
padding: 5px 15px 15px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preferences input[type="text"] {
|
.preferences input[type="text"] {
|
||||||
max-width: 110px;
|
max-width: 120px;
|
||||||
background-color: #121212;
|
background-color: #121212;
|
||||||
padding: 1px 4px;
|
padding: 1px 4px;
|
||||||
color: #f8f8f2;
|
color: #f8f8f2;
|
||||||
|
@ -1099,23 +1106,6 @@ video, .video-container img {
|
||||||
border-color: #ff6c60;
|
border-color: #ff6c60;
|
||||||
}
|
}
|
||||||
|
|
||||||
.preferences button {
|
|
||||||
background-color: #121212;
|
|
||||||
color: #f8f8f2;
|
|
||||||
border: 1px solid #ff6c6091;
|
|
||||||
padding: 3px 6px;
|
|
||||||
margin-top: 4px;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preferences button:hover {
|
|
||||||
border-color: #ff6c60;
|
|
||||||
}
|
|
||||||
|
|
||||||
.preferences button:active {
|
|
||||||
border-color: #ff9f97;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
margin: .35em 0 .75em;
|
margin: .35em 0 .75em;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
@ -1123,22 +1113,40 @@ fieldset {
|
||||||
|
|
||||||
legend {
|
legend {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: .2em 0 .3em 0;
|
padding: .6em 0 .3em 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
border-bottom: 1px solid #888888;
|
border-bottom: 1px solid #3e3e35;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pref-input {
|
.pref-input {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pref-submit, .pref-reset button {
|
||||||
|
background-color: #121212;
|
||||||
|
color: #f8f8f2;
|
||||||
|
border: 1px solid #ff6c6091;
|
||||||
|
padding: 3px 6px;
|
||||||
|
margin-top: 6px;
|
||||||
|
font-size: 14px;
|
||||||
|
cursor: pointer;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pref-submit:hover, .pref-reset button:hover {
|
||||||
|
border-color: #ff6c60;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pref-submit:active, .pref-reset button:active {
|
||||||
|
border-color: #ff9f97;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pref-reset {
|
.pref-reset {
|
||||||
float: right;
|
float: left;
|
||||||
margin-top: -28px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-container {
|
.icon-container {
|
||||||
|
|
|
@ -57,7 +57,7 @@ proc renderPreferences*(prefs: Prefs): VNode =
|
||||||
form(`method`="post", action="saveprefs"):
|
form(`method`="post", action="saveprefs"):
|
||||||
renderPrefs()
|
renderPrefs()
|
||||||
|
|
||||||
button(`type`="submit"):
|
button(`type`="submit", class="pref-submit"):
|
||||||
text "Save preferences"
|
text "Save preferences"
|
||||||
|
|
||||||
form(`method`="post", action="resetprefs", class="pref-reset"):
|
form(`method`="post", action="resetprefs", class="pref-reset"):
|
||||||
|
|
Loading…
Reference in New Issue