CC: CSS

//CSS for Candy Cantagion
.box
{
    text-align:center;
    padding:0px;
    box-shadow:none;
}

.thing,.box-header,.box-footer,.box-bit
{
    background:#faa;
    box-shadow:0px 0px 4px rgba(0,0,0,0.2),1px 1px 2px rgba(0,0,0,0.5),0px 0px 4px rgba(255,255,255,0.5) inset;
}
.box-bit{border-radius:20px;}

.box-header
{
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    margin-bottom:4px;
}
.box-footer
{
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    margin-top:4px;
}
#bulkDisplay{margin:-11px 24px 4px 24px;}
.thing
{
    display:inline-block;
    padding:0px;
    margin:2px;
    cursor:pointer;
}
.thing:hover,.thing.lit
{
    background:#f77;
}
.thing.cantAfford
{
    opacity:0.65;
}
.upgrade.cantAfford
{
    box-shadow:0px 0px 4px #f66;
    border-radius:8px;
}
.upgrade.cantAfford:hover
{
    box-shadow:0px 0px 4px #e44;
}
.upgrade.owned,.achiev.owned
{
    background:#f99;
}
.thing-text,.thing-costs{font-weight:bold;}

.building
{
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    display:block;
    margin-right:0px;
    font-size:14px;
}

.fullWidth
{
    display:block;
    margin-left:0px;
    margin-right:0px;
    z-index:10;
}
#game .fullWidth
{
    height:auto;
    min-height:auto;
}
.fullWidth,.fullWidth:hover
{
    /*background:rgba(0,0,0,0.5);
    background:linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 70%,rgba(0,0,0,0.5) 100%);*/
    background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 70%,rgba(0,0,0,0) 100%);
    box-shadow:none;
}
.fullWidth:before,.fullWidth:after
{
    content:'';
    height:1px;
    background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 70%,rgba(255,255,255,0) 100%);
    position:absolute;
    left:0px;
    right:0px;
    z-index:-1;
}
.fullWidth:before{top:-1px;}
.fullWidth:after{bottom:-1px;}

.fullWidth .thing-icon
{
    margin-top:-14px;
    margin-bottom:-14px;
}
.fullWidth .thing-text
{
    margin-top:-4px;
    margin-bottom:-4px;
}

#game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}
#textbox{
content:'Candy Cantagion';
font-size:16px;
color:black;
font-style:bold;
font:family:sans;
}
#box-achievs
{
position:absolute;
top:13%;
right:0px;
bottom:0px;
left:72%;
overflow-x:hidden;
overflow-y:scroll;
}
#box-buildings
{
position:absolute;
top:60%;
width:72%;
bottom:20%;
left:0px;
overflow-y:scroll;
overflow-x:hidden;
}
#box-buttons
{
position:absolute;
top:13%;
right:28%;
bottom:40%;
left:0px;
overflow-y:hidden;
overflow-x:hidden;
}
#box-res
{
position:absolute;
top:0px;
right:0px;
bottom:87%;
left:30%;
overflow-y:scroll;
overflow-x:hidden;
}
#box-upgrades
{
position:absolute;
top:80%;
width:72%;
bottom:0px;
left:0px;
overflow-y:scroll;
overflow-x:hidden;
}
thing,.box-header,.box-footer,.box-bit
{
    background:rgba(244,244,244,0.7);
}
  #box
  {
    background:rgba(244,111,111,1);
  }

  .thing
  {
    background:rgba(244,244,244,0.7);
  }

  #game
  {
    background:#ee8a8a;
    font-family:"Merriwether",serif;
  }