Commit 4c40610a authored by karin-kurusu's avatar karin-kurusu

Added CSS styling to project

parent b8eefd3c
Pipeline #3139 canceled with stages
......@@ -26,6 +26,6 @@
<ul class="navbarList">
<li class="navbarItem"><a href="/home">Home</a></li>
<li class="navbarItem"><a href="/books">Books</a></li>
<li class="navBarItem"><a href="/authors">Authors</a></li>
<li class="navbarItem"><a href="/authors">Authors</a></li>
</ul>
{% endblock %}
\ No newline at end of file
......@@ -16,6 +16,6 @@
{% block navbar %}
<ul class="navbarList">
<li class="navbarItem"><a href="/home">Home</a></li>
<li class="navBarItem"><a href="/books">Books</a></li>
<li class="navbarItem"><a href="/books">Books</a></li>
</ul>
{% endblock %}
\ No newline at end of file
......@@ -19,6 +19,6 @@
<ul class="navbarList">
<li class="navbarItem"><a href="/home">Home</a></li>
<li class="navbarItem"><a href="/books">Books</a></li>
<li class="navBarItem"><a href="/authors">Authors</a></li>
<li class="navbarItem"><a href="/authors">Authors</a></li>
</ul>
{% endblock %}
\ No newline at end of file
......@@ -16,6 +16,6 @@
{% block navbar %}
<ul class="navbarList">
<li class="navbarItem"><a href="/home">Home</a></li>
<li class="navBarItem"><a href="/authors">Authors</a></li>
<li class="navbarItem"><a href="/authors">Authors</a></li>
</ul>
{% endblock %}
\ No newline at end of file
......@@ -20,6 +20,6 @@
{% block navbar %}
<ul class="navbarList">
<li class="navbarItem"><a href="/books">Books</a></li>
<li class="navBarItem"><a href="/authors">Authors</a></li>
<li class="navbarItem"><a href="/authors">Authors</a></li>
</ul>
{% endblock %}
\ No newline at end of file
......@@ -121,6 +121,7 @@ USE_TZ = True
# https://docs.djangoproject.com/en/4.1/howto/static-files/
STATIC_URL = 'static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
# Default primary key field type
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
......
h2{
font-family: "Arial";
}
p{
font-family: "Arial";
}
ul{
font-family: "Arial";
}
body{
color: white;
background-color: #121924;
}
a:link {
color: #065fbf;
text-decoration: none;
}
a:visited {
color: #065fbf;
text-decoration: none;
}
a:hover {
color: #063070;
text-decoration: none;
}
.navbarList{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #0e141c;
}
.navbarItem{
font-family: "Arial";
float: left;
}
.navbarItem a {
display: block;
color: white;
text-align: center;
padding: 10px 10px;
text-decoration: none;
}
.navbarItem a:hover {
background-color: #065fbf;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
{% load static %}
<link rel="stylesheet" href="{% static '/style.css' %}">
<title>{% block title %}My Favorite Books & Authors{% endblock %}</title>
{% block styles %}{% endblock %}
</head>
......
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