Commit 8f4f57f9 authored by Trisha Angel Millena's avatar Trisha Angel Millena

Added CSS Styling

parent ab84e2be
...@@ -5,10 +5,13 @@ ...@@ -5,10 +5,13 @@
{% block title %}Add New Author{% endblock %} {% block title %}Add New Author{% endblock %}
{% block content %} {% block content %}
<form method = "POST"> <form method = "POST">
{% csrf_token % } {% csrf_token %}
{{ form.as_p }} {{ form.as_p }}
<input type = "submit" value = "Add Author" /> <input type = "submit" value = "Add Author" />
</form> </form>
{% endblock %} {% endblock %}
...@@ -19,12 +19,14 @@ ...@@ -19,12 +19,14 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<form action = "./edit"> <!-- for edit button--> <div class = "buttons">
<form action = "./edit"> <!-- for edit button-->
<input type = "submit" value = "Edit Author" /> <input type = "submit" value = "Edit Author" />
</form> </form>
<a href = '/bookshelf/home/'>Home</a> <a href = '/bookshelf/home/'>Home</a>
<a href = '/bookshelf/books/'>Books</a> <a href = '/bookshelf/books/'>Books</a>
<a href = '/bookshelf/authors/'>Authors</a> <a href = '/bookshelf/authors/'>Authors</a>
</div>
{% endblock %} {% endblock %}
\ No newline at end of file
...@@ -12,12 +12,15 @@ ...@@ -12,12 +12,15 @@
<p id = "Details">{{ object.ISBN }}</p> <p id = "Details">{{ object.ISBN }}</p>
<p id = "Details">{{ object.blurb }}</p> <p id = "Details">{{ object.blurb }}</p>
<form action = "./edit"> <!-- for edit button--> <div class = "buttons" >
<form action = "./edit"> <!-- for edit button-->
<input type = "submit" value = "Edit Book" /> <input type = "submit" value = "Edit Book" />
</form> </form>
<a href = '/bookshelf/home/'>Home</a> <a href = '/bookshelf/home/'>Home</a>
<a href = '/bookshelf/books/'>Books</a> <a href = '/bookshelf/books/'>Books</a>
<a href = '/bookshelf/authors/'>Authors</a> <a href = '/bookshelf/authors/'>Authors</a>
</div>
{% endblock %} {% endblock %}
\ No newline at end of file
...@@ -5,9 +5,12 @@ ...@@ -5,9 +5,12 @@
{% block title %}Edit Author{% endblock %} {% block title %}Edit Author{% endblock %}
{% block content %} {% block content %}
<div class = "ForForm">
<form method = "POST"> <form method = "POST">
{% csrf_token %} {% csrf_token %}
{{ form.as_p }} {{ form.as_p }}
<input type = "submit" value = "Save Changes"/> <input type = "submit" value = "Save Changes"/>
</form> </form>
</div>
{% endblock %} {% endblock %}
\ No newline at end of file
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
background: lightcoral; background: lightcoral;
} }
h1 { h1 {
background: whitesmoke; background: whitesmoke;
text-align: center; text-align: center;
...@@ -16,7 +15,8 @@ p { ...@@ -16,7 +15,8 @@ p {
text-align: center; text-align: center;
padding: 80px; padding: 80px;
font-size: 40px; font-size: 40px;
background: whitesmoke; background: lightcyan;
} }
a { a {
...@@ -72,10 +72,11 @@ h1#titleAuthor { ...@@ -72,10 +72,11 @@ h1#titleAuthor {
} }
p#Details { p#Details {
background: none;
background: lightcyan
padding: 15px; padding: 15px;
font-size: 24px; font-size: 24px;
color: whitesmoke; color: black;
} }
p#Love { p#Love {
...@@ -95,4 +96,28 @@ li#design { ...@@ -95,4 +96,28 @@ li#design {
text-align: center; text-align: center;
} }
form {
text-align: center;
}
input {
font-weight: bold;
font-size: 100;
width: 150px;
height: 50px;
padding: 10px;
text-transform: uppercase;
color: whitesmoke;
text-decoration: none;
cursor: pointer;
border: none;
}
input:hover {
color: #556b2f;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment