Heist // Joker (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
enigmaticminion) wrote in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
aather_ooc2011-02-07 08:59 pm
enigmaticminion) wrote in aather_ooc2011-02-07 08:59 pm
Tweaks for Trophospherical site skins
ETA: I made a click-install version + guide here which applies to Firefox and Chrome.
It doesn't have visited/hover link colors in the script like these though.
So many of you may already be familiar withemiri's Tropospherical Blue skin for DW, that's designed to simulate LJ. But perhaps some of you don't actually mind the gray and pink or gray and purple and just want the content on the default pages to stretch out properly and maybe for the text to be slightly bigger. IF SO THIS IS FOR YOU
Basic tweaks included in this skin:
--Stretches entry and comments across the page
--Removes the color border from the bottom of the comment boxes (also lightens the gray a bit)
--Changes background to white
--Makes the font size a little bigger.
--Visited links and hover have different colors
(visited links are darker red for RED, paler lilac for PURPLE, and hover is dark gray for both)
How to use
You still need Stylish and the Greasemonkey thing from Emiri's guide, so follow steps 2-4 on her guide if you haven't already installed all that stuff. (And if you have installed everything already, don't worry, you don't have to uninstall anything. Just click the "S" and uncheck Trophospherical Blue if you decide not to use it.)
ONCE EVERYTHING IS INSTALLED
1. Go here and set your Site Skin to "Tropospherical Red" or "Tropospherical Purple" depending which you prefer.
2. Click the Stylish "S" icon at the bottom of your browser
3. Click "Write New Style" from the menu that pops up, then "For dreamwidth.org..."
4. Next to "Name:" put whatever you want to name the style so you know what it is later (I put "Tropospherical Tweaks for Dreamwidth")
5. Then in the text box, where it says "@namespace" etc etc, delete everything and copy-paste the code corresponding to the Site Skin you picked. (Technically the only difference is the bit of script for visited links, but I'm making this easier, I swear)
6. Hit the "Save" button
7. Voila! Should go into effect immediately.
What else?
If you know css and want to fiddle with what's there (it's not a lot), like the colors of the links, just click the "S" and go to Manage Styles and pick the style you want to edit.
If you also want to fiddle with the default color of links (this only applies to the content, mostly the entries and comments, not the site header and footer), just add
body.tropo #content a:link,
.link { color: #000000 !important; }
to the Style, under /* Links and a pseudo link class */ in the script and replace the color with whatever you want.
P.S. All the little chunks of code were ganked and tweaked from Emiri's site skin.
It doesn't have visited/hover link colors in the script like these though.
So many of you may already be familiar with
emiri's Tropospherical Blue skin for DW, that's designed to simulate LJ. But perhaps some of you don't actually mind the gray and pink or gray and purple and just want the content on the default pages to stretch out properly and maybe for the text to be slightly bigger. IF SO THIS IS FOR YOUBasic tweaks included in this skin:
--Stretches entry and comments across the page
--Removes the color border from the bottom of the comment boxes (also lightens the gray a bit)
--Changes background to white
--Makes the font size a little bigger.
--Visited links and hover have different colors
(visited links are darker red for RED, paler lilac for PURPLE, and hover is dark gray for both)
How to use
You still need Stylish and the Greasemonkey thing from Emiri's guide, so follow steps 2-4 on her guide if you haven't already installed all that stuff. (And if you have installed everything already, don't worry, you don't have to uninstall anything. Just click the "S" and uncheck Trophospherical Blue if you decide not to use it.)
ONCE EVERYTHING IS INSTALLED
1. Go here and set your Site Skin to "Tropospherical Red" or "Tropospherical Purple" depending which you prefer.
2. Click the Stylish "S" icon at the bottom of your browser
3. Click "Write New Style" from the menu that pops up, then "For dreamwidth.org..."
4. Next to "Name:" put whatever you want to name the style so you know what it is later (I put "Tropospherical Tweaks for Dreamwidth")
5. Then in the text box, where it says "@namespace" etc etc, delete everything and copy-paste the code corresponding to the Site Skin you picked. (Technically the only difference is the bit of script for visited links, but I'm making this easier, I swear)
| Tropospherical Red | Tropospherical Purple |
7. Voila! Should go into effect immediately.
What else?
If you know css and want to fiddle with what's there (it's not a lot), like the colors of the links, just click the "S" and go to Manage Styles and pick the style you want to edit.
If you also want to fiddle with the default color of links (this only applies to the content, mostly the entries and comments, not the site header and footer), just add
body.tropo #content a:link,
.link { color: #000000 !important; }
to the Style, under /* Links and a pseudo link class */ in the script and replace the color with whatever you want.
P.S. All the little chunks of code were ganked and tweaked from Emiri's site skin.
no subject
no subject
no subject
no subject
no subject
no subject
no subject