Restyle top panel to account for larger nav panel width
This commit is contained in:
parent
42bbfc3834
commit
8dab79da1c
1 changed files with 4 additions and 45 deletions
|
@ -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);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue