/r/mindashq

Photograph via snooOG

A CSS Theme for enhanced user experience for your reddit. The theme is composed of modular stylesheets, copy-paste the base stylesheet and pick and choose module to have the best possible visual identity and best user-experience for your subreddit.

v1.8.1

About Mindashq

This is a custom Reddit CSS theme to make subreddits look attractive and easy to use.


Use Mindashq to add a minimum dash of quality to the standard Reddit appearance and make any subreddit look clean modern and organized.


This theme is organized in separate modules stylesheets - easy to copy-paste, and replace as required. And with a wiki to help pick the best combination to have a great looking subreddit.


The standard stylesheet module (base theme) does not introduce any additional images, or, inserts text via styles that may affect the language changes or translations.


The 7+ pre configured modules add flavour with images and text for additional customization - and are optional.


The base theme, and the opt-in modules can be used with any subreddit base theme.


The /r/mindashq team is thankful for all the subscribers and innumerable messages of help, feedback and encouragement that has made a "text-only" stylesheet revamp your Reddit experience and take it to next level.



Get Mindashq from Github!



File an enhancement/bug request!



Spoiler Usage

Type

[Visible Text](#s "spoiler text")

To get

Visible Text


Rules

A sample of the standard Rules announcement box.


Contribute!

  • If you find any bugs or problems with this theme, be sure to share with relevant details.
  • Keep track of customisations/tweaks to be able to upgrade as new functionality comes-in.
  • Visit Mindashq Wiki for more details.

/r/mindashq

422 Subscribers

3

New mod update - I fixed the expando button and I plan on doing nothing else

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.

1 Comment
2023/07/27
21:02 UTC

3

How do I add a user flair?

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.

0 Comments
2019/12/28
19:38 UTC

2

Your CSS is broken and it's breaking the expando buttons

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

6 Comments
2019/11/20
04:37 UTC

3

PERFEKT GUIDE

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.

1 Comment
2017/06/17
10:48 UTC

1

Can pinote be edited to only take the text from the sidebar?

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.

3 Comments
2017/02/09
10:02 UTC

2

How do I edit upvote / downvote arrows?

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.

0 Comments
2016/12/24
01:44 UTC

1

flairs

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.

1 Comment
2016/09/11
20:45 UTC

1

changing colors

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

1 Comment
2016/09/03
01:54 UTC

3

add-on to the navigation to side

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 ----*/
4 Comments
2016/08/29
23:06 UTC

1

sidebar buttons on top

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.

14 Comments
2016/08/29
22:47 UTC

1

Is there a way to have a gallery of scrolling images for the header with mindashq?

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.

0 Comments
2016/07/16
18:53 UTC

3

/r/LesbianActually is now using mindashq!

I really enjoy how sleek it is.

Awesome job!

1 Comment
2016/06/30
23:15 UTC

1

I would like to only implement the sidebar CSS of Mindashq on the /r/Naut theme, how do I go about this?

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?

0 Comments
2016/03/19
21:19 UTC

2

v1.8.3 - Maintenance update for RES and reddit changes

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.


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

Click here to log a bug/enhancement request at Github

1 Comment
2016/02/14
19:17 UTC

2

[Bug] With RES update, NSFW expandoes don't work because they use the :before element as the new "nsfw in expando" tag does.

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.

2 Comments
2016/01/11
18:59 UTC

1

Dark theme

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

3 Comments
2016/01/03
23:23 UTC

2

/r/AwkwardVideoPauses is now using mindashq!

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

0 Comments
2015/11/07
08:20 UTC

3

r/reverseanimalrescue is now using mindashq

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?

1 Comment
2015/10/29
14:09 UTC

2

/r/Emulation is now using Mindashq!

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

1 Comment
2015/10/18
02:26 UTC

1

"Users Online" box is off by 1px and padding issue

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.

7 Comments
2015/09/21
21:25 UTC

Back To Top