I've written a userstyle for this site, not as a complaint, but just for fun and to practice my CSS.

Here's a list of some of the neat things it does:

  • Flattens everything out by removing pretty much every gradient.
  • Adds unobtrusive but gentle underline and hover effects to certain things.
  • Does a terrible horrible very bad pure-CSS patch to fix the redundant [#] [#] or [#] [D] in SAX.
  • Removes a ton of borders.
  • Cleans up a lot of backgrounds.
  • Fixes some spacings.
  • Centers the search bar (top right- see how it's not vertically centered? that's so annoying you should install this userstyle and fix it :D)
  • Reduces clutter by removing stuff nobody actually looks at anyways.
  • Makes SAX wider and more readable.
  • Restyles the pips so they look better.
  • Improves the look of polls and makes them more readable.
  • A nonzero number of additional things!


Download
Note that the extension will not auto-update when I make changes.

Here's an imgur album with a bunch of screenshots
Here's how to install this in Google Chrome:

1. Download the zip file containing the changes.
2. Extract the zip file into a folder on your computer, ideally this would be in a spot where you wouldn't delete it.
3. Open a new tab and navigate to chrome://extensions
4. In the upper right hand corner of the screen, turn on "Developer Mode."

5. Right below the Hamburger menu, click on "Load Unpacked Extension."

6. Browse to the folder where you unpacked the extension. Don't enter the folder, but select it.

7. Click Open. The extension will now install.
8. Now reload any cemetech tabs you have open. The extension will then take effect.
9. (Optional) If you would like you may now turn off developer mode.

Please excuse my chromebook.
Just released another version- Download.

It includes a fix to the styles that remove borders, and makes SAX slightly wider and more readable.

As always, if you encounter issues or would like to see a change, feel free to create an issue or post in this thread. I already have some things I'd like to change for the next revision :D
For the next upcoming version, v2.1, I'm improving stylistic consistency throughout the site. This means making all the borders one size, removing clutter, and using easy-to-change CSS buttons all the time instead of just most of the time Wink

One of the cooler things I've changed so far for this version has been the polls. Previously, these were implemented with tables and generally looked fairly disgusting like 50% of the time, if not more often. The three images used to create the effect didn't always line up due to technical limitations, and the addition of end caps makes it hard to compare the results for polls with a fair number of votes with results that are close.

But this is a thing of the past, with my userstyles.


I got rid of the end caps so it's easier to read/visually compare two entries and used one giant hack to replace the image with a solid background.

Overall, I'm very satisfied with the look of the polls Very Happy
I've just released version 2.1.0!

It includes a bunch of changes:

  • Restyling pips
  • Spacing improvements
  • Removed gradients on search bar
  • Centered search bar
  • Gentle hover effects on most action buttons
  • Fixes for margins around posts
  • Bugfixes & compatibility improvements
  • Improved stylistic consistency
  • Much more.


I'd like to thank mr womp womp for his suggestions that I was able to pick and choose from. I'd also like to thank LogicalJoe for his safari bug reports and commandblockguy for the styling feedback and firefox bug reports that I was able to at least partially fix for now.
The white lines hurt my eyes, it feels like everything is just misaligned by 1px Sad
Thx for merging the PR, I still think the lines need to go tho. Laughing
mr womp womp wrote:
The white lines hurt my eyes, it feels like everything is just misaligned by 1px :(
Thx for merging the PR, I still think the lines need to go tho. :0x5:


After some thinking, I mostly agree.

Here's what I ended up doing (part of v2.2)


It makes the lines match the sidebar- nuking them entirely is too dramatic of a change, in my opinion, and it doesn't look all that great.

After some discussion, I've decided that adding JS magic to the extension is a good idea-it opens up a lot of opportunities as far as tweaking things goes and we can even add features to the site instead of just modifying what is already there.

I'm excited to see what we can do with this- I already have a decent-sized list of tweaks I'd like to make.

Edit: The first thing I did was implement a client-size fix for the "unicode characters being escaped in post titles" bug:
I've stolen your userstyle and started to make my own, mostly because I want to make a lot of big changes. (for fun, don't ask for features lol)
I saw you were discussing this code which I'd been playing with recently, and I actually stumbled across a small bug with the post editor, specifically when you hover over the "Youtube" button, a javascript error is thrown because the help string is undefined. It could be fixed by defining it... Laughing

Code:
var y_help = 'Youtube video: [youtube]URL Text[/youtube] (alt+y)';

So I threw that into my userstyle... Besides that, I added a button for the strike tag. Which I use occasionally, and I'll be adding one for the

Code:
[hr]
tag as well.

On a different note, the subBlue design code makes me want to scream. In the words of iPhoenix,
iPhoenix wrote:
"If someone asked me to write the worst code it would be something like that"
Thank you for wrangling with that, womp ;)

I rewrote and merged in two of your javascript changes, namely the shorter dates and the clickable usernames in the online users.

I'm not fully sure if I want to keep the shorter dates- users can edit the date format in the page to edit their profile, but the syntax is fairly esoteric and I'd be surprised if even a hundred of cemetech's users have modified that in any significant way.

Additionally, the clickable online users means that the style distinction for admins no longer exists, I'll have to think about how I want to add that back.

Next up is storing half-written posts in localStorage, I think, so that you can continue writing a post after closing a tab/signing out, etc.
_iPhoenix_ wrote:
Thank you for wrangling with that, womp Wink

I rewrote and merged in two of your javascript changes, namely the shorter dates and the clickable usernames in the online users.

I'm not fully sure if I want to keep the shorter dates- users can edit the date format in the page to edit their profile, but the syntax is fairly esoteric and I'd be surprised if even a hundred of cemetech's users have modified that in any significant way.

Additionally, the clickable online users means that the style distinction for admins no longer exists, I'll have to think about how I want to add that back.

Next up is storing half-written posts in localStorage, I think, so that you can continue writing a post after closing a tab/signing out, etc.


Yeah I like the shorter dates but if your goal is for a lot of people to install your theme, maybe its best to let them decide, or maybe like you mentioned to have it be an option that the user can choose.
I hadn't considered admins with the different styling, I guess I should account for that. I'll probably go back and fix that when I have a bit of free time.
Also, your rewritten versions are very nice, I might yoink them Laughing
Time for version 2.2.0!

Changelog:

  • Added strikethrough and monospace buttons to the post editor.
  • Removed a bunch of gaps, including a number of 1px gaps.
  • Made some gaps look more intentional.
  • Improved consistency for back-to-top arrows.
  • Made a number of dates smaller.
  • Fixed an issue with unicode in post titles.
  • Fixed an error when hovering over the youtube button in the post editor.
  • Adds version information to the footer.
  • Fixes a bug with poll restyling in firefox.
  • Added links to the online user list in the sidebar so you can quickly go to user profiles.
  • Probably more I'm forgetting.


I highly suggest that people using the userstyle upgrade to this version.

Download
  
Register to Join the Conversation
Have your own thoughts to add to this or any other topic? Want to ask a question, offer a suggestion, share your own programs and projects, upload a file to the file archives, get help with calculator and computer programming, or simply chat with like-minded coders and tech and calculator enthusiasts via the site-wide AJAX SAX widget? Registration for a free Cemetech account only takes a minute.

» Go to Registration page
Page 1 of 1
» All times are GMT - 5 Hours
 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

 

Advertisement