Skip to content

Unroundify Last.fm [WIP] by miiarcus

Details

Authormiiarcus

LicenseNo License

Categoryhttps://www.last.fm/

Created

Updated

Size6.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Sharpens some* rounded corners, and replaces most** circles with squares.

Far from finished.

Notes

  • Some elements, such as the compatibility meter, or the play bar, cannot be unrounded. They may be unrounded at some point in the future.

** 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.

Source code

/* ==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;
}
}

Reviews

No reviews yet.