Member Avatar for iamthwee

DaniWeb incog mode for google chrome.

What you will need:

Google chrome's stylebot

https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

Then paste the following in the css editor:

#logo {
    visibility: hidden;
}

#leaderboard-container {
    visibility: hidden;
    height: 0;
}

a {
    color: #888;
}

#toolbar {
    visibility: hidden;
}

#navlist {
    background: #ccc;
    color: #000;
}

div.article-new {
    visibility: hidden;
}

#userbar-container {
    visibility: hidden;
    color: #c763c7;
    display: none;
}

img.avatar {
    display: none;
}

#forum-endorsements {
    display: none;
}

#navigation {
    background-color: #ccc
;
}

h1.big {
    color: #212121;
}

div.ribbon-featured.left {
    display: none;
}

div.ribbon-sponsor.left {
    display: none;
}

#header {
    background: url('');
    color: #b375b3;
    background-color: #333;
}

#breadcrumb div h1 {
    color: #404a45;
}

div.article-old-me {
    color: #ffffff;
}

div.article-old {
    display: none;
}

.in-forum {
    background: #111;
}

li:hover a {
    background: #333;
}

hit save and you're ready to browse DW in incog mode.

JorgeM commented: Thanks for introducing me to stylebot. Nice! +0

Recommended Answers

All 23 Replies

Member Avatar for iamthwee

Screenshot:

what is "incog mode"??

Member Avatar for iamthwee

Quick new style:

@import url(http://fonts.googleapis.com/css?family=Roboto);

@import url(http://fonts.googleapis.com/css?family=Consolas);

@import url(http://fonts.googleapis.com/css?family=Lato);

#breadcrumb div h1 {
    color: #404a45;
}

#chat-body {
    color: #611561;
}

#forum-endorsements {
    display: none;
}

#header {
    background: url('');
    background-color: #333;
    color: #b375b3;
}

#leaderboard-container {
    height: 0;
    visibility: hidden;
}

#logo {
    visibility: hidden;
}

#navigation {
    background-color: #ccc
;
}

#navlist {
    background: #ccc;
    color: #000;
}

#room-name a {
    display: none;
}

#toolbar {
    visibility: hidden;
}

#userbar-container {
    color: #c763c7;
    display: none;
    visibility: hidden;
}

.in-forum {
    background: #111;
}

a {
    color: #888;
}

div.article-new {
    visibility: hidden;
}

div.article-old {
    display: none;
}

div.article-old-me {
    color: #ffffff;
}

div.ribbon-featured.left {
    display: none;
}

div.ribbon-sponsor.left {
    display: none;
}

div.title a {
    color: #363636;
    font-size: 16px;
}

h1.big {
    color: #212121;
}

img.avatar {
    display: none;
}

li:hover a {
    background: #333;
}

span.reputation {
    display: none;
}

span.old {
    display: none;
}

span.new {
    background-color: #7d7d7d;
}

a.sponsor {
    display: none;
}

span.me {
    background-color: #06a39b;
}

#reply-form input {
    background-color: #0a5c82;
    color: #ffffff;
    border-style: none;
}

div.posts-since {
    color: #0e5199;
}

div.vote {
    color: #4260ad;
}

#join {
    background-color: #333333;
}

span.green {
    background-color: #0f86d6;
}

a.button.margin-right {
    background-color: #0f86d6;
    color: #ffffff;
    border-style: none;
}

form.inline.right.no-margin input {
    background-color: #7db5db;
    color: #ffffff;
    border-style: none;
}

div.article-stats.counters div div {
    color: #6b546b;
}

a.username {
    font-size: 15px;
    color: #06a39b;
}

div.article-stats div div {
    color: #5c595c;
}

div.main-block.clear {
    background-color: #666666;
}

a.no-margin.button.small-font {
    background-color: #06a39b;
    color: #ffffff;
    border-style: none;
}

div.title abbr {
    color: #06a39b;
}

div.social-widgets {
    display: none;
}

a.button.delete-pm {
    background-color: #06a39b;
    color: #ffffff;
    border-color: #06a39b;
}

a.button {
    background-color: #06a39b;
    color: #ffffff;
    border-color: #06a39b;
}

div.heading.margin-bottom {
    color: #2e2e2e;
}

span.small-font {
    color: #ffffff;
}

div.badge.position {
    background-color: #06a39b;
    border-style: none;
}

div.badge {
    background-color: #315075;
}
Member Avatar for iamthwee

Slight update... I can't seem to get rid of the purple blocks on the menu though...

@import url(http://fonts.googleapis.com/css?family=Roboto);

@import url(http://fonts.googleapis.com/css?family=Consolas);

@import url(http://fonts.googleapis.com/css?family=Lato);

#breadcrumb div h1 {
    color: #404a45;
}

#chat-body {
    color: #611561;
}

#forum-endorsements {
    display: none;
}

#header {
    background: url('');
    background-color: #333;
    color: #b375b3;
}

#leaderboard-container {
    height: 0;
    visibility: hidden;
}

#logo {
    visibility: hidden;
}

#navigation {
    background-color: #ccc
;
}

#navlist {
    background: #ccc;
    color: #000;
}

#room-name a {
    display: none;
}

#toolbar {
    visibility: hidden;
}

#userbar-container {
    color: #c763c7;
    display: none;
    visibility: hidden;
}

.in-forum {
    background: #111;
}

