diff options
Diffstat (limited to 'contrib/themes/Grey/templates/default.css')
| -rw-r--r-- | contrib/themes/Grey/templates/default.css | 1019 |
1 files changed, 1019 insertions, 0 deletions
diff --git a/contrib/themes/Grey/templates/default.css b/contrib/themes/Grey/templates/default.css new file mode 100644 index 00000000..1cc9e313 --- /dev/null +++ b/contrib/themes/Grey/templates/default.css @@ -0,0 +1,1019 @@ +/*
+
+ Copyright (c) 2009 Retrievil Knievil
+ All rights reserved.
+
+ This program is free software; you can redistribute it and/or
+ modify it under the terms of the GNU General Public License v2
+ as published by the Free Software Foundation
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program; if not, write to the Free Software
+ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+
+ Version 0.1a - Test version for public release and scrutiny
+
+*/
+/************************************************/
+/* Unify default browsers style rules */
+/************************************************/
+h1, h2, h3, h4, h5, h6, pre, code {
+ font-family:Verdana, Geneva, sans-serif;
+ font-size: 10px;
+} /* avoid browser default inconsistent font-sizes */
+ol, ul {
+ list-style: none;
+}
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+caption, th, td {
+ text-align: left;
+ font-weight: normal;
+}
+* {
+ margin: 0;
+ padding: 0;
+} /* White space reset */
+a img, :link img, :visited img {
+ border: 0;
+} /* no blue linked image borders */
+/************************************************/
+/* General style rules */
+/************************************************/
+body {
+ background-color: #AEB9BB;
+ font-family:Arial, Helvetica, Sans-Serif;
+ min-width:1000px;
+ color: #23322E;
+
+}
+p {
+ color: #23322E;
+ margin:1em 0;
+}
+a, a:visited, a:active{
+ color: #23322E;
+ font-family: Verdana, Helvetica, sans-serif;
+}
+td {
+ padding-right: 35px;
+ padding-left: 2px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ color: #23322E;
+ font:10px Verdana, Helvetica, sans-serif;
+
+}
+th {
+ padding: 2px;
+ padding-right: 13px;
+ font-family: Verdana, Helvetica, sans-serif;
+ background-color:#CDD5DA;
+ color: #23322E;
+ font-size:10px;
+}
+input, select, textarea{
+ font: 10px Arial;
+ background-color: #FFFFFF;
+ color: #4D5253;
+ border:1px solid #D1D6D6;
+}
+input {
+ font-weight: normal;
+}
+
+/************************************************/
+/* IE6 behaviors */
+/* - csshover2: :hover support on any element */
+/************************************************/
+body {
+ behavior:url("templates/csshover2.htc");
+}
+/************************************************/
+/* Float Clearer */
+/************************************************/
+/* float clearing for IE6 */
+* html .clearfix {
+ height: 1%;
+ overflow: visible;
+}
+/* float clearing for IE7 */
+/**+html .clearfix{ min-height: 1%; }*/
+/* float clearing for everyone else */
+.clearfix:after {
+ clear: both;
+ content: ".";
+ display: block;
+ height: 0;
+ visibility: hidden;
+}
+/************************************************/
+/* XSPF Player */
+/************************************************/
+.xspf_player {
+ right: 20px;
+ position: absolute;
+}
+/************************************************/
+/* Main Container */
+/************************************************/
+#maincontainer{
+ overflow: hidden;
+ /*position:relative;*/
+}
+/************************************************/
+/*Header (logo, main text area for header) */
+/************************************************/
+#header {
+ height: 115px;
+ background-color: #FFFFFF;
+ padding: 3px 0 0 5px;
+}
+#headerbox {
+ float: right;
+ margin-right:2px;
+ font-size: 10px;
+ font-family: Arial;
+ padding: 3px 3px 3px 3px;
+}
+#headerlogo, #headerlogo a{
+ float: left;
+}
+.box_headerbox {
+ display: table;
+}
+.box_headerbox #loginInfo {
+ font-weight:bold;
+ font-family:Arial;
+ color:#8C8E8E;
+ display:block;
+ text-align:right;
+ margin-top:10px;
+ margin-bottom:2px;
+}
+#searchString {
+ font-family:Arial;
+ border-style:solid;
+ border-width:0.5px;
+ border-color:#D1D6D6;
+}
+#play_type_switch {
+ float:left;
+ text-align: left;
+ margin-top:2px;
+ border-style:solid;
+ border-width:0.5px;
+ border-color:#D1D6D6;
+}
+#play_type_select {
+ font-size: 10px;
+ font-family: Arial;
+ color:#8C8E8E;
+ border-style:hidden;
+}
+/************************************************/
+/* Content block
+/* (Changes space for main placement of page */
+/************************************************/
+#content {
+ overflow: auto;
+ margin: 0px 2px 2px 150px;
+}
+#additional_information {
+ height: 0px;
+}
+/************************************************/
+/* Footer */
+/************************************************/
+#footer {
+ clear:both;
+ font-size:9px;
+ font-weight:bold;
+ text-align:center;
+ text-transform:uppercase;
+ line-height: 14px;
+}
+#footer a:link {
+ color:#222;
+}
+/************************************************/
+/* Buttons */
+/************************************************/
+.button, input[type=button], input[type=submit] {
+ border: 1px solid #FFFFFF;
+ padding: 2px;
+ font-size: 10px;
+ color:#8C8E8E;
+ cursor: pointer;
+}
+a.button{
+ padding:1px 3px;
+}
+/************************************************/
+/* Sidebar */
+/************************************************/
+#sidebar{
+ position:absolute;
+ top:118px;
+ left:0px;
+ width:200px;
+ min-height: 125%;
+ padding-top:0px;
+ background-color: #AEB9BB;
+ /*#798182*/
+ font-size:10px;
+}
+
+#sidebar select {
+ width: 99%;
+}
+#sidebar input {
+ background: transparent;
+}
+#sidebar ul {
+ list-style:none;
+}
+#sidebar a {
+ text-decoration:none;
+}
+/* For sidebar tabs */
+/********************/
+#sidebar-tabs{
+
+}
+#sidebar-tabs li.sb1 {
+ margin-left: 10px;
+ float: left;
+ padding-top: 6px;
+ padding-right: 12px;
+ background: transparent;
+}
+#sidebar-tabs li.active {
+ background: transparent;
+}
+#sidebar-tabs li.active img{
+ margin-top:0px;
+ position:relative;
+ z-index:2;
+}
+/* Tabs content */
+/****************/
+#sidebar-page {
+ position:absolute;
+ left:0px;
+ top:25px;
+ background-color: #AEB9BB;
+ padding-bottom:0.5em;
+ font-size: 10px;
+ width:200px;
+}
+#sidebar-page ul.sb2 {
+ padding:2px 4px;
+}
+#sidebar-page ul.sb2 li{
+ font-weight:normal;
+ margin:1em auto;
+ padding-bottom: 0.5em;
+
+}
+#sidebar-page ul.sb2 h4{
+ padding-bottom: 0.5em;
+}
+#sidebar-page ul.sb3, #sidebar-page div.sb3 {
+ font-size:10px;
+ margin-left:2px;
+ font-weight:normal;
+ color:#E8EAEA;
+}
+#sidebar-page ul.sb3 li{
+ margin:0;
+ padding:0;
+ border:none;
+ font-weight:normal;
+}
+* html #sidebar-page ul.sb3 li {
+ display:inline;
+} /* fix ie6 */
+#sidebar-page .sb3 a{
+ padding:0.1em;
+ color:#E8EAEA;
+ border-bottom:1px dotted #c0c0c0;
+}
+#sidebar-page a{
+ display:block;
+}
+#sidebar-page a:hover{
+ background-color: #2E2E2E;
+ color: #B3B8B9;
+}
+/* SIDEBAR : Home */
+/******************/
+
+/* SIDEBAR : Browse */
+/********************/
+.alphabet {
+ background:transparent; /* fix ie bug */
+ font-size:9.5px;
+ font-weight:normal;
+ margin: 0.3em auto;
+ color:#FFFF00;
+}
+.alphabet span.link {
+ cursor: pointer;
+ margin: 0;
+ padding:0 5px;
+ font-family: Arial;
+}
+.alphabet span.active{
+ background-color: #798182;
+ color:#fff;
+}
+.alphabet span.link:hover {
+ background-color: #9FA2A0;
+ color:#E6E6E6;
+}
+#multi_alpha_filter {
+ width:75px;
+ color:#E2E2E2;
+ margin-bottom:4px;
+ border-style:solid;
+ border-: 0.5px;
+ border-color:#6C7475;
+}
+/* SIDEBAR : Localplay */
+/***********************/
+.active_instance {
+ background-color:#AEB9BB;
+}
+/* SIDEBAR : Preferences */
+/*************************/
+
+/* SIDEBAR : Admin */
+/*******************/
+#sb_admin_catalogs li.sb_admin_catalogs_ctrls img {
+ margin:0;
+}
+#sb_admin_catalogs li.sb_admin_catalogs_ctrls a{
+ display:inline;
+ padding:0;
+ border:none;
+}
+/************************************************/
+/* XSPF Player */
+/************************************************/
+#xspf_player {
+ width:600px;
+ float: none;
+ background:#fff;
+ font-family: Arial;
+}
+
+/************************************************/
+/* Rightbar */
+/************************************************/
+#rightbar {
+ width:232px;
+ background-color: #FFFFFF;
+ margin-top:2px;
+ padding-left:2px;
+ float:right;
+ font-family: Verdana,Helvetica,sans-serif;
+ clear:both;
+}
+#rightbar ul {
+ list-style:none;
+}
+#rightbar a {
+ text-decoration:none;
+}
+/* Rightbar Menu */
+#rightbar #rb_action {
+ padding: 4px;
+}
+#rightbar #rb_action li {
+ padding-right: 30px;
+ display:inline;
+}
+#rightbar li#rb_add, #rightbar li#pl_add {
+ position:absolute;
+ z-index:10;
+}
+#rightbar li#rb_add:hover, #rightbar li#pl_add:hover {
+ background-color:#AEB9BB;
+}
+/* Rightbar AddItems SubMenu */
+#rightbar li:hover .submenu {
+ display:block;
+}
+#rightbar .submenu {
+ display:none;
+ position:absolute;
+ right:0px;
+ top:16px;
+ background-color:#FFFFFF;
+ width:185px;
+ font-size:10px;
+ padding:5px;
+}
+* html #rightbar .submenu {
+ right:100px;
+} /* IE6 fix */
+#rightbar .submenu a {
+ display:block;
+ padding:0.1em;
+ color:#666666;
+ text-decoration:none;
+ text-align:left;
+}
+#rightbar .submenu a:hover,
+#rightbar #rb_current_playlist a:hover {
+ background-color:#798182;
+ color:#fff;
+}
+/* Rightbar playlist */
+#rightbar #rb_current_playlist {
+ background-color: #FFFFFF;
+ padding-bottom:0.5em;
+}
+#rightbar #rb_current_playlist li {
+ position:relative;
+ font-size:10px;
+ line-height:12px;
+ color:#B6B6B6;
+ padding-right:20px;
+}
+#rightbar #rb_current_playlist li a {
+ display:block;
+ padding:0.2em;
+}
+#rightbar .delitem {
+ position:absolute;
+ right:0;
+ top:0;
+}
+/* Rightbar Localplay Controls */
+#rightbar #localplay-control {
+ padding-left: 5px;
+}
+#localplay-control span {
+ cursor: pointer;
+}
+
+
+/************************************************/
+/* Styles for the star ratings */
+/************************************************/
+.star-rating {
+ position:relative;
+}
+.dynamic-star-rating{
+ width:95px;
+}
+.star-rating ul,
+.star-rating a:hover,
+.star-rating .current-rating{
+ background: url(../../../images/ratings/star_rating.gif) left -1000px repeat-x;
+}
+.star-rating ul{
+ position:relative;
+ width:80px;
+ height:15px;
+ overflow:hidden;
+ list-style:none;
+ margin:0;
+ padding:0;
+ background-position: left top;
+}
+.star-rating li{
+ display: inline;
+}
+.star-rating a, .star-rating span,
+.star-rating .current-rating{
+ position:absolute;
+ top:0;
+ left:0;
+ text-indent:-1000em;
+ height:15px;
+ line-height:15px;
+ outline:none;
+ overflow:hidden;
+ border:none;
+}
+.star-rating .star1 { width:20%; z-index:6; }
+.star-rating .star2 { width:40%; z-index:5; }
+.star-rating .star3 { width:60%; z-index:4; }
+.star-rating .star4 { width:80%; z-index:3; }
+.star-rating .star5 { width:100%; z-index:2;}
+.star-rating .current-rating { z-index:1; background-position: left bottom; }
+
+.star-rating a.star0 {
+ left:0px;
+ width:16px;
+ background: url(../../../images/ratings/x_off.gif) left top;
+}
+
+/* hovering effect only for dynamic star rating */
+.dynamic-star-rating a:hover{
+ background-position: left center;
+}
+.dynamic-star-rating a:hover.star0 {
+ background: url(../../../images/ratings/x.gif) left top;
+}
+.dynamic-star-rating ul {
+ left:16px;
+}
+/************************************************/
+/* Box Related Styles */
+/************************************************/
+.box-title {
+ border-bottom: solid 1px #fff;
+ padding:0px 4px; /* vertical/horizontal */
+ font-size: 12px;
+ font-weight: bold;
+ margin: 4px 0 0 4px;
+ color: fff;
+}
+.box-list {
+ padding-right: 10px;
+}
+/* Enclosing Boxes Styles */
+.box {
+ background-color: #FFFFFF;
+ margin-top: 2px;
+ margin-right: 2px;
+ margin-left: 50px;
+ float:inherit;
+ clear:inherit;
+ height:1%; /* IE6 : Holly Hack comes to rescue once again */
+}
+
+.info-box {
+ background-color: #FFFFFF;
+ margin-top: 2px;
+ margin-right: 2px;
+ margin-left: 50px;
+ float:inherit;
+ clear:inherit;
+ height:1%; /* IE6 : Holly Hack comes to rescue once again */
+}
+.box-inside {
+
+}
+.box-content {
+ vertical-align: middle;
+ padding:15px 30px; /* vertical/horizontal */
+}
+.box-top {
+ position:relative;
+}
+.box-left-top {
+ height:8px;
+ width:16px;
+ position:relative;
+ left:0;
+ top:0;
+}
+.box-right-top {
+ height:8px;
+ width:20px;
+ position:absolute;
+ right:0;
+ top:0;
+}
+* html .box-right-top {
+ right: expression(-this.parentNode.offsetWidth%2+"px");
+} /* Fixes an IE6 rounding error */
+.box-bottom {
+ position:relative;
+ clear:both;
+}
+.box-left-bottom {
+ height:8px;
+ width:16px;
+ position:relative;
+ left:0;
+ top:0;
+}
+.box-right-bottom {
+ height:8px;
+ width:20px;
+ position:absolute;
+ right:0;
+ top:0;
+}
+* html .box-right-bottom {
+ right: expression(-this.parentNode.offsetWidth%2+"px");
+}
+/* Fixes an IE6 rounding error */
+/* Specific to Info Boxes */
+.info-box .album_art {
+ float:inherit;
+ margin-right:10px;
+}
+#information_actions {
+ float: inherit;
+ margin-left:5px;
+ font-size:10px;
+}
+#information_actions h3 {
+ font-family:Verdana, Geneva, sans-serif;
+ font-size:10px;
+}
+/* Specific boxes */
+.box_newest_albums {
+}
+.box_newest_artists {
+ clear:none;
+}
+.box_newest_genres {
+ clear:none;
+}
+.box_popular_album {
+}
+.box_popular_artists {
+ clear:none;
+}
+.box_popular_genres {
+ clear:none;
+}
+.box_preferences h4 {
+ color:#66666;
+ font-family: Verdana, Geneva, sans-serif;
+ font-size:10px;
+ font-weight:bold;
+ padding:0.8em 0;
+}
+/************************************************/
+/* Tables (songs lists...) */
+/************************************************/
+.tabledata .th-top, .tabledata .th-bottom {
+ font-size: 10px;
+ vertical-align:center;
+ text-align:center;
+}
+.tableform select {
+ padding: 4px;
+ width: 150px;
+}
+/* table rows */
+.tabledata .odd {
+}
+.tabledata .odd td {
+}
+.tabledata .even {
+}
+.tabledata .even td {
+}
+.row-highlight {
+}
+.tabledata .even:hover, .tabledata .odd:hover {
+ background-color:#CCC;
+ color: #333;
+}
+.row-highlight:hover {
+ background-color:#CCC;
+}
+/* Misc */
+.border {
+ background: #000;
+}
+.tabledata input, .tabledata select {
+ margin:2px 0;
+}
+/* specific cells */
+td.cel_cover {
+ padding:6px;
+}
+.cel_select, .cel_date, .cel_applytoall, .cel_level {
+ text-align:center;
+}
+.cel_action {
+ text-align:right;
+ padding-right:0px;
+}
+/* specific cells : users login state */
+.user_online{
+ background-color:#25e17d;
+}
+.user_offline{
+ background-color:#ECD533;
+}
+.user_disabled{
+ background-color:#5F5F5F;
+}
+/* specific tables */
+#recently_played .th-bottom {
+ display:none;
+}
+.box_preferences .th-bottom {
+ display:none;
+}
+/* Inline Editing Tables */
+.inline-edit input, .inline-edit select {
+ font-size: 10px;
+}
+/************************************************/
+/* Song details */
+/************************************************/
+dl.song_details {
+ font-family:Verdana, Geneva, sans-serif;
+ font-size:10px;
+}
+.song_details dt {
+ float:left;
+ clear:both;
+ width:20%;
+ min-width:20%; /*Ie bugfix*/
+ font-weight:normal;
+ padding: 2px 0px 0px 0px;
+}
+.song_details dd {
+ float:left;
+ width:79%;
+ min-width:79%; /*Ie bugfix*/
+ padding: 2px 0px 0px 0px;
+}
+dt + dd {
+ border-bottom:1px dotted #666;
+}
+dt:hover, dt:hover + dd {
+ background:#666;
+ color: #fff;
+}
+/************************************************/
+/* Song details */
+/************************************************/
+dl.song_details{font-size:10px;}
+.song_details dt {
+ float:left;
+ clear:both;
+ width:20%;
+ min-width:20%; /*Ie bugfix*/
+ font-weight:normal;
+}
+.song_details dd {
+ float:left;
+ width:79%;
+ min-width:79%; /*Ie bugfix*/
+ margin:0 0 0.2em .3em;
+ padding-left:.2em;
+}
+dt + dd {
+ border-bottom:1px dotted #c0c0c0;
+}
+dt:hover, dt:hover + dd {
+ background-color:#E2E2E2;
+}
+
+/************************************************/
+/* Albums of the moment */
+/************************************************/
+.random_album{
+ position:relative;
+ float:left;
+ padding:6px;
+ width:140px;
+}
+
+.random_album .play_album{
+ display:none;
+}
+
+/************************************************/
+/* Now Playing */
+/************************************************/
+#now_playing{
+}
+
+.np_row {
+ padding: 6px;
+ float:left;
+
+ font-size:9px;
+}
+.np_cell {
+ margin-left:15px;
+}
+
+.np_row label {
+ display:block;
+ font-weight:bold;
+ font-size: 11px;
+ margin:2px 0 0 0;
+}
+
+.np_group {
+ float:left;
+ padding-right:15px;
+}
+
+.np_row a {
+ font-size:10px;
+}
+
+/************************************************/
+/* Shoutbox */
+/************************************************/
+
+#shoutbox {
+ font-size:10px;
+}
+
+#shoutbox div.shout {
+ padding-top:10px;
+ margin:10px 5px 0 0;
+ border-top:1px dotted #c0c0c0;
+}
+#shoutbox div.shout:hover{border-top:1px solid #9cf;}
+
+#shoutbox span.information {}
+#shoutbox .shouttext{display:block;font-size:10px;margin-top:.5em;}
+img.shoutboximage { margin:0 3px;}
+
+#shoutbox div.odd{margin-right:20%;text-align:left;}
+#shoutbox div.even{margin-left:20%;text-align:right;}
+#shoutbox .odd img.shoutboximage {float:left;}
+#shoutbox .even img.shoutboximage {float:right;}
+
+/************************************************/
+/* List Header */
+/************************************************/
+.list-header {
+ font-family:Verdana, Geneva, sans-serif;
+ font-size:10px;
+ text-transform:uppercase;
+ color:#666;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ text-align:left;
+
+
+}
+.list-header .prev {
+ text-align: left;
+ top:0;
+ left: auto;
+ right: auto;
+ text-transform:uppercase;
+ font-size:10px;
+ font-weight:bold;
+ color: #666;
+}
+.list-header .next {
+ text-align: right;
+ top:0;
+ text-transform:uppercase;
+ font-size:10px;
+ font-weight:bold;
+ color: #666;
+}
+.list-header .selected {
+ background-color: #CCC;
+ color: #3F3F3F;
+}
+.list-header .page-nb {
+ padding: 2px 5px 2px 5px;
+ border: 1px dotted #ccc;
+ text-decoration: none;
+}
+.list-header .page-nb:hover {
+ background-color: #CCC;
+ color:#000
+}
+
+/************************************************/
+/* Errors */
+/************************************************/
+.error {
+ color:#6573A0;
+}
+
+.fatalerror {
+ display:table-cell;
+ padding:3px;
+ color:#6573A0;
+ font-weight:bold;
+ font-size:10px;
+}
+
+
+/************************************************/
+/* LocalPlay */
+/************************************************/
+.lp_box_ctrl, .lp_box_vol {
+ text-align: center; /*for compatibility, may be controlled by themers now*/
+}
+
+td.lp_current a {
+ font-weight:bold;
+ text-decoration:none;
+}
+
+/************************************************/
+/* Styles for Login template */
+/************************************************/
+#loginPage #maincontainer{
+ overflow: visible;
+ margin:50px auto 0 auto;
+ width:600px;
+ height:200px;
+ font-size: 11px;
+ font-family: Arial;
+ font-weight: normal;
+ text-align:center;
+ color: #E8EAEA;
+}
+#loginPage #header{
+ padding:0;
+}
+
+#loginPage #loginbox{
+ background-color: #798182;
+ height:300px;
+}
+#loginPage h2{
+ color:#E8EAEA;
+ padding-top:70px;
+ font-weight: normal;
+ font-size: 11px;
+ font: Arial;
+}
+.loginfield{
+ text-align:center;
+ padding-right:0px;
+ margin: 1em 0;
+ font-weight: normal;
+ font-size: 11px;
+ font: Arial;
+}
+.loginfield input.text_input{
+ width:125px;
+ font: Arial;
+ font-size: 11px;
+ font-weight: normal;
+ border-style:hidden;
+}
+.loginfield label{
+ font: Arial;
+ font-weight: normal;
+ font-size: 11px;
+
+}
+.loginfield #rememberme{
+ font: Arial;
+ font-weight: normal;
+ font-size: 11px;
+ margin-right:97px;
+ background-color: #FFFFFF;
+}
+
+#loginPage div.fatalerror {
+ padding:5px;
+ margin:10px;
+ font: Arial;
+ font-weight: normal;
+ font-size: 11px;
+}
+
+
+
+/************************************************/
+/* Misc */
+/************************************************/
+.formValidation{
+ margin-top:1em;
+ text-align:center;
+}
+
+.text-box, .confirmation-box {
+ display:table-cell;
+ padding:5px 5px 0 5px;
+ margin-bottom:10px;
+ background-color:#CDD5DA;
+ border:2px solid #000;
+}
+
+#ajax-loading {
+ position: absolute;
+ background: url(../images/ajax-loader.gif) no-repeat;
+ top:90px;
+ left:600px;
+ width:200px;
+ height:15px;
+ z-index:10;
+ display:none;
+ text-indent:-9999em;
+}
+
+.information,.information a {
+ font-size:10px;
+ font-style: italic;
+ color: #c0c0c0;
+}
|