owntone-server/admin-root/mt-daapd.css
Anders Betnér 74f95473cb Changed web UI to a spiffier Firefly one.
This closes ticket #135 #52 and 3) of ticket #143
Temporary removed experimental section (playlist.html and
the daap java player)
2006-06-14 20:27:16 +00:00

212 lines
3.1 KiB
CSS

/* General */
body
{ background: #ffffff;
font: 0.7em Verdana, Helvetica, Arial, sans-serif;
color: #000000;
margin: 0;
padding: 0;
}
img
{ border: 0px;
}
table.main
{ border: 0px;
}
/*div.ministatus
{ text-align: center;
margin: 1em 0em 1em 0em;
}*/
a
{ color: blue;
text-decoration: none;
}
a:hover
{ color: blue;
text-decoration: underline;
}
/* Navigation */
div.naviheader {
background-color: #A3C1E8;
padding: 0.5em 0em 0.5em 1em;
margin: 1em 0em 0em 0em;
font-weight: bold;
border-color: #A3C1E8;
border-style: solid;
border-width: 1px 1px 0 1px;
}
div.navibox
{ padding: 0.5em 0em 0.5em 0em;
margin: 0em 0em 1em 0em;
border-color: #A3C1E8;
border-style: solid;
border-width: 0 1px 1px 1px;
background-color: #f0f0f0;
}
/* Main */
h1,h2,h3
{ border-bottom: 1px solid #A3C1E8;
}
p.license
{ text-align: justify;
}
pre
{ font-size: 120%;
}
.feedbackfield
{ border: 0px solid black;
padding: 4px 0px 4px 0.5em;
width: 400px;
}
.playlistfield
{ border: 1px solid grey;
/* padding: 4px 0px 4px 0.5em;*/
width: 300px;
}
textarea.text
{ border: 1px solid grey;
padding: 4px 0px 4px 0.5em;
}
td.configname
{ text-align: right;
padding-right: 0.5em;
border-bottom: 1px solid #8CACBB;
}
td.configdata
{ text-align: left;
padding: 0px;
border-bottom: 1px solid #8CACBB;
}
td.feedbackdata
{ text-align: left;
padding: 0px;
border-bottom: 1px solid #8CACBB;
padding-bottom: 4px;
}
td.feedbacktext
{ text-align: left;
border-bottom: 0px;
padding-top: 4px;
}
td.feedbackname
{ text-align: right;
font-weight: bold;
width: 10em;
border-bottom: 1px solid #8CACBB;
}
td.submit
{ text-align: right;
}
table
{ border: 1px solid #A3C1E8;
border-spacing: 0px;
border-collapse: collapse;
}
th
{ font-weight: bold;
text-align: right;
background: #A3C1E8;
color: #000000;
}
td
{ text-align: right;
padding: 0px 4px 0px 4px;
border-bottom: 1px solid #8CACBB;
}
td.text
{ text-align: left;
}
#navigation {
float: left;/*74A8F5*/
background-color: #A3C1E8;
padding-top: 3em;
height: 500px;
}
#navigation ul {
padding: 0;
margin: 0;
}
#navigation li {
padding: 0;
margin: 0;
list-style-type: none;
}
#navigation li a {
font-size: 120%;
display: block;
width: 12em;
text-decoration:none;
color: #000000;
padding: 2px 0.5em 2px 0.5em;
border-color: #ffffff;
border-width: 1px 0 1px 0;
border-style: solid;
}
#navigation li a:hover {
background-color: #F2BB73;
color: #000000;
/* border: 1px solid #F47D24;*/
}
#navigation li a.naviselected {
background-color: #ffffff;
}
.links {
padding-top: 1em;
padding-left: .5em;
}
#content {
float: left;
margin-left: 3em;
}
#tagline {
padding: 0.25em 0 0.25em 0.5em;
border-color: #F47D24;
border-style: solid;
border-width: 1px 0 1px 0;
background-color: #F2BB73
}
#firefly_head {
background-color: #f0f0f0;
padding-top: 4px;
padding-left: .5em;
}
#pl_editor label {
float: left;
width: 7em;
font: icon;
padding-top: .3em;
padding-left: 1em;
}
/ * Config.html */
#toggle_basic_advanced {
font: icon !important;
margin-left: 30em;
}