cute css
This commit is contained in:
parent
a35085c8fd
commit
2b835d7500
4 changed files with 52 additions and 41 deletions
|
|
@ -14,15 +14,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #101210;
|
background: #FFE0F4;
|
||||||
color: #e0e0e0;
|
color: #FF00AA;
|
||||||
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
|
text-shadow: 0px 0px 5px rgba(255, 0, 170, 0.8);
|
||||||
max-width: 800px;
|
padding: 5px;
|
||||||
|
max-width: 75%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
font-family: font;
|
font-family: font;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.2rem;
|
line-height: 1.2rem;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
|
|
@ -42,44 +44,55 @@ strong, b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
margin-top: 32px;
|
||||||
|
background: #fff;
|
||||||
|
padding: 5px;
|
||||||
|
border: medium;
|
||||||
|
border-color: #FF00AA;
|
||||||
|
border-radius: 5px;
|
||||||
|
border-style: dashed;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: #00ff00;
|
color: #FF00AA;
|
||||||
text-decoration: underline yellow;
|
text-decoration: underline yellow;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
color: #00ff00;
|
color: #FF00AA;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
color: #00ff00;
|
color: #FF00AA;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #ffff00;
|
color: #FF699B;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
summary {
|
table {
|
||||||
color: #008800;
|
width: 100%;
|
||||||
background: #101210;
|
border-collapse: collapse;
|
||||||
}
|
}
|
||||||
|
|
||||||
details {
|
th, td {
|
||||||
background: #222;
|
border: 1px solid #ddd;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
summary:hover {
|
th {
|
||||||
color: #fff;
|
background-color: #FF00AA;
|
||||||
cursor: pointer;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service {
|
tr:nth-child(even) {
|
||||||
padding: 0.5rem;
|
background-color: #FF00AA;
|
||||||
border: solid thin #ffff00;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,5 @@
|
||||||
{% extends "page.html" %}
|
{% extends "page.html" %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h2>Home</h2>
|
<h2>Main Page</h2>
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
<p>Page text</p>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
||||||
|
|
@ -19,9 +19,9 @@
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<section>
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
|
</section>
|
||||||
<footer>Dating Website</footer>
|
<footer>Dating Website</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -4,14 +4,13 @@
|
||||||
<h2>Register</h2>
|
<h2>Register</h2>
|
||||||
|
|
||||||
<form method="POST" enctype="multipart/form-data">
|
<form method="POST" enctype="multipart/form-data">
|
||||||
|
<h3>Account (required)</h3>
|
||||||
<h3>Identity (required)</h3>
|
|
||||||
<input type="text" name="username" placeholder="Username" required><br>
|
<input type="text" name="username" placeholder="Username" required><br>
|
||||||
<textarea name="pgp" placeholder="PGP Public Key" required></textarea><br>
|
<textarea name="pgp" placeholder="PGP Public Key" required></textarea><br>
|
||||||
|
|
||||||
<h3>Personal Info (required)</h3>
|
<h3>Personal Info (required)</h3>
|
||||||
<input type="text" name="firstname" placeholder="First Name" required><br>
|
<input type="text" name="firstname" placeholder="First Name*" required><br>
|
||||||
<input type="text" name="lastname" placeholder="Last Name" required><br>
|
<input type="text" name="lastname" placeholder="Last Name*" required><br>
|
||||||
|
|
||||||
<select name="sex" required>
|
<select name="sex" required>
|
||||||
<option value="">Select Sex</option>
|
<option value="">Select Sex</option>
|
||||||
|
|
@ -27,22 +26,32 @@
|
||||||
<h3>Other Pictures (optional, multiple)</h3>
|
<h3>Other Pictures (optional, multiple)</h3>
|
||||||
<input type="file" name="pictures" accept="image/*" multiple><br>
|
<input type="file" name="pictures" accept="image/*" multiple><br>
|
||||||
|
|
||||||
<h3>Location (required)</h3>
|
<h3>Country (required)</h3>
|
||||||
<select name="country" required>
|
<select name="country" required>
|
||||||
<option value="">Select Country</option>
|
<option value="">Select Country</option>
|
||||||
{% for c in countries %}
|
{% for c in countries %}
|
||||||
<option value="{{ c }}">{{ c }}</option>
|
<option value="{{ c }}">{{ c }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select><br>
|
</select><br>
|
||||||
|
|
||||||
|
<h3>City (optional)</h3>
|
||||||
<input type="text" name="city" placeholder="City"><br>
|
<input type="text" name="city" placeholder="City"><br>
|
||||||
|
|
||||||
<h3>Physical Attributes (optional)</h3>
|
<h3>Physical Attributes (optional)</h3>
|
||||||
<input type="number" step="0.01" name="height" placeholder="Height (m)"><br>
|
<input type="number" step="0.01" name="height" placeholder="Height (m)"><br>
|
||||||
<input type="number" name="weight" placeholder="Weight (kg)"><br>
|
<input type="number" name="weight" placeholder="Weight (kg)"><br>
|
||||||
<input type="text" name="race" placeholder="Race"><br>
|
<select name="race" required>
|
||||||
|
<option value="">select race</option>
|
||||||
|
<option value="Latino(a)">Latino</option>
|
||||||
|
<option value="Asian">Asian</option>
|
||||||
|
<option value="White">White</option>
|
||||||
|
<option value="Black">Black</option>
|
||||||
|
<option value="Brown">Brown</option>
|
||||||
|
<option value="Native American">Native American</option>
|
||||||
|
</select><br>
|
||||||
|
|
||||||
<h3>Preferences (optional)</h3>
|
<h3>Preferences (optional)</h3>
|
||||||
<input type="text" name="prefered_age_range" placeholder="Preferred Age Range (e.g. 20-30)"><br>
|
<input type="text" name="prefered_age_range" placeholder="Preferred Age Range"><br>
|
||||||
|
|
||||||
<h3>Contacts (required)</h3>
|
<h3>Contacts (required)</h3>
|
||||||
<input type="text" name="xmpp" placeholder="XMPP" required><br>
|
<input type="text" name="xmpp" placeholder="XMPP" required><br>
|
||||||
|
|
@ -50,7 +59,6 @@
|
||||||
<input type="text" name="phone" placeholder="Phone"><br><br>
|
<input type="text" name="phone" placeholder="Phone"><br><br>
|
||||||
|
|
||||||
<button type="submit">Register</button>
|
<button type="submit">Register</button>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% with messages = get_flashed_messages() %}
|
{% with messages = get_flashed_messages() %}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue