The video expando icon does not show up in white on hover because of a typo in the background-position. This fixes it:

.expando-button.video.collapsed:hover {background-position: -112px -32px !important;}

Tested with Firefox. Beyond 10 flairs it just sort of gives up :P

I don't know if this was a "feature" or a "bug" but I found it annoying. It was in v2.1, I haven't checked 2.2 yet.

The offending code was

        .sheets .btn.right {display: none;}

Commenting it out makes the button reappear. If this was a feature I can't imagine why it was included.

The "Suggest Title" button is missing. Is this intended? Some susbreddits might find it useful, I find it strange to remove it by default.

Naut CSS

Default CSS

This could be an addon if you wanted. Below is the css, taken from /u/titleproblems at this post.

.mobile-web-redirect-bar, .mobile-web-redirect { display: none; }

Pretty self-explanatory, but currently the spritesheet and all other Naut image assets are blurry on Retina/HiDPI displays. @2x assets would be awesome!

It would be awesome if naut was ported over to less so that it could be themed easily using less variables. Currently it's very hard and counterintuitive to tweak.

I'll be honest, I just finished CSS course on code academy and see this awesome Reddit theme completely built using CSS, I find it fascinating. Can you the developers tell about the design process? Did you have some template which you tweaked or had something already existing and converted it into code? Or did you start with a blank page and built it as coding went on?

When you upvote, an orange bubble stays over the upvote button,

I am assuming this should replicate the Android L click effect, but well. Did you miss to add a function in your animation chain?

Above are just wild guesses.

OS: Win10
Chrome Version 49.0.2623.110 m (64-bit)

Tested on 2 systems.

On Chrome 48 and 49 on Linux, the submit buttons are not centered where they're supposed to be. This issue doesn't happen for me in Firefox on the same machine.

Screenshot:

These ones (might need to view image full size to see on non-retina screens):

Possible solutions:
2x spritesheet (bitmap), SVG icons (vector), custom Icon font (vector)

The save button in the flair box is a bit wonky.

Love this theme, but you should really add an explicit license for this. You have over 150 forks. Now that you are part of reddit gold themes, the licensing is even more ambiguous!

http://choosealicense.com/

Sadly the RES styling is hardcoded inline and with !important rule everywhere.

I pasted the new CSS code into the CSS stylesheet and it only recognized a bit of it as CSS, the rest was treated like regular text and thus wasn't implemented correctly. I am using the moderator toolbox extension for Chrome.

Could we have two Naut files? One that is compressed, the other that isn't?

The blue border for active entries extends uneven vertically. Adding this will keep the padding and margin consistent:

.commentarea .entry {
  margin-bottom: 16px;
}

.res .commentarea .entry .flat-list {
  padding-bottom: 0;
}

Since the subscribe button was moved, the mutireddit box no longer appears in the correct place.

All that needs to be added is this:

.hover-bubble.multi-selector { margin-top: -70px; margin-right: -222px; }

Why aren't you doing some type of versioning for people to easily go back to specific versions like 1.0, 1.7, 2.0, or 3.0?

This would take you back to the exact state in the repo and allow a simple zip download, instead of messy commit tracking for inexperienced users.

