PHP. Разработка модуля комментариев для сайта - Дмитрий Приходько Страница 21

class="p1">}

/* Блок авторизации */

.inputbutton {

display: flow-root;

float: none;

}

/* div-ы ссылок */

.ingress {

text-align: right;

float: left;

padding: 0px 10px;

text-transform: uppercase;

}

.ingressout {

padding: 0px 10px;

text-transform: uppercase;

float: none;

text-align: left;

}

.ingressloginout {

padding: 0px 10px;

text-transform: uppercase;

float: none;

text-align: left;

font-family: verdana;

font-size: smaller;

}

.logout {

padding: 0px 10px;

}

/* Ссылки Вход, Регистрация, На главную */

.aingress {

color:-web-link;

}

.aingress:hover {

color: red;

}

/* Вывод комментариев */

.sayavatar {

float: left;

width: 60px;

height: auto;

border: 1px solid lightgray;

border-radius: 10px;

margin-right: 15px;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);

}

.postnumber {

float: left;

margin-right: 50px;

color: brown;

}

.printcomment {

display: flow-root;

padding: 1px 15px 15px 15px;

}

.topprintcomment {

padding: 0 10px;

border-bottom: 1px solid #cacaca;

margin-left: 15px;

}

.reply_button {

float: left;

margin: 10px 20px 0px 10px;

}

.wrappersaybutton {

display: flow-root;

clear: both;

background-color: whitesmoke;

}

.says {

float: left;

padding-right: 10px;

}

.sayright {

display: inline-flex;

float: right;

}

.cabinets {

float: left;

}

.return {

text-align: right;

float: left;

padding: 0px 10px;

margin: 1%;

}

.areturns {

font-family: "Carrois Gothic", sans-serif;

color: #6b5344;

}

.areturns:hover {

color: #f25c05;

}

.adduser {

font-family: "Carrois Gothic", sans-serif;

color: #6b5344;

}

/* панель управления */

/* ссылки */

.apanel {

color: cadetblue;

}

.apreturn {

color: #6b5344;

}

.wrap_apanel {

margin: 0 auto;

width: fit-content;

}

/* Лист пользователей в админ разделе */

/* делаем сетку */

.ourwrapper {

display: flex;

flex-wrap: wrap;

display: grid;

grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));

grid-auto-rows: minmax(150px, auto);

grid-gap: 1em;

}

/* аватарка для админки */

.imgava {

width: 50px;

height: 50px;

padding-top: 5px;

float: left;

padding-right: 20px;

}

/* Страница статистики */

/* Форма статистики и поиска */

.stat {

background: none;

}

.statwrap {

float: none;

display: inline-block;

}

.statone {

float: left;

margin-left: 2%;

width: 30%;

}

.stattwo {

float: left;

width: 30%;

–webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);

box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);

padding: 10px 15px;

border-radius: 5px;

}

.statthree {

margin-left: 2%;

float: left;

–webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);

box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);

padding: 10px 15px;

border-radius: 5px;

}

#author {

float: right;

width: 140px;

}

#category {

float: right;

width: 140px;

}

.textsearch {

float: left;

}

.textsearch_button {

float: right;

}

/* Форма пользователя */

.formuser {

background: white;

display: flex;

align-items: center;

justify-content: center;

height: fit-content;

/* Flex Fallback */

margin-left: 5px;

margin-right: 5px;

flex: 1 1 200px;

padding: 4%;

border-radius: 8px;

}

.topuser {

border-bottom: 1px dashed #7e6d4c;

float: none;

}

.login_art {

margin: 0px;

font-weight: bold;

}

h3.vintage {

color: #f25c05;

border-bottom: 1px dashed #7e6d4c;

font-style: italic;

}

.number {

color: brown;

}

/* 2. Административный раздел */

/* 2.1 Подключение нового пользователя form.html.php */

.username {

padding: 2px;

float: none;

}

/* fieldset */

.usernames {

border: 1px solid lightgray;

}

/* поле ввода логина */

.inputs {

float: right;

}

/* заголовок формы */

.formname {

margin: 0;

}

.chatfieldset {

border: 1px solid lightgray;

}

/* заголовок создания админа */

.make_admin {

text-align: center;

color: brown;

}

/* addsay */

.addsayform {

margin: 0 auto;

max-width: fit-content;

box-sizing: border-box;

padding: 1.5%;

border-radius: 5px;

background: RGBA(255, 255, 255, 1);

–webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);

box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);

}

/* div кнопки добавить комментарии */

.addsay {

float: left;

margin: 0 10px;

}

/* ссылки показать скрыть комментарии */

.aopensays {

color: #6f6f6f;

}

.aopensays:hover {

color: #497270;

}

.aaddsays {

color: #6f6f6f;

}

.aaddsays:hover {

color: #53918e;

}

.areply {

color: #6b5344;

}

.areply:hover {

color: #53918e;

}

.notaddsays {

color: #6b5344;

}

.notaddsays:hover {

color: #f25c05;

}

/* из test */

/*.................Ответы................... */

.block_reply {

margin-left: 3%;

position: relative;

/* background:green; */

}

.wrap_reply_form {

position: relative;

/* background: orange; */

}

.reply_form {

/* border: 1px solid green; */

padding: 1%;

background: white;

float: none;

margin-right: 1%;

display: flow-root;

}

.reply_delete_button {

background: whitesmoke;

margin-right: 1%;

padding: 3px;

border-radius: 4px;

float: right;

}

.avareply {

margin: 3px 10px;

border-right: 1px solid #cacaca;

padding: 0 5px;

width: 40px;

height: auto;

}

.topreply {

padding: 2px 12px;

border-bottom: 1px solid #cacaca;

border-radius: 5px;

}

.wrapsayform {

position: relative;

border: 1px solid lightgray;

border-radius: 4px;

margin: 2% 0;

z-index: 0;

clear: both;

/* background:Градиент */

/* background: linear-gradient(45deg, #3e84bf 25%, transparent 25%, transparent 75%, #292929 75%),

linear-gradient(45deg, #292929 25%, transparent 25%, transparent 75%, #292929 75%) 0.1875em 0.1875em,

radial-gradient(at 50% 0, #484847, #090909);

background-size: 0.375em 0.375em, 0.375em 0.375em, 100% 100%; */

/* В линейку */

/* background-color: #FFFFEF;

background-image:

linear-gradient(90deg, transparent 98px, #ED82AD 98px, #ED82AD 100px, transparent 100px),

linear-gradient(#eee 1px, transparent 0px),

linear-gradient(90deg, #eee 1px, transparent 0px);

background-size:100% 100%, 20px 20px, 20px 20px;

background-position: 0 0, -1px -1px, -1px 1px; */

}

.sayform {

background: white;

margin: 1%;

padding: 0;

border-radius: 5px;

border: 1px solid lightgray;

}

.topprintcomment {

padding: 0 10px;

border-bottom: 1px solid #cacaca;

margin-left: 15px;

}

.wrapreplyform {

display: flow-root;

background: whitesmoke;

margin-right: 1%;

}

.idreplynum {

float: left;

color: brown;

padding: 5px 15px;

}

h3.user {

margin: 0 1em 0 1em;

padding: 0 0 5px 0;

color: cadetblue;

font-weight: normal;

position: relative;

text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);

font-size: 24px;

line-height: 40px;

font-family: "Carrois Gothic", sans-serif;

border-bottom: 1px dashed cadetblue;

}

h4.user {

margin: 0 1em 0 1em;

padding: 0 0 5px 0;

color: cadetblue;

font-weight: normal;

position: relative;

text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);

font-size: 24px;

line-height: