DSCVRY v2 - Cleaner look and a lot of bugfixes!
Check out my new theme! It's a lot prettier and stable than DSCVRY! r/STCKY
I have a lot going on right now so check out r/csshelp for faster replies! And sorry if I miss any PMs or posts, I forget to reply very often
EDIT:
Small update that fixes ordered lists in the sidebar, some borders in the sidebar, mod message icon, and slightly better looking thumbnail images (11/8/14)
Fixed RES image expando buttons (11/10/14)
Fixed the subreddit_settings file, accidentally replaced it with the stylesheet (11/18/2014)
New version!
What's new:
- RES support!
- Night mode!
- Took a step back on the header to keep the "reddit feel"
- Cleaned up the sidebar
- Fixed a lot of bugs
- Prettier flairs
- Looks more consistent
What's still ugly:
- RES Nightmode (But who needs that right??)
- Compressed links (I'll probably have this fixed in the next version)
- Some bits of RES comments section (Next version)
- User flairs (Next version)
- The theme (to some people)
How to install:
- Download this .zip:
-
Extract the file.
-
Go to edit stylesheet under Moderation Tools in the sidebar.
-
Upload everything from the images folder without renaming anything. The dscvry image is the temporary logo and you can replace that with your own logo. There's also a .psd file of the logo if you want the same style as the dscvry one. If you resize the image, make sure you change the width of pagename a.
-
Open stylesheet.css and copy and paste everything into the textbox on the same page and save.
-
Go to subreddit settings and in the last section upload the reddit logo.
-
On the same page, add this in the textbox under sidebar:
Make sure you change YOUR_SUBREDDIT to your subreddit name.
Without this, you won't have the night mode button in the top right. You can also access night mode by going to http://nm.reddit.com/r/YOUR_SUBREDDIT/
Link flairs
This is how I have link flairs set. If you want to add more, you'll have to add some code to the style sheet:
.linkflair-CSS_CLASS_NAME_OF_FLAIR.linkflairlabel {
background-color: #PICK_A_HEX_CODE;
border: 1px solid #PICK_A_HEX_CODE; /*I keep this the same as the background-color to keep the flat look*/
color: #PICK_A_HEX_CODE; /*I have this set to fff (white)*/
}
I recommend using one of these colors.
Oh god the rounded buttons are hideous!
If you don't like the rounded buttons and scrollbar, you can change the border-radius to 0 in:
.morelink a
#sr-more-link
.titlebox .md a[href*="#nm"], .titlebox .md a[href*="#dm"]
::-webkit-scrollbar-thumb
I want my scrollbar and highlight color back!
Remove all of this:
/*** SCROLLBAR ***/
::-webkit-scrollbar {
width: 12px;
height: 12px;
background-color: #111111;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 5px;
}
::-webkit-scrollbar-button {
display: none;
width: 0;
height: 0;
}
::-webkit-scrollbar-corner {
background-color: transparent;
color: #555555;
}
/*** SELECTION ***/
::selection {
background-color: #d75959;
color: #fff;
}
How do I bring back online users?
Take out "display: none;" under ".titlebox .users-online" and add this:
.titlebox .users-online {
margin-top: -13px;
position: absolute;
right: 8px;
}
.res .titlebox .users-online {
margin-top: -25px;
position: absolute;
right: 8px;
}
How do I bring back online users?
Add this:
.md .-lists, .md ul, .md ol {
padding-left: 25px !important;
}
I might be forgetting something. Let me know if you're getting errors. I also have the old version backed up so if you want that, PM me. If you heavily modified the previous version of the theme, you've got a lot of work to do.
Posted Oct 8, 2014, 2:45 AM UTC · edited