What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 128 Stack Exchange communities.

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.)

share|improve this question
26  
I demand that you change the font to MS Comic Sans! –  Tamas Czinege Jan 8 '10 at 18:54
47  
KILL IT! KILL IT WITH FIRE!! –  XMLbog Jan 8 '10 at 18:54
7  
You are a sad, strange little man, and you have my pity. +1 for effort though. –  squillman Jan 8 '10 at 18:59
    
And what about a laser themed version of meta? –  Paul Tomblin Jan 8 '10 at 19:01
    
@Paul - that sounds like a one awesome Greasemonkey script that needs to be developed... –  John Rasch Jan 8 '10 at 19:03
5  
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 '10 at 19:08
2  
I'll upvote you if you create a ponies and waffles theme. –  Ether Jan 8 '10 at 19:41
11  
My eyes! Ze goggles, zey do nussing! –  John Rudy Jan 8 '10 at 19:59
    
codinghorror.com/blog/2005/07/… –  staticx Jan 9 '10 at 1:37
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. –  Jeff Atwood Jan 9 '10 at 9:58
    
@Changeling: the page has been parked, please remove the link :( –  badp Sep 9 '10 at 10:35
1  
@Double Welbog, looks like it already has been killed with fire. ... Mmm, fire-grilled hot dogs. –  Pops Sep 9 '10 at 13:24
    
Almost better than the new grey for mobile devices. ;-) –  Arjan Mar 2 '11 at 10:01
add comment

2 Answers 2

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

No.

share|improve this answer
29  
This is clearly the correct answer. –  mmyers Jan 8 '10 at 19:08
add comment

AAAAHHHHHH!!!!!

alt text

share|improve this answer
1  
Oh God! Nostalgia. –  LeakyCode Jan 8 '10 at 19:12
13  
it's so awesome. –  Jeff Atwood Jan 9 '10 at 9:57
3  
My eyes are actually physically lighting themselves right now. –  Nick Bedford Feb 8 '10 at 3:45
5  
Microsoft Bob!! –  badp Sep 9 '10 at 10:24
add comment

You must log in to answer this question.

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