This commit is contained in:
Your Name
2020-05-14 16:14:06 +03:00
parent 6467ece8e6
commit 5b28c77a23
4 changed files with 84 additions and 28 deletions

View File

@@ -1,3 +1,14 @@
header {
display: flex;
justify-content: space-between;
align-items: center;
}
header .lite-logo {
width:25%;
}
.lite-logo IMG {
width:100%;
}
body {
width: 80%;
margin: 0px auto;
@@ -36,8 +47,13 @@ h1 {
font-size: 1.5em;
font-weight: bold;
}
#auth a {
color: #4d4e55;
font-size:1.1em;
font-weight:bold;
letter-spacing: 0.3px;
text-transform: uppercase;
}
#downloadtitle{
width: 100%;
background: #69c;
@@ -120,35 +136,58 @@ h1 {
#container_form {
width:450px;
height: 500px;
margin: 100px auto 0 auto;
text-align: center;
margin: 100px auto 0 auto;
width: 100%;
margin-top: 10%;
text-align: center;
}
#form_title{
font-size: 18px;
}
input[type="email"],input[type="password"]{
width: 300px;
height:50px;
font-size: 18px;
margin-bottom: 25px;
border-radius: 4px;
padding-left: 10px;
#container_form p {
font-size: 1.3em;
margin-bottom: 8px;
display: flex;
font-weight: bold;
color: #181716;
}
input[type="email"],input[type="password"]{
background: #fff;
transition: all 800ms;
width: calc(100% - 50px);
border-radius: 3px 0 0 3px;
border: solid 1px #ccc;
border-right: none;
outline: none;
color: #999;
height: 37px;
line-height: 35px;
display: inline-block;
padding-left: 10px;
font-size: 16px;
box-sizing: border-box;
}
#container_form span.icon {
width: 50px;
transition: all 800ms;
justify-content: center;
color: #999;
border-radius: 0 3px 3px 0;
background: #e8e8e8;
display: flex;
border: solid 1px #ccc;
border-left: none;
font-size: 25px;
box-sizing: border-box;
align-items: center;
}
.submit {
padding: 13px 30px;
margin: 5px 0 20px 0;
font-size: 15px;
color: #fff;
background-color: #2ca8c6;
background-color: #69c;
border: none;
border-bottom: 4px solid #6ee9fd;
cursor: pointer;
}
@@ -170,9 +209,22 @@ input[type="email"],input[type="password"]{
padding: 4px;
}
@media screen and (max-width: 1000px) {
header .lite-logo {
width: 30%;
}
}
@media screen and (max-width: 768px) {
header .lite-logo {
width: 35%;
}
}
@media screen and (max-width: 560px) {
header .lite-logo {
width: 45%;
}
#brand_title, #page_title {
font-size: .8em;
}

View File

@@ -4,7 +4,7 @@
<//base href="<?=SITE?>">
<script src="/pub/scripts/pdf.min.js"></script>
<script src="/pub/scripts/anviewer.js?ver=45"></script>
<link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=41">
<link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=51">
<link rel="icon" type="image/ico" href="https://argumenti.ru/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/pub/fontawesome/css/all.css">
@@ -53,6 +53,7 @@ _tmr.push({id: "1069168", type: "pageView", start: (new Date()).getTime()});
ga('send', 'pageview');
</script>
<header>
<h1>
<a id="brand_title" href="https://argumenti.ru/"><span id="redb">А</span>ргументы <span id="redb">Н</span>едел<span id="redi">i</span></a>
<?if ($title !== ''):?>
@@ -60,6 +61,7 @@ _tmr.push({id: "1069168", type: "pageView", start: (new Date()).getTime()});
<?endif?>
</h1>
<?include('blocks/auth.phtml')?>
</header>
<div class="adv">
<!-- Yandex.RTB R-A-50615-61 -->
<div id="yandex_rtb_R-A-50615-61"></div>

View File

@@ -4,7 +4,7 @@
<title>Еженедельник Аргументы Недели - <?=$title?></title>
<script src="/pub/scripts/pdf.min.js"></script>
<script src="/pub/scripts/anviewer.js?ver=43"></script>
<link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=37">
<link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=67">
<link rel="icon" type="image/ico" href="https://argumenti.ru/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/pub/fontawesome/css/all.css">
@@ -12,11 +12,13 @@
</head>
<body>
<h1>
<a id="brand_title" href="https://argumenti.ru/"><span id="redb">А</span>ргументы <span id="redb">Н</span>едел<span id="redi">i</span></a><a id="page_title" href="<?=$baseurl?>"><?=$title?></a>
</h1>
<header style="justify-content:center;">
<div class="lite-logo">
<a href="https://argumenti.ru/an">
<img src="https://argumenti.ru/images/argumenti/klan_logo.png?ver=1">
</a>
</div>
</header>
<?if (isset($tempcontent))

View File

@@ -2,8 +2,8 @@
<form method="POST" action="login">
<p><label for="username" id="formtitle">Вход в личный кабинет</label></p>
<p><input name="username" type="email" autocomplete="on" placeholder="Введите электронную почту" required autofocus /></p>
<p><input name="password" type="password" minlength="5" autocomplete="current-password" placeholder="Введите пароль" required ></p>
<p><input name="username" type="email" autocomplete="on" placeholder="Введите электронную почту" required autofocus /><span class="icon"><i class="far fa-envelope"></i></span></p>
<p><input name="password" type="password" minlength="5" autocomplete="current-password" placeholder="Введите пароль" required ><span class="icon"><i class="fas fa-key"></i></p>
<p><input class="submit" type="submit" value="ВОЙТИ"></p>
</form>