Update style and temlates
Add new classes and identifiers.
This commit is contained in:
parent
34b465ab17
commit
deaed8a0c2
6 changed files with 75 additions and 76 deletions
|
@ -129,7 +129,7 @@ class Censoring extends Admin
|
|||
'caption' => __('Replacement label'),
|
||||
];
|
||||
|
||||
$form['sets']['cens'] = [
|
||||
$form['sets']['censtable'] = [
|
||||
'class' => 'censor',
|
||||
'fields' => $fieldset,
|
||||
];
|
||||
|
|
|
@ -27,14 +27,14 @@
|
|||
<label id="id-mn-label" class="f-menu-toggle" for="id-mn-checkbox"></label>
|
||||
<ul class="f-menu-items">
|
||||
@foreach ($p->fNavigation as $key => $val)
|
||||
<li id="id-nav-{{ $key }}" class="f-menu-item"><!-- inline -->
|
||||
<li id="fork-nav-{{ $key }}" class="f-menu-item"><!-- inline -->
|
||||
<a class="f-menu-a @if ($key == $p->fIndex) active @endif" href="{{ $val[0] }}" @if ($val[2]) title="{!! __($val[2]) !!}" @endif>
|
||||
<span class="f-menu-span">{!! __($val[1]) !!}</span>
|
||||
</a>
|
||||
@if ($val[3])
|
||||
<ul class="f-submenu-items">
|
||||
@foreach ($val[3] as $key => $val)
|
||||
<li id="id-nav-{{ $key }}" class="f-menu-item">
|
||||
<li id="fork-nav-{{ $key }}" class="f-menu-item">
|
||||
@if ($val[0])
|
||||
<a class="f-menu-a @if ($key == $p->fSubIndex) active @endif" href="{{ $val[0] }}" @if ($val[2]) title="{!! __($val[2]) !!}" @endif>
|
||||
<span class="f-menu-span">{!! __($val[1]) !!}</span>
|
||||
|
@ -52,14 +52,14 @@
|
|||
@if ($p->fNavigationUser)
|
||||
<ul class="f-menu-user-items">
|
||||
@foreach ($p->fNavigationUser as $key => $val)
|
||||
<li id="id-nav-{{ $key }}" class="f-menu-item"><!-- inline -->
|
||||
<li id="fork-nav-{{ $key }}" class="f-menu-item"><!-- inline -->
|
||||
<a class="f-menu-a @if ($key == $p->fIndex) active @endif" href="{{ $val[0] }}" @if ($val[2]) title="{!! __($val[2]) !!}" @endif>
|
||||
<span class="f-menu-span">{!! __($val[1]) !!}</span>
|
||||
</a>
|
||||
@if ($val[3])
|
||||
<ul class="f-submenu-items">
|
||||
@foreach ($val[3] as $key => $val)
|
||||
<li id="id-nav-{{ $key }}" class="f-menu-item">
|
||||
<li id="fork-nav-{{ $key }}" class="f-menu-item">
|
||||
@if ($val[0])
|
||||
<a class="f-menu-a @if ($key == $p->fSubIndex) active @endif" href="{{ $val[0] }}" @if ($val[2]) title="{!! __($val[2]) !!}" @endif>
|
||||
<span class="f-menu-span">{!! __($val[1]) !!}</span>
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
<body>
|
||||
<div id="fork">
|
||||
<main>
|
||||
<section class="f-main f-redirect">
|
||||
<section id="fork-rdrct" class="f-main">
|
||||
<h2>{!! __('Redirecting') !!}</h2>
|
||||
<p>{!! $p->message !!}</p>
|
||||
<p><a href="{{ $p->link }}">{!! __('Click redirect') !!}</a></p>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
@extends ('layouts/main')
|
||||
@if ($p->back)
|
||||
<div class="f-backlink">
|
||||
<div id="fork-bcklnk">
|
||||
<p><a class="f-go-back" href="{{ $p->fRootLink }}">{!! __('Go back') !!}</a></p>
|
||||
</div>
|
||||
@endif
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
@endif
|
||||
</div>
|
||||
@if ($form = $p->form)
|
||||
<section class="f-main f-userlist-form">
|
||||
<section id="fork-usrlstform" class="f-main">
|
||||
<h2>{!! __($p->user->searchUsers ? 'User search head' : 'User sort head') !!}</h2>
|
||||
<details>
|
||||
<summary>{!! __($p->user->searchUsers ? 'User search head' : 'User sort head') !!}</summary>
|
||||
|
@ -41,7 +41,7 @@
|
|||
</section>
|
||||
@endif
|
||||
@if ($p->userList)
|
||||
<section class="f-main f-userlist">
|
||||
<section id="fork-usrlst" class="f-main">
|
||||
<h2>{!! __('User_list') !!}</h2>
|
||||
<div class="f-ulist">
|
||||
<ol class="f-table">
|
||||
|
|
|
@ -415,63 +415,63 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
text-transform: none;
|
||||
}
|
||||
|
||||
#fork #id-nav-profile .f-menu-a:before {
|
||||
#fork-nav-profile .f-menu-a:before {
|
||||
content: "\f007";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork-nav #id-nav-profile span {
|
||||
#fork-nav-profile .f-menu-span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#fork #id-nav-pmsnew .f-menu-a:before {
|
||||
#fork-nav-pmsnew .f-menu-a:before {
|
||||
font-weight: 400;
|
||||
content: "\f0e0";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-admin .f-menu-a:before {
|
||||
#fork-nav-admin .f-menu-a:before {
|
||||
content: "\f7d9";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-logout .f-menu-a:before {
|
||||
#fork-nav-logout .f-menu-a:before {
|
||||
content: "\f2f5";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-register .f-menu-a:before {
|
||||
#fork-nav-register .f-menu-a:before {
|
||||
content: "\f234";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-login .f-menu-a:before {
|
||||
#fork-nav-login .f-menu-a:before {
|
||||
content: "\f2f6";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-index .f-menu-a:before {
|
||||
#fork-nav-index .f-menu-a:before {
|
||||
content: "\f015";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-userlist .f-menu-a:before {
|
||||
#fork-nav-userlist .f-menu-a:before {
|
||||
content: "\f0c0";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-rules .f-menu-a:before {
|
||||
#fork-nav-rules .f-menu-a:before {
|
||||
content: "\f05a";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-search > .f-menu-a:before {
|
||||
#fork-nav-search > .f-menu-a:before {
|
||||
content: "\f002";
|
||||
padding-right: 0.3125rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 34rem) {
|
||||
#fork #id-nav-profile ~ .f-menu-item .f-menu-span {
|
||||
#fork-nav-profile ~ .f-menu-item .f-menu-span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
@ -510,7 +510,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
padding-bottom: 1.9375rem;
|
||||
}
|
||||
|
||||
#fork-nav #id-nav-search .f-submenu-items {
|
||||
#fork-nav-search .f-submenu-items {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
@ -520,11 +520,11 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-profile.f-menu-item {
|
||||
#fork-nav-profile.f-menu-item {
|
||||
min-width: 4rem;
|
||||
}
|
||||
|
||||
#fork #id-nav-profile .f-menu-a:before {
|
||||
#fork-nav-profile .f-menu-a:before {
|
||||
content: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -726,7 +726,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
font-size: 0.8125rem;
|
||||
}
|
||||
|
||||
#fork .f-fdiv .f-yinfo + .f-yinfo {
|
||||
#fork .f-yinfo + .f-yinfo {
|
||||
margin-top: -0.3125rem;
|
||||
}
|
||||
|
||||
|
@ -955,7 +955,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
/*************/
|
||||
/* Сообщение */
|
||||
/*************/
|
||||
#fork .f-backlink > p {
|
||||
#fork-bcklnk > p {
|
||||
padding: 0.625rem;
|
||||
}
|
||||
|
||||
|
@ -971,18 +971,18 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
/************/
|
||||
/* Редирект */
|
||||
/************/
|
||||
#fork .f-redirect {
|
||||
#fork #fork-rdrct {
|
||||
border: 0.0625rem solid #AA7939;
|
||||
}
|
||||
|
||||
#fork .f-redirect > h2 {
|
||||
#fork-rdrct > h2 {
|
||||
display: block;
|
||||
padding: 0.625rem;
|
||||
background-color: #F8F4E3;
|
||||
border-bottom: 0.0625rem solid #AA7939;
|
||||
}
|
||||
|
||||
#fork .f-redirect > p {
|
||||
#fork-rdrct > p {
|
||||
padding: 0.625rem;
|
||||
}
|
||||
|
||||
|
@ -1616,7 +1616,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
margin-bottom: 0.3125rem;
|
||||
}
|
||||
|
||||
#fork .f-avatar img {
|
||||
#fork .f-avatar > img {
|
||||
max-width: 4.6875rem;
|
||||
height: auto;
|
||||
}
|
||||
|
@ -1854,7 +1854,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
#fork .f-avatar img {
|
||||
#fork .f-avatar > img {
|
||||
max-width: 100%;
|
||||
}
|
||||
} /* @media screen and (min-width: 50rem) */
|
||||
|
@ -2366,7 +2366,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
#forka .f-field-on input:not(:checked) + span {
|
||||
#forka .f-field-on .f-ychk:not(:checked) + span {
|
||||
opacity: 0.2;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -2376,7 +2376,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
background: red;
|
||||
}
|
||||
|
||||
#forka .f-field-off input:checked + span {
|
||||
#forka .f-field-off .f-ychk:checked + span {
|
||||
opacity: 0.2;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -2386,7 +2386,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
background: red;
|
||||
}
|
||||
|
||||
#forka .f-field-cando input:disabled + span {
|
||||
#forka .f-field-cando .f-ychk:disabled + span {
|
||||
opacity: 0.2;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -2424,33 +2424,33 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
/*********************/
|
||||
/* Админка/Цензура */
|
||||
/*********************/
|
||||
#forka .f-fs-censor {
|
||||
#id-fs-censtable.f-fs-censor {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: stretch;
|
||||
/*min-width: 0;*/
|
||||
}
|
||||
|
||||
#forka .f-fs-censor .f-ycaption {
|
||||
#id-fs-censtable .f-ycaption {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#forka .f-fs-censor .f-field-censor {
|
||||
#id-fs-censtable .f-field-censor {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#forka .f-fs-censor .f-field-censor > dt {
|
||||
#id-fs-censtable .f-field-censor > dt {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#forka .f-fs-censor .f-field-censor > dd {
|
||||
#id-fs-censtable .f-field-censor > dd {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#forka .f-field-censor:nth-child(-n+2) > dt {
|
||||
#id-fs-censtable .f-field-censor:nth-child(-n+2) > dt {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -2462,7 +2462,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
#fork .f-install > h2{
|
||||
#fork .f-install > h2 {
|
||||
padding: 0 0.625rem;
|
||||
}
|
||||
|
||||
|
@ -2513,7 +2513,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
}
|
||||
|
||||
#fork .f-search-form .f-flblr,
|
||||
#fork .f-userlist-form .f-flblr {
|
||||
#fork-usrlstform .f-flblr {
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
|
@ -2528,112 +2528,111 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
/************************/
|
||||
/* Список пользователей */
|
||||
/************************/
|
||||
#fork .f-ulist .f-row {
|
||||
#fork-usrlst .f-row {
|
||||
border-bottom: 0.0625rem solid #AA7939;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-row {
|
||||
#fork-usrlst .f-row {
|
||||
padding: 0.625rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-thead {
|
||||
#fork-usrlst .f-thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-thead + .f-row {
|
||||
#fork-usrlst .f-thead + .f-row {
|
||||
border-top: 0.125rem solid #AA7939;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 50rem) {
|
||||
#fork .f-ulist .f-row {
|
||||
#fork-usrlst .f-row {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-thead {
|
||||
#fork-usrlst .f-thead {
|
||||
border-top: 0.125rem solid #AA7939;
|
||||
border-bottom: 0.125rem solid #AA7939;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-thead + .f-row {
|
||||
#fork-usrlst .f-thead + .f-row {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-hcell,
|
||||
#fork .f-ulist .f-cell {
|
||||
#fork-usrlst .f-hcell,
|
||||
#fork-usrlst .f-cell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#fork .f-ulist small,
|
||||
#fork .f-ulist small {
|
||||
#fork-usrlst small {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-hcell .f-hc-table {
|
||||
#fork-usrlst .f-hcell .f-hc-table {
|
||||
display: table;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#fork .f-hc-table .f-hc-tasc,
|
||||
#fork .f-hc-table .f-hc-tdesc {
|
||||
#fork-usrlst .f-hc-table .f-hc-tasc,
|
||||
#fork-usrlst .f-hc-table .f-hc-tdesc {
|
||||
font-size: 0.75rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#fork .f-hc-table .f-hc-tname {
|
||||
#fork-usrlst .f-hc-table .f-hc-tname {
|
||||
padding: 0.125rem 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#fork .f-hc-tasc > a,
|
||||
#fork .f-hc-tdesc > a {
|
||||
#fork-usrlst .f-hc-tasc > a,
|
||||
#fork-usrlst .f-hc-tdesc > a {
|
||||
padding: 0 0.25rem;
|
||||
/* border: 0; */
|
||||
}
|
||||
|
||||
#fork .f-hc-tasc > a.active,
|
||||
#fork .f-hc-tdesc > a.active {
|
||||
#fork-usrlst .f-hc-tasc > a.active,
|
||||
#fork-usrlst .f-hc-tdesc > a.active {
|
||||
border: 0.0625rem solid #814A00;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-cell > b,
|
||||
#fork .f-ulist .f-cell > i {
|
||||
#fork-usrlst .f-cell > b,
|
||||
#fork-usrlst .f-cell > i {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-cusername {
|
||||
#fork-usrlst .f-cusername {
|
||||
padding: 0.625rem 0 0.625rem 0.625rem;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-ctitle {
|
||||
#fork-usrlst .f-ctitle {
|
||||
padding: 0.625rem 0 0.625rem 0.625rem;
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-cnumposts {
|
||||
#fork-usrlst .f-cnumposts {
|
||||
padding: 0.625rem 0 0.625rem 0.625rem;
|
||||
width: 8rem;
|
||||
min-width: 8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-cnumposts .f-hc-table {
|
||||
#fork-usrlst .f-cnumposts .f-hc-table {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-cdatereg {
|
||||
#fork-usrlst .f-cdatereg {
|
||||
padding: 0.625rem;
|
||||
width: 11rem;
|
||||
min-width: 11rem;
|
||||
}
|
||||
|
||||
#fork .f-ulist .f-hcell {
|
||||
#fork-usrlst .f-hcell {
|
||||
padding-top: 0.3125rem;
|
||||
padding-bottom: 0.3125rem;
|
||||
}
|
||||
|
@ -2650,8 +2649,8 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
|
||||
#fork .f-field-pline .f-ycaption,
|
||||
#fork .f-field-pline .f-str,
|
||||
#fork .f-field-pline dt,
|
||||
#fork .f-field-pline dd {
|
||||
#fork .f-field-pline > dt,
|
||||
#fork .f-field-pline > dd {
|
||||
display: inline;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
|
@ -2800,8 +2799,8 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
/****************************/
|
||||
/* Профиль - редактирование */
|
||||
/****************************/
|
||||
#fork .f-fs-header-edit dl,
|
||||
#fork .f-fs-data-edit:not(#id-fs-activity) dl,
|
||||
#fork .f-fs-header-edit > dl,
|
||||
#fork .f-fs-data-edit:not(#id-fs-activity) > dl,
|
||||
#fork #id-fs-activity.f-fs-data-edit {
|
||||
border-bottom: 0.0625rem dotted #AA7939;
|
||||
}
|
||||
|
@ -2835,8 +2834,8 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
}
|
||||
|
||||
@media screen and (min-width: 40rem) {
|
||||
#fork .f-fs-header-edit dl,
|
||||
#fork .f-fs-data-edit dl {
|
||||
#fork .f-fs-header-edit > dl,
|
||||
#fork .f-fs-data-edit > dl {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
@ -2860,7 +2859,7 @@ html[lang="ru"] #fork details[open] > summary::after {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
#fork #fork-ausersrch-rs .f-fbtn,
|
||||
#fork-ausersrch-rs .f-btns .f-fbtn,
|
||||
#fork .f-delete-users-form .f-fbtn,
|
||||
#fork .f-change-group-form .f-fbtn {
|
||||
display: inline-block;
|
||||
|
|
Loading…
Add table
Reference in a new issue