Booblesnoot Author Page

Link to article: Booblesnoot Author Page.

Module Styles

• .tag-buttons {
      padding: 0px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap
  }
  .sort-buttons {
      padding: 0px;
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      justify-content: space-around
  }
  .tag-buttons a[href$="scp"] { display: none; }
  .tag-buttons a, .sort-buttons a {
      display: block;
      color: white;
      padding: 5px;
      margin: 5px;
      font-size: small
  }
  
  .tag-buttons a {
      background-color: #ab0303
  }
  .sort-buttons a {
      background-color: #4d0606
  }
  
  .description > .preview {
      display: block;
      padding: 0px
  }
  
  .rating-info {
      display: flex  
  }
  
  .info-area p {
      margin: 0px
  }

Inline Styles

• border:1px solid #000; padding:20px; margin:10px

• display: flex; justify-content: space-between

• line-height: 1.5

Includes

• fragment:nav-generic-css

CSS Classes

• sort-buttons

• tag-buttons

• description

• info-area

• rating-info

• info-area

Page Source

[[module css]]
.tag-buttons {
    padding: 0px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}
.sort-buttons {
    padding: 0px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-around
}
.tag-buttons a[href$="scp"] { display: none; }
.tag-buttons a, .sort-buttons a {
    display: block;
    color: white;
    padding: 5px;
    margin: 5px;
    font-size: small
}

.tag-buttons a {
    background-color: #ab0303
}
.sort-buttons a {
    background-color: #4d0606
}

.description > .preview {
    display: block;
    padding: 0px
}

.rating-info {
    display: flex  
}

.info-area p {
    margin: 0px
}
[[/module]]

[[include fragment:nav-generic-css]]
[[>]]
[[module Rate]]
[[/>]]
> ive probably said this before but i LOVE the twilight zone episodes with no quantifiable moral at the end, they just wrap up like "wouldn't it be fucked up if that happened?"
> [[>]]
> - beetledrink
> [[/>]]
------
[[# start-of-list]]
[[div class="sort-buttons"]]

[[div]]
[https://scp-wiki.wikidot.com/booblesnoot-author-page/order/created_at%20desc#start-of-list Sort by Date (Newest First)]
[[/div]]

[[div]]
[https://scp-wiki.wikidot.com/booblesnoot-author-page/order/created_at#start-of-list Sort by Date (Oldest First)]
[[/div]]

[[div]]
[https://scp-wiki.wikidot.com/booblesnoot-author-page/order/rating%20desc#start-of-list Sort by Rating (Highest First)]
[[/div]]

[[div]]
[https://scp-wiki.wikidot.com/booblesnoot-author-page/order/rating#start-of-list Sort by Rating (Lowest First)]
[[/div]]

[[/div]]

[[module ListPages category="_default" created_by="Booblesnoot" tags="-author" wrapper="no" separate="false" order="@URL|created_at desc"]]
[[div style="border:1px solid #000; padding:20px; margin:10px"]]
+++ %%title_linked%%

[[collapsible show="+ Tags"]]
[[span class="tag-buttons"]]%%tags_linked%%[[/span]]
[[/collapsible]]

[[div class="description"]]
%%content{2}%%
[[/div]]

[[div style="display: flex; justify-content: space-between"]]
[[div class="info-area"]]
**Posted:** %%created_at%%

[[div class="rating-info"]]
**Rating:**@@ @@ 
[[div style="line-height: 1.5"]]
[[collapsible show="Show Rating" hide="[[#ifexpr %%rating%% > -1 | + | - ]][[#expr abs(%%rating%%)]]"]]
[[/collapsible]]
[[/div]]
[[/div]]
[[/div]]

[[div class="info-area"]]
**Comments:** %%comments%%
**Most Recent Commenter:** %%commented_by_linked%% %%commented_at|%O %% ago
[[/div]]
[[/div]]

[[/div]]
[[/module]]

------