mirror of
https://github.com/creyD/asiimov.git
synced 2026-06-14 18:02:22 +02:00
Styled master.html
This commit is contained in:
48
src/common/static_files/css/master.css
Normal file
48
src/common/static_files/css/master.css
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
html, body{
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #AA3B07;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #AA3B07;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:active{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #AA3B07;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav{
|
||||||
|
width: 100vw;
|
||||||
|
height: 5vh;
|
||||||
|
border: 1px solid black;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav_box{
|
||||||
|
position: relative;
|
||||||
|
padding-top: .5vh;
|
||||||
|
padding-bottom: .5vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#left_nav{
|
||||||
|
padding-left: 5vw;
|
||||||
|
text-align: left;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#right_nav{
|
||||||
|
padding-right: 5vw;
|
||||||
|
text-align: right;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
@@ -1,12 +1,39 @@
|
|||||||
|
{% load static %}
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Asiimov - CS:GO Trading Website</title>
|
<title>{% block title %}{% endblock %}</title>
|
||||||
|
<!-- Viewport for a pleasant mobile experience -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<!-- Charset for compatability and stability -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<!-- Description for right SE indexing -->
|
||||||
|
<meta name="Description" content="Trading Platform Open Source CS:GO">
|
||||||
|
<!-- Load the default master.css for some values -->
|
||||||
|
<link rel="stylesheet" href="{% static 'css/master.css' %}">
|
||||||
|
<!-- JQuery for easier HTML manipulation -->
|
||||||
|
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="header"></div>
|
<nav>
|
||||||
{% block content %}{% endblock %}
|
<div id="left_nav" class="nav_box">
|
||||||
<div id="footer">
|
<a href="{% url 'home' %}">Asiimov</a> | <a href="">Filter</a>
|
||||||
|
</div>
|
||||||
|
<div id="right_nav" class="nav_box">
|
||||||
|
{% if user.is_authenticated %}
|
||||||
|
<a href="{% url 'offer_create' %}">Add Offer</a> | <a href="{% url 'me_settings' %}">settings</a> | Welcome, <a href="{% url 'me' %}">{{ user.gamer.display_name }}</a>
|
||||||
|
{% else %}
|
||||||
|
<a href=""><img src="{% static 'pic/steam_sign_in.png' %}" /></a>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
<div id="footer" style="text-align:center">
|
||||||
<a href="https://github.com/creyD/asiimov" target="_blank">GitHub</a>.<a href="{% url 'imprint' %}">Imprint</a>.<a href="{% url 'help' %}">Help</a>
|
<a href="https://github.com/creyD/asiimov" target="_blank">GitHub</a>.<a href="{% url 'imprint' %}">Imprint</a>.<a href="{% url 'help' %}">Help</a>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user