Добавляем все файлы

main_plugin/auth/auth.css

@@ -0,0 +1,88 @@
+#authorizationButton {
+    width: 26px;
+    height: 26px;
+    position: relative;
+    cursor: pointer;
+    user-select: none;
+    float: right;
+    margin-left: 5px;
+}
+#authorizationButton:hover {
+    background-image: url(../../img/pict/g_iconslyb.svg);
+}
+#loginButton {
+    margin: 0px 3px;
+}
+
+#authorizationDiv {
+    font-size: 0.85em;
+    display: inline-block;
+    position: fixed;
+    user-select: none;
+    background-color: rgba(255, 255, 255, 0.92);
+    width: 370px;
+    border-radius: 5px;
+    height: 230px;
+    box-shadow: 0px 0px 5px #777;
+
+    color: #000000;
+    text-shadow: none;
+    z-index: 100;
+    min-height: fit-content;
+}
+#authorizationDiv input, #authorizationDiv textarea, #authorizationDiv select, #authorizationDiv button {     
+    font-size: 0.85em;
+}
+
+.authorizationDivTop {
+    text-align: center;
+	border: none;
+	border-bottom: inherit;
+    padding: 5px;
+    background-color: rgba(255, 255, 255, 0.6);
+}
+.authorizationDivCloseFun {
+    background-image: url(../../img/pict/b_iconslyb.svg);
+    float: right;
+    width: 22px;
+    height: 22px;
+    background-position: -159px -120px;
+    cursor: pointer;
+}
+
+.authorizationDivMainDiv {
+    display: flex;
+    align-items: center;
+    height: 200px;
+    justify-content: center;
+    flex-direction: column;
+    padding: 10px 0px;
+}
+.formRow {
+    display: flex;
+    justify-content: center;
+    width: -webkit-fill-available;
+    margin: 5px 45px;
+}
+.formRow label {
+    margin-right: 10px;
+    white-space: nowrap;
+}
+.formRow input {
+    flex: 1;
+    min-width: 0; 
+}
+
+#BackArrow {
+    background-position: -77px -37px;
+    background-image: url(../../img/pict/b_iconslyb.svg);
+    width: 26px;
+    height: 26px;
+    position: absolute;
+    left: 0px;
+    top: 33px;
+}
+#BackArrow:hover {
+    background-image: url(../../img/pict/g_iconslyb.svg);
+    cursor: pointer;
+}