no page fix bugs
This commit is contained in:
danamir
@@ -1,25 +1,21 @@
|
|||||||
body, html{
|
body{
|
||||||
background: url(../img/noback.jpg);
|
background: url(../img/noback.jpg);
|
||||||
font-family: sans-serif;
|
margin: 0;
|
||||||
line-height: 1.15;
|
padding: 0;
|
||||||
-webkit-text-size-adjust: 100%;
|
background-position: center;
|
||||||
-ms-text-size-adjust: 100%;
|
background-repeat: no-repeat;
|
||||||
-ms-overflow-style: scrollbar;
|
background-size: cover;
|
||||||
-webkit-tap-highlight-color: transparent;
|
height: 100vh;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container-fluid{
|
||||||
.h1, h1 {
|
padding-right: 0;
|
||||||
font-size: 30pt;
|
padding-left: 0;
|
||||||
color: #cc0000;
|
margin-right: auto;
|
||||||
font-family: 'Pattaya', sans-serif;
|
margin-left: auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
vertical-align: middle;
|
||||||
|
margin-top: 10vh;
|
||||||
|
|
||||||
container-fluid{
|
|
||||||
min-width: 500px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div.row{
|
div.row{
|
||||||
@@ -34,7 +30,6 @@ div.row h1{
|
|||||||
font-size: 50pt;
|
font-size: 50pt;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 100px;
|
border-radius: 100px;
|
||||||
margin-top: 5vh;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -46,15 +41,18 @@ img{
|
|||||||
}
|
}
|
||||||
|
|
||||||
#backbtn{
|
#backbtn{
|
||||||
background-color: #fe5f55;
|
background-color: #fe5f55;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
border: #fe5f55;
|
border: #fe5f55;
|
||||||
|
width: 200px;
|
||||||
|
height: 50px;
|
||||||
|
border-radius: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Small devices (landscape phones, 576px and up) */
|
/* Small devices (landscape phones, 576px and up) */
|
||||||
@media (max-width: 576px) {
|
@media (max-width: 576px) {
|
||||||
.img{
|
img{
|
||||||
max-width: 700px;
|
width: 200px;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-top: 2vh;
|
margin-top: 2vh;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
body{
|
body{
|
||||||
|
background: url(../img/yesback.jpg);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: url(../img/yesback.jpg);
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
@@ -59,9 +59,6 @@ img{
|
|||||||
height: 50px;
|
height: 50px;
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
}
|
}
|
||||||
#mainpage{
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Small devices (landscape phones, 576px and up) */
|
/*Small devices (landscape phones, 576px and up) */
|
||||||
@media (max-width: 576px) {
|
@media (max-width: 576px) {
|
||||||
@@ -73,10 +70,12 @@ img{
|
|||||||
|
|
||||||
div.row h1{
|
div.row h1{
|
||||||
font-size: 20pt;
|
font-size: 20pt;
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.row h2{
|
div.row h2{
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
container-fluid{
|
container-fluid{
|
||||||
|
|||||||
@@ -5,8 +5,8 @@
|
|||||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/nopage.css')}}">
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/nopage.css')}}">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
|
||||||
{%include 'bootstrap.html'%}
|
{%include 'bootstrap.html'%}
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Жаль</title>
|
<title>Жаль</title>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
|||||||
@@ -7,28 +7,21 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
{%include 'bootstrap.html'%}
|
{%include 'bootstrap.html'%}
|
||||||
<title>Да, ты Котя</title>
|
<title>Да, ты Котя</title>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<img src="{{url_for('static', filename='img/love2.jpg')}}">
|
<img src="{{url_for('static', filename='img/love2.jpg')}}">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row ">
|
<div class="row ">
|
||||||
<h1>ТЬМООООООК</h1>
|
<h1>ТЬМООООООК</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row ">
|
<div class="row ">
|
||||||
<h2>Мы вместе {{days}} дней </h>
|
<h2>Мы вместе {{days}} дней </h>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<button class="btn btn-primary" id="backbtn" onClick="window.location.href='{{ url_for( 'index' ) }}';">На главную</button>
|
<button class="btn btn-primary" id="backbtn" onClick="window.location.href='{{ url_for( 'index' ) }}';">На главную</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user