ag/strojnadzor
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Tweak the style

Browse source
This commit is contained in:
Andrey Golovizin 2020-01-19 16:54:43 +01:00
parent 02ad5fed3d
commit ee3f27f7c2
2 changed files with 30 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

31
mysite/static/style.css
View file

@ -1,16 +1,30 @@
/* [ON BIG SCREEN] */
/* Wrapper */
.container {
max-width: 940px;
margin: 3rem auto
}
.content {
float: left;
width: 80%;
}
.sidebar {
float: left;
width: 20%;
}
#page-nav {
/* width: 100%; */
background: #ff0;
padding: 3px;
border-radius: 10px;
border: 1px solid #ee0;
background: #276749;
display: block;
/* If you want the navigation bar to stick on top
position: sticky;
top: 0;
*/
padding-left: 0;
margin: 2rem 0;
}
/* Hide Hamburger */
@ -26,12 +40,17 @@
}
#page-nav ul li {
display: inline-block;
padding: 10px;
padding: 16px;
font-size: 18px;
box-sizing: border-box;
}
#page-nav ul li a {
/* color: #fff; */
text-decoration: none;
color: white;
}
#page-nav ul li.selected {
background: #38A169;
}
/* [ON SMALL SCREENS] */
@ -51,7 +70,7 @@
display: block;
}
#page-nav ul li {
border-top: 1px solid #333;
border-top: 1px solid #22543D;
}
/* Toggle show/hide menu on checkbox click */

9
mysite/templates/base.html
View file

@ -6,17 +6,18 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/static/style.css" rel="stylesheet">
<style type="text/css">
.nav {
#page-nav {
padding-left: 0;
margin: 2rem 0;
}
.nav li {
#page-nav li {
display: inline;
list-style-type: none;
padding-right: 20px;
}
.container {
max-width: 940px;
margin: 0 auto
margin: 3rem auto
}
.content {
float: left;
@ -32,7 +33,7 @@
<body>
{% cms_toolbar %}
<div class="container">
<h1>{% page_attribute "page_title" %}</h1>
<h1>Инженер-строитель В.&#8239Н.&#8239Головизин</h1>
<nav id="page-nav">
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger"/>