This commit is contained in:
Anna Sudnitsina 2018-03-27 21:20:26 +03:00
parent 5aa9b5bfe6
commit d5082cd64e
2 changed files with 23 additions and 12 deletions

View File

@ -9,9 +9,9 @@
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
resizer();
// resizer();
// $(function() {resizer(); })
$(window).load(function() {resizer();})
$(window).load(function() {resizer(); $('#page-preloader').delay(350).fadeOut('slow');})
// $(window).on("load", function() {resizer(); });
$(window).resize(function() { resizer(); })

View File

@ -11,12 +11,12 @@
body {
margin: 0;
}
.images {
margin-top: 10px;
margin-left: 25px;
}
.header {
dispaly: block;
color: black;
@ -24,7 +24,7 @@
padding: 10px 25px;
font-size: 30px
}
ul.menu-icon {
display: none;
float: right;
@ -32,32 +32,32 @@
padding: 7px 0 20px;
margin: 0;
}
.logo {
font-family: 'Open Sans', sans-serif;
color: #696969;
width: 50px;
text-decoration: none;
}
li {
list-style-type: none
}
.menu {
position: absolute;
font-size: 20px;
font-size: 20px;
right: 10px;
top: 60px;
display: none;
}
.menu a {
text-align: right;
display: inline-block;
padding: 10px;
background: #e0e0e0;
width: 90%;
width: 90%;
text-decoration: none;
}
@ -79,18 +79,29 @@
a.right-menu {
text-decoration: none;
color: #4368AD;
color: #4368AD;
padding: 9px;
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #000;
z-index: 100500;
}
@media screen and (max-width: 450px) {
ul.menu-icon {display: block}
a.right-menu {display: none}
}
</style>
</head>
<body>
<div id="page-preloader"><span class="spinner"></span></div>
<div class='header'> <a href="{% url 'all_posts' %}" class='logo'>LOGO </a>
<a href="{% url 'image_new' %}" class='right-menu'>new image</a>
<a href="{% url 'all_posts' %}" class='right-menu'>all images</a>