56

Are you depressed by all the gr[ae]y colors plaguing meta? Do you wish you had some exuberance on your favorite website? Are you hungry? Are you still reading this?

Well, worry no longer. I'd like to think I've developed a solution to all of your problems with a user style mimicking the abortion known as the Hot Dog Stand theme from earlier versions of Windows:

HOT DOG STAND YEAH

Here is the CSS:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("meta.stackoverflow.com") {

.answer {
background-color: red !important;
}

a {
color: white !important;
}

a:hover {
color: yellow !important;
}

a:visited {
color: white;
}

#hlogo {
background-image: url(http://imgur.com/jFSWg.png) !important;
}

#header #topbar {
background-color: #ee2222 !important;
}

.badgecount {
color: black !important;
}

.bounty-indicator {
background-color: black !important;
color: yellow !important;
border: 1px solid yellow !important;
}

.bounty-indicator-tab {
background-color: #c6c6c6 !important;
margin-top: 1px !important;
}

#tabs a {
color: #848484 !important;
background-color: white !important;
font-family: system !important;
}

input {
border-color: black !important;
}

input[type=button] {
background-color: #c6c6c6 !important;
font-family: system !important;
}

#tabs a:hover {
color: red !important;
}

#tabs a.youarehere {
color: white !important;
background-color: black !important;
border: 1px dotted #c6c6c6 !important;
border-bottom: 1px solid red !important;
}

#hlogo a img{
visibility: hidden;
display: block !important;
}

.tagged-interesting {
background-color: #ff5f5f !important;
}

.relativetime {
color: black !important;
}

body {
background-color: red !important;
color: white !important;
}

.nav a {
background-color: black !important;
}

.votes {
border: 1px solid black !important;
background-color: #C6C6C6 !important;
}

.post-tag {
background-color: black !important;
color: white !important;
border-right: 1px solid black !important;
font-family: system !important;
}

.post-tag:hover {
border-right: 1px solid yellow !important;
border-bottom: 1px solid yellow !important;
color: yellow !important;
}

.question-summary {
border-bottom: 1px dotted black !important;
}    

.views {
color: black !important;
}

.summarycount {
color: black !important;
}

.stats {
background-color: inherit !important;
}

.statsarrow {
visibility: hidden !important;
}

.page-numbers {
color: white !important;
border:1px solid #C6C6C6 !important;
}

.page-numbers.dots {
border:1px solid #C6C6C6 !important;
}

.page-numbers.current {
background-color: black !important;
}

.started img {
border: 1px solid #848484!important;
}

.user-info img {
border: 1px solid #848484!important;
}

.revision-comment {
background-color: #FF5F5F !important;
}

.owner {
background-color: #FF5F5F !important;
}

.required-tag {
border: 2px dotted yellow !important;
}

.required-tag:hover {
border: 2px solid yellow !important;
}

.moderator-tag {
border: 2px solid black !important;
background-color: yellow !important;
color: black !important;
}

.moderator-tag:hover {
border: 2px solid black !important;
background-color: #c6c6c6 !important;
color: black !important;
}

.moderator-tag:visited {
color: black !important;
}

code {
background-color: #ff5f5f !important;
}

.comment-text {
color: white !important;
}

.comment-hover {
background-color: #ff5f5f !important;
}

.comment-hover .owner {
background-color: red !important;
}

#wmd-input {
background-color: black !important;
color: #C0C0C0 !important;
font-family: "courier new" !important;
font-size: 10pt !important;
font-weight: bold !important;
}

#wmd-button-bar {
border: 3px solid black !important;
}

.community-option label {
color: white !important;
}

#wmd-preview {
color: black !important;
background-color: white !important;
border: 3px solid black !important;
}

#wmd-preview a {
border-bottom:1px dotted #c6c6c6 !important;
color:#848484!important;
text-decoration:none !important;
}

#wmd-preview a:hover {
border-bottom:1px dotted #c6c6c6 !important;
color: black !important;
}

.form-submit input {
background-color: #c6c6c6 !important;
font-family: system !important;
font-size: 200% !important;
}

.com {
color: #c6c6c6 !important;
}

.pln { 
background-color: #ff5f5f !important;
}

.module {
border: 2px dotted black !important;
background-color: #ff5f5f !important;
}

#user-about-me {
background-color: #ff5f5f !important;
}

.answer-votes {
border: 1px solid black !important;
background-color: #ff5f5f !important;
}

.answered {
background-color: #00FF00 !important;
color: white !important;
border: 1px solid black !important;
}

.answered-accepted {
background-color: #00FF00 !important;
color: yellow !important;
border: 1px solid black !important;
}

.unanswered { 
background-color: gray !important;
border: 1px solid black !important;
}

.tabs-question-user a.youarehere, .tabs-answer-user a.youarehere, .tabs-favorite-user a.youarehere {
background-color: black !important;
}

.tabs-question-user a.youarehere:hover, .tabs-answer-user a.youarehere:hover, .tabs-favorite-user a.youarehere:hover {
border-color: yellow !important;
}

.date-span {
background-color: #ff5f5f !important;
color: black !important;
border: 1px dashed yellow !important;
}

