1
0
mirror of https://github.com/danbee/neompc synced 2025-03-04 08:39:10 +00:00
neompc/templates/default/styles.css
Dan Barber 9a3fbae4fd + Button at the top now lights up to let you know what mode you're at.
+ 'Add' and 'Play' buttons now recurse down the file tree. Be careful about hitting this button at the top level if you've got a big library!

~ Playlist now highlights currently playing track.
2007-05-13 19:43:39 +00:00

139 lines
2.0 KiB
CSS

{literal}
* {
margin: 0px;
padding: 0px;
}
img {
border: 0;
}
a {
text-decoration: none;
color: #fff;
}
body {
background: #000;
color: #fff;
font: 10px verdana,sans-serif;
text-align: center;
}
#menu {
background: #000;
/* position: fixed; */
width: 235px;
margin-left: auto;
margin-right: auto;
padding: 2px;
z-index: 1;
}
#menu a {
background: #444;
padding: 1px 0px 3px;
float: left;
margin-left: 2px;
display: block;
width: 32%;
text-align: center;
font-weight: bold;
}
#menu a:hover {
background: #666;
}
#menu a:active {
background: #ccc;
color: #000;
}
#menu a.selected {
background: #ddd;
color: #333;
padding: 1px 0px 3px;
float: left;
margin-left: 2px;
display: block;
width: 32%;
text-align: center;
font-weight: bold;
}
#menu a.selected:hover {
background: #fff;
}
#menu a.selecteds:active {
background: #666;
color: #fff;
}
#page {
padding: 15px;
clear: left;
}
#page ul {
list-style-type: none;
width: 200px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
#page ul.list {
margin-top: 10px;
}
#page ul li {
padding: 0px 1px 1px 0px;
border-top: 1px solid #666;
}
#page .pos {
font-weight: bold;
}
#page .title {
color: #ffc;
font-weight: bold;
}
#page .artist {
font-style: italic;
}
#page .album {
color: #888;
}
#buttons {
width: 215px;
margin: 0px auto;
padding-top: 10px;
text-align: right;
}
img.icon {
margin: 2px 2px -1px 2px;
}
img.button {
float: right;
margin: 2px 2px -1px 2px;
}
#song_display {
width: 215px;
margin: 0px auto;
height: 50px;
text-align: center;
font-size: 12px;
}
#controls {
text-align: center;
margin: 8px 10px 0px 3px;
}
#controls #track {
}
#controls a {
margin-left: 7px;
}
#crumb_trail ul {
list-style-position: inside;
text-align: left;
}
#crumb_trail li {
display: inline;
margin-left: 3px;
border: 0px none !important;
}
li.playing {
background: #444;
}
{/literal}