⚠️ Installation for users without editor rights may result errors!
• Everything rounder, darker and cuter
• Editor panel improvements
• Fixing some errors
Authoranton0kurilov
LicenseNo License
Categoryrozetked.me
Created
Updated
Size9.0 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
⚠️ Installation for users without editor rights may result errors!
• Everything rounder, darker and cuter
• Editor panel improvements
• Fixing some errors
/* ==UserStyle==
@name Make Rozetked Great Again
@namespace github.com/openstyles/stylus
@version 0.0.7
@description FOR EDITORS ONLY
@author Anton Kurilov (kurilov.site)
==/UserStyle== */
@-moz-document url-prefix("https://rozetked.me") {
:root {
--borderRadius: 8px;
--bgColor: #111;
--subColor: #222;
--brandColor: rgba(229, 196, 29, .9);
}
body {
overscroll-behavior-x: none;
overscroll-behavior-y: none;
opacity: 0;
animation: fadeIn ease-in 1;
animation-fill-mode: forwards;
animation-duration: 0.3s;
animation-delay: 0.2s
}
@media screen and (min-width: 1024px) {
/* sidemenu */
.darkmode-but,
.button__create-post,
.button__all-post {
transition: transform .7s ease-in-out
}
.darkmode-but:hover,
.button__create-post:hover,
.button__all-post:hover {
transform: scale(0.9)
}
.button__create-post i,
.button__all-post i {
color: var(--brandColor) !important;
font-size: 27px;
margin: 15px 0
}
.button__all-post i {
font-size: 24px
}
.line-left .up,
#sticky {
left: 10px
}
.rlogo:hover {
background: inherit;
transform: scale(0.9)
}
#cd-cart {
background-color: var(--bgColor)
}
}
@media screen and (max-width: 1024px) {
/* revert changes on mobile devices */
.razer {
border-radius: 0!important;
}
.razer,
.r_header__h_logo .profile_icon,
.darkmode-but {
margin-top: 0;
}
.button__all-post,
.button__create-post {
display: none;
}
}
.watermark_pholder,
.post_new-meta-author,
.r_content .post_new__main_box_bottom-rating,
.n_main__meta-author {
cursor: default
}
.r_header__h_profile_box-avatar img {
border: 2px solid var(--brandColor);
}
/* hide shit */
.r_top_24 .favLink,
.cancellation,
.laravelComment,
.r_navigation_w {
display: none!important
}
#sticky.stick {
margin: 0
}
a {
transition: all .5s
}
/* calendar */
.flatpickr-calendar.hasTime .flatpickr-time {
border-top: 1px solid var(--subColor)
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover,
.darkmode .SumoSelect.open > .optWrapper {
background: #010101
}
.flatpickr-time input {
color: #eee
}
.flatpickr-time .numInputWrapper span.arrowDown:after,
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-top-color: #eee
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
color: rgba(255, 255, 255, .9);
fill: rgba(255, 255, 255, .9)
}
/* dropdowns */
.SumoSelect > .optWrapper > .options li.opt {
border-bottom: 1px solid #171717
}
/* tags */
.post_new__main_box_bottom-tags {
white-space: nowrap;
overflow-x: hidden
}
/* rounders */
.container .r_content {
border-radius: 10px 10px 0 0
}
.comments_form,
.darkmode .r_content .home_right__events,
.post-main-img picture img,
.btn,
.btn__delete,
.razer,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=password],
input[type=text],
div.medium-editor,
.SumoSelect > .CaptionCont {
border-radius: var(--borderRadius)
}
.r_footer {
border-radius: 0 0 10px 10px
}
/* paddings & margins */
.r_content .news .n_title,
.r_footer {
margin-bottom: 10px
}
#cd-cart > * {
padding: 0 1em
}
.admin-menu-list {
margin-top: 10px;
}
/* cards */
.darkmode .r_content .post_new__main {
border: none
}
.darkmode .r_content .post_new__main_box {
border-radius: 10px
}
.post-main-img picture img {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.23)
}
/* adminpanel */
.block__editor-features {
display: flex;
margin: 20px 0;
gap: 10px
}
.block__fastlinks {
border-radius: var(--borderRadius);
border: 0!important;
background-color: rgba(229, 196, 29, .4);
display: flex;
flex-direction: column;
flex: 2
}
.block__fastlinks > span {
display: block;
line-height: 20px!important
}
.block__fastlinks > span > span {
position: relative!important;
border-radius: var(--borderRadius)
}
.darkmode .home .block__fastlinks a {
color: #ddd!important
}
.darkmode .home .block__fastlinks a:hover {
color: #c1c1c1!important
}
.darkmode .admin-panel {
background: #E5C41D;
border-radius: var(--borderRadius);
line-height: 30px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
flex: 1;
transition: all .5s
}
.darkmode .admin-panel:hover {
opacity: .9
}
.darkmode .admin-panel a,
.darkmode .admin-panel a:hover {
color: var(--subColor)!important
}
form .form-group .help-block,
form .form-group .hint {
background-color: #ff867c;
cursor: default;
color: var(--bgColor);
font-weight: 600;
text-align: center;
padding: 10px;
margin: 15px 0 0 0;
border-radius: var(--borderRadius);
}
#calced_count {
padding: 5px 10px;
margin-bottom: 5px;
border-radius: var(--borderRadius);
display: inline-block;
cursor: default;
background-color: var(--subColor);
color: #bbb
}
.user_m__right_comments_list__cm {
background-color: var(--subColor);
padding: 10px 15px;
border-radius: var(--borderRadius);
}
.darkmode .r_content .user_m__right_comments_list__cm-subject {
color: #eee;
}
#inoagent {
z-index: 999;
position: fixed;
bottom: 20px;
right: 20px;
width: 130px;
line-height: 30px;
text-align: center;
height: 30px;
border-radius: var(--borderRadius);
opacity: 0.2;
color: white;
background-color: var(--brandColor);
transition: all .5s;
cursor: pointer;
font-weight: bold;
}
#inoagent:hover {
opacity: 1;
}
.done__marker {
background-color: var(--brandColor)!important;
color: var(--subColor)!important;
font-weight: bold;
margin-left: 5px;
}
/* load animation */
@keyframes fadeIn {
0% {
mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 / 400% no-repeat;
opacity: .2
}
100% {
mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 / 400% no-repeat;
opacity: 1
}
}
/* truly dark mode */
.darkmode .r_header__h,
.darkmode .r_navigation_w,
.darkmode .r_content,
.darkmode .line-left .up,
.darkmode .admin-tabs,
body.site.darkmode,
.darkmode .r_content .comments_form__field_form-textarea,
.darkmode .flatpickr-calendar,
.darkmode input[type=text]:disabled,
.darkmode .medium-editor-insert-plugin .medium-insert-buttons button,
.rlogo,
.r_footer {
background-color: var(--bgColor)
}
.darkmode .r_content .post_new__main_box_bottom-tags a,
.darkmode .r_content .post_new__main_box,
.darkmode .r_content .home_right__events,
.darkmode .r_content .comments_form,
.darkmode input[type=color],
.darkmode input[type=date],
.darkmode input[type=datetime-local],
.darkmode input[type=email],
.darkmode input[type=password],
.darkmode input[type=text],
.darkmode div.medium-editor,
.darkmode .SumoSelect > .CaptionCont,
.darkmode .flatpickr-day:hover,
.darkmode .SumoSelect > .optWrapper > .options li.opt:hover,
.darkmode textarea {
background-color: var(--subColor)
}
.darkmode .fa {
color: #afafaf
}
.darkmode .fa:hover {
color: rgb(119, 119, 119)!important
}
}