Sharpens some* rounded corners, and replaces most** circles with squares.
Far from finished.
Authormiiarcus
LicenseNo License
Categoryhttps://www.last.fm/
Created
Updated
Size6.4 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Sharpens some* rounded corners, and replaces most** circles with squares.
Far from finished.
** Similar to the first asterisk, some circles may not be 'squarified' yet. The style is far from finished, so it may take time for circles to be squarified.
/* ==UserStyle==
@name Unroundify Last.fm [WIP]
@version 20240918.18.24
@namespace https://userstyles.world/user/miiarcus
@description Sharpens some* rounded corners, and replaces most** circles with squares.Far from finished.
@author miiarcus
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.last.fm/") {
/* This style is still a work in progress! All edits are not final.
If you want just the profile pictures unrounded, you may remove the code in the "Other elements" section.
- miiarcus */
/* Profile Pictures */
.avatar:after, .avatar-shape, .avatar img {
border-radius: 0%;
}
.avatar::after {
border-radius: 0%;
}
.auth-avatar-desktop {
border-radius: 0%;
}
.avatar-status-dot {
border-radius: 0%;
left: 0px;
top: 0px;
}
[data-toggle-button-current-state=followed] .user-list-follower-btn {
border-radius: 0%;
left: 38px;
top: 44px;
}
[data-toggle-button-current-state="unfollowed"] .header-follower-btn::before {
border-radius: 0%;
}
[data-toggle-button-current-state="unfollowed"] .user-list-follower-btn {
border-radius: 0%;
left: 38px;
top: 44px;
}
.tasteometer-avatar img {
border-radius: 50%;
}
/* Other elements */
.label {
border-radius: 0%;
}
.recs-feed .context::after {
border-radius: 0%;
}
.btn-primary, .btn-secondary {
border-radius: 0%;
}
.btn-tag-invert {
border-radius: 0%;
}
[data-toggle-button-current-state=followed] .header-follower-btn:before {
border-radius: 0%;
}
.events-list-sidebar .users-you-know-user-image--you, .events-list .users-you-know-user-image--you {
border-radius: 0%;
}
.stationlink::before {
border-radius: 0%;
}
.header-new-playlink {
border-radius: 0%;
}
.header-new-bookmark-button, .header-new-download-button, .header-new-love-button, .header-new-more-button {
border-radius: 0%;
}
.personal-stats-listeners-more {
border-radius: 0%;
}
.catalogue-tags .tag a, .catalogue-tags .tags-add, .catalogue-tags .tags-add-cta {
border-radius: 0%;
}
.btn-shortcut {
border-radius: 0%;
}
.header-new-on-tour {
border-radius: 0%;
}
.stationlink-list .stationlink::before {
border-radius: 0%;
}
.tab-container {
border-radius: 0%;
}
.tab-container .selector {
border-radius: 0%;
}
.attendance-btn--turn-off.attendance-btn--attending {
border-radius: 0%;
}
.attendance-btn {
border-radius: 0%;
}
.attendance-btn--turn-off.attendance-btn--maybe {
border-radius: 0%;
}
.attendee-you-know-going, .attendee-you-know-interested {
border-radius: 0%;
right: 0px;
bottom: 0px;
}
.share-option > a {
border-radius: 0%;
}
.badge-container .report-badge {
border-radius: 0%;
}
.report-headline-share {
border-radius: 0%;
}
.user-dashboard-layout--version-3 .tag-label {
border-radius: 0%;
}
.listening-report-brick-image.listening-report-brick-image--rounded img {
border-radius: 0%;
}
.btn-back-to-top {
border-radius: 0%;
}
.report-dropdown-button {
border-radius:0%;
}
.did-you-know-image-container {
border-radius:0px;
}
.img-circle {
border-radius: 0%;
}
.img-thumbnail {
border-radius: 0%;
}
.featured-item-art .image-overlay-playlink-link::before {
border-radius: 0%;
}
.recs-feed .recs-feed-playlink::before {
border-radius: 0%;
}
.content-form .form-control, .content-form input[type="date"], .content-form input[type="email"], .content-form input[type="number"], .content-form input[type="password"], .content-form input[type="text"], .content-form input[type="url"], .content-form select, .content-form textarea {
border-radius: 0%;
}
.api-session-connect, .api-session-disconnect {
border-radius: 0%;
}
.lfm-form-radio input[type="radio"] + label::before {
border-radius: 0%;
}
.auth-avatar-notification-count-badge, .auth-dropdown-menu .notification-count-badge {
border-radius: 0%;
}
.chartlist-play-button:focus::before, .chartlist-play-button:hover::before {
border-radius: 0%;
}
.chartlist-play-button::before {
border-radius: 0%;
}
.grid-items-item .lazy-buylinks-toggle {
border-radius: 0%;
}
.dropdown-menu-clickable {
border-radius: 0%;
}
.obsession-history-play-all::before, .obsession-history-item-playlink:before {
border-radius: 0%;
}
.obsession-history-item .obsession-first {
border-radius: 0%;
}
.no-data-message-button {
border-radius: 0%;
}
.events-list-anhv1 .attendance-badge {
border-radius: 0%;
}
.similar-albums-item-playlink::before, .similar-albums-item .lazy-buylinks-toggle {
border-radius: 0%;
}
.section-playlink::before {
border-radius: 0%;
}
.artist-header-featured-items-item-video .image-overlay-playlink-link::before, .artist-header-featured-items-item-playlink::before {
border-radius: 0%;
}
.trending-tracks-item-playlink:before {
border-radius: 0%;
}
.scrobble-stats-info-tooltip {
border-radius: 0%;
}
/* To-do list */
/*
Profile pages - Nearly finished
Artist pages - Halfway finished
Song pages - Nearly finished
Universal elements - Halfway finished
Everything else - I don't know LMAO
*/
}
@-moz-document url-prefix("https://www.last.fm/user/miiarcus") {
.label.user-status-subscriber {
padding-left: 0px;
padding-right: 0px;
}
.label.user-status-subscriber:before {
content:'Style Creator';
background-color: green;
visibility: visible;
display: inline-block;
font-weight: 700;
letter-spacing: .08em;
padding-left: 7px;
padding-right: 7px;
margin-right: 7px;
text-transform: uppercase;
white-space: nowrap;
}
.label.user-status-subscriber:after {
content:'waste of valuable human sperm';
background-color: white;
color: black;
visibility: visible;
display: inline-block;
font-weight: 700;
letter-spacing: .08em;
padding-left: 7px;
padding-right: 7px;
margin-left: 7px;
text-transform: uppercase;
white-space: nowrap;
}
}
@-moz-document url-prefix("https://www.last.fm/user/pissjeans") {
/* Testing purposes. */
.label:empty {
display: inline-block;
padding-left: 0px;
padding-right: 0px;
}
.label:empty:after {
content:'the jeans have been pissed';
background-color: gold;
color: black;
visibility: visible;
display: inline-block;
font-weight: 700;
letter-spacing: .08em;
padding-left: 7px;
padding-right: 7px;
text-transform: uppercase;
white-space: nowrap;
}
}