Freelog 112/FreelogNo112-NovembreDecembre2012.iso/Multimedia/Songbird/Songbird_2.0.0-2311_windows-i686-msvc8.exe/chrome/songbird.jar/skin/bindings/faceplate.css

Cascading Style Sheet File | 2012-05-25 | 5KB | 239 lines

/*
//
// BEGIN SONGBIRD GPL
//
// This file is part of the Songbird web player.
//
// Copyright(c) 2005-2008 POTI, Inc.
// http://songbirdnest.com
//
// This file may be licensed under the terms of of the
// GNU General Public License Version 2 (the "GPL").
//
// Software distributed under the License is distributed
// on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either
// express or implied. See the GPL for the specific language
// governing rights and limitations.
//
// You should have received a copy of the GPL along with this
// program. If not, go to http://www.gnu.org/licenses/gpl.html
// or write to the Free Software Foundation, Inc.,
// 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
//
// END SONGBIRD GPL
//
 */



/**
*******************************************************************************
FACEPLATE

Applies image and layout styles to the LCD faceplate screen.
Imported by bindings.css or directly into feathers.

*******************************************************************************
*/


/** Rounded corners for the faceplate **/
.faceplate-left-spacer,
.faceplate-right-spacer
{
  width: 10px;
  height: 55px;
  background-repeat: no-repeat;
}
.faceplate-left-spacer
{
  background-image: url(chrome://songbird/skin/faceplate/faceplate-left.png);
}
.faceplate-right-spacer
{
  background-image: url(chrome://songbird/skin/faceplate/faceplate-right.png);
}


/*  Sample for how to style the faceplate based upon the showing pane.
.faceplate-left-spacer[currentId="songbird-intro"],
.faceplate-right-spacer[currentId="songbird-intro"],
.faceplate-deck[currentId="songbird-intro"]
{
  opacity: 0.5;
}
*/


.faceplate-deck
{
  height: 55px;
  background-image: url(chrome://songbird/skin/faceplate/faceplate-bkgd.png);
  background-repeat: repeat-x;
  overflow: hidden;
}

.faceplate-intro-image
{
  list-style-image: url(chrome://songbird-branding/skin/faceplate.png);
}



/** Text **/
.faceplate-text
{
  font-family: Arial, Helvetica, Sans-serif !important;
  margin: 0;
}

/*
 This is done in order for the timeelapsed text to have enough room for 4 numbers
 in advance and for the progressbar not to be pushed to the right
*/
.sb-player-timeelapsed-label.faceplate-text {
  min-width: 31px;
  text-align: right;
}
sb-player-totaltime-label > .faceplate-text {
  min-width: 31px;
  text-align: left;
}

/*
   Due to https://bugzilla.mozilla.org/show_bug.cgi?id=414711 the artist text
   spills over its boundaries a little bit and clips.  Adding a few pixels of
   L/R margin "fixes" it well enough until the moz bug is fixed. -gse
*/
sb-player-artist-label.faceplate-text
{
  font-size: 14px !important;
  text-align: center;
  margin-left: 4px;
  margin-right: 4px;
}

.faceplate-album-box,
.faceplate-artist-box
{
  height: 14px;
  padding: 0px;
  margin: 0px;
}

.faceplate-curtrack-box:hover,
.faceplate-curtrack-box:hover .faceplate-text
{
  text-decoration: underline;
  cursor: pointer;
}

/* the seekbar slider */

/**
  NOTE:
  In order to keep the progress meter exactly in sync with
  the slider we make the slider thumb invisible, and paint
  a fake thumb as a background image on the right edge
  of the progress bar.
 **/

.faceplate-progressmeter,
.faceplate-seekbar
{
  border: 1px solid;
  height: 10px;
  width: auto;
}

.faceplate-seekbar-box
{
 padding-left: 10px;
 padding-right: 10px;
}

slider.sb-player-seek-slider,
progressmeter.sb-player-seek-slider
{
  height: 10px;
}

thumb.sb-player-seek-slider
{
  width: 10px;
  height: 10px;
  border: none;
}

progressmeter.sb-player-seek-slider > .progress-bar {
  background-image: url(chrome://songbird/skin/faceplate/seek-thumb.png);
  background-repeat: no-repeat;
  background-position: right center;
}

thumb.sb-player-seek-slider  > gripper
{
  height: 8px;
}
progressmeter.sb-player-seek-slider
{
  height: 8px;
  margin: 0px;
  padding: 0px;
  border: 0px !important;
}
progressmeter.sb-player-seek-slider > .progress-remainder
{
  height: 10px;
  background-image: none;
}
progressmeter.sb-player-seek-slider > .progress-bar
{
  min-width:10px;
}

/* shuffle and repeat */
.faceplate-shuffle
{
  margin: -1px 2px 0px 0px;
}
.faceplate-repeat {
  margin: 0px 0px 0px 2px;
}
.sb-player-shuffle-button-off > button
{
  list-style-image: url(chrome://songbird/skin/faceplate/shuffle-off.png);
}
.sb-player-shuffle-button-on > button
{
  list-style-image: url(chrome://songbird/skin/faceplate/shuffle-on.png);
}

.sb-player-repeat-button-repnone > button
{
  list-style-image: url(chrome://songbird/skin/faceplate/repeat-off.png);
  margin: 0px 0px 0px 2px;
}
.sb-player-repeat-button-repall > button
{
  list-style-image: url(chrome://songbird/skin/faceplate/repeat-all.png);
}
.sb-player-repeat-button-rep1 > button
{
  list-style-image: url(chrome://songbird/skin/faceplate/repeat-one.png);
}

/**
 * The following rules are there to allow showing the seek buffering animation
 * when faceplate.buffering is true.
 */
sb-player-seek-slider[buffering="true"]
{
  background-image: url('chrome://songbird/skin/faceplate/seek-buffering-animation.png');
  background-repeat: repeat-x;
  background-position: center center;
}
sb-player-seek-slider[buffering="true"] > #sb-player-seek-slider
{
  display: none;
}