a theme for pillowfort
ye olde ice cream shoppe by vaxis
Details
Authorvaxis
LicenseNo License
Categorypillowfort
Created
Updated
Size38 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
i turned off the tooltip hovers for the collapsed sidebar since they don't work with the html as it is currently. however, i left the bits in there to change the color of the bubble should the source code ever be changed. if that happens, i'll issue an update.
i gave the images inserted into text posts a standard size which can result in some strange clipping/stretching. to see the full-size image, right click and open the image in a new tab or window.
those of you who hate having the numbers visible in the side bar can turn them off!
to remove inbox and notification numbers, add " display: none; " to " .sidebar-num "
to remove the followers/following/mutuals/donation percentage numbers, add " display: none; " to " .sidebar-bottom-num "
this whole stylesheet is a complete and utter mess because i was basically relearning css as i went and it was my first time using stylus. someday i'll probably clean it up, but for now enter at your own risk. if you have any questions or if something breaks, hit me up, though i offer no guarantees that i'll be able to fix anything!
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name ye olde ice cream shoppe
@namespace github.com/openstyles/stylus
@version 1.0.0
@description a pillowfort theme inspired by tasty treats
@author vaxis
==/UserStyle== */
@-moz-document url("https://www.pillowfort.social/"), url("https://www.pillowfort.social/posts/new"), url("https://www.pillowfort.social/block_list"), url-prefix("https://www.pillowfort.social/posts"), url("https://www.pillowfort.social/notifs_dash"), url("https://www.pillowfort.social/messages"), url("https://www.pillowfort.social/settings"), url("https://www.pillowfort.social/communities"), url-prefix("https://www.pillowfort.social/community/"), url-prefix("https://www.pillowfort.social/search/"), url("https://www.pillowfort.social/followers"), url("https://www.pillowfort.social/following"), url("https://www.pillowfort.social/mutuals"), url("https://www.pillowfort.social/generate_invites"), url("https://www.pillowfort.social/donations"), url("https://www.pillowfort.social/about"), url("https://www.pillowfort.social/FrequentlyAskedQs"), url("https://www.pillowfort.social/checkout"), url("https://www.pillowfort.social/TermsOfService"), url-prefix("https://www.pillowfort.social/community_flags/"), url-prefix("https://www.pillowfort.social/messages/") {
body {
background: rgb(146,191,177);
}
.new-navbar-inverse {
background-color: #694A38;
border-color: #92BFB1;
border-style: ridge;
border-width: 3px;
border-top: none;
border-right: none;
border-left: none;
height: 55px;
margin-bottom: 10px;
}
#userBlogPosts {
display: revert;
}
#userBlogPosts.expanded-bar {
background-color: revert;
border-bottom: 1px dotted #DA667B;
color: #fff;
display: inline-block;
height: 30px;
margin-top: -10px;
margin-left: -10px;
width: 200px;
}
#brand-large {
filter: invert(67%) sepia(52%) saturate(290%) hue-rotate(0deg) brightness(238%) contrast(93%) drop-shadow(1px 1px 0px #000);
}
.nav.navbar-right a {
color: #F4AC45!important;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
}
.nav-tabs li a {
background-color: #232b40;
color: #fff;
}
.navbar-text-custom {
color: rgba(244,172,70,0.50)!important;
}
.signout {
filter: invert(67%) sepia(42%) saturate(290%) hue-rotate(120deg) brightness(158%) contrast(33%) drop-shadow(1px 1px 0px #4d3629);
}
#homeFeedCtrlId {
padding-top: 20px;
}
.expanded-bar {
background-color: #694A38;
border-bottom: 1px dotted #DA667B;
color: #fff;
display: inline-block;
height: 30px;
margin-top: -10px;
margin-left: -10px;
width: 240px;
}
.site-sidebar .expanded-bar {
background-color: #694A38;
border-bottom: 1px dotted #DA667B;
color: #fff;
display: inline-block;
height: 30px;
margin-top: -10px;
margin-left: -10px;
width: 230px!important;
}
.expanded-bar img {
color: #000;
filter: invert(67%) sepia(52%) saturate(330%) hue-rotate(12deg) brightness(608%) contrast(93%) drop-shadow(1px 1px 1px)!important;
}
.collapsed-bar {
background-color: transparent;
border-bottom: 2px dotted #92BFB1!important;
color: #fff;
height: 35px;
margin-top: -8px;
margin-left: -10px;
padding-bottom: 10px;
width: 70px;
}
.collapsed-bar img {
color: #fff;
filter: invert(67%) sepia(52%) saturate(330%) hue-rotate(200deg) brightness(408%) contrast(93%) drop-shadow(0px 0px 1px #694A38)!important;
margin-right: 12px;
}
.site-sidebar {
background-color: #f9f2e7;
border: 3px ridge #92BFB1;
border-radius: 5px;
color: #694A38;
font-weight: bold!important;
font-size: 13px!important;
padding: 10px;
padding-bottom: 0px;
}
.site-sidebar .sidebar-collapsed .sidebar-img {
color: #fff;
filter: invert(67%) sepia(52%) saturate(530%) hue-rotate(306deg) brightness(88%) contrast(93%) drop-shadow(1px 1px 0px);
margin-left: auto;
margin-right: auto;
}
.site-sidebar img {
filter: invert(67%) sepia(52%) saturate(530%) hue-rotate(306deg) brightness(88%) contrast(93%) drop-shadow(1px 1px 0px);
color: #fff;
}
.sidebar-topic {
background: transparent;
color:#694A38!important;
font-size: 12px;
font-family: helvetica;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
text-transform: uppercase;
text-shadow: 0px 0px 2px #fff, 1px 1px 0px #fff;
width: 180px;
}
.sidebar-topic a {
color: #694A38!important;
transition: 0.3s;
}
.sidebar-topic a:hover {
color: #DA667B!important;
transition: 0.3s;
}
.sidebar-num {
color: #DA667B!important;
padding-right: 20px;
}
#searchme {
color: #694A38!important
}
#searchme:hover {
color: #DA667B!important;
transition: 0.3s;
}
#searchme img {
color: #fff!important;
}
.sidebar-bottom.sidebar-expanded {
background-color: #f9f2e7;
width: 180px;
margin-left: auto;
margin-right: auto;
}
.sidebar-expanded .sidebar-topic {
margin-left: auto;
margin-right: auto;
}
.sidebar-bottom-left {
background-color: transparent;
border-top: 1px dotted #DA667B;
color: #694A38!important;
font-family: helvetica;
font-size: 13px;
font-weight: bold;
margin-left: -10px;
padding: 10px 8px 10px 15px;
padding-top: 20px;
text-transform: uppercase;
text-shadow: 0px 0px 2px #fff, 1px 1px 0px #fff;
width: 200px;
}
.sidebar-bottom-left a {
color: #694A38!important;
}
.sidebar-bottom-num {
color: #694A38;
padding-right: 10px;
}
.avatar img {
border-radius: 5px;
box-shadow: 2px 2px 3px;
}
.nsfw-svg.svg-pink-light {
color: #fff !important;
filter: brightness(0) invert(33%) sepia(53%) saturate(703%) hue-rotate(340deg) brightness(139%) contrast(28%);
}
.post-container .avatar img {
background-color: rgba(255,255,255,0.50);
padding: 2px;
}
.post {
box-shadow: 15px 15px 0px #DA667B;
border: 3px outset #694A38;
border-radius: 5px;
}
.post .header {
background-color: #F4AC45;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 10px;
text-shadow: 0px 0px 2px #6d460e, 1px 1px 0px #DA667B;
}
.post .header a {
border-bottom: 1px dotted #fff;
color: #fff;
font-size: 15px;
font-weight: bold;
letter-spacing: 0px;
text-shadow: 0px 0px 2px #6d460e, 1px 1px 0px #DA667B;
}
.post .username a {
color: #fff;
font-weight: bold;
font-size: 15px;
letter-spacing: 0px;
text-shadow: 0px 0px 2px #6d460e, 1px 1px 0px #DA667B;
}
.post .header a.link_post {
border-bottom: none!important;
color: #fff!important;
display: inline-block;
filter: brightness(90%) invert(53%) sepia(53%) saturate(103%) hue-rotate(10deg) brightness(100%) contrast(408%);
height: 18px;
text-shadow: none;
}
.post .content {
background-color: rgba(244,172,70,0.2);
}
.post .content a {
color: #8ba89f;
transition: 0.5s;
}
.post .content a:hover {
color: #F4AC45;
transition: 0.2s;
}
.post .content span a {
text-transform: uppercase;
font-size: 14px;
color: #8ba89f;
font-weight: bold;
letter-spacing: 1px;
}
.post .post-nav {
background-color: #F4AC45;
}
.post .tags {
background-color: rgba(244,172,70,0.50);
padding: 5px 15px;
padding-left: 20px;
}
.post .tags a {
color: #887787;
font-style: italic;
}
.post .title {
background-color: rgb(244, 172, 69, 0.1)!important;
border-top: 2px dotted #fff;
border-bottom: 2px dotted #fff;
color: #694A38;
font-size: 30px!important;
letter-spacing: 3px;
text-align: center;
text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989993px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756803px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279416px 0px,
rgb(146, 191, 177) 2px 0px 0px, rgb(146, 191, 177) 1.75517px 0.958851px 0px, rgb(146, 191, 177) 1.0806px 1.68294px 0px, rgb(146, 191, 177) 0.141474px 1.99499px 0px, rgb(146, 191, 177) -0.832294px 1.81859px 0px, rgb(146, 191, 177) -1.60229px 1.19694px 0px, rgb(146, 191, 177) -1.97999px 0.28224px 0px, rgb(146, 191, 177) -1.87291px -0.701566px 0px, rgb(146, 191, 177) -1.30729px -1.51361px 0px, rgb(146, 191, 177) -0.421592px -1.95506px 0px, rgb(146, 191, 177) 0.567324px -1.91785px 0px, rgb(146, 191, 177) 1.41734px -1.41108px 0px, rgb(146, 191, 177) 1.92034px -0.558831px 0px,
rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px,
rgb(244, 172, 69) 4px 0px 0px, rgb(244, 172, 69) 3.87565px 0.989616px 0px, rgb(244, 172, 69) 3.51033px 1.9177px 0px, rgb(244, 172, 69) 2.92676px 2.72656px 0px, rgb(244, 172, 69) 2.16121px 3.36588px 0px, rgb(244, 172, 69) 1.26129px 3.79594px 0px, rgb(244, 172, 69) 0.282949px 3.98998px 0px, rgb(244, 172, 69) -0.712984px 3.93594px 0px, rgb(244, 172, 69) -1.66459px 3.63719px 0px, rgb(244, 172, 69) -2.51269px 3.11229px 0px, rgb(244, 172, 69) -3.20457px 2.39389px 0px, rgb(244, 172, 69) -3....