Skip to content

Userstyles.world -> .org 2006 by jre

Screenshot of Userstyles.world -> .org 2006

Details

Authorjre

LicensePublic Domain

Categoryuserstyles.world

Created

Updated

Size4.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A product of boredom. This theme attempts to emulate the early layout of Userstyles.org for this site. 2 diff sites, so it's not perfect, but think it's solid!

Notes

Source code

/* ==UserStyle==
@name           6/29/2023, 4:48:17 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("userstyles.world") {
     :root {
    --font-sans: sans-serif;
    --font-mono: "Iosevka", "Fira Code", "Fira Mono", "Droid Mono", "Ubuntu Mono", Monaco, monospace;
    --br-1: 16px;
    --br-2: 12px;
    --br-3: 8px;
    --inverse: #ffffff;
    --card-min-width: 300px;
    --form-max-width: 840px;
    --layout-max-width: 80rem;
}
    .mascot {
        display:none;
    }
    .navbar {
    position: relative;
    top: 12px;
    border-bottom: none;
    background-color: #8888FF;
    border: 1px solid #8888FF;
        padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    height: 3.5em;
    text-align: center;
    margin: auto;
    width: 1361px;
    height: 71px;
}
    .navbar .name {
        font-weight: 600;
        font-size: 35px;
        text-decoration: none;
        color: white;
        text-transform: lowercase;
        bottom: 15px;
        position: relative;

    }
    @media screen and (min-width: 960px)
.navbar .menu {
    display: flex;
    position: relative;
    top: 15px;
    padding-left: 1rem;
}
.navbar ul li a {
    border: 1px solid transparent;
    border-bottom: none;
    background-color: #44c;
    color: white;
    padding: 2px 10px 4px 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    position: relative;
    top: 6px;
    height: 24.3px;
}
    input {
        padding-left: 2px;
    padding-right: 2px;
    background-color: #ddd;
    border: 1px solid black;
    width: 15em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    }
    form:not(.Form).search button, .form-wrapper:not(.Form).search button {
    min-height: unset;
    position: absolute;
    top: 1px;
    right: 1px;
    display: none;
    bottom: 1px;
    border: none;
    cursor: pointer;
}
    input[type='search'] {
    box-shadow: none;
    height: 26px;
    position: relative;
    bottom: 27px;
    left: 618px;
}
.fg\:4 {
    display:none;
}
    
    .card picture {
    display:none;
}
    .card-body, .card-footer {
    border-top: none;
    }
    .card {
    border: none;
  
}
    .ta\:c {
    text-align: left;
}
    #biography {
        display:none;
    }
     #links {
        display:none;
    }
    .ai\:c {
    display: none;
    align-items: center;
}
    .md code {
    display: inline-flex;
    font-size: 0.875rem;
    border-radius: 0px;
    border: 1px dashed black;
    background-color: #f9f9f9;
    padding: 10px;
    overflow: auto;
    max-height: 15em;
}
    .Style-source>pre {
    border: 1px dashed black;
    border-radius: 0px;
    background-color: #f9f9f9;
    padding: 10px;
    overflow: auto;
    max-height: 15em;
}
    .Style-source {
    overflow: hidden;
    border-radius: 0px;
    border: none;
}
    html mark {
    display: none;
    color: var(--inverse);
    background-color: var(--ac-4);
}
    .Box {
    padding: 1rem;
    position: relative;
    border-radius: 0px;
    border: none;
    background: none;
}
    .Box::before {
    content: "•";
    position: absolute;
    left: 1px;
 

    }
    #stats {
    display:none;
    }
    .td\:d {
    display:none;
    }
.screenshot {
    display:none;
    }
    #details {
        font-size: smaller;
    }
    .minw {
        min-width: 8ex;
    }
    
    .card .name {
        font-weight: 200;
        font-size: 15.5px;
        color: blue;
        text-decoration: underline;
    }
    .mt\:l .flex {
    display: block;
}
   .card-footer .flex {
    color: var(--fg-3);
    display: none;
}
    small {
        display:none;
    }
    .gap {
    margin: 0px;
}
    .card-footer {
        display:none }
    .Form-box {
    border: none;
    background: none;
}

}

Reviews

No reviews yet.