Anna/imagehost
Anna/imagehost
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

upd

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
imagehosting/templates/imagehosting/all.html
View File

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

31
imagehosting/templates/imagehosting/base.html
View File

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