a {
    color: #888;
}

div.article-new {
    visibility: hidden;
}

div.article-old {
    display: none;
}

div.article-old-me {
    color: #ffffff;
}

div.ribbon-featured.left {
    display: none;
}

div.ribbon-sponsor.left {
    display: none;
}

div.title a {
    color: #363636;
    font-size: 16px;
}

h1.big {
    color: #212121;
}

img.avatar {
    display: none;
}

li:hover a {
    background: #333;
}

span.reputation {
    display: none;
}

span.old {
    display: none;
}

span.new {
    background-color: #7d7d7d;
}

a.sponsor {
    display: none;
}

span.me {
    background-color: #06a39b;
}

#reply-form input {
    background-color: #0a5c82;
    color: #ffffff;
    border-style: none;
}

div.posts-since {
    color: #0e5199;
}

div.vote {
    color: #4260ad;
}

#join {
    background-color: #333333;
}

span.green {
    background-color: #0f86d6;
}

a.button.margin-right {
    background-color: #0f86d6;
    color: #ffffff;
    border-style: none;
}

form.inline.right.no-margin input {
    background-color: #7db5db;
    color: #ffffff;
    border-style: none;
}

div.article-stats.counters div div {
    color: #6b546b;
}

a.username {
    font-size: 15px;
    color: #06a39b;
}

div.article-stats div div {
    color: #5c595c;
}

a.no-margin.button.small-font {
    background-color: #06a39b;
    color: #ffffff;
    border-style: none;
}

div.title abbr {
    color: #06a39b;
}

div.social-widgets {
    display: none;
}

a.button.delete-pm {
    background-color: #06a39b;
    color: #ffffff;
    border-color: #06a39b;
}

a.button {
    background-color: #06a39b;
    color: #ffffff;
    border-color: #06a39b;
}

div.heading.margin-bottom {
    color: #2e2e2e;
}

span.small-font {
    color: #212021;
}

div.badge.position {
    background-color: #06a39b;
    border-style: none;
}

div.badge {
    background-color: #315075;
}

#sidebar {
    visibility: hidden;
}

iframe {
    visibility: hidden;
}
Member Avatar for iamthwee

Screeny

Member Avatar for iamthwee

It didn't upload... I'm on Chrome Ubuntu with XFCE.

Tested in IE, FF, and Chrome on my Windows PC and in Chrome and Safari on my iMac and I can't reproduce file uploads not working.

Member Avatar for iamthwee

Here's the screenshot I missed before da540505b858ad1cc4c5094763a07b5c

I think Dani just had a meltdown...lol

I think Dani just had a meltdown...lol

referring to the pic with all of her purple and icons gone...after all that work..

I'm using stylebot now as well with my own customization so I hope you don't mind.

Iamthwee, that does look very nice indeed!! :)

Made my own theme with this.

Thanks

JorgeM and Bradly, I'd love to see screenshots!! :)

Dani-

So for me its not about color, but clutter. I'm one of those neat freaks so what I've done so far is just hide some of the elements that I dont use or am not interested in. Here is a screenshot of how I like the display to look when I'm viewing a thread...

So I've removed related articles, your footer, avatars, tag cloud, etc... I would have removed more (search box,etc..), but some of your elements aren't tagged with an ID so I havent spent time yet on using a CSS selector to target them.

Hmm.. some trouble uploading after editing the post...

BEFORE

658e276b27823ec1f4b425e37a1d989b

AFTER

57708b8c548c8a4d934c980c423e9897

I like JorgeM's version. Could you post the code?

Please keep in mind that some of the selectors I included target nonspecific elements. in other words, elements that do not have an ID, which means that I could be targetting other elements on other pages as well that I am not intending to hide from view... This is what I was referring to regarding targetting specific elements on a page.

Some of the selectors listed below affect elements on the category pages.

Work In Progress...

a.sponsor, 
div.bottom-tools, 
div.fixed-sidebar, 
div.lead-block-alternate p, 
div.lead-small, 
div.social-widgets, 
#featured-endorsements, 
#footer, 
img.avatar, 
#logo, 
span.old, 
#tagcloud, 
#toolbar, 
ul.toolbar.fixed-width 
{
    display: none;
}

Update...

In addition to what i posted above, if you add div.has-sidebar{width: 100%;} you recover the space the related articles was occupying.. However, it does destroy the main page (daniweb.com). I'm never on the main page so it works out for me..

4f3caf7050928db339e0f5776c2bfc9d

Sorry Dani--- i feel guilty modifying the look of your site :-(

No worries no worries.

Just be careful guys: A lot of the stuff you are tinkering with affects more than just article pages. Member profiles are going to be killed by the has-sidebar thing, and div.lead-block and div.fixed-sidbar are used on most pages in some way, shape or form.

yes of course I completely understand. I'm hesitant to publish any styles that i'm applying because I wouldnt want others to encounter issues and all of the sudden you have a members contacting you that your site is broken.

What I'm doing is specific for the pages I view most from this particular computer. My other devices see your site with all of the bells and wistles.

Hey, you should be on holiday...your in Florida right? If you are down south I can recommend some things you can do during your stay...

I'm not at all against anyone publishing custom styles and I'll be happy when I return from vacation on Monday to help people with any styles. Feel free to ask me the best way to hide something you want to hide or change something you want to change that will only affet the specific element. (Sorry, not working in the most conducive environment right now at my mom's place.)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.