Unroundify Last.fm [WIP] by miiarcus

/* ==UserStyle==
@name         Unroundify Last.fm [WIP]
@version      20241223.23.23
@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.

Note that Highcharts, images, and other elements may not be unrounded here.

I'll probably organise the code later on.

- miiarcus */

/* What's New?

23/12/24 - Removed PFP from music compatibility pie, and squared some common elements. */

/* 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 {
  display: none;
}

/* Other elements */

.js .auth-dropdown-menu {
    border-radius: 0%;
}

.label {
    border-radius: 0%;
}

.recs-feed .context::after {
    border-radius: 0%;
}
.btn-primary, .btn-secondary, .clipboard-button, .report-share-modal--btn, .user-dashboard-layout--version-3 .btn-back-to-top, .btn-add, .btn-add::before {
    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%;
}

.user-dashboard-layout--version-1 .listening-report-top .secondary-nav .secondary-nav-item-link--active::after, .user-dashboard-layout--version-1 .listening-report-top .secondary-nav a.secondary-nav-item-link:focus::after, .user-dashboard-layout--version-1 .listening-report-top .secondary-nav a.secondary-nav-item-link:hover::after, .user-dashboard-layout--version-2 .listening-report-top .secondary-nav .secondary-nav-item-link--active::after, .user-dashboard-layout--version-2 .listening-report-top .secondary-nav a.secondary-nav-item-link:focus::after, .user-dashboard-layout--version-2 .listening-report-top .secondary-nav a.secondary-nav-item-link:hover::after, .user-dashboard-layout--version-3 .listening-report-top .secondary-nav .secondary-nav-item-link--active::after, .user-dashboard-layout--version-3 .listening-report-top .secondary-nav a.secondary-nav-item-link:focus::after, .user-dashboard-layout--version-3 .listening-report-top .secondary-nav a.secondary-nav-item-link:hover::after, .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-0, .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-1, .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-2, .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-3, .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-4, .user-dashboard-daily-scrobbles .listening-report-daily-scrobbles-day--colour-5, .user-dashboard-layout--version-3 .user-dashboard-listening-clock .user-dashboard-legend-item::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, .obsession-details .obsession-first, .fellow-obsessors .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, .artist-top-albums-item-playlink::before, .artist-top-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%;
}

.resource-list--sidebar-item-playlink::before, .globalchart .globalchart-playlink .image-overlay-playlink-link::before, .resource-list--release-list-item-playlink::before {
    border-radius: 0%;
}

.chartlist-download-button, .chartlist-download-button::before {
    border-radius: 0%;
}

/* To-do list */

/* 
Profile pages      - Should be finished! Let me know in my shoutbox if there's anything that isn't square in there.
Artist pages       - Nearly 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") {
/* Gives me a special label upon visiting my profile! */

.label.user-status-subscriber {
  padding-left: 0px;
  padding-right: 6px;
  
}

.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;
}
}

@-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;
}
}