12 Days Of Christmas Hub

Link to article: 12 Days Of Christmas Hub.

@import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap');

/* MAIN */
.advent-calendar-main {
       --advent-calendar-transition: 0.1s ease;
       --advent-calendar-font: 'Germania One', cursive;

       --advent-calendar-background: 154, 169, 175;
       --advent-calendar-background-dark: 128, 137, 141;
       --advent-calendar-background-light: 204, 219, 225;
       --advent-calendar-red: 251, 47, 70;
       --advent-calendar-dark-green: 56, 103, 110;
       --advent-calendar-light-blue: 162, 212, 213;
       --advent-calendar-gray: 102, 135, 140;
       --advent-calendar-white: 255, 255, 255;
              --advent-calendar-text: var(--advent-calendar-white);
              --advent-calendar-outline: var(--advent-calendar-red);

    font-size: 150%;
    background: rgb(var(--advent-calendar-background));
    padding: 5px;
    border: 5px outset rgb(var(--advent-calendar-background-light));
    outline: 3px outset rgb(var(--advent-calendar-background-light));
    border-radius: 5px;
    box-shadow: rgba(var(--advent-calendar-background-dark), 0.6) 0px 7px 29px 0px;
}

.advent-calendar-grid {
    display: grid;
    gap: 0.5rem;
    grid-template-areas:
                         "day1 day2 day3 day4 day5"
                         "day6 day7 day8 day9 day10"
                         "place1 day11 place2 day12 place3";
}

@media (max-width: 768px) {
    .advent-calendar-grid{
        grid-template-areas:
                             "day1 day2"
                             "day3 day4"
                             "day5 day6"
                             "day7 day8"
                             "day9 day10"
                             "day11 day12";
    }
}

/* TITLE */
.advent-calendar-main > .advent-calendar-title {
    transform: scale(2);
    text-align: center;
    font-family: var(--advent-calendar-font);
    margin-bottom: 1rem;
    color: rgb(var(--advent-calendar-text));
    text-shadow: 2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        -2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        2px 0px 1px rgba(var(--advent-calendar-outline), 0.6),
                        0px 2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 0px 1px rgba(var(--advent-calendar-outline), 0.8),
                        0px -2px 1px rgba(var(--advent-calendar-outline), 0.6);
}

/* POP-UPS */
.advent-calendar-main .advent-calendar-popup {
    width: 1fr;
    border: 3px solid rgb(var(--advent-calendar-border));
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    cursor: default;
    transition: transform var(--advent-calendar-transition);
}
.advent-calendar-main .advent-calendar-popup a, .advent-calendar-main .advent-calendar-popup {
    color: rgb(var(--advent-calendar-text));
    text-shadow: 2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        -2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        2px 0px 1px rgba(var(--advent-calendar-outline), 0.6),
                        0px 2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 0px 1px rgba(var(--advent-calendar-outline), 0.8),
                        0px -2px 1px rgba(var(--advent-calendar-outline), 0.6);
    font-family: var(--advent-calendar-font);
}
.advent-calendar-main .advent-calendar-popup a:hover {
    text-decoration: underline;
}
.advent-calendar-main .advent-calendar-popup:hover {
    transform: scale(2);
    box-shadow: rgba(var(--advent-calendar-background-dark), 0.6) 0px 7px 29px 0px;
}


/* DAYS */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
}

.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-one::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-two::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-three::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-four::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-five::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-six::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-seven::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eight::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-nine::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-ten::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eleven::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-twelve::after {
    font-size: 30%;
    position: absolute;
    right: 25%;
    left: 25%;
    bottom: 1px;
}

