a thing you almost certainly won't use
pretty thing by the-dorkosaurus
Details
Authorthe-dorkosaurus
LicenseNo License
Categoryworldofpotter
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
stuff
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name worldofpotter.com - 12/08/2022, 15:54:59
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("worldofpotter.com"), domain("worldofpotter.uk"), domain("worldofpotter.eu"), domain("worldofpotter.dk") {
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri&family=Outfit&family=Fredoka&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
body {
background: rgb(52,57,67);
font-family: 'Hind Siliguri'
}
.header {
background-size: cover;
background-attachment: fixed;
}
.navbar {
background: rgb(42,47,57);
border-bottom: 3px solid rgb(32,37,47);
}
.footer {
background: rgb(42,47,57);
border-top: 3px solid rgb(32,37,47);
}
.ad {
display: none;
}
.chat-bar .chat-messages-wrap .chat-messages>li {
background: linear-gradient(45deg, rgb(42,47,57,.1) 0%, rgb(112,117,157,.1) 100%);
box-shadow: 0px 1px 0px 2px rgb(42,47,57,.15);
margin: 4px;
margin-bottom: 12px;
border-radius: 8px;
padding: 4px;
transition: 300ms ease-in-out!important;
}
.chat-bar .chat-messages-wrap .chat-messages>li:hover {
background: linear-gradient(45deg, rgb(142,147,157,.2) 0%, rgb(212,217,257,.5) 100%);
box-shadow: 0px 1px 0px 2px rgb(42,47,57,.2);
border-radius: 12px;
cursor: pointer;
}
.btn,
.ue-button,
.progress,
.progress-bar,
ul.profile-nav li a {
background: rgb(62,67,77)!important;
border: 0px rgb(0,0,0)!important;
}
ul.profile-nav li a {
color: rgb(202,207,217);
font-family: 'Outfit'
}
.btn-default {
background: rgb(237,242,252)!important;
box-shadow: inset 0px 0px 8px 4px rgb(227,232,242)!important;
}
.form-control,
.chat-interface textarea,
.chat-show-smileys {
background: rgb(237,242,252)!important;
}
.chat-message-sing__body:after,
.chat-show-smileys:after,
.introjs-arrow.bottom {
border-color: rgb(237,242,252) transparent transparent!important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.dropdown-toggle,
.mega-dropdown-menu .dropdown-header,
.mega-dropdown-menu > li > ul > li > a,
.dropdown-header,
.profile-link,
.btn,
.user-profile__experience__number,
.dropdown-menu > li > a,
textarea {
font-family: 'Outfit';
}
.navbar-left,
.navbar .dropdown-toggle,
.navbar a {
color: rgb(152,157,167)!important;
}
.dropdown-header {
color: rgb(172,177,187)!important;
}
.dropdown-menu {
background: rgb(32,37,47)
}
.dropdown .dropdown-toggle:after {
border-bottom-color: rgb(32,37,47)
}
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation,
.modal {
background: rgb(42,47,57,.4);
backdrop-filter: blur(7px);
z-index: 20000;
}
.achievement--locked .achievement__item:after {
background: rgb(32,37,47,.9);
box-shadow: inset 0px 0px 24px 12px rgb(32,37,47,.8);
}
.navbar-brand .logo-normal {
margin-top: -6px;
filter: grayscale(1);
}
.notifi-event.active,
.notifi-event:hover,
.wop-badge {
background: rgb(22,27,37)
}
.dropdown-menu .divider,
.news-feed,
.news-head,
.user-stalked-wrap,
fieldset legend,
ul.profile-friends li.profile-friends-hero,
.page-header,
.topic-author,
.profile-specs li,
.participants {
border-bottom: 1px solid rgb(42,47,57,.3);
}
.all-class-teachers-box {
border-color: rgb(42,47,57,.1);
}
.participants {
border-top: 0px;
}
.post-info,
hr {
border-top: 1px solid rgb(42,47,57,.3);
}
.chat-bar .chat-control,
.chat-bar .chat-messages-wrap .chat-messages {
border-bottom: 1px solid rgb(0, 0, 0, .2);
}
.anagram {
border: 1px solid rgb(0,0,0,.2);
}
.modal-content .modal-footer, .topic-signatur {
border-top-style: solid;
}
.modal-content .modal-header {
border-bottom-style: solid;
}
.topic-comment .topic-comment-author .topic-wrap-content,
.shop-wrap .shop-body .shop-item,
.topic-comment .topic-comment-author .topic-wrap-content,
.chest-item__image,
.gift,
.swal2-modal,
.achievement__item,
.col-sm-3 .achievement__item,
.box.box--light.box--gradient,
.friend-list-item {
box-shadow: none
}
.col-md-3,
.row .col-lg-2,
.box .box .job .row .col-xs-6 {
width: 16.6666667%!important;
}
.col-sm-3 {
width: 20%;
}
.col-lg-4,
.dropdown-menu .col-sm-3 {
width: 25%;
}
.box .row .col-lg-4 {
width: 33.33333%;
}
.box .box .row .col-xs-6,
.box .sortable-inventory-list .col-lg-4,
.frog-card-collection .row .col-sm-6 {
width: 25%!important;
}
.col-md-4,
.col-xs-12f,
.col-sm-5 {
width: 33.33333%;
}
.col-sm-3 .achievement__item::after,
.col-sm-3 .achievement__item,
.col-sm-3 .achievement {
height: 208px;
}
.notifi {
max-height: 640px;
}
.iteam-custom-wrap {
margin-left: 7.5px;
margin-right: 7.5px;
width: calc(33.33333% - 15px)
}
/* USER PROFILE */
.user-profile__cover {
background-image: url(https://wallpaperaccess.com/full/1216423.jpg);
box-shadow: inset 0px 0px 50px 25px rgb(132,137,147,.2);
background-position: calc(50% - 170px) -300px;
background-attachment: fixed;
background-size: 1140px;
filter: grayscale(0.5);
height: 200px;
}
.user-profile__name .profile-link {
color: rgb(207,212,222);
line-height: 1;
font-size: 42px;
}
.user-profile__house {
display: none;
}
.user-profile__actions {
right: 321px;
bottom: 14.5px;
}
.user-profile__actions .btn-group .btn {
font-size: 0px;
margin-left: 5px;
}
.user-profile__actions .btn-group .btn .fa {
font-size: 22px;
color: rgb(157,162,172);
}
.user-profile__actions .btn-group .btn:nth-child(1) {
background: rgb(62,67,77)!important;
box-shadow: 0px 0px 0px red!important;
}
.user-profile__actions .btn-group .btn:nth-child(2) {
background: rgb(62,67,77)!important;
box-shadow: 0px 0px 0px red!important;
}
.removeFriendSubmit {
width: 100%;
}
.participants-user {
padding-left: 6px;
padding-right: 6px;
}
.user-profile__experience {
color: rgb(207,212,222)
}
.fa-certificate:before {
content: "🟐";
font-size: 50px;
}
.user-profile__experience .fa-certificate:before {
font-size: 60px;
}
.user-profile__experience__number {
line-height: 57.5px;
font-family: 'Outfit';
font-weight: bold;
color: rgb(62,67,77);
}
.post-wrap .post-head .fa.icon-level .profile-level {
font-size: 16px;
line-height: 50px;
}
.profile-level {
width: 110%;
}
.popover-badges .fa-certificate:before {
font-size: 40px;
margin-top: -10px;
margin-bottom: -10px;
}
.popover-badges .fa-certificate .profile-level {
line-height: 40px;
width: 102%;
}
.popover-badges img {
width: 32px!important;
margin-top: 3px!important;
margin-left: 2px!important;
}
.popover-img, .popover-img .profile-img, .popover-img .profile-img:before, .popover-img .profile-img.vip, .profile-img:before, .profile-img, .profile-img.vip, .profile-img.vip:before, .user-profile__image {
border-radius: 8px!important;
}
.popover-wrapper, .popover, .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal, .modal-content {
border-radius: 12px!important;
}
.popover-badges {
border-radius: 0px 0px 12px 12px!important;
}
.menu-profile-img-wrap .profile-img, .menu-profile-img-wrap .profile-img:before, .menu-profile-img-wrap .profile-img.vip {
border-radius: 4px!important;
}
.friend-list-item, .frog-card {
border-radius: 6px!important;
}
.profile-img.vip:after {
left: -200%;
top: -200%;
width: 200%;
transform: rotate(30deg);
animation: VIP-ANIMATION 15s infinite;
background: linear-gradient(to right,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%);
}
@keyframes VIP-ANIMATION {
0% { opacity: 1 }
10% { opacity: 1; left: 0% }
100% { opacity: 0; left: 0% }
}
.modal-content {
text-align: center;
}
.modal-footer {
border-top: 0px solid red;
margin-top: -30px;
}
.modal-header {
border-bottom: 3px solid rgb(42,47,57,.05)!important;
}
.modal-title {
font-size: 32px;
font-w...