Restyle top panel to account for larger nav panel width

This commit is contained in:
Duncan Sommerville 2015-08-19 14:29:54 -04:00
parent 42bbfc3834
commit 8dab79da1c

View file

@ -74,8 +74,6 @@ fieldset {
width: 120px; width: 120px;
left: 5px; left: 5px;
top: 26px; top: 26px;
/*margin: 25px 5px 0 10px;*/
/*margin-top: -5px;*/
} }
/* Version Notification Starts*/ /* Version Notification Starts*/
@ -259,7 +257,7 @@ fieldset {
.now-playing-block { .now-playing-block {
width:35%; width:35%;
background: url(images/masterpanel_spacer.png) no-repeat 0 0; background: url(images/masterpanel_spacer.png) no-repeat 0 0;
margin-left: 130px; margin-left: 149px;
padding-left: 14px; padding-left: 14px;
} }
.show-block { .show-block {
@ -350,9 +348,6 @@ fieldset {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
#nav li.top {
/*float: none;*/
}
@media screen and (max-width: 1575px) { @media screen and (max-width: 1575px) {
.now-playing-block { .now-playing-block {
width: 30%; width: 30%;
@ -361,37 +356,6 @@ fieldset {
width: 25%; width: 25%;
} }
} }
/*@media screen and (max-width: 1120px) {*/
/*#nav .responsive-menu {*/
/*position: absolute;*/
/*left: 0;*/
/*background: #353535;*/
/*width: 120px;*/
/*display: none;*/
/*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);*/
/*-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);*/
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);*/
/*}*/
/*.mobile-nav {*/
/*display: block;*/
/*}*/
/*#menu-btn {*/
/*width: 24px;*/
/*margin: 0;*/
/*cursor: pointer;*/
/*}*/
/*#menu-btn span {*/
/*display: block;*/
/*width: 19px;*/
/*height: 3px;*/
/*margin: 4px 2px;*/
/*background: #efefef;*/
/*z-index: 99;*/
/*}*/
/*}*/
@media screen and (max-width: 1250px) { @media screen and (max-width: 1250px) {
.now-playing-block { .now-playing-block {
width: 50%; width: 50%;
@ -408,11 +372,6 @@ fieldset {
width: 40%; width: 40%;
} }
} }
/*@media screen and (max-width: 1250px) {*/
/*#nav {*/
/*overflow-y: visible;*/
/*}*/
/*}*/
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
.now-playing-block { .now-playing-block {
width: 30%; width: 30%;
@ -432,7 +391,7 @@ fieldset {
display: none; display: none;
} }
.source-info-block { .source-info-block {
margin-left: 130px; margin-left: 149px;
} }
} }
@media screen and (max-width: 520px) { @media screen and (max-width: 520px) {
@ -3473,9 +3432,9 @@ button.btn-icon-text > i.icon-white {
padding: 0; padding: 0;
background: #353535; background: #353535;
border: 1px solid #242424;
border-top: 1px solid #7e7e7e;
/* border: 1px solid #242424; */ /* border: 1px solid #242424; */
border-right: 1px solid #242424;
border-top: 1px solid #7e7e7e;
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.35); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.35);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35);
box-shadow: 2px 0 5px rgba(0,0,0,.35); box-shadow: 2px 0 5px rgba(0,0,0,.35);