PHP. Разработка модуля комментариев для сайта - Дмитрий Приходько
/* Блок авторизации */
.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:
