The Fugly Scissors for Cuts and How to Get Rid of Them
As most of you may have noticed, with the latest code push - Release 91 - LJ has decided that cuts need to be highlighted with the following before them...
✂··· [+]* ( Cut Link Text Here )
* [Cut unfolder, if LJ Addons for Firefox installed.]
Yeah. Very pretty LJ. Not.
Anyway, this post is a 'how to' on getting rid of this fugliness.
There are two ways I know of so far to "remove" the Scissors of FUGLY. And I say "remove" because in actual fact, neither truly removes the scissors, rather they are just hidden.
1. "Removing" the scissors from your journal using CSS.
Code by zweiundzwei, via xylodemon.
However you normally enter CSS for your LJ style - be it via the Custom CSS page or a remotely linked file - open that and add the following CSS:
---CODE BEGINS ---
/* LiveJournal - Operation: Remove Ugly Scissors */
/* css by zweiundzwei at livejournal.com */
.ljcut-link {color:transparent; margin-left:-25px;}
.ljcut-link:before {content:"( "; color:#000000; padding-left:25px;}
.ljcut-link:after {content:" )"; color:#000000;}
.ljcut-link a {margin-left:-25px;}
---CODE ENDS ---
Depending on your layout, your mileage might vary with the measurements given for the margins and you may have to make adjustments.
This method is quick, dirty and simple, though it has a couple of drawbacks:
1. It only works on your own journal (unless you use "?style=mine" everywhere) and communities you own and can change the CSS for.
2. If you have LiveJournal Addons installed and have the 'cut unfolder' function turned on, you'll now see that the '+' for the unfolder is underneath the text. The only option using CSS only is to either live with the scissors and keep the unfolder function or shut the unfolder function off.
Unless...
2. "Removing" the scissors from your journal via Stylish
For those not familiar with Stylish, it is a browser add-on for Firefox and Chrome [link]. Stylish's main function is management of user-created styles and skins - snippets of CSS that allow anything from overriding a distracting background to recolouring Google or Facebook. You can write them yourself or get pre-written overrides from UserStyles.org, the repository for Stylish coding.
For this way of removing the scissors, you will need to install Stylish and familiarise yourself with how it works.
Now, to the instructions...
a. Removing the scissors everywhere
In the 'User Styles' area, found in "about:addons", click on 'Write New Style' - this will open a new box with a couple of fields and a large text area. Give your style a name by entering it in the 'name' field. Then, in the text area, copy the following:
--- START CODE ---
/* LiveJournal - Operation: Remove Ugly Scissors */
/* css by zweiundzwei at livejournal.com) */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("livejournal.com") {
.ljcut-link {color:transparent; margin-left:-25px;}
.ljcut-link:before {content:"( "; color:#000000; padding-left:25px;}
.ljcut-link:after {content:" )"; color:#000000;}
.ljcut-link a {margin-left:-25px;}
}
--- END CODE ---
Again, you may need to make adjustments to the measurements. Use the 'Preview' button whilst on your journal page to check how things measure up. Once you are satisfied, 'Save' your override.
This method has the benefit of working everywhere for you, without changing what other people see - though as a minor disadvantage, since every layout is different, it might not always display perfectly.
Using Stylish also has a second benefit for users of LiveJournal Addons - it can be modified so that the cut unfolders work too!
b. Removing the scissors and keeping cut unfolders too
If you have LiveJournal Addons* copy this code instead:
(* 9.6 is the latest version - which fixed the cut unfolders - it can be obtained via THIS LINK)
--- START CODE ---
/* LiveJournal - Operation: Remove Ugly Scissors */
/* original css by zweiundzwei via xylodemon. modded by anjak-j. (all at livejournal.com) */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("livejournal.com") {
.ljcut-link {margin-left:-40px; background-color: transparent !important; color:transparent;}
.ljcut-link:before {content:" ("; background-color: transparent !important; display: none;}
.ljcut-link:after {content:" )"; background-color: transparent !important; color:#000000;}
.ljcut-link a {margin-left:-25px; background-color: transparent !important; }
.ljaddCutUnfolder {margin-right: 30px !important; background-color:transparent !important;}
.ljaddCutUnfolder:before {content:"( "; background-color: transparent !important; color:#000000; margin-left:0px; }
}
--- END CODE ---
The last two lines are CSS to modify the style of the cut unfolder, generated by LJ Addons. This cannot be gotten at with a regular stylesheet, hence the need for Stylish. Again, YMMV with regards to the measurements, so check using the 'Preview' button and 'Save' once satisfied.
And you're done. No more scissors and you can still use your LJ Addons cut unfolders.
✂··· [+]* ( Cut Link Text Here )
* [Cut unfolder, if LJ Addons for Firefox installed.]
Yeah. Very pretty LJ. Not.
Anyway, this post is a 'how to' on getting rid of this fugliness.
There are two ways I know of so far to "remove" the Scissors of FUGLY. And I say "remove" because in actual fact, neither truly removes the scissors, rather they are just hidden.
1. "Removing" the scissors from your journal using CSS.
Code by zweiundzwei, via xylodemon.
However you normally enter CSS for your LJ style - be it via the Custom CSS page or a remotely linked file - open that and add the following CSS:
---CODE BEGINS ---
/* LiveJournal - Operation: Remove Ugly Scissors */
/* css by zweiundzwei at livejournal.com */
.ljcut-link {color:transparent; margin-left:-25px;}
.ljcut-link:before {content:"( "; color:#000000; padding-left:25px;}
.ljcut-link:after {content:" )"; color:#000000;}
.ljcut-link a {margin-left:-25px;}
---CODE ENDS ---
Depending on your layout, your mileage might vary with the measurements given for the margins and you may have to make adjustments.
This method is quick, dirty and simple, though it has a couple of drawbacks:
1. It only works on your own journal (unless you use "?style=mine" everywhere) and communities you own and can change the CSS for.
2. If you have LiveJournal Addons installed and have the 'cut unfolder' function turned on, you'll now see that the '+' for the unfolder is underneath the text. The only option using CSS only is to either live with the scissors and keep the unfolder function or shut the unfolder function off.
Unless...
2. "Removing" the scissors from your journal via Stylish
For those not familiar with Stylish, it is a browser add-on for Firefox and Chrome [link]. Stylish's main function is management of user-created styles and skins - snippets of CSS that allow anything from overriding a distracting background to recolouring Google or Facebook. You can write them yourself or get pre-written overrides from UserStyles.org, the repository for Stylish coding.
For this way of removing the scissors, you will need to install Stylish and familiarise yourself with how it works.
Now, to the instructions...
a. Removing the scissors everywhere
In the 'User Styles' area, found in "about:addons", click on 'Write New Style' - this will open a new box with a couple of fields and a large text area. Give your style a name by entering it in the 'name' field. Then, in the text area, copy the following:
--- START CODE ---
/* LiveJournal - Operation: Remove Ugly Scissors */
/* css by zweiundzwei at livejournal.com) */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("livejournal.com") {
.ljcut-link {color:transparent; margin-left:-25px;}
.ljcut-link:before {content:"( "; color:#000000; padding-left:25px;}
.ljcut-link:after {content:" )"; color:#000000;}
.ljcut-link a {margin-left:-25px;}
}
--- END CODE ---
Again, you may need to make adjustments to the measurements. Use the 'Preview' button whilst on your journal page to check how things measure up. Once you are satisfied, 'Save' your override.
This method has the benefit of working everywhere for you, without changing what other people see - though as a minor disadvantage, since every layout is different, it might not always display perfectly.
Using Stylish also has a second benefit for users of LiveJournal Addons - it can be modified so that the cut unfolders work too!
b. Removing the scissors and keeping cut unfolders too
If you have LiveJournal Addons* copy this code instead:
(* 9.6 is the latest version - which fixed the cut unfolders - it can be obtained via THIS LINK)
--- START CODE ---
/* LiveJournal - Operation: Remove Ugly Scissors */
/* original css by zweiundzwei via xylodemon. modded by anjak-j. (all at livejournal.com) */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("livejournal.com") {
.ljcut-link {margin-left:-40px; background-color: transparent !important; color:transparent;}
.ljcut-link:before {content:" ("; background-color: transparent !important; display: none;}
.ljcut-link:after {content:" )"; background-color: transparent !important; color:#000000;}
.ljcut-link a {margin-left:-25px; background-color: transparent !important; }
.ljaddCutUnfolder {margin-right: 30px !important; background-color:transparent !important;}
.ljaddCutUnfolder:before {content:"( "; background-color: transparent !important; color:#000000; margin-left:0px; }
}
--- END CODE ---
The last two lines are CSS to modify the style of the cut unfolder, generated by LJ Addons. This cannot be gotten at with a regular stylesheet, hence the need for Stylish. Again, YMMV with regards to the measurements, so check using the 'Preview' button and 'Save' once satisfied.
And you're done. No more scissors and you can still use your LJ Addons cut unfolders.