share CSS

pull/1/head
nathaniel smith 2016-12-19 22:52:08 -08:00
parent 9c3d2469d2
commit 248b3a512a
6 changed files with 56 additions and 107 deletions

View File

@ -0,0 +1,32 @@
form.tilde {
border-collapse: collapse;
border: 1px solid #ff1ac6;
}
form.tilde th {
text-align:left;
}
form.tilde th,td {
border: 1px solid #ff1ac6;
padding:1em;
}
form.tilde input[type=submit] {
font-size:200%;
}
form.tilde ul.errorlist {
list-style: none;
margin-left: 0;
padding-left:0;
}
form.tilde .helptext {
font-style:oblique;
}
form.tilde ul.errorlist li:before {
content: "~! ";
}
form.tilde ul.errorlist li {
background-color:black;
color:white;
border: .5em dashed red;
font-family:arial;
padding:2px;
}

View File

@ -0,0 +1,3 @@
body {
background-color: #E0B0FF;
}

View File

@ -1,45 +1,27 @@
{% load static %}
<!DOCTYPE> <!DOCTYPE>
<html> <html>
<head> <head>
<title>tilde.town guestbook</title> <title>tilde.town guestbook</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="{% static 'common/main.css' %}">
<link rel="stylesheet" href="{% static 'common/form.css' %}">
<style type="text/css"> <style type="text/css">
body { form.tilde {
background-color: #E0B0FF; border: 0;
} }
#message th { form.tilde th,td {
text-align:left; padding:0;
} }
#message { form.tilde input[type=submit] {
border-collapse: collapse;
}
#message th,td {
border: 1px solid #ff1ac6;
}
#message input[type=submit] {
font-size:150%; font-size:150%;
} }
#message ul.errorlist {
list-style: none;
margin-left: 0;
padding-left:0;
}
#message ul.errorlist li:before {
content: "~! ";
}
#message ul.errorlist li {
background-color:black;
color:white;
border: .5em dashed red;
font-family:arial;
padding:2px;
}
</style> </style>
</head> </head>
<body> <body>
<h1>tilde.town guestbook</h1> <h1>tilde.town guestbook</h1>
<marquee>~*~*~*~*say hello*~*~*~*~</marquee> <marquee>~*~*~*~*say hello*~*~*~*~</marquee>
<form id="message" action="{% url 'guestbook:guestbook' %}" method="post"> <form class="tilde" action="{% url 'guestbook:guestbook' %}" method="post">
{% csrf_token %} {% csrf_token %}
<table> <table>
{{form.as_table}} {{form.as_table}}

View File

@ -1,45 +1,11 @@
{% load static %}
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>tilde.town help desk</title> <title>tilde.town help desk</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<style type="text/css"> <link rel="stylesheet" href="{% static 'common/main.css' %}">
body { <link rel="stylesheet" href="{% static 'common/form.css' %}">
background-color: #E0B0FF;
}
#tickets th {
text-align:left;
}
#tickets .helptext {
font-style:oblique;
}
#tickets {
border-collapse: collapse;
border: 1px solid #ff1ac6;
}
#tickets th,td {
border: 1px solid #ff1ac6;
padding:1em;
}
#tickets input[type=submit] {
font-size:200%;
}
#tickets ul.errorlist {
list-style: none;
margin-left: 0;
padding-left:0;
}
#tickets ul.errorlist li:before {
content: "~! ";
}
#tickets ul.errorlist li {
background-color:black;
color:white;
border: .5em dashed red;
font-family:arial;
padding:2px;
}
</style>
</head> </head>
<body> <body>
<h1>tilde.town help desk</h1> <h1>tilde.town help desk</h1>
@ -60,7 +26,7 @@
<p><strong>{{ error_message }}</strong></p> <p><strong>{{ error_message }}</strong></p>
{% endif %} {% endif %}
<form id="tickets" action="{% url 'help:tickets' %}" method="post"> <form class="tilde" action="{% url 'help:tickets' %}" method="post">
{% csrf_token %} {% csrf_token %}
<table> <table>
{{ form.as_table }} {{ form.as_table }}

View File

@ -24,6 +24,7 @@ INSTALLED_APPS = [
'django.contrib.sessions', 'django.contrib.sessions',
'django.contrib.messages', 'django.contrib.messages',
'django.contrib.staticfiles', 'django.contrib.staticfiles',
'common',
'users', 'users',
'help', 'help',
'guestbook' 'guestbook'
@ -95,3 +96,6 @@ USE_TZ = True
# Static files (CSS, JavaScript, Images) # Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.10/howto/static-files/ # https://docs.djangoproject.com/en/1.10/howto/static-files/
STATIC_URL = '/static/' STATIC_URL = '/static/'
# Not used during local development, but used in staging+live environments
STATIC_ROOT = 'static'

View File

@ -1,55 +1,17 @@
{% load static %}
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>tilde.town signup page</title> <title>tilde.town signup page</title>
<style type="text/css"> <link rel="stylesheet" href="{% static 'common/main.css' %}">
body { <link rel="stylesheet" href="{% static 'common/form.css' %}">
background-color: #E0B0FF;
}
#signup th {
text-align:left;
}
#signup .helptext {
font-style:oblique;
}
#signup {
border-collapse: collapse;
border: 1px solid #ff1ac6;
}
#signup th,td {
border: 1px solid #ff1ac6;
padding:1em;
}
#signup input[type=submit] {
font-size:200%;
}
#signup div:last-child {
text-align:center;
}
#signup ul.errorlist {
list-style: none;
margin-left: 0;
padding-left:0;
}
#signup ul.errorlist li:before {
content: "~! ";
}
#signup ul.errorlist li {
background-color:black;
color:white;
border: .5em dashed red;
font-family:arial;
padding:2px;
}
</style>
</head> </head>
<body> <body>
<h1>sign up for a <a href="https://tilde.town">tilde.town</a> account</h1> <h1>sign up for a <a href="https://tilde.town">tilde.town</a> account</h1>
{% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %} {% if error_message %}<p><strong>{{ error_message }}</strong></p>{% endif %}
<form id="signup" action="{% url 'users:signup' %}" method="post"> <form class="tilde" action="{% url 'users:signup' %}" method="post">
{% csrf_token %} {% csrf_token %}
<table id="signup"> <table id="signup">
<tr> <tr>