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:59:59 +03:00
parent edd1e25cf8
commit 3eec91d598
2 changed files with 102 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
imagehosting/static/imagehosting/css/style.css Normal file
View File

@ -0,0 +1,100 @@
body {
margin: 0;
}
.images {
margin-top: 10px;
margin-left: 25px;
}
.header {
position: relative;
dispaly: block;
color: black;
background: linear-gradient(#f3f3f3, #e0e0e0);
padding: 10px 25px;
font-size: 30px
}
ul.menu-icon {
display: none;
float: right;
color: black;
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;
right: 10px;
top: 60px;
display: none;
}
.menu a {
text-align: right;
display: inline-block;
padding: 10px;
background: #e0e0e0;
width: 90%;
text-decoration: none;
}
.menu a:hover {
color:#181D2B;
}
i {
float: right;
}
.right-menu {
float: right;
padding: 12px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
display: inline;
}
a.right-menu {
text-decoration: none;
color: #4368AD;
padding: 9px;
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
}
#page-preloader .spinner {
width: 32px;
height: 32px;
position: absolute;
left: 50%;
top: 50%;
background: url('https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif') no-repeat 50% 50%;
margin: -16px 0 0 -16px;
}
@media screen and (max-width: 450px) {
ul.menu-icon {display: block}
a.right-menu {display: none}
}

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

@ -1,3 +1,4 @@
{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
@ -7,106 +8,8 @@
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:600" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="{% static 'imagehosting/css/style.css' %}">
<style>
body {
margin: 0;
}
.images {
margin-top: 10px;
margin-left: 25px;
}
.header {
position: relative;
dispaly: block;
color: black;
background: linear-gradient(#f3f3f3, #e0e0e0);
padding: 10px 25px;
font-size: 30px
}
ul.menu-icon {
display: none;
float: right;
color: black;
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;
right: 10px;
top: 60px;
display: none;
}
.menu a {
text-align: right;
display: inline-block;
padding: 10px;
background: #e0e0e0;
width: 90%;
text-decoration: none;
}
.menu a:hover {
color:#181D2B;
}
i {
float: right;
}
.right-menu {
float: right;
padding: 12px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
display: inline;
}
a.right-menu {
text-decoration: none;
color: #4368AD;
padding: 9px;
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
}
#page-preloader .spinner {
width: 32px;
height: 32px;
position: absolute;
left: 50%;
top: 50%;
background: url('https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif') no-repeat 50% 50%;
margin: -16px 0 0 -16px;
}
@media screen and (max-width: 450px) {
ul.menu-icon {display: block}
a.right-menu {display: none}
}
</style>
</head>
<body>