I was setting up the theme on my sub-reddit, and I disabled links (because it'll be a text-only subreddit) and I noticed that the submit text button is missing?

When copy/pasting straight to the stylesheets section, appears that reddit doesn't support filter.

[line 113] unknown property "filter"
filter: alpha(opacity=40);
[line 122] unknown property "filter"
filter: alpha(opacity=90);
[line 1687] unknown property "filter"
filter: alpha(opacity=100);
[line 1696] unknown property "filter"
filter: alpha(opacity=50);
[line 1830] unknown property "filter"
filter: alpha(opacity=60);

This is what it looks like when logged out: http://i.imgur.com/CY17FiN.png
Note that I'm using RES and Firefox 31.0

I have personally fixed this problem on http://reddit.com/r/minimal by adding

.res-commentBoxes .comment {
    clear: left;
}

But this is a hacky fix and I guess it should be properly fixed, as it just masks the error instead of actually fixing it.

EDIT: What my fix looks like: http://i.imgur.com/Jc0o7DA.png

After upvoting in Firefox the arrow just turns into an orange circle, rather than displaying the animation. It turns back into an upvote arrow when the mouse is clicked anywhere. It's also impossible to take a screenshot: whenever one is taken it turns back into the orange arrow for a split second

any link on naut theme subreddit are going nowhere... If I click even in a text submission only got
Windows XP SP2 using chrome

42.0.2311.90 (Official Build) m (32-bit)
Revision 5d28207cac889976c94107da36f69ae01ff0223e-refs/branch-heads/2311_82@{#2}
OS Windows
Blink 537.36 (@193294)
JavaScript V8 4.2.77.14
Flash 17.0.0.169
User Agent Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.90 Safari/537.36
Command Line "C:\Program Files\Google\Chrome\Application\chrome.exe" --flag-switches-begin --flag-switches-end
Executable Path C:\Program Files\Google\Chrome\Application\chrome.exe
Profile Path C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default

On the submission page for subreddits using Naut the "code" and "table" buttons are showing "style=" on top of them (see screenshot: http://i.imgur.com/aFZT8u6.png).

The sticky message customization works great on the homepage of a subreddit (see /r/moto360) but dosen't work so well when viewing the comments.

Example screenshot.

The "content" doesn't appear to push down on any other pages apart from the homepage.

Reddit has added a new settings card to the subreddit settings page. Regular .linefield styles are being overridden by native Reddit styles because of their use of the more specific .linefield.mobile selector:

Adding .linefield.mobile to all selectors with .linefield should apply linefield styles to the new settings card.

I found I also had to add border: none; to the /* Subreddit Settings Page + Flair Page + Stylesheet Page */ section to remove the 1px border from the mobile settings tab. This might just apply to the subreddit I tested this on.

It's at line 1554 of the latest commit:

Seems like it used to be #e5ebf8 way back.

Getting an error while opening up the spritesheet psd that fonts are missing.

I assume the line break between "in" and "seconds" is unintentional. Can be seen on multiple subreddits. It shows up regardless of window size/resolution. Viewed in Firefox 35.0.1.

Active entries have a blue border and extra padding. But this means they shift to the right when they are clicked on.

The main reason this is an issue is the preview buttons on RES. Say you click on the image preview button, then you click again without moving your mouse to close the preview. Since the content has all shifted to the right, your mouse cursor will (in most cases) no longer be on the button any more, so the preview will not close.

Adding the following will prevent the shift:

.entry {
  padding-left: 8px !important;
  border-left: 2px solid rgba(0, 0, 0, 0);
}

You should also be able to remove the padding-left from the active entry selector as it will now be applied to all .entry.

Save space, would look much cleaner.

See this example:

http://www.reddit.com/r/naut/comments/2c2zt6/cant_see_links_in_post_description_without/

EDIT: I think this is the CSS that's causing it: https://github.com/Axel--/Naut-for-reddit/blob/master/Naut%20CSS.css#L994

Edit : Fixed

On Naut 3.1, the button to expand the sidebar shows on Google Chrome for Windows, but not on Google Chrome for Android. The only way to expand the sidebar is to tap the top right of the screen, and then the sidebar expands with lots of overlapping buttons.

Tested on a 2013 Nexus 7 running Chrome for Android 42.

(No add-ons used)

Potentially only an issue on lower-res screens.

The placeholder text changes don't seem to be applying properly. I get no placeholder text in chrome, and the default in firefox ('search' instead of 'search reddit'). It's also hard to debug since i'm not sure how to see the style rules in-browser for these properties.

I think the text looks good as it is, without replacing contents, etc. I would vote for removing these rules altogether.

Why is the top subreddits bar cut off?

I'll try to find a fix but thought I'd point this out to you.

Please use git tags on the previous versions commits so people can keep track of them if they so wish.

For some reason, the thumbnails for small images get really awfully stretched out.
You can right click / open image to see how they would look. Guess this needs some CSS fixes.

I have this subreddit https://www.reddit.com/r/AncientBeast/ for my game project, having quite a few thumbnails, since it's for graphical stuff mainly. You can see a few stretched thumbnails.

Bug introduced in 4.0 release. Looks like this:

Pull request forthcoming.