For a long time, the expando button of /r/midashq has been broken, making it invisible and impossible to click on. Since I use the midashq theme as my primary reddit theme (through the legacy gold themes feature) I figured I'd ask Reddit to be a moderator of this "unmoderated" subreddit and fix this issue.

Thanks to this post by /u/LucasRuby I was able to fix the sub CSS and the theme is now fixed for everyone using it globally.

I don't plan on doing any other changes to this subreddit or the theme.

I try to change mine then click save and it doesn't save. And for some subreddits, it doesn't give me any flairs to edit.

Where it is:

.expando-button.image.collapsedExpando:before,
.res-highlight-nsfw-expando .thing.over18 .expando-button.image.collapsedExpando:before {
		content: '❏';
}

Permalink (github)

Should be:

 .expando-button.image.collapsed:before,
.res-highlight-nsfw-expando .thing.over18 .expando-button.image.collapsed:before {
		content: '❏';
}

Before
After

Perfectly written Guide. Simple, minimalistic and clean entry theme. Luckiest man on earth right now. Best one I could find so fare! Will now have a look at the Github Repository for development work.

I want to just take the text from the sidebar because I want to be able to add however many links and what not. I don't want it to just be squished in the right side of the box.

I am using 1.8.2 and I want to change the arrows. When I put the code in for this nothing changes and I do not understand why.

on the edit flair page, the forms are covered by the sidebar.

it seems like on small screens the sidebar is blocking some of the buttons for editing flairs on user and links.

how can i go about changing the colors of the navbar, text, links to the threads/links, title(s) of the subreddit.

I am looking to convert this into the colors of breast cancer. i am thinking of making a breast cancer reddit for male/female(s).

i am needing to know what is needed to change the colors of the navbar and such

this is a add on for a sidebar navigation that appears on the top left of the screen.

CSS:

/*--  C.4. Navigator
Details : http://www.reddit.com/r/mindashq/wiki/modules/navigator 
+ 	Add only when corresponding markup is added in sidebar
----*/

.side .md > blockquote:last-child {
display: none;
}

.side .md > blockquote:last-child {
position: fixed;
top: 69px; /*Tweak this as per the header height (esp when C1 HeaderImages is used)*/
left: 0; /*Tweak depending on subreddit name length; Set for stage*/
z-index: 99;
display: block;
margin: 0;
padding: 0;
border: 0 none;
background-color: transparent;
}

.side .md > blockquote:last-child > h1 {
	overflow: hidden;
	margin: -24px 0 0;
	padding: 2px;
	width: 25px;
	background-color: #acd9fc;
	color: #357ae8;
	vertical-align: middle;
	text-align: center;
	text-shadow: -1px -1px 0 #d8eeff,1px 1px 0 #075e85;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
}

	.side .md > blockquote:last-child > h1 a {
		background-color: #acd9fc;
		color: #357ae8;
	}

	.side .md > blockquote:last-child > h1 em {
		display: none;
	}

.side .md > blockquote:last-child ul {
	display: none;
	overflow: visible;
	margin: 0;
	padding: 0;
	list-style: none outside;
	list-style-image: none;
	vertical-align: top;
	white-space: normal;
}

.side .md > blockquote:last-child:hover > h1,
.side .md > blockquote:last-child:active > h1 {
	margin-bottom: -15px;
	padding-bottom: 15px;
	background-color: #5ba2fd;
	color: #eaf4fc;
	text-shadow: none;
}

	.side .md > blockquote:last-child:hover > h1 a,
	.side .md > blockquote:last-child:active > h1 a {
		background-color: transparent;
		color: #eaf4fc;
	}

.side .md > blockquote:last-child:hover > ul,
.side .md > blockquote:last-child:active > ul {
	display: block;
	margin: -3px 0 0 -50px;
	padding: 0 50px 50px;
}

.side .md > blockquote:last-child li {
	margin: 0;
	padding: 5px 15px 0;
	width: 150px;
	height: 30px;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 1px;
	background-color: #eee;
	box-shadow: 0 1px 3px 0 #bbb;
	text-shadow: 0 1px 0 #ddd;
	white-space: normal;
	line-height: 30px;
}

	.side .md > blockquote:last-child li:first-child {
		border-width: 1px;
	}

	.side .md > blockquote:last-child li a {
		color: #357ae8;
	}

.side .md > blockquote:last-child ul > li:hover,
.side .md > blockquote:last-child ul > li:active,
.side .md > blockquote:last-child ul > li:hover > a,
.side .md > blockquote:last-child ul > li:active > a {
	background-color: #5ba2fd;
	color: #eaf4fc;
	text-shadow: 0 1px 0 #333;
}

