Use css for darkmode
This commit is contained in:
parent
de875bd384
commit
97a56145b2
62 changed files with 6748 additions and 1034 deletions
|
@ -1,39 +1,5 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block media %}
|
||||
<style>
|
||||
#login-panel {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 5em auto auto -10em;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.social {
|
||||
display: inline;
|
||||
font-size: 2.3em;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.google-icon i {
|
||||
color: #DD4B38;
|
||||
}
|
||||
|
||||
.facebook-icon i {
|
||||
color: #133783;
|
||||
}
|
||||
|
||||
.github-icon i {
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div id="login-panel">
|
||||
<form action="" method="post" class="form-area">
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<span style="display:block;margin: 0 2px;padding: 1em;border: 3px solid #FFDE05;background-color: #000;border-radius: 6px;font-size: .95em;color: #444;margin-bottom:0.75em">
|
||||
<div style="display:table;margin-left:2em"><img src="https://avatars1.githubusercontent.com/u/6934864?v=3&s=101" style="display:inline;vertical-align: middle">
|
||||
<h1 style="font-size:4em;display:inline;vertical-align: middle"><a href="//{{ domain }}" style="text-decoration:none;color:gray"><span style="color: #FFDE05">DM::</span>OJ</a>
|
||||
<h1 style="font-size:4em;display:inline;vertical-align: middle"><a href="//{{ domain }}" style="text-decoration:none;color:gray"><span style="color: #FFDE05">LQD</span>OJ</a>
|
||||
</h1>
|
||||
</div>
|
||||
</span>
|
||||
|
|
|
@ -4,114 +4,9 @@
|
|||
{% include "timezone/media-css.html" %}
|
||||
{{ form.media.css }}
|
||||
<style>
|
||||
.sortedm2m-container, .sortedm2m-container p.selector-filter {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.sortedm2m-container p.selector-filter input {
|
||||
width: 262px;
|
||||
}
|
||||
|
||||
ul.sortedm2m {
|
||||
width: 284px;
|
||||
min-height: 100px;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.sortedm2m-container, .sortedm2m-container p.selector-filter {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.sortedm2m-container p.selector-filter input {
|
||||
width: 262px;
|
||||
}
|
||||
|
||||
ul.sortedm2m {
|
||||
width: 284px;
|
||||
min-height: 70px;
|
||||
max-height: 200px;
|
||||
height: 70px
|
||||
}
|
||||
|
||||
.grayed {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.inline-header {
|
||||
float: left;
|
||||
font-size: 1.1em;
|
||||
padding: 4px 8px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.block-header {
|
||||
color: #555;
|
||||
font-size: 1.1em;
|
||||
font-weight: 600;
|
||||
padding-bottom: 0.2em;
|
||||
padding-left: 2px;
|
||||
margin-top: 0.75em
|
||||
}
|
||||
|
||||
.fullwidth {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fullwidth input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fullwidth-error input {
|
||||
width: 100%;
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
.form-field-error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.7em;
|
||||
padding-left: 0.6em;
|
||||
}
|
||||
|
||||
#edit-form {
|
||||
border: unset;
|
||||
background: unset;
|
||||
max-width: 450px;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
#content-body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#center-float {
|
||||
display: inline-block;
|
||||
text-align: initial;
|
||||
max-width: 450px;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.full-textfield {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
||||
.tos-section {
|
||||
display: inline-block;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.pass-req {
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
|
@ -132,7 +27,7 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div id="center-float">
|
||||
<div id="center-float" class="registration-form">
|
||||
<form id="edit-form" action="" method="post" class="form-area">
|
||||
{% csrf_token %}
|
||||
|
||||
|
@ -214,7 +109,7 @@
|
|||
</form>
|
||||
</div>
|
||||
|
||||
<div class="map-wrap">
|
||||
<div class="map-wrap registration-form">
|
||||
<div class="map-inset">
|
||||
<div class="map-axis-x"></div>
|
||||
<div class="map-axis-y"></div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue