Skip to content

Dark & Pretty - MyWdKA (2223) by argonant

Screenshot of Dark & Pretty - MyWdKA (2223)

Details

Authorargonant

LicenseNo License

Categorymywdka.nl

Created

Updated

Size5.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

I'm a third-year animation student and I refuse to look at this POS of a homepage they made, for an entire year. It also serves as a dark mode since many art students are night owls. Follow me on my new Insta @mind_the_madness. Let me know if it sucks ass or if you have suggestions.

mywdka.nl

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Dark & Pretty - mywdka.nl
@namespace      github.com/openstyles/stylus
@version        1.0.2
@description    A better and dark MyWdKA
@author         Argonant / Emilio Mitchell
==/UserStyle== */
@-moz-document domain("mywdka.nl") {
  
    /*grey stuff */
    .events.wdka-home {
    color: #fff;
    float: left;
    font-size: .75rem;
    line-height: 1.125rem;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
    width: 220px;
    background-image: url(https://i.imgur.com/FxVksNN.png);
    background-size: cover;}
    .my-announcements>div:first-child {
    background: linear-gradient(135deg,#2fb4c2 65%,#2599a4 0)!important;
    color: #fff;}
    .my-announcements>div:nth-child(2) {
    background: linear-gradient(145deg,#2fb4c2,#2599a4 73%)!important;
    color: #fff;}
    .my-announcements>div:nth-child(3) {
    background: linear-gradient(145deg,#2fb4c2,#2599a4 73%)!important;
    color: #fff;}
    .my-announcements>div:nth-child(4) {
    background: linear-gradient(145deg,#2fb4c2,#2599a4 73%)!important;
    color: #fff;}
   .my-announcements>div:nth-child(5) {
    background: linear-gradient(145deg,#2fb4c2,#2599a4 73%)!important;
    color: #fff;}
    
    /* Insert code here... */
    body {
    background-color: #181818;
    font-size: .75rem;
    height: 100%;
    line-height: 1.125rem;
}
    #master-bloginfo {
    color: #181818;
}
    .my-support>div:first-child {
    background: linear-gradient(135deg,#805c4c 65%,#6a4a3c 0)!important;
    color: #fefeff;
}
    .my-support>div:nth-child(2) {
    background: linear-gradient(145deg,#805c4c,#6a4a3c 73%)!important;
    color: #fefeff;
}
    .my-support>div:nth-child(3) {
    background: linear-gradient(145deg,#805c4c,#6a4a3c 73%)!important;
    color: #fefeff;
}
    .my-support>div:nth-child(4) {
    background: linear-gradient(145deg,#805c4c,#6a4a3c 73%)!important;
    color: #fefeff;
}
   .my-support>div:nth-child(5) {
    background: linear-gradient(145deg,#805c4c,#6a4a3c 73%)!important;
    color: #fefeff;
}
   .my-support>div:nth-child(6) {
    background: linear-gradient(145deg,#805c4c,#6a4a3c 73%)!important;
    color: #fefeff;
}
    .my-support>div:nth-child(7) {
    background: linear-gradient(145deg,#805c4c,#6a4a3c 73%)!important;
    color: #fefeff;
}

    /* Position stuff */
    .my-position>div:first-child {
    background: linear-gradient(145deg,#f3c677,#d3a961 73%)!important;
          color: #000;
}   .my-position>div:nth-child(5) {
    background: linear-gradient(145deg,#f3c677,#d3a961 73%)!important;
      color: #000;
}    .my-position>div:nth-child(4) {
    background: linear-gradient(145deg,#f3c677,#d3a961 73%)!important;
      color: #000;
}    .my-position>div:nth-child(3) {
    background: linear-gradient(145deg,#f3c677,#d3a961 73%)!important;
      color: #000;
}    .my-position>div:nth-child(2) {
    background: linear-gradient(145deg,#f3c677,#d3a961 73%)!important;
      color: #000;
}    .my-position>div:nth-child(1) {
    background: linear-gradient(135deg,#f3c677 65%,#d3a961 0)!important;
      color: #000;
}    .my-position>div:nth-child(6) {
    background: linear-gradient(145deg,#f3c677,#d3a961 73%)!important;
      color: #000;
}    .my-position>div:nth-child(7) {
    background: linear-gradient(145deg,#f3c677,#d3a961 73%)!important;
      color: #000;
}
    
    
    /*dsdsf */
    .my-education>div:first-child {
    background: linear-gradient(135deg,#f57c59 65%,#d75832 0)!important;
}
        .my-education>div:nth-child(7) {
    background: linear-gradient(145deg,#f57c59,#d75832 73%)!important;
}
        .my-education>div:nth-child(6) {
    background: linear-gradient(145deg,#f57c59,#d75832 73%)!important;
}
        .my-education>div:nth-child(5) {
    background: linear-gradient(145deg,#f57c59,#d75832 73%)!important;
}
            .my-education>div:nth-child(4) {
    background: linear-gradient(145deg,#f57c59,#d75832 73%)!important;
}
            .my-education>div:nth-child(3) {
    background: linear-gradient(145deg,#f57c59,#d75832 73%)!important;
}
            .my-education>div:nth-child(2) {
    background: linear-gradient(145deg,#f57c59,#d75832 73%)!important;
}
            .my-education>div:nth-child(1) {
    background: linear-gradient(135deg,#f17956 65%,#d75832 0)!important;
}
    
    
    /* sdads */
.my>div:first-child {
    background: linear-gradient(145deg,#f14d5a,#b92732 73%)!important;}
.my>div:nth-child(2) {
    background: linear-gradient(145deg,#f14d5a,#b92732 73%)!important;}
.my>div:nth-child(3) {
    background: linear-gradient(145deg,#f14d5a,#b92732 73%)!important;}
#master-bloginfo-home {
    background: linear-gradient(135deg,#d1424d 65%,#b92732 0)!important;}

    
 body.major #master-bloginfo {
    background: linear-gradient(135deg,#e46002 65%,#ff6a00 0);
}
   
    
/* Post stuff */
  .add-post a.add-post__link, .add-widgets a.add-post__link {
    color: #ffffff;
}
    h3.section-title .background-label {
    background: #fff;
    color: #000;
}
    .network-home-container h3.wdka-network-home {
    background-color: hsl(0deg 0% 100% / 100%);
    cursor: pointer;
    font-size: 12px;
}

    
    
    
    
    
    
    
    
}

Reviews

No reviews yet.