.date_brick {
background-color: #ff5f5f !important;
color: black !important;
border: 1px solid black !important;
}

.upvote {
background-color: #00FF00 !important;
color: yellow !important;
border: 1px solid black !important;
}

.accept-answer-link {
color:#00FF00 !important;
font-weight:bold;
}

.grpos {
color: #00ff00 !important;
}

blockquote {
background-color: #ff5f5f !important;
}

pre {
background-color: #ff5f5f !important;
}


.question-status {
background-color: #ff5f5f !important;
}

.deleted-answer {
background-color: #ff5f5f !important;
}

/* VALUABLE FLAIR HOTDOG STAND OVERRIDES (doesn't work in all cases) */
.valuable-flair
{
    background-color: #ff0000 !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;        
    font-family: Arial, Liberation Sans, DejaVu Sans, sans-serif !important;
    font-size: 12px !important;
    height: 50px !important;
    padding: 3px !important;
    width: 200px !important;
}
.valuable-flair .gravatar
{
    float: left !important;
}
.valuable-flair .gravatar img
{
    width: 50px !important;
    border: 1px solid #ffff00 !important;
    -ms-interpolation-mode: bicubic !important;
}
.valuable-flair .userInfo
{
    float: right !important;
    text-align: right !important;
}

.valuable-flair .userInfo .username
{
    line-height: 12px !important;
}
.valuable-flair .userInfo .username a
{
    font-weight: bold !important;
    text-decoration: none !important;    
    color: #ffff00 !important;
}
.valuable-flair .userInfo .username img
{
    border: none !important;
    padding-right: 3px !important;        
}
.valuable-flair .badge1
{
    color: #ffcc00 !important;
    font-size: 120% !important;
    margin-left: 3px !important;
}
.valuable-flair .badge2
{
    color: #c0c0c0 !important;
    font-size: 120% !important;
    margin-left: 3px !important;
}
.valuable-flair .badge3
{
    color: #CC9966 !important;
    font-size: 120% !important;
    margin-left: 3px !important;
}
.valuable-flair .reputation-score
{
    color: #ffffff !important;
    font-size: 120% !important;
    font-weight: bold !important;
    margin-right: 2px !important;
}
.valuable-flair .badgecount
{
    color: #ffffff !important;
    padding-left: 1px !important;
}
.valuable-flair .mod-flair {
    color:#FFFF00 !important;
    font-size:140% !important;
    font-weight:bold !important;
    margin-left:3px !important;
}

/* END VALUABLE FLAIR OVERRIDES */

}

I have not fully tested every aspect of it, but for the most part it seems to work (as well as Hot Dog Stand possibly can work, that is.)

13
  • 41
    I demand that you change the font to MS Comic Sans! Jan 8, 2010 at 18:54
  • 61
    KILL IT! KILL IT WITH FIRE!!
    – Welbog
    Jan 8, 2010 at 18:54
  • 13
    You are a sad, strange little man, and you have my pity. +1 for effort though.
    – squillman
    Jan 8, 2010 at 18:59
  • 1
    And what about a laser themed version of meta? Jan 8, 2010 at 19:01
  • @Paul - that sounds like a one awesome Greasemonkey script that needs to be developed...
    – John Rasch
    Jan 8, 2010 at 19:03
  • 7
    Did anyone else read the title as "Did you ever wish you had a Hot Dog Stand named meta.stackoverflow.com?" and wonder what on earth this was about?
    – mmyers
    Jan 8, 2010 at 19:08
  • 3
    I'll upvote you if you create a ponies and waffles theme.
    – Ether
    Jan 8, 2010 at 19:41
  • 15
    My eyes! Ze goggles, zey do nussing!
    – John Rudy
    Jan 8, 2010 at 19:59
  • 5
    this is a good start, but there needs to be a bit more yellow in the design. Can you post at least 2 screenshots? one of home page, the other of an individual question? Both should have more.. yellowness. See the screenshot of the real HDS posted below for comparison. Jan 9, 2010 at 9:58
  • @Changeling: the page has been parked, please remove the link :(
    – badp
    Sep 9, 2010 at 10:35
  • 1
    @Double Welbog, looks like it already has been killed with fire. ... Mmm, fire-grilled hot dogs.
    – Pops
    Sep 9, 2010 at 13:24
  • Almost better than the new grey for mobile devices. ;-)
    – Arjan
    Mar 2, 2011 at 10:01

2 Answers 2

95

Did you ever wish you could have a Hot Dog Stand themed meta.stackoverflow.com?

No.

1
  • 55
    This is clearly the correct answer.
    – mmyers
    Jan 8, 2010 at 19:08
42

AAAAHHHHHH!!!!!

alt text
(source: typepad.com)

4
  • 6
    Oh God! Nostalgia.
    – mmx
    Jan 8, 2010 at 19:12
  • 22
    it's so awesome. Jan 9, 2010 at 9:57
  • 7
    My eyes are actually physically lighting themselves right now. Feb 8, 2010 at 3:45
  • 9
    Microsoft Bob!!
    – badp
    Sep 9, 2010 at 10:24

Not the answer you're looking for? Browse other questions tagged .