added css file and added bg color in base.html

sharmchua_reading/bookshelf/templates/bookshelf/author_details.html

@@ -9,8 +9,11 @@
         Nationality: {{ object.nationality }} <br>
         Bio: <br>
         {{ object.bio }} <br> <br> 
-        
+    </h3>
+    <h2>     
         Books by {{ object }} I love: <br>
+    </h2>
+    <h3>
         {% for books in object.books_set.all %}
         <a href="{{ books.get_absolute_url }}">
             <li>
@@ -22,14 +25,16 @@
 
     {# the links to other html files #}
     <center>
+    <div class="btn">
         <a href="../../home">
-        <button type="button">Home</button>
+            <button type="button"><p>Home</p></button>
         </a>
         <a href="../../books">
-        <button type="button">Books</button>
+            <button type="button"><p>Books</p></button>
         </a>
         <a href="../../authors">
-        <button type="button">Authors</button>
+            <button type="button"><p>Authors</p></button>
         </a>
+    </div>
     </center>
     {% endblock %}
\ No newline at end of file

sharmchua_reading/bookshelf/templates/bookshelf/authors.html

@@ -4,22 +4,26 @@
     {% block content %}
     <h1>Sharm's Favorite Authors:</h1>
     {% for object in object_list %}
+    <p>
         <a href="{{ object.get_absolute_url }}">
             <li>
                 {{ object }}
             </li>
         </a>
+    </p>
     {% endfor %}
 
     <br><br><br>
 
     {# the links to other html files #}
+    <div class="btn">
         <center>
         <a href="../home">
-        <button type="button">Home</button>
+            <button type="button"><p>Home</p></button>
         </a>
         <a href="../books">
-        <button type="button">Books</button>
+            <button type="button"><p>Books</p></button>
         </a>
         </center>
+    </div>
     {% endblock %}
\ No newline at end of file

sharmchua_reading/bookshelf/templates/bookshelf/book_details.html

@@ -4,12 +4,14 @@
     {% block title %} {{ object.title }} {% endblock %}
     {% block content %}
     <h1>{{ object.title }}</h1>
-    <h3> 
+    <h2> 
         by 
         <a href = {{ object.author.get_absolute_url }}> 
             {{ object.author }}
         </a>
         <br>
+    </h2>
+    <h3>
         Publisher: {{ object.publisher }} <br>
         Year Published: {{ object.year_published }} <br>
         ISBN: {{ object.ISBN }} <br>
@@ -18,14 +20,16 @@
     
     {# the links to other html files #}
     <center>
+    <div class="btn">
         <a href="../../home">
-        <button type="button">Home</button>
+            <button type="button"><p>Home</p></button>
         </a>
         <a href="../../books">
-        <button type="button">Books</button>
+            <button type="button"><p>Books</p></button>
         </a>
         <a href="../../authors">
-        <button type="button">Authors</button>
+            <button type="button"><p>Authors</p></button>
         </a>
+    </div>
     </center>
     {% endblock %}
\ No newline at end of file

sharmchua_reading/bookshelf/templates/bookshelf/books.html

@@ -10,22 +10,26 @@
     {% block content %}
     <h1>Sharm's Favorite Books:</h1>
     {% for object in object_list %}
+    <p>
         <a href="{{ object.get_absolute_url }}">
             <li>
                 {{ object.title }}
             </li>
         </a>
+    </p>
     {% endfor %}
 
     <br><br><br>
 
     {# the links to other html files #}
     <center>
+    <div class = btn"">
         <a href="../home">
-        <button type="button">Home</button>
+            <button type="button"><p>Home</p></button>
         </a>
         <a href="../authors">
-        <button type="button">Authors</button>
+            <button type="button"><p>Authors</p></button>
         </a>
+    </div">
     </center>
     {% endblock %}
\ No newline at end of file

sharmchua_reading/bookshelf/templates/bookshelf/home.html

@@ -11,11 +11,13 @@
     <br><br><br><br><br>
 
     {# the links to other html files #}
+    <div class = "btn">
         <a href="../books">
-        <button type="button">Books</button>
+            <button type="button"><p>Books</p></button>
         </a>
         <a href="../authors">
-        <button type="button">Authors</button>
+            <button type="button"><p>Authors</p></button>
         </a>
+    </div>
     </center>
     {% endblock %}
\ No newline at end of file

sharmchua_reading/static/css/style.css

+h1 {
+    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
+          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+    color: #afcaff;
+}
+h2 {
+    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
+          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+}
+h3 {
+    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
+          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+}
+p {
+    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
+          "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+}
\ No newline at end of file

sharmchua_reading/templates/base.html

@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="style.css">
     <title>{% block title %}My Favorite Books and Authors{% endblock %}</title>
 </head>
-<body>
+<body style ="background-color: #8ecced;" >
     <div id="content">
         {% block content %}{% endblock %}
     </div>