de322171df
* Fixed it as much as possible. Unfortunately, the milliseconds are dropped by Propel so we should probably restrict the fade time to whole seconds....
622 lines
No EOL
12 KiB
CSS
622 lines
No EOL
12 KiB
CSS
.side_playlist {
|
|
width: 40%;
|
|
font-size: 16px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.side_playlist,.side_playlist ul,.side_playlist li {
|
|
float: left;
|
|
}
|
|
|
|
.spl_sortable,.spl_sortable>li,.side_playlist>div,#spl_editor,.spl_artist,.spl_cue_in,.spl_fade_in,.spl_cue_out,.spl_fade_out
|
|
{
|
|
clear: left;
|
|
}
|
|
|
|
.spl_sortable>li {
|
|
width: 100%;
|
|
margin-bottom: -1px;
|
|
position: relative;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/*.side_playlist button {
|
|
float: left;
|
|
font-size: 12px;
|
|
height: 28px;
|
|
margin: 0 7px 20px 0;
|
|
}*/
|
|
|
|
.playlist_editor dt {
|
|
float: left;
|
|
}
|
|
|
|
.playlist_editor input, .playlist_editor textarea {
|
|
width: 200px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.side_playlist textarea {
|
|
height: 3.2em;
|
|
}
|
|
|
|
.spl_sortable {
|
|
list-style: none;
|
|
padding: 0;
|
|
padding-bottom: 50px;
|
|
width: 100%;
|
|
min-height: 320px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.side_playlist li div.list-item-container,.side_playlist li div.list-item-container.ui-state-active
|
|
{
|
|
height: 56px;
|
|
border: none;
|
|
}
|
|
|
|
#spl_name {
|
|
|
|
}
|
|
|
|
.spl-no-top-margin {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.ui-icon-closethick {
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.sp-closethick-center {
|
|
margin-top: auto !important;
|
|
}
|
|
|
|
.spl_title {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.spl_playlength {
|
|
float: right;
|
|
font-size: 14px;
|
|
padding: 0 5px 0 0;
|
|
width: 100px;
|
|
text-align: right;
|
|
}
|
|
|
|
.spl_block_expand,.spl_block_expand.close {
|
|
float: right;
|
|
font-size: 9px;
|
|
height: 15px;
|
|
/*right: 35px;*/
|
|
width: 124px;
|
|
margin-top: 2px;
|
|
cursor: pointer;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
text-shadow: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.spl_block_expand:hover,.spl_block_expand.close:hover {
|
|
color: #FF611F;
|
|
text-shadow: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.spl_block_expand .ui-icon {
|
|
float: left;
|
|
}
|
|
|
|
.spl_artist {
|
|
font-size: 12px;
|
|
color: #d5d5d5;
|
|
}
|
|
|
|
.spl_offset {
|
|
float: right;
|
|
text-align: right;
|
|
padding: 0 5px 0 0;
|
|
color: #D5D5D5;
|
|
}
|
|
|
|
.spl_cue_hint {
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ui-state-active .spl_artist,.ui-state-active .spl_offset {
|
|
color: #606060 !important;
|
|
}
|
|
|
|
#spl_editor>div>span { /* display: inline-block;
|
|
width: 150px;*/
|
|
|
|
}
|
|
|
|
.ui-icon-closethick,.spl_fade_control,.spl_text_input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.spl_text_input input {
|
|
cursor: text;
|
|
}
|
|
|
|
#spl_error {
|
|
font-size: 14px;
|
|
padding: 0.3em;
|
|
/*width: 440px;*/
|
|
text-align: center;
|
|
}
|
|
|
|
.side_playlist h3 {
|
|
font-size: 20px;
|
|
margin: 9px 0 3px 0;
|
|
padding: 0;
|
|
color: #444444;
|
|
font-weight: normal;
|
|
clear: both;
|
|
float: left;
|
|
}
|
|
|
|
.side_playlist h4 {
|
|
font-size: 15px;
|
|
margin: 3px 8px 0px 0;
|
|
padding: 0;
|
|
color: #4f4f4f;
|
|
font-weight: normal;
|
|
float: right;
|
|
}
|
|
|
|
.side_playlist h3+h4 {
|
|
margin: 0 0 11px 0;
|
|
}
|
|
|
|
.btn-toolbar {
|
|
margin: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
.spl_sortable div.big_play {
|
|
display: block;
|
|
width: 20px;
|
|
height: 50px;
|
|
margin: 2px 0 0 2px;
|
|
text-align: center;
|
|
border: 1px solid #5b5b5b;
|
|
float: left;
|
|
background-color: #707070;
|
|
background: -moz-linear-gradient(top, #707070 0, #666666 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070),
|
|
color-stop(100%, #666666) );
|
|
}
|
|
|
|
.spl_sortable div.big_play_disabled {
|
|
display: block;
|
|
width: 20px;
|
|
height: 50px;
|
|
margin: 2px 0 0 2px;
|
|
text-align: center;
|
|
border: 1px solid #5b5b5b;
|
|
float: left;
|
|
background-color: #707070;
|
|
background: -moz-linear-gradient(top, #707070 0, #666666 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070),
|
|
color-stop(100%, #666666) );
|
|
}
|
|
|
|
.spl_sortable div.big_play:hover {
|
|
border: 1px solid #282828;
|
|
background-color: #3b3b3b;
|
|
background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b),
|
|
color-stop(100%, #292929) );
|
|
cursor: pointer;
|
|
}
|
|
|
|
.spl_sortable div.big_play .ui-icon {
|
|
margin: 17px 0 0 1px;
|
|
}
|
|
|
|
.spl_sortable div.big_play_disabled .ui-icon {
|
|
margin: 17px 0 0 1px;
|
|
}
|
|
|
|
.spl_sortable div.big_play:hover .ui-icon-play,.spl_sortable div.big_play:hover .ui-icon-pause
|
|
{
|
|
background-image: url(redmond/images/ui-icons_ff5d1a_256x240.png);
|
|
}
|
|
|
|
.spl_sortable .ui-icon-closethick {
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 6px;
|
|
z-index: 3;
|
|
}
|
|
|
|
.spl_sortable .ui-icon-closethick:hover {
|
|
background-image: url(redmond/images/ui-icons_ff5d1a_256x240.png)
|
|
}
|
|
|
|
.spl_sortable .spl_fade_control {
|
|
position: absolute;
|
|
right: 35px;
|
|
z-index: 6;
|
|
height: 15px;
|
|
width: 33px;
|
|
font-size: 9px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.spl_sortable li .container {
|
|
|
|
}
|
|
|
|
.spl_sortable .text-row {
|
|
height: 20px;
|
|
line-height: 19px;
|
|
overflow: hidden;
|
|
padding: 0 30px 0 10px;
|
|
text-indent: 2px;
|
|
margin: -1px 0 0 0;
|
|
float: none;
|
|
}
|
|
|
|
.spl_sortable .top {
|
|
padding-top: 9px;
|
|
}
|
|
|
|
.spl_sortable li .spl_fade_control.ui-state-default {
|
|
background: transparent url(images/crossfade_playlist.png) no-repeat 0 0;
|
|
border: none;
|
|
}
|
|
|
|
.spl_sortable li .spl_fade_control.ui-state-active {
|
|
background: transparent url(images/crossfade_playlist.png) no-repeat 0
|
|
-30px;
|
|
border: none;
|
|
}
|
|
|
|
.spl_sortable li .crossfade,.spl_sortable li .cue-edit {
|
|
background: #debc9e url(images/crossfade_bg.png) repeat-x 0 0 !important;
|
|
border: 1px solid #5d5d5d;
|
|
border-width: 1px 0 0 0;
|
|
min-height: 35px;
|
|
}
|
|
|
|
.spl_sortable li .cue-edit {
|
|
background: #b6d1d5 url(images/cue-editor_bg.png) repeat-x 0 0
|
|
!important;
|
|
}
|
|
|
|
.spl_sortable dl.inline-list {
|
|
margin: 10px 0 0 37px;
|
|
}
|
|
|
|
.spl_sortable li .spl_fade_start,.spl_sortable li .spl_fade_end {
|
|
background-color: transparent;
|
|
float: right;
|
|
font-size: 9px;
|
|
height: 15px;
|
|
right: 35px;
|
|
width: 33px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.spl_sortable li .spl_fade_start.ui-state-default {
|
|
background: transparent url(images/fade_in.png) no-repeat 0 0;
|
|
border: none;
|
|
}
|
|
|
|
.spl_sortable li .spl_fade_start.ui-state-active {
|
|
background: transparent url(images/fade_in.png) no-repeat 0 -30px;
|
|
border: none;
|
|
}
|
|
|
|
.spl_sortable li .spl_fade_end.ui-state-default {
|
|
background: transparent url(images/fade_out.png) no-repeat 0 0;
|
|
border: none;
|
|
}
|
|
|
|
.spl_sortable li .spl_fade_end.ui-state-active {
|
|
background: transparent url(images/fade_out.png) no-repeat 0 -30px;
|
|
border: none;
|
|
}
|
|
|
|
.crossfade dl.inline-list,.cue-edit dl.inline-list,.crossfade-main dl.inline-list
|
|
{
|
|
padding-bottom: 5px;
|
|
clear: left;
|
|
}
|
|
|
|
.crossfade dl.inline-list dt,.cue-edit dl.inline-list dt,.crossfade-main dl.inline-list dt
|
|
{
|
|
min-width: 80px;
|
|
}
|
|
|
|
.crossfade dl.inline-list dd,.cue-edit dl.inline-list dd,.crossfade-main dl.inline-list dd
|
|
{
|
|
float: left;
|
|
font-size: 12px;
|
|
margin: 0;
|
|
}
|
|
|
|
.edit-error {
|
|
color: #bd362f;
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
font-size: 12px;
|
|
display: none;
|
|
}
|
|
|
|
/*.edit-error:last-child {
|
|
padding-bottom:10px;
|
|
}*/
|
|
.spl_text_input {
|
|
color: #fff;
|
|
}
|
|
|
|
.playlist_main_fade_input {
|
|
width: 30px;
|
|
}
|
|
|
|
.crossfade-main {
|
|
/*background: #debc9e;*/
|
|
border: 1px solid #5b5b5b;
|
|
padding: 10px 10px 0 10px;
|
|
margin: 0 1px 16px 0;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
border-top: 0px;
|
|
}
|
|
|
|
.crossfade-main dt {
|
|
color: #ffffff !important;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.crossfade-main .edit-error {
|
|
padding-bottom: 4px;
|
|
margin: 0;
|
|
}
|
|
|
|
.crossfade-main .edit-error:last-child {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.crossfade-main .ui-icon-closethick {
|
|
position: absolute;
|
|
right: 6px;
|
|
top: 3px;
|
|
z-index: 3;
|
|
}
|
|
|
|
.spl_sortable li .spl_cue {
|
|
background-color: transparent;
|
|
float: right;
|
|
font-size: 9px;
|
|
height: 15px;
|
|
right: 35px;
|
|
width: 33px;
|
|
margin-top: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.spl_sortable li .spl_cue.ui-state-default {
|
|
background: transparent url(images/cue_playlist.png) no-repeat 0 0;
|
|
border: none;
|
|
}
|
|
|
|
.spl_sortable li .spl_cue.ui-state-default:hover {
|
|
background: transparent url(images/cue_playlist.png) no-repeat 0 -15px;
|
|
border: none;
|
|
}
|
|
|
|
.spl_sortable li .spl_cue.ui-state-active,.spl_sortable li .spl_cue.ui-state-active:hover
|
|
{
|
|
background: transparent url(images/cue_playlist.png) no-repeat 0 -30px;
|
|
border: none;
|
|
}
|
|
|
|
/*--/////////////// Changes 16.05.2011 ////////////--*/
|
|
.playlist_title {
|
|
margin: 16px 0 10px 0;
|
|
height: 26px;
|
|
clear: both;
|
|
}
|
|
|
|
.side_playlist .playlist_title h3,.side_playlist .playlist_title h4 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.side_playlist .playlist_title h3 {
|
|
float: left;
|
|
width: 84%;
|
|
}
|
|
|
|
.side_playlist .playlist_title h4 {
|
|
float: right;
|
|
clear: none;
|
|
font-size: 16px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.side_playlist .playlist_title h3 a {
|
|
padding: 0 22px 0 2px;
|
|
background: url(images/icon_edit_l.png) no-repeat right center;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.side_playlist .playlist_title h3 a:hover {
|
|
background-color: #D8D8D8;
|
|
}
|
|
|
|
.element_hidden {
|
|
display: none;
|
|
}
|
|
|
|
.side_playlist .playlist_title h3 input[type="text"] {
|
|
background-color: #dddddd;
|
|
border: 1px solid #8F8F8F;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
height: 23px;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-indent: 3px;
|
|
-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
|
|
-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
|
|
width: 95%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.side_playlist .zend_form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
.side_playlist .zend_form dd.buttons {
|
|
margin-top: 8px;
|
|
text-align: right;
|
|
}
|
|
|
|
.side_playlist .zend_form dd.buttons .ui-button {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.side_playlist .zend_form dt:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.side_playlist .zend_form dt {
|
|
width: 170px;
|
|
}
|
|
|
|
.side_playlist .zend_form dd {
|
|
margin-bottom: 10px;
|
|
}
|
|
.search-criteria dt label.sp_label
|
|
{
|
|
width: 150px;
|
|
}
|
|
|
|
.search-criteria dt {
|
|
float: left;
|
|
clear: left;
|
|
width: 170px;
|
|
}
|
|
|
|
.search-criteria dd {
|
|
margin: 0px;
|
|
}
|
|
|
|
#sp_criteria-element {
|
|
clear: both;
|
|
}
|
|
|
|
/*
|
|
.side_playlist .zend_form dd textarea {
|
|
background-color: #dddddd;
|
|
border: 1px solid #5B5B5B;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
margin: 0;
|
|
padding: 2px 0 0 0;
|
|
-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
|
|
-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
|
|
}*/
|
|
|
|
.side_playlist fieldset {
|
|
border: 1px solid #9a9a9a;
|
|
margin: 0 0 8px 0;
|
|
padding: 8px;
|
|
}
|
|
|
|
.side_playlist fieldset.closed .zend_form {
|
|
display: none;
|
|
}
|
|
|
|
.side_playlist fieldset.closed {
|
|
border-width: 1px 0 0;
|
|
margin-bottom: -6px;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
fieldset>legend {
|
|
color: #4f4f4f;
|
|
font-size: 12px;
|
|
line-height: 140%;
|
|
}
|
|
|
|
.ui-widget-content fieldset legend .ui-icon {
|
|
float: left;
|
|
background-image: url(redmond/images/ui-icons_454545_256x240.png);
|
|
}
|
|
|
|
|
|
#fieldset-metadate_change {
|
|
clear: both;
|
|
}
|
|
|
|
div.helper li {
|
|
list-style: none;
|
|
}
|
|
|
|
li.spl_empty {
|
|
height: 56px;
|
|
}
|
|
|
|
/*---////// SMART BLOCK /////---*/
|
|
.smart-block-info {
|
|
padding: 5px 35px 10px 36px;
|
|
width: 100%;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.smart-block-info>li {
|
|
display: block;
|
|
float: none;
|
|
margin-bottom: 4px;
|
|
width: 100%;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.smart-block-info>li span.block-item-time {
|
|
text-align: right;
|
|
float: right;
|
|
color: #D5D5D5;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.smart-block-info>li span.block-item-title {
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.smart-block-info>li span.block-item-author {
|
|
font-weight: normal;
|
|
display: inline-block;
|
|
}
|
|
|
|
.smart-block-info>li span.block-item-criteria {
|
|
font-weight: normal;
|
|
display: inline-block;
|
|
padding-right: 6px;
|
|
}
|
|
.expand-block-separate {
|
|
border-top: 1px solid #5B5B5B;
|
|
}
|
|
|
|
#criteria_add {
|
|
margin-bottom: 5px;
|
|
} |