/* Day One */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one {
    grid-area: day1;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/darkartist.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-one::after {
    content: "by AvocadoMilk ft. TheDarkArtist — [PENDING REWRITE]";
}

/* Day Two */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two {
    grid-area: day2;
    background-color: rgb(var(--advent-calendar-dark-green));
          --advent-calendar-border: var(--advent-calendar-dark-green);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/oddinit.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-two::after {
    content: "by BitOddInnit";
}

/* Day Three */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three {
    grid-area: day3;
    background-color: rgb(var(--advent-calendar-light-blue));
          --advent-calendar-border: var(--advent-calendar-light-blue);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/drowning_dutchmanSmall.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-three::after {
    content: "by DrowningDutchman";
    right: 10%;
    left: 10%;
}

/* Day Four */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four {
    grid-area: day4;
    background-color: rgb(var(--advent-calendar-gray));
          --advent-calendar-border: var(--advent-calendar-gray);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/marcelles_raynes.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-four::after {
    content: "by Marceline_Raynes";
    right: 10%;
    left: 10%;
}

/* Day Five */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five {
    grid-area: day5;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/floorboards.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-five::after {
    content: "by FLOORBOARDS";
    right: 10%;
    left: 10%;
}

/* Day Six */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six {
    grid-area: day6;
    background-color: rgb(var(--advent-calendar-light-blue));
          --advent-calendar-border: var(--advent-calendar-light-blue);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/fantemSmall.png');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-six::after {
    content: "by Fantem and Opossumistic";
}

/* Day Seven */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven {
    grid-area: day7;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/felixou.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-seven::after {
    content: "by Felixou — [PENDING REWRITE]";
}

/* Day Eight */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight {
    grid-area: day8;
    background-color: rgb(var(--advent-calendar-gray));
          --advent-calendar-border: var(--advent-calendar-gray);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/realsurreal.png');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eight::after {
    content: "by RealSurrealSir";
}

/* Day Nine */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine {
    grid-area: day9;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/greengolem.png')
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-nine::after {
    content: "by GreenGolem";
}

/* Day Ten */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten {
    grid-area: day10;
    background-color: rgb(var(--advent-calendar-dark-green));
          --advent-calendar-border: var(--advent-calendar-dark-green);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/apricusSmall.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-ten::after {
    content: "by DrApricus";
}

/* Day Eleven */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven {
    grid-area: day11;
    background-color: rgb(var(--advent-calendar-dark-green));
          --advent-calendar-border: var(--advent-calendar-dark-green);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/rhineriverSmall.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eleven::after {
    content: "by Rhineriver";
}

/* Day Twelve */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve {
    grid-area: day12;
    background-color: rgb(var(--advent-calendar-light-blue));
          --advent-calendar-border: var(--advent-calendar-light-blue);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/metal_ravioli.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-twelve::after {
    content: "by MetalRavioli";
}

(none)

```
advent-calendar-main
```
```
advent-calendar-title
```
```
advent-calendar-grid
```
```
advent-calendar-popup
```
```
advent-calendar-day-one
```
```
advent-calendar-popup
```
```
advent-calendar-day-two
```
```
advent-calendar-popup
```
```
advent-calendar-day-three
```
```
advent-calendar-popup
```
```
advent-calendar-day-four
```
```
advent-calendar-popup
```
```
advent-calendar-day-five
```
```
advent-calendar-popup
```
```
advent-calendar-day-six
```
```
advent-calendar-popup
```
```
advent-calendar-day-seven
```
```
advent-calendar-popup
```
```
advent-calendar-day-eight
```
```
advent-calendar-popup
```
```
advent-calendar-day-nine
```
```
advent-calendar-popup
```
```
advent-calendar-day-ten
```
```
advent-calendar-popup
```
```
advent-calendar-day-eleven
```
```
advent-calendar-popup
```
```
advent-calendar-day-twelve
```

[[include :scp-wiki:theme:xmas
|xmas-snow= --]
|xmas-header= --]]]
[[include :scp-wiki:component:toggle-sidebar]]
[[module CSS]]
@import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap');

/* MAIN */
.advent-calendar-main {
       --advent-calendar-transition: 0.1s ease;
       --advent-calendar-font: 'Germania One', cursive;

       --advent-calendar-background: 154, 169, 175;
       --advent-calendar-background-dark: 128, 137, 141;
       --advent-calendar-background-light: 204, 219, 225;
       --advent-calendar-red: 251, 47, 70;
       --advent-calendar-dark-green: 56, 103, 110;
       --advent-calendar-light-blue: 162, 212, 213;
       --advent-calendar-gray: 102, 135, 140;
       --advent-calendar-white: 255, 255, 255;
              --advent-calendar-text: var(--advent-calendar-white);
              --advent-calendar-outline: var(--advent-calendar-red);

    font-size: 150%;
    background: rgb(var(--advent-calendar-background));
    padding: 5px;
    border: 5px outset rgb(var(--advent-calendar-background-light));
    outline: 3px outset rgb(var(--advent-calendar-background-light));
    border-radius: 5px;
    box-shadow: rgba(var(--advent-calendar-background-dark), 0.6) 0px 7px 29px 0px;
}

.advent-calendar-grid {
    display: grid;
    gap: 0.5rem;
    grid-template-areas:
                         "day1 day2 day3 day4 day5"
                         "day6 day7 day8 day9 day10"
                         "place1 day11 place2 day12 place3";
}

@media (max-width: 768px) {
    .advent-calendar-grid{
        grid-template-areas:
                             "day1 day2"
                             "day3 day4"
                             "day5 day6"
                             "day7 day8"
                             "day9 day10"
                             "day11 day12";
    }
}

/* TITLE */
.advent-calendar-main > .advent-calendar-title {
    transform: scale(2);
    text-align: center;
    font-family: var(--advent-calendar-font);
    margin-bottom: 1rem;
    color: rgb(var(--advent-calendar-text));
    text-shadow: 2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        -2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        2px 0px 1px rgba(var(--advent-calendar-outline), 0.6),
                        0px 2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 0px 1px rgba(var(--advent-calendar-outline), 0.8),
                        0px -2px 1px rgba(var(--advent-calendar-outline), 0.6);
}

/* POP-UPS */
.advent-calendar-main .advent-calendar-popup {
    width: 1fr;
    border: 3px solid rgb(var(--advent-calendar-border));
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    cursor: default;
    transition: transform var(--advent-calendar-transition);
}
.advent-calendar-main .advent-calendar-popup a, .advent-calendar-main .advent-calendar-popup {
    color: rgb(var(--advent-calendar-text));
    text-shadow: 2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 2px 1px rgba(var(--advent-calendar-outline), 0.6),
                        -2px -2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        2px 0px 1px rgba(var(--advent-calendar-outline), 0.6),
                        0px 2px 1px rgba(var(--advent-calendar-outline), 0.8),
                        -2px 0px 1px rgba(var(--advent-calendar-outline), 0.8),
                        0px -2px 1px rgba(var(--advent-calendar-outline), 0.6);
    font-family: var(--advent-calendar-font);
}
.advent-calendar-main .advent-calendar-popup a:hover {
    text-decoration: underline;
}
.advent-calendar-main .advent-calendar-popup:hover {
    transform: scale(2);
    box-shadow: rgba(var(--advent-calendar-background-dark), 0.6) 0px 7px 29px 0px;
}


/* DAYS */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
}

.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-one::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-two::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-three::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-four::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-five::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-six::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-seven::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eight::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-nine::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-ten::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eleven::after,
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-twelve::after {
    font-size: 30%;
    position: absolute;
    right: 25%;
    left: 25%;
    bottom: 1px;
}

/* Day One */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one {
    grid-area: day1;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-one:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/darkartist.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-one::after {
    content: "by AvocadoMilk ft. TheDarkArtist — [PENDING REWRITE]";
}

/* Day Two */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two {
    grid-area: day2;
    background-color: rgb(var(--advent-calendar-dark-green));
          --advent-calendar-border: var(--advent-calendar-dark-green);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-two:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/oddinit.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-two::after {
    content: "by BitOddInnit";
}

/* Day Three */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three {
    grid-area: day3;
    background-color: rgb(var(--advent-calendar-light-blue));
          --advent-calendar-border: var(--advent-calendar-light-blue);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-three:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/drowning_dutchmanSmall.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-three::after {
    content: "by DrowningDutchman";
    right: 10%;
    left: 10%;
}

/* Day Four */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four {
    grid-area: day4;
    background-color: rgb(var(--advent-calendar-gray));
          --advent-calendar-border: var(--advent-calendar-gray);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-four:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/marcelles_raynes.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-four::after {
    content: "by Marceline_Raynes";
    right: 10%;
    left: 10%;
}

/* Day Five */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five {
    grid-area: day5;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-five:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/floorboards.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-five::after {
    content: "by FLOORBOARDS";
    right: 10%;
    left: 10%;
}

/* Day Six */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six {
    grid-area: day6;
    background-color: rgb(var(--advent-calendar-light-blue));
          --advent-calendar-border: var(--advent-calendar-light-blue);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-six:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/fantemSmall.png');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-six::after {
    content: "by Fantem and Opossumistic";
}

/* Day Seven */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven {
    grid-area: day7;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-seven:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/felixou.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-seven::after {
    content: "by Felixou — [PENDING REWRITE]";
}

/* Day Eight */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight {
    grid-area: day8;
    background-color: rgb(var(--advent-calendar-gray));
          --advent-calendar-border: var(--advent-calendar-gray);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eight:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/realsurreal.png');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eight::after {
    content: "by RealSurrealSir";
}

/* Day Nine */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine {
    grid-area: day9;
    background-color: rgb(var(--advent-calendar-red));
          --advent-calendar-border: var(--advent-calendar-red);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-nine:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/greengolem.png')
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-nine::after {
    content: "by GreenGolem";
}

/* Day Ten */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten {
    grid-area: day10;
    background-color: rgb(var(--advent-calendar-dark-green));
          --advent-calendar-border: var(--advent-calendar-dark-green);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-ten:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/apricusSmall.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-ten::after {
    content: "by DrApricus";
}

/* Day Eleven */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven {
    grid-area: day11;
    background-color: rgb(var(--advent-calendar-dark-green));
          --advent-calendar-border: var(--advent-calendar-dark-green);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-eleven:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/rhineriverSmall.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-eleven::after {
    content: "by Rhineriver";
}

/* Day Twelve */
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve {
    grid-area: day12;
    background-color: rgb(var(--advent-calendar-light-blue));
          --advent-calendar-border: var(--advent-calendar-light-blue);
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-day-twelve:hover {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/12-days-of-christmas-hub/metal_ravioli.jpg');
}
.advent-calendar-main > .advent-calendar-grid > .advent-calendar-popup:hover.advent-calendar-day-twelve::after {
    content: "by MetalRavioli";
}
[[/module]]


[[>]]
[[module rate]]
[[/>]]


[[size 200%]] **What is this?** [[/size]]
------

[[=image gifts.jpg]]

12 Day's a Christmas (12DOC) is a 12 day anthology centered around Christmas and the winter holidays,  inspired by the "12 Days of Christmas" Christmas carol. Our //tree-mendously// wonderful cast of authors have brewed up a 12 fantastic stories, each of various genres and themes, that //yule//[[footnote]] I'm sorry[[/footnote]] be sure to love!

[[div class="advent-calendar-main"]]

[[div class="advent-calendar-title"]]
<< Twelve Days of Christmas >>
[[/div]]

[[div class="advent-calendar-grid"]]
[!-- Start Advent Calendar --]

[!-- Start Days --]
[[div class="advent-calendar-popup advent-calendar-day-one"]]
[[[You Better Watch Out]]]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-two"]]
[[[Christmas In Killarney]]]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-three"]]
[[[A Day Like Any Other]]]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-four"]]
[https://scp-wiki.wikidot.com/totally-not-a-christmas-story A Christmas Story]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-five"]]
[https://scp-wiki.wikidot.com/a-thorley-little-christmas Alex Thorley's Christmas Special]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-six"]]
[[[Sol Invictus]]]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-seven"]]
[https://scp-wiki.wikidot.com/scp-7277 Homestuck]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-eight"]]
[https://scp-wiki.wikidot.com/masked-carolers The Masked Carolers]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-nine"]]
[[[A Frosted Fate]]]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-ten"]]
[https://scp-wiki.wikidot.com/scp-7659 Clawless Traditions]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-eleven"]]
[[[Two Houses, Both Alike in Dignity]]]
[[/div]]

[[div class="advent-calendar-popup advent-calendar-day-twelve"]]
[[[The Death of Christmas]]]
[[/div]]

[!-- End Advent Calendar --]
[[/div]]
[[/div]]

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@


[[include :scp-wiki:component:license-box
|author=AvocadoMilk and TheDarkArtist]]
[[<]]
=====
> **Filename:** apricus.png
> **Author:** Daniel Morrison
> **License:** CC BY 2.0
> **Source Link:** https://www.flickr.com/photos/danielmorrison/318828457

> **Filename:** felixou.jpeg
> **Author:** Des Colhoun
> **License:** CC BY 2.0
> **Source Link:** https://commons.wikimedia.org/wiki/File:No1_Seatown_at_night_after_a_fall_of_snow._-_geograph.org.uk_-_175478.jpg

> **Filename:** rhineriver.png
> **Author:** Andy K
> **License:** CC BY 2.0
> **Source Link:** https://www.flickr.com/photos/declarationend/5269228110/in/photolist-2mQLn1C-2mPVeLC-2kbGNMQ-2mNK4Wj-2mPgbPG-2mQHVpt-2kfr98p-2mXC7Yd-2mXtCHD-RLbpTd-2mWzZth-2hZ952E-dALKNt-2mXtBCT-92CaWw-aTNGpe-b1R4bp-CxQ6Nd-7j34h8-hPqoQ7-2knihg8-2kg7MTZ-dJ8CsL-2bed7AK-b1R4f8-BM1Tzq-fqhV-QFZBm4-22xHAoa-2ic88WJ-2imrGSi-2ibUXg8-ojNSvV-2icQXoX-2ic26PW-vnYxc-2imqwJJ-2ic87As-2ifVqPn-2imDimx-2imC22j-CjbqYM-dKknBp-9c2Q5p-dKoVJY-dKkuXX-4efABB-dKkvPD-dKktiz-QFB6t3

> **Filename:** marcelles_raynes.jpeg
> **Author:** Juliescribbles
> **License:** Creative Commons Attribution-Share Alike 4.0 International
> **Source Link:** https://commons.wikimedia.org/wiki/File:Santa_on_holiday_-_Christmas_abroad.jpg

> **Filename:** drowning_dutchman.jpeg
> **Author:** DrowningDutchman
> **License:** CC-BY-SA 3.0
> **Source Link:** https://imgur.com/gallery/6o6bIE6

> **Filename:** floorboards.jpeg
> **Author:** Brian Lindsay
> **License:**  CC BY SA 2.0 Generic
> **Source Link:** https://commons.m.wikimedia.org/wiki/File:Tups%27_Christmas_dinner_-_geograph.org.uk_-_2292853.jpg

> **Filename:** metal_ravioli.jpg
> **Author:** Mister Christmas
> **License:** CC BY SA 3.0 Unported
> **Source Link:** https://commons.wikimedia.org/wiki/File:Christmas_tree_farm_fire.jpg

> **Filename:** greengolem.png
> **Author:** Matti&Keti
> **License:** CC BY SA 4.0 International
> **Source Link:** https://commons.wikimedia.org/wiki/File:North_Pole,_Arctic_Ocean,_sea_ice_04.jpg#globalusage

> **Filename:** darkartist.jpg
> **Author:** Robert Walter Weir
> **License:** Public Domain
> **Source Link:** https://commons.wikimedia.org/wiki/File:Robert_Walter_Weir,_Saint_Nicholas.jpg

> **Filename:** fantem.png
> **Author:** [[*user Opossumistic]]
> **License:** CC BY 2.0
> **Source Link:** [https://cdn.discordapp.com/attachments/1042591480730112000/1045155814031245312/unknown.png Self]

> **Filename:** realsurreal.png
> **Author:** Juan Buchelli
> **License:** CC BY 2.0
> **Source Link:** https://www.flickr.com/photos/43474866@N04/11537204686

> **Filename:** oddinnit.jpg
> **Author:** Myrtle26
> **License:** CC BY SA 2.0
> **Source Link:** https://commons.wikimedia.org/wiki/File:Frozen_Grass_in_Killarney.jpg

> **Filename:** gifts.jpg
> **Author:** Kelvin Kay
> **License:** CC BY SA 3.0 Unported
> **Source Link:** https://commons.wikimedia.org/wiki/File:Gifts_xmas.jpg

=====
[[/<]]
[[include :scp-wiki:component:license-box-end]]

12 Days Of Christmas Hub

Module Styles

Inline Styles

Includes

CSS Classes

Page Source