adarkroom/css/april.css

/***  dark.css + APRIL FOOLS!  ***/

body {
	background-color: #272823;
	color: #EEE;
}

div.headerButton {
	border-left: 1px solid #EEE;
}

div#notifyGradient {
	background-color: #272823;
	background: -webkit-linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% );
	background: linear-gradient( rgba(39, 40, 35, 0) 0%, rgba(39, 40, 35, 1) 100% );
	filter: alpha( Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=500 );
}

div#saveNotify {
	background: #272823;
}

.eventPanel:before {
	background-color: #272823;
}

.eventTitle:after {
	background-color: #272823;
}

div.tooltip {
	background-color: #111;
	border: 1px solid black;
	box-shadow: -1px 3px 2px #111;
}

div#population {
	background-color: #272823;
}

div#village:before {
	background: #272823;
}

div#village {
	border: 1px solid #EEE;
}

div#stores:before {
	background: #272823;
}

div#stores {
	border: 1px solid #EEE;
}

div#weapons:before {
	background: #272823;
}

div#weapons {
	border: 1px solid #EEE;
}

div#bagspace {
	background-color: #272823;
}

div#outfitting:before {
	background: #272823;
}

div#perks {
	border: 1px solid #EEE;
}

div#perks:before {
	background-color: #272823;
}

div#outfitting {
	border: 1px solid #EEE;
}

#bagspace-world {
	border: 1px solid #EEE;
}

div.supplyItem {
	border: 1px solid #EEE;
}

#backpackTitle {
	background-color: #272823;
}

#backpackSpace {
	background-color: #272823;
}

#healthCounter {
	background-color: #272823;
}

#map {
	border: 1px solid #EEE;
}

#map .landmark {
	color: #EEE;
}

#dropMenu {
	background: none repeat scroll 0 0 #272823;
	box-shadow: -1px 3px 2px #111;
}

div.button {
	border: 1px solid #EEE;
}

div.button.disabled, div.button.disabled:hover {
	border-color: #444;
	color: #444;
}


.upBtn:after, .upManyBtn:after {
	border-color: transparent transparent #272823;
}

.upBtn:before, .upManyBtn:before {
	border-color: transparent transparent #EEE;
}

.upBtn.disabled:before, .upManyBtn.disabled:before {
	border-color: transparent transparent #555;
}

.dnBtn:after, .dnManyBtn:after {
	border-color: #272823 transparent transparent;
}

.dnBtn:before, .dnManyBtn:before {
	border-color: #EEE transparent transparent;
}

.dnBtn.disabled:before, .dnManyBtn.disabled:before {
	border-color: #555 transparent transparent;
}

body.noMask .eventTitle {
	background-color: #EEE;
	color: #272823;
}

body.noMask .eventTitle:after {
	background-color: #EEE;
}

body.noMask .eventPanel {
	background-color: #EEE;
}

body.noMask #description {
	color: #272823;
}

body.noMask #buttons > .button {
	border: 1px solid #272823;
	color: #272823;
}

#stars > div, #starsBack > div {
	color: black;
}

.endGame {
	color:#272823;
}

#theEnd {
	color: #272823;
}




body {
	background: url('../img/tile-background.jpg');
	color: yellow!important;
}

.menu {
	color: yellow!important;
}

.button {
	background: url('../img/wefd.gif');
}

#bagspace-world,
#map,
.eventPanel {
	background: url('../img/Rainbow.gif');
}

.construction {
	background: url('../img/jZSGX.gif');
	width: 390px;
  	height: 351px;
  	bottom: 0;
}

.paws {
	background: url('../img/paws.gif')
}

.cute {
	width: 288px;
  height: 243px;
	-webkit-transition: all 3s linear;
  -moz-transition: all 3s linear;
  -o-transition: all 3s linear;
  -ms-transition: all 3s linear;
  transition: all 3s linear;
  position: absolute;
  top: 30px;
  left: 0;
	background: url('../img/cute.gif')

}

.cute.move {
  left: 100%;
  margin-left: -288px; /*.animate width*/
}

.construction,
.paws,
.cute {
	position: fixed;
}

div#notifyGradient {
	background-color: transparent!important;
	background: none!important;
}

.eventPanel:before {
	background-color: transparent;
}

#starsBack {
	background: url('../img/Rainbow.gif');
}

iframe {
	position: fixed;
	height: 315px;
	width:420px;
	bottom: 0;
	right: 0;
}

.counter {
	position: fixed;
	top: 0;
	right: 0;
}