sintonia/htmlUI/html/css/playlist.css

157 lines
1.8 KiB
CSS

.pl_container {
width:800px;
background:#5286BA;
}
.pl_header {
height: 25px;
color:#ffffff;
font-weight: bold;
padding: 8px 20px 0 20px;
}
.pl_header_left {
float:left;
}
.pl_header_left span {
font-size: 18px;
}
.pl_header_right {
float:right;
}
.pl_header_right span {
font-size: 16px;
padding-left: 20px;
}
.pl_contents {
clear:left;
}
.pl_contents form{
margin:0;
}
#pl_sortable {
list-style-type: none;
padding: 0;
margin: 0;
}
.pl_head {
background-color: #8baed1;
margin-top: 10px;
}
.pl_head span {
display:inline-block;
vertical-align: middle;
padding-top: 0.2em;
padding-bottom: 0.2em;
font-weight: bold;
}
.pl_main {
clear: left;
}
.pl_row {
background-color: #d5e2ee;
clear:left;
cursor:move;
}
.pl_row span {
display:inline-block;
vertical-align: middle;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.pl_input{
width: 25px;
}
.pl_title{
width: 160px;
padding-right: 10px;
}
.pl_artist{
width: 140px;
padding-right: 10px;
}
.pl_length{
width: 100px;
}
.pl_cue_in{
width: 100px;
}
.pl_cue_out{
width: 100px;
}
.pl_playlength{
width: 100px;
}
.pl_fade_in{
padding: 0.2em 2em;
border-top: thin solid #999999;
background-color: #cccccc;
}
.pl_fade_in span{
display: inline-block;
width: 60px;
padding-right: 5px;
}
.pl_fade_out{
padding-left: 2em;
background-color: #cccccc;
padding: 0.2em 2em;
}
.pl_fade_out span{
display: inline-block;
width: 60px;
padding-right: 5px;
}
.pl_time{
cursor: pointer;
}
.pl_time input{
}
.pl_empty{
text-align: center;
font-weight:bold;
font-size: 18px;
color: #ffffff;
margin: 1em 0;
}
.pl_footer {
clear:left;
font-size: 12px;
padding: 4px 5px 5px 0;
background-color: #8baed1;
text-align: right;
margin-bottom: 8px;
}
.pl_container_button {
text-align: right;
padding: 6px;
}