This repository has been archived on 2026-01-04. You can view files and clone it, but cannot push or open issues or pull requests.
polyplus/css/specific.css
Index b3cfe05657 new great divide feature and avatar dimension toggle feature
- new great divide event feature

- event place cards now have a animated gradient instead of a still gradient

- you can now extract textures from an official polytoria item easily in the extension popup (temporarily disabled)

- new avatar dimension toggle feature

- fixed library-download.js errors due to it trying to run on official polytoria item pages
2024-06-18 00:07:21 -05:00

94 lines
No EOL
1.8 KiB
CSS
Executable file

/*
FRONTEND FIXES / SPACING IMPROVEMENTS
*/
body[data-URL^='/my/friends'] .col-lg-3 {
margin-bottom: 20px;
}
body[data-URL^='/create/'] .mt-2.mt-lg-0.col-lg.d-flex.align-content-between.flex-wrap {
width: 50%;
}
body[data-URL^='/create/'] .col.d-flex.align-content-between.flex-wrap {
width: 50%;
}
.text-truncate {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
#servers-tabpane .card {
margin-bottom: 10px;
}
/* ------------------------------------------ */
/*
INLINE EDITING
*/
body[data-polyplus-inlineEditing='true'] .polyplus-inlineEditing-visible {
display: block !important;
}
.polyplus-inlineEditing-visible {
display: none;
}
body[data-polyplus-inlineEditing='true'] .polyplus-inlineEditing-hidden {
display: none !important;
}
.polyplus-inlineEditing-hidden {
display: block;
}
/* ------------------------------------------ */
/*
MODALS
*/
html:has(.polyplus-modal[open]),
body:has(.polyplus-modal[open]) {
overflow: hidden;
}
.polyplus-modal::backdrop {
background: rgba(0, 0, 0, 0.73);
}
/* ------------------------------------------ */
/*
EVENT PLACE CARD HIGHLIGHT ANIMATION
CSS BY @Dragonism ON POLYTORIA
*/
.event-card {
background-size: 200% 200% !important;
-webkit-animation: EventPlace 5s ease infinite;
-moz-animation: EventPlace 5s ease infinite;
animation: EventPlace 5s ease infinite;
}
@-webkit-keyframes EventPlace {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
@-moz-keyframes EventPlace {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}
@keyframes EventPlace {
0%{background-position:10% 0%}
50%{background-position:91% 100%}
100%{background-position:10% 0%}
}