summaryrefslogtreecommitdiffstats
path: root/templates/default.css
diff options
context:
space:
mode:
Diffstat (limited to 'templates/default.css')
-rw-r--r--templates/default.css697
1 files changed, 8 insertions, 689 deletions
diff --git a/templates/default.css b/templates/default.css
index e084e2ca..6d4fafc2 100644
--- a/templates/default.css
+++ b/templates/default.css
@@ -1,4 +1,3 @@
-<!--
/*
Copyright (c) 2001 - 2006 Ampache.org
@@ -18,693 +17,13 @@
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
*/
--->
-p {
- color: #000000;
-}
-a {
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
-}
-a:visited
- {
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
- }
-a:active {
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
-}
-.text-box {
- display: table-cell;
- padding-left:5px;
- padding-top:5px;
- padding-right:5px;
- margin-bottom:10px;
- background-color: #bbbbbb;
- border-right:2px solid #000000;
- border-bottom:2px solid #000000;
- border-left:2px solid #000000;
- border-top:2px solid #000000;
-}
-.selected_button {
- background-color: black;color:white;
-}
-.unselected_button {
- /* there really isn't anything for this */
-}
-.display {}
-
-#mpdpl td {
- padding: 0px 2px 0px 2px;
- text-align: left;
-}
-table.tabledata {}
-td {
- padding: 0px 8px 0px 8px;
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 12px;
-}
-th {
- padding-right: 10px;
-}
-input {
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 12px;
- font-weight: bold;
- background-color: #dddddd;
- margin: 2px 2px 2px 2px;
-}
-select {
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 12px;
- background-color: #dddddd;
-}
-textarea {
- background-color: #dddddd;
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 12px;
-}
-.table-header {
- background: url(../themes/classic/images/ampache-light-bg.gif) #dddddd repeat-x;
- vertical-align: top;
-}
- .header1
- {
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 18px;
- font-weight: 900;
- }
- .header2
- {
- color: #000000;
- font-family: Verdana, Helvetica, sans-serif;
- font-size: 14px;
- font-weight: 900;
- }
- .headrow
- {
- background:#cccccc;
- font-size: 12px;
- }
- .odd
- {
- background:#bbbbbb;
- font-size: 12px;
- }
- .even
- {
- background:#dddddd;
- font-size: 12px;
- }
-.blank {
- background: #fff;
-}
-.border {
- background:#000000;
-}
-.header {
- font-size: 12px;
-}
-.error {
- color: #990033;
-}
-.fatalerror {
- padding-top: 3px;
- padding-left: 3px;
- padding-right: 3px;
- display: table-cell;
- padding-bottom: 3px;
- color: #990033;
- font-weight:bold;
- border-right:2px solid #990033;
- border-bottom:2px solid #990033;
- border-left:2px solid #990033;
- border-top:2px solid #990033;
-}
-#container div.fatalerror {
- background:none;
- height:auto;
- padding:5px;
- margin:10px;
- display:block;
-}
-.disabled {
- text-decoration: line-through;
-}
-.smallbutton {
- border:0px;
- padding-left:1px;
- padding-right:1px;
- font-size: 11px;
- cursor: pointer;
-}
-
-/* ////////////////////////////////////////////////////////////////*/
-/* De aqui pa'bajo, ros esta creando una hoja de estilos unica para todo Ampache */
-
-/* General style rules */
-body{
- padding-top: 0px;
- margin-top: 0px;
- margin-left: 0px;
- margin-right: 0px;
- background-color:#d3d3d3;
- font-family:Arial, Helvetica, Sans-Serif;
-}
-
-#maincontainer{
- margin: 0px;
-}
-
-.alphabet {
- margin: 10px;
- font-size: 10px;
- font-weight: normal;
-}
-
-/* Content block */
-#content {
- top:90px;
- float: none;
- margin-top:7px;
- margin-left:135px;
- /*float:left; use for horizontal menu; comment out otherwise */
- /* background:#fff url("../themes/classic/images/bg_content.gif") repeat-y right top; */
-}
-
-h3#content_title{
- font-family:Arial,Helvetica,Sans-Serif;
- font-size:12px;
- line-height:32px;
- color:#fff;
- margin:0px;
- padding:0px;
- background:#8B8B8B url("../themes/classic/images/content_corner.gif") no-repeat right top;
-}
-
-h3#content_title span {
- text-align:left;
-}
-
-/* Styles for Header */
-div#Header{
- height:80px;
- margin-bottom:3px;
- padding:0px;
-}
-
-#Header h1 {
- background: transparent url("../themes/classic/images/bg_login_0.jpg") no-repeat top left;
- border:0px;
- width: 439px;
- height: 84px;
- float: left;
- margin:0px;
- padding:0px;
-}
-
-#Header h1 span {
- display:none
-}
-
-#Header h2 {
- background: transparent url(001/h2.gif) no-repeat top left;
- margin-top: 75px;
- width: 200px;
- height: 18px;
- float: right;
-}
-
-#Header h2 span {
- font-size:10px;
- margin-left:10px;
-}
-
-
-/* Sidebar */
-/**
- * Experimental for menus (Thx Sigger)
- * TO DO: Fill in 1px border around menus & submenu items
- * Make padding apply to the li, not just an a. Moving padding: to li throws off the dropdown menu alignment.
- */
-
-
-#sidebar{
- clear:both;
- position:absolute;
- left:5px;
- top:87px;
-}
-
-#sidebar select {
- width: 95%;
-}
-
-#sidebar h3 {
- border:0;
- width: 120px;
- height: 28px;
- margin:0;
- padding:0;
- background: transparent url(../themes/classic/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: 10px;
- margin: 0;
- padding: 0;
- line-height: 1em;
-}
+/*
+ Nothing left here
+
+ - This gives more flexibility for making new themes (no parameters
+ redefinition needed anymore)
+ - Use "Classic Ampache" css file (\themes\classic\templates\default.css)
+ as a base if you don't want to start from scratch
-#sidebar ul.subnavside {
- display: none;
- position: absolute;
- width: 9em;
- top: -1px;
- left: 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;
- border-bottom: 1px solid #8B8B8B;
- border-left: 1px solid #8B8B8B;
- border-right: 4px solid #B4B4B4;
- border-top: 1px solid #8B8B8B;
- background:#fff;
-}
-
-#sidebar ul.subnavside li {
- border-right: 1px solid #B4B4B4;
-}
-
-#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 li:hover, #sidebar li.sfhover, #sidebar li.activetopmenu {
- color:#000;
- background-color:#ddd;
-}
-
-#sidebar li.hover:active {
- background-color:#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 { }
-
-
-/* Styles for Now Playing */
-#nowplaying{
- clear: both;
- width: 625px;
-}
-
-#np_container1{
- width: 260px;
- height: 18px;
- padding: 0px;
- margin: 0px;
- background: #fff url("../themes/classic/images/tb_tab.jpg") no-repeat top left;
-}
-
-#np_container1 h1{
- font-size: 10px;
- font-weight: bold;
- padding: 2px;
-}
-
-#np_container2{
- border-width: 1px 1px 1px 1px;
- border-style: solid;
- border-color:#ddd #999 #999 #ccc;
- padding: 6px;
- font-family: Verdana, sans-serif;
- font-size: 10px;
- line-height: 12px;
- color: #000;
- background: #D6D6D4 url("../themes/classic/images/bg_row.jpg") repeat top left;
-}
-
-
-/* Styles for Login template */
-#container{
- margin:100px auto 0px auto;
- width:437px;
- font-size: 12px;
- text-align:center;
-}
-#container h1{
- background:url("../themes/classic/images/bg_login_0.jpg") no-repeat;
- height:81px;
- margin-bottom:8px;
-}
-#container h1 span{
- display:none;
-}
-#container div{
- background:url("../themes/classic/images/bg_login_1.jpg") no-repeat;
- height:285px;
-}
-#loginp_0{
- color:#333;
- margin-top:0px;
- 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;
-}
-/* Footer */
-#footer {
- margin-left: 150px;
- margin-bottom: 10px;
-}
-
-#footer p {
- color:#999999;
- font-size:10px;
-}
-#topbar {
- height: 80px;
- padding-top:3px;
- padding-left:10px;
-}
-#topbarright {
- float: right;
- font-size: 10px;
-}
-#topbarleft, #topbarleft a{
- float: left;
-}
-/* styles for the star ratings */
-.star-rating{
- list-style:none;
- margin: 0px;
- padding:0px;
- width: 80px;
- height: 15px;
- position: relative;
- background: url(../images/ratings/star_rating.gif) top left repeat-x;
-}
-.star-rating li{
- padding:0px;
- margin:0px;
- float: right;
-}
-.star-rating li span{
- display:block;
- width:16px;
- height: 15px;
- text-decoration: none;
- text-indent: -9000px;
- z-index: 20;
- position: absolute;
- padding: 0px;
-}
-.star-rating li span:hover{
- background: url(../images/ratings/star_rating.gif) left center;
- z-index: 2;
- left: 0px;
-}
-li.zero-stars span:hover {
- background: url(../images/ratings/x.gif);
- height: 15px;
- left: 80px;
- display: block;
-}
-span.zero-stars {
- background: url(../images/ratings/x_off.gif);
- height: 15px;
- left: 80px;
- display: block;
-}
-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;
-}
-li.current-rating{
- background: url(../images/ratings/star_rating.gif) left bottom;
- position: absolute;
- height: 15px;
- display: block;
- text-indent: -9000px;
- z-index: 1;
-}
-/* Box Related Styles */
-.box {
- padding:0px;
- background: #f7f7f7;
-}
-.box-title {
- border-bottom: solid 1px #000000;
- font-size: 1.05em;
- font-weight: bold;
-}
-.box-left-top {
- background: url(../themes/classic/images/topleft.gif) no-repeat;
- height:16px;
-}
-.box-left-bottom {
- background: url(../themes/classic/images/bottomleft.gif) no-repeat;
- height:18px;
-}
-.box-left {
- background: url(../themes/classic/images/left.gif);
-}
-.box-bottom {
- background: url(../themes/classic/images/bottom.gif);
- height:18px;
-}
-.box-right-bottom {
- background: url(../themes/classic/images/bottomright.gif) no-repeat;
-}
-.box-right-top {
- background: url(../themes/classic/images/topright.gif) no-repeat;
-}
-.box-right {
- background: url(../themes/classic/images/right.gif);
-}
-.box-top {
- background: url(../themes/classic/images/top.gif);
-}
-/* List Header Styles */
-.list-header {
- text-decoration: none;
-}
-.list-header:hover {
- color:#071fd4;
-}
-
-
-.confirmation-box {
- padding-left:5px;
- padding-top:5px;
- padding-right:5px;
- margin-bottom:10px;
- display: table-cell;
- background-color: #bbbbbb;
- border-right:2px solid #000000;
- border-bottom:2px solid #000000;
- border-left:2px solid #000000;
- border-top:2px solid #000000;}
-
-.text-action, .text-action li {
- margin-top:5px;
- list-style: none;
- margin-bottom:5px;
- padding-left:0px;
- text-wrap: none;
-}
-.text-action a, .text-action span {
- background: #dddddd;
- border:1px solid #000000;
- padding-left:2px;
- padding-right:2px;
- text-decoration: none;
- text-wrap: none;
-}
-.text-action #pt_active {
- background: #000000;
- color: #ffffff;
- border:1px solid #dddddd;
- text-wrap: none;
-}
-#nowplaying {
- width:600px;
-}
-.np_row {
- padding-top: 3px;
- padding-bottom: 3px;
- display: block;
-}
-.np_cell {
- margin: 10px;
-}
-
-/* 'Tab' Preferences, used by preferences.php */
-
-#tablist {
- padding: 3px 0;
- margin: 12px 0 0 0;
- font: bold 12px Verdana, sans-serif;
-}
-
-#tablist li {
- list-style: none;
- margin: 0;
- display: inline;
-}
-
-#tablist li a {
- padding: 3px 0.5em;
- margin-left: 3px;
- border: 1px solid #cccccc;
- border-bottom: none;
- background: #dddddd;
- text-decoration: none;
-}
-
-#tablist li a:link { color: #222222; }
-#tablist li a:visited { color: #000000; }
-
-#tablist li a:hover {
- color: #000000;
- background: #bbbbbb;
- border-color: #000000;
-}
-
-#tablist li a#current {
- color: #000000;
- background: #bbbbbb;
- border-color: #000000;
- border-bottom: 1px solid #000000;
-}
-
-
-
-/* TV Page Related Styles */
-#tv_np {
- float:right;
-}
-#tv_np .box {
- text-align:right;
-}
-#tv_left {
- float:left;
-}
-
-/* Localplay Styles */
-.lp_current {
- font-weight: bold;
-}
-
-/* User Online/Offline style, used in users.php */
-td.user_online {
- background-color: green;
-}
-td.user_offline {
- background-color: #7f0000;
-}
-td.user_disabled {
- background-color: gray;
-}
+*/