Дизайн для
Дневника. Обновлённая версия от 17.02.2022Просто розовый дизайн без какого либо смысла. Вдруг пригодится.
Код для подключения под подробнее.



@font-face {
font-family: 'font9b39cc740f63195a04bbfa188cea2f4b';
src: url('https://nomail.com.ua/files/eot/9b39cc740f63195a04bbfa188cea2f4b.eot?#iefix') format('embedded-opentype'),
url('https://nomail.com.ua/files/woff/9b39cc740f63195a04bbfa188cea2f4b.woff') format('woff'),
url('https://nomail.com.ua/files/woff2/9b39cc740f63195a04bbfa188cea2f4b.woff2') format('woff2');
}
@font-face { font-family: 'hooge05_55Cyr2'; src: local('hooge05_55Cyr2'), url('https://nomail.com.ua/files/woff/9b39cc740f63195a04bbfa188cea2f4b.woff') format('woff'); }
/*============================*/
@font-face {
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
src: url('https://nomail.com.ua/files/eot/ab98630843bca2d00bb3a0a18f2e754a.eot?#iefix') format('embedded-opentype'),
url('https://nomail.com.ua/files/woff/ab98630843bca2d00bb3a0a18f2e754a.woff') format('woff'),
url('https://nomail.com.ua/files/woff2/ab98630843bca2d00bb3a0a18f2e754a.woff2') format('woff2');
}
@font-face { font-family: 'AGAvantGardeCyrBook'; src: local('AGAvantGardeCyrBook'), url('https://nomail.com.ua/files/woff/ab98630843bca2d00bb3a0a18f2e754a.woff') format('woff'); }
/*================================*/
@font-face {
font-family: 'fontff0993442e48a4cd3678b32f3a456061';
src: url('https://nomail.com.ua/files/eot/ff0993442e48a4cd3678b32f3a456061.eot?#iefix') format('embedded-opentype'),
url('https://nomail.com.ua/files/woff/ff0993442e48a4cd3678b32f3a456061.woff') format('woff'),
url('https://nomail.com.ua/files/woff2/ff0993442e48a4cd3678b32f3a456061.woff2') format('woff2');
}
@font-face { font-family: 'FuturisCyrillic'; src: local('FuturisCyrillic'), url('https://nomail.com.ua/files/woff/ff0993442e48a4cd3678b32f3a456061.woff') format('woff'); }
/*================================*/
* {
font-family: monospace;
}
* {cursor: url(https://beon.vip/uploads_user/10000/9068/dd83f6ec29391129a67ce4203ad103eb.png), auto !important;}
.card-header {color: #ff73a4;}
body {background: url(https://beon.vip/uploads_user/10000/9068/abae24605230f33a378e56ded7e44270.gif); background-size: 400px;}
.top_header {box-shadow: 0 0 black;}
.card, .seBlogComments, .modal-content {
background: #fff6f6;
border: 1px double #ffb2cd !important;
border: 1px double #ffb2cd;
padding: 10px;
box-shadow: 3px 3px 0px #ffd5e3, inset -2px -2px 0px white;
border-radius: 3px !important;
border-radius: 3px;
}
div.menu_dropdown {border: 4px double #ffb2cd !important;}
div.menu_dropdown a {background: #f6f6f6 !important;}
img.photo {border-radius: 3px;}
a {color: #ff73a4 !important; color: #ff73a4;}
a:hover {text-decoration: unset !important;}
.seBlogColumnRightPadding,.card-body {padding: 0px;}
li.p-1 {display: block;}
.comment_headline,button.button_down,img.photo {background: transparent; border: none;}
.navbar,.profile_postcomment,.modal-header,.modal-footer {border: none; border: none !important;}
button.btn.btn-outline-success {background: #ffafca;border: none;color: snow;text-transform: uppercase;}
.gifts-list .p-1, .gifts-list .p-1 img {width: 60px; font-size: 10px; text-align: center;}
div#designs {
background: #8d8c8b;
clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
width: 20px;
height: 20px !important;
height: 20px;
color: transparent !important;
color: transparent;
right: 5px !important;
bottom: 5px !important;}
.top_header, nav.navbar.navbar-expand-lg.navbar-light.bg-light.top_menu.top_mobile_menu {
background: #fff6f6 url(https://beon.vip/uploads_user/10000/9068/abae24605230f33a378e56ded7e44270.gif) top;
border-bottom: 4px double #ffb2cd;
box-shadow: 0px 3px 0px #ffe9f0;
background-size: 300px;}
.comment_headline {padding: 10px;}
div.menu_dropdown a:hover {background: #ffd5e3 !important;}
#mobile_menu .menu_item_dropdown a,.portal_spacer,div#mobile_photo_wrap {background: #f6f6f6;}
div#mobile_photo_wrap {color: #5e5e5e;}
#mobile_menu .menu_item_dropdown a {border-bottom: 4px double;}
/*UPD*/
h2.card-title {
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
}
.content {
margin-top: 70px !important;
margin-top: 30px !important;
}
.top_header {
padding: 0px;
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
padding-top: 5px;
}
[src="./images/logo_new.png"] {
display: none;
}
[href="./"]:before {
content: 'Beon';
font-size: 17px;
text-transform: uppercase;
padding-bottom: 9px !important;
display: block;
position: absolute !important;
top: 11px;
left: 10px;
}
td.top_menu {
padding: 0px;
}
.blog_leftprofile a {
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
font-size: 16px;
font-weight: 200;
}
.post_image div,div#user_status {
line-height: 1.2;
color: #ff73a4 !important; color: #ff73a4;
font-family: 'fontff0993442e48a4cd3678b32f3a456061' !important;
font-size: 12px !important; font-size: 12px;
}
div#user_status {
margin: auto;
}
.card-header,.comment_headline {
color: #ff73a4;
padding: 0px;
text-align: center;
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
font-size: 19px;
border-bottom: 1px solid #ffb2cd;
}
.card.p-1,
.card.mt-3.blog_leftmenu,
.blog_leftsearch .card,
.card.blog_categories,
.card.blog_gifts {
padding: 0px;
padding-top: 4px;
}
li.p-1 {
padding: 0px !important; padding: 0px;
}
.card-body {
line-height: 1.2;
font-family: 'fontff0993442e48a4cd3678b32f3a456061';
text-align: right !important;
text-align: center;
padding: 5px;
}
input[type="text"] {
background: #ffd5e369;
border: unset;
padding: 5px;
padding-bottom: 2px;
}
input[type="text"]::placeholder {
color: #ff73a4;
}
ul.seBlogCategoryList {
color: #f16f9d;
}
.gifts-list img {
max-width: 36px;
}
div#lefthome {
width: 26% !important;
}
h6.card-subtitle.mb-2.text-muted.post_date {
font-family: 'fontff0993442e48a4cd3678b32f3a456061';
color: #ff73a4;
}
h6.card-subtitle.mb-2.text-muted.post_date a {
display: block;
width: fit-content;
font-size: 18px;
}
.post_container {
border-top: 1px dashed #ffb2cd;
padding: 10px !important;
padding-top: 15px !important;
padding: 5px;
padding-top: 10px;
}
.post_text.pl-3,.profile_comment_body {
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a' !important;
font-size: 15px;
color: #e75688;
}
.additional_info.pl-3 {
color: #ff73a4;
font-family: 'fontff0993442e48a4cd3678b32f3a456061';
padding: 0px !important; padding: 0px;
margin-left: 15px;
width: 100%;
line-height: 1.2;
padding-top: 10px !important; padding-top: 10px;
}
a.card-link {
display: block;
margin: 0px !important; margin: 0px;
width: fit-content;
}
p.card-link {
margin: 0px;
}
.post_text.pl-3 {
background: white;
margin-left: 15px;
padding: 5px !important; padding: 5px;
border-radius: 3px;
}
.post_text.pl-3 p {
margin-bottom: 1px;
margin-top: 1px;
}
.post_text.pl-3 {
width: calc(98% - 5px);
}
.post_image a img {
border-radius: 3px;
}
a.page-link, li.p-1, h2.card-title a {
transition: 0.2s;
}
input#comment_submit, a.page-link, li.p-1:hover, h2.card-title a:hover {
color: #ff73a452 !important; color: #ff73a452;
padding-left: 15px;
transition: 0.2s;
}
.profile_postcomment {
padding: 0px !important; padding: 0px;
padding-top: 10px !important; padding-top: 10px;
}
input#comment_submit,button.btn.btn-secondary {
background: #ffeaf1;
border: unset;
border-radius: 3px;
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a' !important;
font-size: 16px;
color: #ff73a4 !important; color: #ff73a4;
box-shadow: 3px 3px 0px #ffd5e3;
}
textarea#comment_body {
background: #ffffff;
border: unset;
padding: 10px;
box-shadow: 4px 4px #ffd5e3;
}
textarea#comment_body:focus {
outline: unset;
box-shadow: inset 4px 4px #ffd5e3;
}
div#postcomment_userphotos {
border: unset;
padding: 0px;
}
img.img-thumbnail {
border: unset;
background: white;
}
div#postcomment_form {
width: 87% !important; width: 87%;
}
div#postcomment_userphotos {
width: 12%;
}
.comment_headline {
margin-top: 25px;
}
.profile_comment_author {
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
font-size: 16px;
padding: 0px !important; padding: 0px;
padding-left: 5px !important; padding-left: 5px;
}
div.profile_comment_body {
background: white;
margin-left: 5px;
padding: 5px !important; padding: 5px;
padding: 5px;
max-width: 100%;
}
div [id^="comment_"] {
margin-bottom: 25px !important; margin-bottom: 25px;
}
.profile_comment_date {
font-family: 'fontff0993442e48a4cd3678b32f3a456061';
color: #ff73a4 !important; color: #ff73a4;
}
.profile_comment_links {
color: transparent;
font-family: 'fontff0993442e48a4cd3678b32f3a456061';
}
[src="/images/verify.png"] {
filter: hue-rotate(150deg) brightness(1.4);
}
blockquote.blockquote {
padding: 0px;
padding-left: 5px;
border-color: #ff86a4;
color: #ff86a4;
font-style: italic;
background: #fff6f6;
}
.userphoto_selected {
background: #ffb2cd;
border-radius: 3px;
}
div.button {
font-weight: 400;
padding: 0px !important; padding: 0px;
padding-right: 10px !important; padding-right: 10px;
font-family: 'fontff0993442e48a4cd3678b32f3a456061' !important;
}
button.btn.btn-primary {
background: transparent;
color: #ff73a4;
font-size: 17px;
text-transform: uppercase;
border: unset;
}
[src="/images/notify.svg"] {
max-width: 21px;
filter: invert(1) drop-shadow(1px 0px 5px #ffd5e3);
color: #ffd5e3;
}
[src="/images/button_down.svg"] {
filter: drop-shadow(1px 0px 5px #ffd5e3);
color: #ffd5e3;
}
.top_header {
width: 80% !important;
position: relative !important;
margin: auto;
margin-top: 35px;
border-radius: 3px;
border: 1px solid #ffb2cd;
border-bottom: 1px solid #ffb2cd;
}
.content {
width: 80% !important;
}
img.menu_icon2 {
display: none;
}
div.menu_dropdown {
margin-top: -3px !important; margin-top: -3px;
font-size: 12px;
line-height: 1.1;
}
.modal-header {
padding: 0px;
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
color: #f17fa7;
}
.modal-header {
color: #ff73a4;
padding: 0px;
text-align: center;
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
font-size: 19px;
border-bottom: 1px solid #ffb2cd !important; border-bottom: 1px solid #ffb2cd;
padding-left: 10px;
padding-top: 5px;
}
.modal-content {
padding: 0px;
}
.noUpdates {
font-family: 'fontff0993442e48a4cd3678b32f3a456061';
color: #ffb2cd;
}
button.close {
display: none;
}
:focus {
outline: unset !important; outline: unset;
box-shadow: unset !important; box-shadow: unset;
}
.modal {
background: #ffb2cd61 !important; background: #ffb2cd61;
backdrop-filter: blur(3px);
}
h6.card-subtitle.mb-2.text-muted.post_date a,
div#lefthome a {
transition: 0.2s;
}
h6.card-subtitle.mb-2.text-muted.post_date a:hover,
div#lefthome a:hover {
color: #ff73a469 !important; color: #ff73a469;
transition: 0.2s;
}
a.page-link {
font-family: 'fontab98630843bca2d00bb3a0a18f2e754a';
font-size: 17px;
background: white;
color: #ff73a4 !important; color: #ff73a4;
}
a.page-link:hover {
background: white;
color: #ff73a469 !important; color: #ff73a469;
}
.card {
margin-bottom: 20px !important; margin-bottom: 20px;
}
div#righthome {
padding: 0px;
margin-left: 20px !important;
}
a.top_menu_item {
font-size: 17px !important;
}
td.top_menu {
margin-left: 50px !important;
display: block !important;
width: calc(100% - 25px) !important;
}
/*MOB*/
button.navbar-toggler {
border: unset;
}
div#mobile_menu button.btn.btn-primary {
font-size: 13px;
background: #ffd1e1;
}
#mobile_menu .menu_item_dropdown a {
border-bottom: 1px double;
padding: 0px;
}
#mobile_menu {
background: #f6f6f6;
}
div#mobile_photo img {
width: 100px;
}
div#mobile_photo_wrap {
color: #ff73a4;
}
.navbar-light .navbar-toggler-icon {
background: url(https://img.icons8.com/external-tal-revivo-color-tal-revivo/2x/external-horizontal-separated-bars-representing-hamburger-menu-layout-grid-color-tal-revivo.png) no-repeat center / contain;
filter: hue-rotate(128deg);
}
@media screen and (max-width: 1024px) {
div#lefthome {
height: 44px;
overflow: hidden;
}
div#lefthome:before {
content: 'MENU';
display: block;
text-align: center;
background: #ffffff;
margin-bottom: 12px;
border-radius: 3px;
border: 1px solid #ffc3d8;
box-shadow: 3px 3px 0px #ffd5e3, inset -1px 0px 0px #ffb2cd;
font-size: 20px;
color: #ff6f9d;
}
div#lefthome:hover {
height: 100%;
}
#content_flex {
flex-direction: column;
}
div#righthome {
margin-left: 0px !important;
}
.top_header, div#lefthome, div#righthome {
width: 95% !important;
margin: auto !important;
margin-top: 10px !important;
}
.content {
width: 100% !important;
}
}
/*UPD*/
textarea#comment_body,textarea#comment_body::placeholder {
color: #ff73a4 !important; color: #ff73a4;
font-size: 17px;
}
/*СКРОЛЛ*/
::-webkit-scrollbar {
width: 6px !important;
border-radius: 3px;
}
::-webkit-scrollbar-thumb {
background: #ffafca !important;
border-radius: 3px;
border: 1px solid #e799b4;
box-shadow: inset -1px -1px white;
}
::-webkit-scrollbar-track {
background: #ffffff !important;
border-radius: 3px;
}
/*=====================*/
button.btn.btn-outline-success {
box-shadow: inset -1px -1px #ffffffd6;
border: 1px solid #e388a7;
}
.copyright {
color: #ff73a4 !important; color: #ff73a4;
}
.top_menu {
padding-right: 5px;
}
button.btn.btn-outline-success {
box-shadow: inset -1px -1px #ffb2cd;
border: 1px solid #ffc3d8;
background: white;
color: #ff6f9d;
}