HomeAudio/css/minimal.css

html, body {
   padding: 0px;
   margin: 0px;
}
body {
   background-color: #1C1C1C;
   color: #D8D8D8;
}
p {
   margin: 0px;
   padding: 0px;
   margin-bottom: 8px;
}
.nomargin {
   margin: 0px;
}
input[type=button], select {
   background-color: #D8D8D8;
   color: #1C1C1C;
   font-family: Futura, Arial;
   font-size: 14pt;
   font-weight: bold;
   cursor: pointer;
   border-radius: 0.5em;
   width: 90%;
   margin-left: 0;
   margin-top: 0;
}
.buttonactive {
   background-color: #FF9900 !important;
   color: #DDDDDD !important;
}
.christmas_active {
   background-color: #FFB8B8 !important;
   color: #1C881C !important;
}
select.queue_select {
   width: 100%;
   font-size: 12pt !important;
   height: 1.5em;
}
select.surpriseme_sel {
   width: 90%;
   font-size: 12pt !important;
   height: 1.5em;
}
input[type=button].queue_btn {
   width: 20%;
   height: 4.0em;
   font-size: 14pt;
}
input[type=button].vol_btn {
   width: 4.0em;
   height: 1em;
   font-size: 14pt;
}
#control input[type=button] {
   height: 1.5em;
   font-size: 14pt;
   padding: 0;
}
input[type=button].christmas_btn {
   width: 73%;
}
select.christmas_freq {
   width: 15%;
   font-size: 14pt !important;
}
input[type=button].led_btn {
   width: 42%;
   height: 2.0em;
   text-indent: -3px;
   line-height: 1.0em;
}
input[type=button].newqueue_btn {
   width: 5em;
   height: 2.5em;
   text-indent: -3px;
   line-height: 2.0em;
   padding: 0;
}
input[type=button].category_go_btn {
   width: 2.7em;
   height: 3.0em;
   text-indent: -3px;
   line-height: 1.0em;
}
input[type=button].clear_search_btn {
   width: 4.5em;
   height: 1.5em;
   text-indent: -3px;
}
input[type=text].searchtext {
   width: 60%;
   background-color: #1E1E1E;
   color: #D8D8D8;
   border-radius: 0.5em;
}
div.mainbody {
   width: 97%;
   min-height: 700px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   padding: 4px;
   color: #D8D8D8;
   font-family: Futura, Arial;
   font-size: 18pt;
   font-weight: bold;
}
div.volume_slider_container {
   width: 90%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 12px;
   margin-top: 10px;
   text-align: center;
}
div.volume_label {
   display: inline-block;
   width: 10%;
   margin-right: 30px;
}
div.volume_slider {
   display: inline-block;
   padding-left: 20px;
   padding-right: 20px;
   width: 85%;
}
div.category_container {
   width: 90%;
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;
   overflow: auto;
}
div.category_sel {
   float: left;
   width: 80%
}
div.category_go {
   float: right;
}
div.playing_contents {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   font-size: 12pt;
   font-weight: normal;
   text-align: center;
   overflow: hidden;
   white-space: nowrap;
}
div.playing_art {
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   padding: 3px;
   border: 2px solid #D8D8D8;
   border-radius: 0.5em;
}
.playing_img {
   border-radius: 0.5em;
   width: 100%;
}
div.playing_details {
   margin-left: auto;
   margin-right: auto;
   width: 70%;
   text-align: left;
}
span.playing_label {
   font-weight: bold;
}
div.history_contents {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   font-size: 10pt;
   font-weight: normal;
   text-align: left;
}
div.search_input {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   font-size: 14pt;
   font-weight: normal;
   text-align: center;
}
div.search_contents {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   font-size: 10pt;
   font-weight: normal;
   text-align: left;
}
div.lists_contents {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   font-weight: bold;
   text-align: center;
}
div.songlist_song_container {
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
}
div.songlist_img_container {
   width: 3.5em;
   height: 3.5em;
   float: left;
}
.songlist_img {
   width: 3.5em;
   height: 3.5em;
   border-radius: 0.5em;
}
div.songlist_details_container {
   width: 70%;
   margin-left: 0.25em;
   float: left;
}
div.songlist_details_container p {
   margin: 0px;
}
div.songlist_details_container span {
   font-weight: bold;
}
hr.songlist {
   width: 65%;
}
div.queue_contents {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   font-size: 10pt;
   font-weight: normal;
   text-align: left;
}
.queuehidden {
   display: none !important;
}
.hidden {
   display: none !important;
}
.songhighlight {
   color: #FFA500;
   background-color: #1C1C1C;
}
.songwarning {
   color: #E60000;
   background-color: #1C1C1C;
}
.songnotice {
   color: #0066FF;
   background-color: #1C1C1C;
}
.ui-slider {
   display: inline-block;
   margin-bottom: 0px;
   width: 100%;
}
#skipsong_playing_btn {
   margin-top: 15px;
}
#tabs {
   padding: 0px;
   background: none;
   border-width: 0px;
}
#tabs .ui-tabs-nav {
   border-color: #D8D8D8;
   padding-left: 0px;
   background: transparent;
   border-width: 0px 0px 1px 0px;
   border-radius: 0px;
}
#tabs .ui-tabs-nav .ui-state-default {
   background: transparent;
}
#tabs .ui-tabs-nav .ui-state-active {
   background: #D8D8D8;
   border: #D8D8D8;
}
#tabs .ui-tabs-nav .ui-state-default a {
   color: #D8D8D8;
   padding: 6px;
}
#tabs .ui-tabs-nav .ui-state-active a {
   color: #1C1C1C;
   padding: 6px;
}
#tabs .ui-tabs-nav li {
   font-size: 50%;
   font-family: Futura, Arial;
   font-weight: bold;
   top: 0px;
   margin: 0em;
}
#tabs .ui-tabs-panel {
   color: #D8D8D8;
   padding: 0px;
}