Skip to content

A
archivarius
Commit ebd9defb authored by AK's avatar AK
Browse files
Options

correct menus and burger

parent 42212c5e
Show whitespace changes
Inline Side-by-side
Showing with 37 additions and 23 deletions
frontend/styles/burgermenu.css
View file @ ebd9defb
...@@ -29,6 +29,7 @@ ...@@ -29,6 +29,7 @@
.burger { .burger {
display: none; /* Скрыть бургер-меню по умолчанию */ display: none; /* Скрыть бургер-меню по умолчанию */
margin-left: auto;
cursor: pointer; cursor: pointer;
} }
......
frontend/styles/fonts.css
View file @ ebd9defb
@font-face { @font-face {
font-family: 'Vezitsa'; font-family: 'Vezitsa';
src: url('/lib/tpl/ak/frontend/assets/fonts/Vezitsa.woff2') format('woff2'), src: url('/lib/tpl/archivarius/pub/fonts/Vezitsa.woff2') format('woff2'),
url('/lib/tpl/ak/frontend/assets/fonts/Vezitsa.woff') format('woff'), url('/lib/tpl/archivarius/pubfonts/Vezitsa.woff') format('woff'),
url('/lib/tpl/ak/frontend/assets/fonts/Vezitsa.ttf') format('truetype'); url('/lib/tpl/archivarius/pub/fonts/Vezitsa.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
frontend/styles/main.css
View file @ ebd9defb
...@@ -25,16 +25,19 @@ fieldset{ ...@@ -25,16 +25,19 @@ fieldset{
header { header {
background: var(--widget-bg, #fff); background: var(--widget-bg, #fff);
color: #333333; color: #333333;
padding: 10px 20px; padding: 20px 20px;
} }
.header-inner{ .header-inner{
display: flex; display: flex;
gap: 10%; gap: 3rem;
align-items: center; align-items: center;
max-width: 1440px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
}
.header-inner:last-child{
justify-self: flex-end;
} }
header h1 { header h1 {
...@@ -66,6 +69,7 @@ header a:hover { ...@@ -66,6 +69,7 @@ header a:hover {
display: flex; display: flex;
gap: 8px; gap: 8px;
align-items: center; align-items: center;
max-width: 220px;
} }
.logo-title{ .logo-title{
...@@ -75,7 +79,7 @@ header a:hover { ...@@ -75,7 +79,7 @@ header a:hover {
} }
.logo-img{ .logo-img{
width: 60px; width: 100px;
cursor: pointer; cursor: pointer;
} }
...@@ -93,10 +97,6 @@ header a:hover { ...@@ -93,10 +97,6 @@ header a:hover {
} }
ul.toc{
font-size: 1.1em;
}
.toc a{ .toc a{
color: #18530B; color: #18530B;
} }
...@@ -147,18 +147,19 @@ a:hover { ...@@ -147,18 +147,19 @@ a:hover {
display: block; /* Для правильного отображения SVG */ display: block; /* Для правильного отображения SVG */
width: 500px; /* Ширина SVG */ width: 500px; /* Ширина SVG */
height: 30px; /* Высота SVG */ height: 30px; /* Высота SVG */
background-image: url('/lib/tpl/ak/frontend/assets/imgs/long_dividers.svg'); /* Путь к вашему SVG */ background-image: url('/lib/tpl/archivarius/pub/img/long_dividers.svg'); /* Путь к вашему SVG */
background-size: contain; /* Масштабирование изображения */ background-size: contain; /* Масштабирование изображения */
background-repeat: no-repeat; /* Без повторений */ background-repeat: no-repeat; /* Без повторений */
margin: 10px auto 0; /* Отступ сверху и центровка */ margin: 10px auto 0; /* Отступ сверху и центровка */
} }
.sectionedit1::after { .sectionedit1::after {
content: ''; content: '';
display: block; /* Для правильного отображения SVG */ display: block; /* Для правильного отображения SVG */
width: 500px; /* Ширина SVG */ width: 500px; /* Ширина SVG */
height: 35px; /* Высота SVG */ height: 35px; /* Высота SVG */
background-image: url('/lib/tpl/ak/frontend/assets/imgs/long_dividers.svg'); /* Путь к вашему SVG */ background-image: url('/lib/tpl/archivarius/pub/img/long_dividers.svg'); /* Путь к вашему SVG */
background-size: contain; /* Масштабирование изображения */ background-size: contain; /* Масштабирование изображения */
background-repeat: no-repeat; /* Без повторений */ background-repeat: no-repeat; /* Без повторений */
margin: 10px auto 0; /* Отступ сверху и центровка */ margin: 10px auto 0; /* Отступ сверху и центровка */
...@@ -174,7 +175,7 @@ a:hover { ...@@ -174,7 +175,7 @@ a:hover {
.mainmenu{ .mainmenu{
display: flex; display: flex;
gap: 12px; gap: 22px;
font-weight: bold; font-weight: bold;
font-size: 1rem; font-size: 1rem;
} }
...@@ -195,7 +196,7 @@ a:hover { ...@@ -195,7 +196,7 @@ a:hover {
.wrapper::after { .wrapper::after {
content: ''; content: '';
background-image: url('/lib/tpl/ak/pub/img/church-300.png'); /* Путь к изображению */ background-image: url('/lib/tpl/archivarius/pub/img/church-300.png'); /* Путь к изображению */
background-repeat: no-repeat; background-repeat: no-repeat;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
...@@ -212,6 +213,14 @@ a:hover { ...@@ -212,6 +213,14 @@ a:hover {
} }
ul.tree li{
margin:8px 0;
}
.tree summary:before {
background-color: #333 !important;
}
/* Футер */ /* Футер */
footer { footer {
background-color: #333; background-color: #333;
...@@ -287,6 +296,10 @@ li.top{ ...@@ -287,6 +296,10 @@ li.top{
margin-bottom: 20px; margin-bottom: 20px;
} }
.header-inner{
width: 100%;
}
header nav { header nav {
float: none; float: none;
} }
......
main.php
View file @ ebd9defb
...@@ -19,8 +19,8 @@ $showSidebar = $hasSidebar && ($ACT == 'show'); ...@@ -19,8 +19,8 @@ $showSidebar = $hasSidebar && ($ACT == 'show');
<?//endif?> <?//endif?>
<title><?php tpl_pagetitle(); ?> [<?php echo strip_tags($conf['title']); ?>]</title> <title><?php tpl_pagetitle(); ?> [<?php echo strip_tags($conf['title']); ?>]</title>
<?=$frontend_str?> <?=$frontend_str?>
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />--> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" /> -->
<link href="<?=tpl_basedir()?>/pub/fontawesome/css/all.min.css" rel="stylesheet" /> <link href="<?=tpl_basedir()?>pub/fontawesome/css/all.min.css" rel="stylesheet" />
</head> </head>
<body data-page-id="<?php echo $ID ?>"> <body data-page-id="<?php echo $ID ?>">
...@@ -28,7 +28,7 @@ $showSidebar = $hasSidebar && ($ACT == 'show'); ...@@ -28,7 +28,7 @@ $showSidebar = $hasSidebar && ($ACT == 'show');
<div class="header-inner"> <div class="header-inner">
<div class="logo"> <div class="logo">
<div class="logo-img"><a href="<?php echo wl(); ?>"><img src="/lib/tpl/ak/frontend/assets/imgs/logo.png" /></a></div> <div class="logo-img"><a href="<?php echo wl(); ?>"><img src="<?=tpl_basedir()?>pub/img/logo.png" /></a></div>
<div class="logo-title"><a href="<?php echo wl(); ?>">Библиотека Архивариус</a></div> <div class="logo-title"><a href="<?php echo wl(); ?>">Библиотека Архивариус</a></div>
</div> </div>
<div class="desk"> <div class="desk">
...@@ -36,8 +36,8 @@ $showSidebar = $hasSidebar && ($ACT == 'show'); ...@@ -36,8 +36,8 @@ $showSidebar = $hasSidebar && ($ACT == 'show');
</div> </div>
<nav class="desk"> <nav class="desk">
<ul class="mainmenu"> <ul class="mainmenu">
<li><a class="button" href="<?php echo wl('', ['id' => 'documenty:dokumenty_rpc']); ?>">Документы</a></li> <li><a class="button" href="<?php echo wl('', ['id' => 'derevo_sajta']); ?>">Дерево сайта</a></li>
<li><a class="button" href="<?php echo wl('', ['id' => 'kanony:kanonicheskoe_pravo']); ?>">Право</a></li> <li><a class="button" href="<?php echo wl('', ['id' => 'poslednie_izmeneniya']); ?>">Последние изменения</a></li>
<li><a class="button" href="<?php echo wl('', ['id' => 'about']); ?>">О&nbsp;проекте</a></li> <li><a class="button" href="<?php echo wl('', ['id' => 'about']); ?>">О&nbsp;проекте</a></li>
</ul> </ul>
...@@ -99,7 +99,7 @@ $showSidebar = $hasSidebar && ($ACT == 'show'); ...@@ -99,7 +99,7 @@ $showSidebar = $hasSidebar && ($ACT == 'show');
<div class="mobile-content"> <div class="mobile-content">
<div class="mobilelogo"> <div class="mobilelogo">
<div><a href="<?php echo wl(); ?>"><img src="/lib/tpl/ak/frontend/assets/imgs/logo.png" /></a></div> <div><a href="<?php echo wl(); ?>"><img src="<?=tpl_basedir()?>pub/img/logo.png" /></a></div>
<div class="logo-mob-title"><a href="<?php echo wl(); ?>">Библиотека Архивариус</a></div> <div class="logo-mob-title"><a href="<?php echo wl(); ?>">Библиотека Архивариус</a></div>
</div> </div>
...@@ -107,8 +107,8 @@ $showSidebar = $hasSidebar && ($ACT == 'show'); ...@@ -107,8 +107,8 @@ $showSidebar = $hasSidebar && ($ACT == 'show');
<nav> <nav>
<ul class="mobailmainmenu"> <ul class="mobailmainmenu">
<li><a class="button" href="<?php echo wl('', ['id' => 'documenty:dokumenty_rpc']); ?>">Документы</a></li> <li><a class="button" href="<?php echo wl('', ['id' => 'derevo_sajta']); ?>">Дерево сайта</a></li>
<li><a class="button" href="<?php echo wl('', ['id' => 'kanony:kanonicheskoe_pravo']); ?>">Право</a></li> <li><a class="button" href="<?php echo wl('', ['id' => 'poslednie_izmeneniya']); ?>">Последние изменения</a></li>
<li><a class="button" href="<?php echo wl('', ['id' => 'about']); ?>">О&nbsp;проекте</a></li> <li><a class="button" href="<?php echo wl('', ['id' => 'about']); ?>">О&nbsp;проекте</a></li>
</ul> </ul>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment