diff options
author | Karl 'vollmerk' Vollmer <vollmer@ampache.org> | 2007-02-19 20:07:07 +0000 |
---|---|---|
committer | Karl 'vollmerk' Vollmer <vollmer@ampache.org> | 2007-02-19 20:07:07 +0000 |
commit | ce617e69811065253acdb2cc4009d9ee2280d804 (patch) | |
tree | d6b125316558a92b7a56223c045e11dcd96b56d1 /contrib/themes/klassikiosk/templates | |
parent | 8d42d56d0ab443a0f61677e0fd5bb76f38c1423c (diff) | |
download | ampache-ce617e69811065253acdb2cc4009d9ee2280d804.tar.gz ampache-ce617e69811065253acdb2cc4009d9ee2280d804.tar.bz2 ampache-ce617e69811065253acdb2cc4009d9ee2280d804.zip |
added two themes and removed one I know is dead..
Diffstat (limited to 'contrib/themes/klassikiosk/templates')
-rw-r--r-- | contrib/themes/klassikiosk/templates/default.css | 640 |
1 files changed, 640 insertions, 0 deletions
diff --git a/contrib/themes/klassikiosk/templates/default.css b/contrib/themes/klassikiosk/templates/default.css new file mode 100644 index 00000000..bf1258bb --- /dev/null +++ b/contrib/themes/klassikiosk/templates/default.css @@ -0,0 +1,640 @@ +/*
+
+ Copyright (c) 2001 - 2006 Ampache.org
+ 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.
+
+*/
+
+
+/************************************************/
+/* Unify default browsers style rules */
+/************************************************/
+:link,:visited { text-decoration:underline; }
+h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; line-height: 1em; } /* avoid browser default inconsistent font-sizes */
+a img, :link img, :visited img { border: none; } /* no blue linked image borders */
+ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* White space reset */
+
+
+/************************************************/
+/* General style rules */
+/************************************************/
+body {
+ background:#d3d3d3;
+ font-family:Arial, Helvetica, Sans-Serif;
+}
+p {
+ color: #000;
+ margin:1em 0;
+}
+a, a:visited, a:active{
+ color: #000;
+ font-family: Verdana, Helvetica, sans-serif;
+}
+td {
+ padding: 0 8px;
+ color: #000;
+ font:14px Verdana, Helvetica, sans-serif;
+}
+th {
+ padding-right: 15px;
+}
+input, select, textarea{
+ font: 14px Verdana, Helvetica, sans-serif;
+ background: #ddd;
+ color: #000;
+}
+input {
+ font-weight: bold;
+ margin: 2px 2px 2px 0;
+}
+
+
+/************************************************/
+/* Header */
+/************************************************/
+#topbar {
+ height: 80px;
+ padding: 3px 0 0 10px;
+}
+#topbarright {
+ float: right;
+ font-size: 10px;
+}
+#topbarleft, #topbarleft a{
+ float: left;
+}
+
+
+/************************************************/
+/* Footer */
+/************************************************/
+#footer {
+ margin: 0 0 10px 150px;
+}
+#footer p {
+ color:#999;
+ font-size:10px;
+}
+
+
+/************************************************/
+/* Buttons */
+/************************************************/
+.selected_button {
+ background: #000;
+ color: #fff;
+}
+.unselected_button {
+}
+.smallbutton {
+ border:0;
+ padding: 0 1px;
+ font-size: 14px;
+ cursor: pointer;
+}
+
+
+/************************************************/
+/* Tables (songs lists...) */
+/************************************************/
+.table-header {
+/* background: url(../images/ampache-light-bg.gif) #dddddd repeat-x; */
+ background: #a0a0a0;
+ vertical-align: top;
+ text-align:center;
+}
+.odd {
+ font-size: 14px;
+ background:#bbb;
+}
+.even {
+ font-size: 14px;
+ background:#ddd;
+}
+.headrow {
+ font-size: 14px;
+ background:#ccc;
+}
+.blank {
+ background: #fff;
+}
+.border {
+ background: #000;
+}
+.header {
+ font-size: 14px;
+}
+
+/************************************************/
+/* Content block */
+/************************************************/
+#content {
+ top:90px;
+ float: none;
+ margin:20px 0 0 200px;
+ /* background:#fff url(../images/bg_content.gif) repeat-y right top; */
+}
+h3#content_title{
+ font: 14px/32px Arial,Helvetica,Sans-Serif;
+ background:#8b8b8b url(../images/content_corner.gif) no-repeat right top;
+ color:#fff;
+}
+h3#content_title span {
+ text-align:left;
+}
+
+
+/************************************************/
+/* Sidebar */
+/************************************************/
+#sidebar{
+ clear:both;
+ position:absolute;
+ left:5px;
+ top:87px;
+}
+#sidebar select {
+ width: 95%;
+}
+#sidebar h3 {
+ width: 180px;
+ height: 28px;
+ background: transparent url(../images/sidebar_top.jpg) no-repeat left;
+}
+#sidebar h3 span {
+ display:none
+}
+#sidebar ul {
+ list-style: none;
+ font-family:Arial, Helvetica, Sans-Serif;
+ font-size: 14px;
+ margin: 0;
+ padding: 0;
+ line-height: 1em;
+}
+#sidebar ul.subnavside {
+ display: block; /*none;*/
+ position: static; /*absolute;*/
+ width: 100%; /*9em;*/
+ top: 0; /*-1px;*/
+ left: 0; /*11.5em;*/
+ font-size: 1em;
+ z-index: 1;
+}
+#sidebar li {
+ float: left;
+ clear: both;
+ display: inline; /* IE6 Patch */
+ position: relative;
+ width: 13em;
+ width: /**/11.5em; /* Only IE5.5 can't see this */
+ margin: 0;
+ padding: .5em 0 .5em 1em;
+ border: 1px solid #8b8b8b;
+ border-right: 4px solid #b4b4b4;
+ background:#fff;
+}
+#sidebar ul.subnavside li {
+ border-right-width: 1px;
+}
+#sidebar a, #sidebar .navbutton {
+ display: block;
+ position: relative;
+ text-decoration: none;
+ padding: .5em 0 .5em 1em;
+}
+#sidebar li:hover ul.subnavside, #sidebar li.sfhover ul.subnavside {
+ display:block;
+}
+#sidebar ul.subnavside{
+ margin-left:0.5em;
+}
+#sidebar ul.subnavside li{
+ width: 11.5em;
+ width: /**/10em; /* Only IE5.5 can't see this */
+}
+#sidebar li:hover, #sidebar li.sfhover, #sidebar li.activetopmenu {
+ color:#000;
+ background:#ddd;
+}
+#sidebar li.hover:active {
+ background:#ccc;
+ z-index:30;
+}
+
+/* For horizontal menu */
+.horizontal_menu #content { margin:3em 0 0 2em; }
+.horizontal_menu #sidebar { width: auto; top: 85px;}
+.horizontal_menu #sidebar h3 { display: none; }
+.horizontal_menu #sidebar li { clear: none; border:1px solid #8b8b8b; }
+.horizontal_menu #sidebar ul.subnavside { left: 0; top: 2em; }
+
+
+/* Menu Elements Display (icons, visibility...) */
+#sidebar_home a { }
+#sidebar_admin a { }
+#sidebar_prefs a { }
+#sidebar_browse a { }
+#sidebar_plists a { }
+#sidebar_stats a { }
+#sidebar_search a { }
+#sidebar #sidebar_subsearch { }
+#sidebar_random a { }
+#sidebar_form { }
+#sidebar_localplay a { }
+#sidebar_localplay_ctrl { }
+#sidebar_logout a { }
+
+#sidebar_admin_users a { }
+#sidebar_admin_mail_users a { }
+#sidebar_admin_catalog a { }
+#sidebar_admin_config a { }
+#sidebar_admin_access_list a { }
+
+#sidebar_browse_albums a { }
+#sidebar_browse_artists a { }
+#sidebar_browse_genre a { }
+#sidebar_browse_song_title a { }
+#sidebar_browse_lists a { }
+
+
+/************************************************/
+/* Now Playing Styles */
+/************************************************/
+#nowplaying{
+ clear: both;
+ width: 600px;
+}
+
+#np_container1{
+ width: 260px;
+ height: 18px;
+ background: #fff url(../images/tb_tab.jpg) no-repeat top left;
+}
+
+#np_container1 h1{
+ font-size: 10px;
+ font-weight: bold;
+ padding: 2px;
+}
+
+#np_container2{
+ border: 1px solid #999;
+ border-color:#ddd #999 #999 #ccc;
+ padding: 6px;
+ font: 10px/12px Verdana, sans-serif;
+ background: #d6d6d4 url(../images/bg_row.jpg) repeat top left;
+ color: #000;
+}
+.np_row {
+ padding: 3px 0;
+}
+.np_cell {
+ margin: 10px;
+}
+
+
+/************************************************/
+/* Styles for the star ratings */
+/************************************************/
+.star-rating{
+ position: relative;
+ list-style:none;
+ width: 80px;
+ height: 15px;
+ background: url(../../../images/ratings/star_rating.gif) top left repeat-x;
+}
+.star-rating li{
+ float: right;
+}
+li.current-rating{
+ display: block;
+ position: absolute;
+ height: 15px;
+ background: url(../../../images/ratings/star_rating.gif) left bottom;
+ text-indent: -9000px;
+ z-index: 1;
+}
+.star-rating li span{
+ position: absolute;
+ display:block;
+ width:16px;
+ height: 15px;
+ text-decoration: none;
+ text-indent: -9000px;
+ z-index: 20;
+}
+.star-rating li span:hover{
+ background: url(../../../images/ratings/star_rating.gif) left center;
+ z-index: 2;
+ left: 0;
+}
+li.zero-stars span:hover {
+ display: block;
+ left: 80px;
+ height: 15px;
+ background: url(../../../images/ratings/x.gif);
+}
+span.zero-stars {
+ display: block;
+ left: 80px;
+ height: 15px;
+ background: url(../../../images/ratings/x_off.gif);
+}
+span.one-stars { left: 0px; }
+span.one-stars:hover { width:16px; }
+span.two-stars { left:16px; }
+span.two-stars:hover { width: 32px; }
+span.three-stars { left: 32px; }
+span.three-stars:hover{ width: 48px; }
+span.four-stars { left: 48px; }
+span.four-stars:hover { width: 64px; }
+span.five-stars { left: 64px; }
+span.five-stars:hover { width: 80px; }
+
+
+/************************************************/
+/* Box Related Styles */
+/************************************************/
+.box {
+ background: #f7f7f7;
+}
+.box-title {
+ border-bottom: solid 1px #000;
+ font-size: 1.05em;
+ font-weight: bold;
+}
+.box-list {
+ padding-right: 10px;
+}
+
+/* Enclosing Boxes Styles */
+.box-left-top {
+ background: url(../images/topleft.gif) no-repeat;
+ height:16px;
+}
+.box-left-bottom {
+ background: url(../images/bottomleft.gif) no-repeat;
+ height:18px;
+}
+.box-left {
+ background: url(../images/left.gif);
+}
+.box-bottom {
+ background: url(../images/bottom.gif);
+ height:18px;
+}
+.box-right-bottom {
+ background: url(../images/bottomright.gif) no-repeat;
+}
+.box-right-top {
+ background: url(../images/topright.gif) no-repeat;
+}
+.box-right {
+ background: url(../images/right.gif);
+}
+.box-top {
+ background: url(../images/top.gif);
+}
+
+
+/************************************************/
+/* List Header Styles */
+/************************************************/
+.list-header {
+ text-decoration: none;
+}
+.list-header:hover {
+ color:#071fd4;
+}
+
+
+/************************************************/
+/* Text Action Styles */
+/************************************************/
+.text-action, .text-action li {
+ list-style: none;
+ margin:5px 0;
+ padding-left:0px;
+}
+.text-action a, .text-action span {
+ padding: 0 2px;
+ background: #ddd;
+ border:1px solid #000;
+ text-decoration: none;
+}
+.text-action #pt_active {
+ background: #000;
+ color: #fff;
+ border:1px solid #ddd;
+}
+
+
+/************************************************/
+/* Tabs (for preferences) */
+/************************************************/
+#tablist {
+ padding: 3px 0;
+ margin: 12px 0 0 0;
+ font: bold 12px Verdana, sans-serif;
+}
+#tablist li {
+ list-style: none;
+ display: inline;
+}
+#tablist li a {
+ padding: 3px 0.5em;
+ margin-left: 3px;
+ border: 1px solid #ccc;
+ border-bottom: none;
+ background: #ddd;
+ text-decoration: none;
+}
+#tablist li a:link { color: #222; }
+#tablist li a:visited { color: #000; }
+#tablist li a:hover {
+ color: #000;
+ background: #bbb;
+ border-color: #000;
+}
+#tablist li a#current {
+ color: #000;
+ background: #bbb;
+ border-color: #000;
+ border-bottom: 1px solid #000;
+}
+
+
+/************************************************/
+/* Styles for Header */
+/*(for ampache admin : installation, update...) */
+/************************************************/
+div#Header{
+ height:80px;
+ margin-bottom:3px;
+}
+#Header h1 {
+ width: 439px;
+ height: 84px;
+ float: left;
+ border:0;
+ background: transparent url(../images/bg_login_0.jpg) no-repeat top left;
+}
+#Header h1 span {
+ display:none
+}
+#Header h2 {
+ float: right;
+ margin-top: 75px;
+ width: 200px;
+ height: 18px;
+ background: transparent url(001/h2.gif) no-repeat top left;
+}
+#Header h2 span {
+ font-size: 10px;
+ margin-left: 10px;
+}
+
+
+/************************************************/
+/* Styles for Login template */
+/************************************************/
+#container{
+ margin:100px auto 0 auto;
+ width:437px;
+ font-size:12px;
+ text-align:center;
+}
+#container h1{
+ background:url(../images/bg_login_0.jpg) no-repeat;
+ height:81px;
+ margin-bottom:8px;
+}
+#container h1 span{
+ display:none;
+}
+#container div.fatalerror {
+ display:block;
+ height:auto;
+ padding:5px;
+ margin:10px;
+ background:none;
+}
+#container div{
+ background:url(../images/bg_login_1.jpg) no-repeat;
+ height:285px;
+}
+#loginp_0{
+ color:#333;
+ margin-top:0;
+ padding-top:60px;
+}
+.loginp_1{
+ text-align:right;
+ padding-right:100px;
+}
+.loginp_1 span{
+ font-weight:bold;
+}
+.loginp_1 input{
+ border:1px solid #999;
+}
+input.text_input{
+width:12em;
+}
+.loginp_1 input.check_input{
+margin-right:5em;
+}
+
+
+/************************************************/
+/* TV Page Related Styles */
+/************************************************/
+#tv_np{
+ float:right;
+}
+#tv_left{
+ float:left;
+ clear:right;
+}
+#tv_playlist{
+ clear:both;
+}
+
+
+/************************************************/
+/* User Online/Offline style, used in users.php */
+/************************************************/
+td.user_online{
+ background:#0f0;
+}
+td.user_offline {
+ background:#7f0000;
+}
+td.user_disabled {
+ background:#ccc;
+}
+
+
+/************************************************/
+/* Misc */
+/************************************************/
+.text-box, .confirmation-box {
+ display:table-cell;
+ padding:5px 5px 0 5px;
+ margin-bottom:10px;
+ background:#bbb;
+ border:2px solid #000;
+}
+.alphabet {
+ margin:10px;
+ font-size:10px;
+ font-weight:normal;
+}
+#mpdpl td {
+ padding:0 2px 0 2px;
+ text-align:left;
+}
+.header1 {
+ color:#000;
+ font:bold 18px Verdana, Helvetica, sans-serif;
+}
+.header2 {
+ color:#000;
+ font:bold 14px Verdana, Helvetica, sans-serif;
+}
+.error {
+ color:#903;
+}
+.fatalerror {
+ display:table-cell;
+ padding:3px;
+ color: #903;
+ font-weight:bold;
+ border:2px solid #903;
+}
+.disabled {
+ text-decoration:line-through;
+}
+#maincontainer{}
+table.tabledata {}
+.display {}
+
+
+
+
+
+
|