s

app/pub/css/an.css

@@ -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;
@@ -119,36 +135,59 @@ h1 {
 }
 
 
-#container_form{
+#container_form {
-    width:450px;
+    width: 100%;
-    height: 500px;
+    margin-top: 10%;
-    margin: 100px auto 0 auto;
     text-align: center;
-    margin: 100px auto 0 auto;
+}   
-    text-align: center;
-   }   
 
 #form_title{
     font-size: 18px;
 }   
-
+#container_form p {
+    font-size: 1.3em;
+    margin-bottom: 8px;
+    display: flex;
+    font-weight: bold;
+    color: #181716;
+}
 input[type="email"],input[type="password"]{
-    width: 300px;
+    background: #fff;
-    height:50px;
+    transition: all 800ms;
-    font-size: 18px;
+    width: calc(100% - 50px);
-    margin-bottom: 25px;
+    border-radius: 3px 0 0 3px;
-    border-radius: 4px;
+    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;
     }

app/views/layout.phtml

@@ -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>

app/views/layout_lite.phtml

@@ -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>  
 
-
+<header style="justify-content:center;">
-
+  <div class="lite-logo">
-<h1>
+    <a href="https://argumenti.ru/an">
-    <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>
+      <img src="https://argumenti.ru/images/argumenti/klan_logo.png?ver=1">
-</h1>
+    </a>
+  </div>
+</header>
 
     
 <?if (isset($tempcontent))

app/views/login.phtml

@@ -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="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 ></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>