promethia_tenk

Ghostery is like a next-level adblocker. It's an extension for your browser that can block not just visible ads, but all of the trackers and plug-ins that litter modern websites. Why would you want to do this?

1) Privacy: Pretty much every website on the internet is spying on you, often in sophisticated networks that follow you around the web. Ghostry helps shield you from these tracker networks.

2) Security: Some website plugins carry malware that can do you active harm.

3) Speed: A major portion of the data load of a lot of websites is in trackers and plugins. It's amazing how fast some of these sites load when you cut that crap out.

4) Clutter: Ghostery removes a lot of the extra cruft from websites that can distract from the content. Not just ads, but things like those social media sharing buttons, media players, and buggy, slow-loading comment sections. Now, some of these things are useful, but Ghostery lets you turn them on and off at will. Maybe you want the Facebook share buttons but not the Twitter or Linked in ones--you can do that. Maybe most of the time you just want to read a site's articles but sometimes you want to comment--you can load them only when you want to.

5) And it blocks ads too.

I actually run Ghostery and AdBlock Plus at the same time. Sometimes AdBlock picks up something that Ghostery misses.

Ghostery does take a little more active tending than something like AdBlock Plus. As I mention above, some of these plugins are things you actually want. Ghostery breaks the various trackers and plugins into categories like advertising, analytics, media players, etc., to help you figure out which. During the setup process you're also able to search for particular items if you already know you want them enabled (I rely a lot on Google services, for example, and much of the value they provide depends on them knowing that I'm doing, so I enabled their trackers out of the box).

If you're on a particular web page and something seems broken, you can click on Ghostery's drop-down menu to see what content it's blocking and selectively re-enable what you need. It looks like this:

The thing I end up needing to re-enable most often are video players. For certain page elements like comment sections, Ghostery will also leave a little ghost icon to mark what it blocked and you can click on the icon to re-enable the plugin.

Amusingly/of note, if you still use LiveJournal, you will need to enable the LiveJournal 'site analytics' plugin, as major portions of the system pages like comments, flist filtering, and many settings now seem to be tied to it. I'm not entirely sure what I think about this.

Before you install, it's also worth reading about Ghostery's business model so you can make an informed decision about whether and how you use it. Personally, it tend to put more trust in companies that are up-front about how they make their money like this.

Flat | Top-Level Comments Only

From:

promethia_tenk

Also if I put the original code in for the corners, will they go round again? The internal corners are fine, but the outside of the modules are all pointy again... ETA: My LJ is the opposite! Round corners on the outside, and pointy on the inside. ;)

Last thing, and then I am stepping away from the CSS:

Check out my current rounding and outlining and tell me if you like it.

I think even though your LJ has straight corners inside, there are so many more individual rounded outer containers, that it doesn't quite look right on DW to square off all the inner boxes.

If you want, I can do the outer rounding and the inner rounding as well. That's an option.

elisi

Check out my current rounding and outlining and tell me if you like it.
Yes, looks lovely. :)

Like I said, I'd never looked at my LJ style in any great detail before this. Like, I knew the corners were rounded, but I never noticed that the inside corners were square...

So what you have created is pretty much perfect!

Scroll down the page a bit, though, and things start to get pretty boxy . . . That works for you?

Yup.

Cool.

Would you like the code just for the edges and rounding, or would you like all the modifications in one chunk so everything is cleaned up a bit?

Hmmmmm.

Well, this is all the stuff I have in my CSS box so far:

#header, .comment-wrapper, .module, .entry-wrapper {border: 1px solid #000000;}

#header, .comment-wrapper, .module, .entry-wrapper, .module-wrapper {border-radius:5px!important;}

.entry-title, .module-header, module-wrapper {border-top-left-radius: 5px;
border-top-right-radius: 5px;}

.comment-title {border-top-right-radius: 5px;}

.entry, .comment {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

.module-content {padding: 2px}

#canvas {
background-image: url(https://s26.postimg.org/ijyo0z5vt/Leaning_Banner_Class1.jpg);
background-repeat: no-repeat;
background-position: top center;
padding-top: 461px;
}

#canvas {
margin-top: 10px;
}

.module-navlinks {border: none!important}

.module-userprofile .userpic img {height: 100px; width: 100px;}

.module-header {text-transform: lowercase;}

#header h1#title, h2#subtitle {text-transform: lowercase;}

#header h2#pagetitle {display: none}

.module-navlinks {text-align: center;}

.userpic img {border: 2px solid #000000;}

.multiple-columns #secondary, .three-columns-left #tertiary, .three-columns-right #tertiary, .three-columns-sides #tertiary {
top: 461px !important;
}

Here, replace it with this. I've organized it into three big sections--header on top for easy access, then borders and rounding, then miscellaneous:

#canvas {
background-image: url(https://s26.postimg.org/ijyo0z5vt/Leaning_Banner_Class1.jpg);
background-repeat: no-repeat;
background-position: top center;
padding-top: 461px;
margin-top: 10px;
}

.multiple-columns #secondary, .three-columns-left #tertiary, .three-columns-right #tertiary, .three-columns-sides #tertiary {
top: 462px !important;
}

.comment-wrapper, .module, .entry-wrapper {border: 1px solid #000000;}

.module-content {padding: 2px}

#primary > .inner:first-child {border-top-right-radius: 5px; border-top-left-radius: 5px;}

#secondary {border-top-right-radius: 5px; border-top-left-radius: 5px;}

#tertiary {border-top-right-radius: 5px; border-top-left-radius: 5px;}

#header > .inner:first-child {border-radius: 5px;}

#footer > .inner:first-child {border-radius: 5px;}

.userpic img {border: 2px solid #000000;}

.module-navlinks {border: none!important;
text-align: center;}

.module-header {text-transform: lowercase;}

.module-userprofile .userpic img {height: 100px; width: 100px;}

#header h1#title, h2#subtitle {text-transform: lowercase;}

#header h2#pagetitle {display: none}