.side .md > blockquote:last-child > ul > li:hover > ul,
.side .md > blockquote:last-child > ul > li:active > ul,
.side .md > blockquote:last-child > ul > li > ul:hover,
.side .md > blockquote:last-child > ul > li > ul:active {
	position: relative;
	top: -36px;
	display: inline-block;
	overflow: hidden;
	margin-left: 163px;
	padding: 0 50px 50px 3px;
	height: auto;
}

.side .md > blockquote:last-child li > ul > li,
.side .md > blockquote:last-child li > ul > li {
	min-width: 150px;
	width: auto;
	background-color: #f8f8f8;
	color: #5ba2fd;
	white-space: nowrap;
}

body.res-nightmode .side .md > blockquote:last-child {
border: 0 none;
background-color: transparent;
}

body.res-nightmode .side .md > blockquote:last-child > h1,
body.res-nightmode .side .md > blockquote:last-child > h1 a {
	background-color: #414141 !important;
	color: #ff910b !important;
}

body.res-nightmode .side .md > blockquote:last-child:hover > h1,
body.res-nightmode .side .md > blockquote:last-child:active > h1,
body.res-nightmode .side .md > blockquote:last-child:hover > h1 a,
body.res-nightmode .side .md > blockquote:last-child:active > h1 a {
	background-color: #ff910b !important;
	color: #414141 !important;
}

body.res-nightmode .side .md > blockquote:last-child li {
	border-color: #6a6a6a;
	background-color: #444;
	box-shadow: 0 1px 6px 0 #000;
	text-shadow: 0 1px 0 #888;
}

	body.res-nightmode .side .md > blockquote:last-child li a {
		color: #bbb;
	}

body.res-nightmode .side .md > blockquote:last-child ul > li:hover,
body.res-nightmode .side .md > blockquote:last-child ul > li:active,
body.res-nightmode .side .md > blockquote:last-child ul > li:hover > a,
body.res-nightmode .side .md > blockquote:last-child ul > li:active > a {
	background-color: #ff910b;
	color: #eaf4fc !important;
	text-shadow: 0 1px 0 #333;
}

body.res-nightmode .side .md > blockquote:last-child li > ul > li {
	background-color: #4a4a4a;
	box-shadow: 0 1px 6px 0 #000;
}

/*--  C.4.end Navigator ----*/

https://github.com/QTheme/Mindashq.Reddit.Theme/blob/master/module.C2.SidebarButtons-onTop.css

this doesn't show up right.

it doesn't show up at all. it disappears.

My sub r/badscificovers showcases bad sci-fi book covers (go figure!) and I think it would be nice to have the header be a gallery of some classically terrible covers. Any ideas?

I know the basics of CSS but am by no means an expert.

I really enjoy how sleek it is.

Awesome job!

I'm a mod at a private sub named /r/Perkers, I would like to implement the beautiful sidebar mindashq has on our existing Naut theme (from /r/Naut). How do I go about this?

The v1.8.3 active now has the minor maintenance

Following is some general information, that is usually helpful to start looking in case more information is needed.

Quick Guide

All things related to this theme are documented in Mindashq wiki and is updated and improved based on your feedback.

Do read the sidebar, and browse the code on github for collaboration and contribution.

Here is a quick overview of some frequently needed information and links

Must Read

Refer to Mindashq Usage article for details on reusing and extending the Mindashq theme.

• Usage Guide
• CSS organization explained
• Setting up the in-built Vibgyor Flairs : pre-built link flairs for reuse
• Snippets - making boxes, managing colors and flags; spoilers and tricks with sidebar text
• For Admin interface : use http://userstyles.org/styles/91109/mindashq-for-reddit to install, or visit the stylish wiki page for further information.

You can use the following button to log a bug/enhancement request

Click here to log a bug/enhancement request at Github

I've first noticed this in a sub I mod, but it isn't caused by my modifications, but by Mindashq code. I think swapping :before tags with :after tags should work.

Hi!, I have created a subreddit and i love your theme! I was wondering if you could make a version that is a bit darker with light blue accents. the the subreddit is https://www.reddit.com/r/MobileHacking

Love the theme, will tweak a little here and there, though. Thanks for making this so easy!

We need a little help though, if you look you will see our users online/subscribers are cut short, how do we fix this to make the text below and smaller?

Absolutely fantastic theme. So great to have the functionality of /r/Edurne's boxes back, and implemented so elegantly.

I need to reduce the empty space on the "readers" portion so that I can have the "users here now" have more room. I also noticed that the bottom portion that contains those is 1px larger than the top part. I've tried to fix it but I can't seem to make them even widths.