Commit 44dce897 authored by Jonas Haraldsson's avatar Jonas Haraldsson

New gnufm theme

New gnufm theme with all the features from libre.fm theme,
only changes between this theme and libre.fm theme is in files:
2010.css
mini.css
header.tpl
mini-header.tpl

Also removed a few old and unused templates and theme-specific images,
but a lot of templates with libre.fm specific content is still there.
parent 19d4ed92
@import "combo.css";
#doc, #player > #interface {
background-color: #B22222;
}
#doc a {
color: black;
}
#doc a:hover, #hd a, #hd a:hover, #navbar li a:hover, #submenu li.active a {
color: #B22222;
}
#doc {
position: relative;
width: 100%;
}
#navbar {
padding-top: 10px;
text-align: center;
}
#navbar ul {
margin: 0;
padding: 0;
width: auto;
}
#navbar li {
display: inline;
font-size: 18px;
font-weight: bold;
list-style: none outside none;
margin-right: 1em;
padding-bottom: 10px;
}
#navbar li a {
border-bottom: 1px dotted;
color: black;
text-decoration: none;
text-shadow: 0 0 1px #999999;
}
#navbar li a:hover {
border-bottom: 1px solid;
}
#submenu ul {
margin: 0;
text-align: center;
width: 728px;
}
#submenu li {
display: inline;
font-size: 14px;
font-weight: bold;
list-style: none outside none;
padding-left: 1em;
padding-right: 1em;
position: relative;
top: 1px;
}
#submenu li.active {
background: none repeat scroll 0 0 white;
border-bottom: 3px solid white;
border-top: 3px solid white;
}
#submenu a {
border-bottom: 1px dotted;
color: black;
text-decoration: none;
}
h2 {
font-size: 32px;
text-align: center;
text-shadow: 0px 1px 1px #999999;
}
h2 a {
text-decoration:none;
border-bottom: 1px dotted;
}
h2 a:hover {
border-bottom: 1px solid;
}
#buttons li {
list-style: none outside none;
}
#buttons {
margin: 3em;
text-align: center;
}
li ul {
margin: 0 0 1em;
padding: 0 1em;
}
li ul li {
font-weight: bold;
list-style: none outside none;
padding-top: 0.5em;
}
.tagcloud {
margin: 0;
padding: 0;
text-align: center;
}
.tagcloud li {
display: inline;
line-height: 1.2em;
margin-right: 0.2em;
}
.tagcloud a {
color: #CC0000;
text-decoration: none;
}
.tagcloud a:hover {
text-decoration: underline;
}
.tagcloud .t1 {
font-size: 200%;
}
.tagcloud .t2 {
font-size: 180%;
}
.tagcloud .t3 {
font-size: 160%;
}
.tagcloud .t4 {
font-size: 140%;
}
.tagcloud .t5 {
font-size: 120%;
}
.tagcloud .t6 {
font-size: 100%;
}
#bd form {
margin: 1em auto;
padding: 1em;
width: 30em;
}
#bd input {
width: 98%;
}
#bd textarea {
width: 98%;
}
#ft ul {
text-align: center;
}
#ft li {
display: inline;
list-style: none outside none;
}
#header-spacing {
margin-top: 13em;
}
.albumart {
float: right;
margin-right: 4em;
}
#profile-box {
text-align: center;
}
#profile-box h2 {
line-height: 50px;
margin-bottom: 0;
padding: 0;
}
#profile-box ul {
margin: 0;
padding: 0;
}
#profile-box li {
display: inline;
font-size: 90%;
}
hr {
display: none !important;
}
#doc {
position: relative;
}
div#bd {
padding-left: 20px;
}
#infobox {
background-color: white;
border: 1px solid black;
margin-top: 4em;
padding: 12px;
text-align: center;
}
#infobox p {
margin: 0;
padding: 0;
}
h3 {
clear: left;
}
#welcome-box h2 {
font-size: 45px;
}
#welcome-box p {
font-size: 24px;
text-align: center;
}
#tag-cloud-box {
border: 1px solid #EEEEEE;
margin-top: 32px;
padding: 24px;
}
#tag-cloud-box h3 {
font-size: 24px;
margin-top: 0;
text-align: center;
}
#search form {
background: none repeat scroll 0 0 transparent;
float: right;
margin: 0 8px 0 0;
padding: 0;
width: auto;
}
#search input {
width: 110px;
}
#search select {
margin-left: 10px;
width: 75px;
}
input#search_button {
margin-left: 10px;
margin-right: 12px;
width: 70px;
}
body {
margin: 0;
min-width: 1100px;
}
h1 {
float: left;
font-family: "serif";
font-size: 3em;
font-weight: normal;
margin: 0 0 0 8px;
text-align: left;
text-shadow: 0 0 1px #999999;
}
#hd a, #hd a:hover {
text-decoration: none;
}
#hd {
background-color: white;
box-shadow: 0 0 7px black;
height: 49px;
text-align: center;
width: 100%;
}
#hd-border {
display: none;
height: 16px;
position: relative;
top: -4px;
width: 100%;
}
#bd {
margin: auto;
width: 1080px;
}
#ft {
background-color: white;
box-shadow: 0 0 7px black;
font-weight: bold;
padding: 1em;
text-align: center;
}
#ft-border {
display: none;
position: relative;
top: 15px;
width: 100%;
}
#footer-content {
margin-top: 1em;
}
#dev-links li {
margin-right: 2em;
}
#content-box-top {
width: 700px;
height: 102px;
margin-bottom: 1em;
padding: 0 1em;
position: absolute;
}
#content {
background: none repeat scroll 0 0 white;
border: 1px solid;
margin-top: 5em;
padding: 1em;
width: 700px;
}
#content-box-bottom {
height: 50px;
left: -9px;
position: relative;
width: 100%;
}
.stats-bar {
background-color: #F57900;
margin-top: 0.5em;
padding: 0.5em;
}
#license {
margin-left: 3em;
}
#ad {
height: 170px;
}
#sidebar {
float: right;
}
.sideblock {
background: none repeat scroll 0 0 white;
border: 1px solid;
margin-bottom: 2em;
margin-left: 5px;
margin-right: 20px;
padding: 0 0 2em;
text-align: center;
width: 287px;
}
.sideblock-top {
display: none;
height: 14px;
margin: 1px;
padding: 0;
position: relative;
top: 20px;
width: 300px;
}
.sideblock-bottom {
display: none;
height: 14px;
margin-bottom: 8px;
margin-left: -1px;
padding: 0;
position: relative;
top: -4px;
width: 300px;
}
.sideblock p {
margin-left: 1.8em;
margin-right: 1.8em;
text-align: justify;
}
.sideblock h3 {
color: black;
font-size: 14pt;
height: 30px;
margin-bottom: 0;
padding-bottom: 0;
padding-top: 0.2em;
position: relative;
text-shadow: 0 1px 1px #999999;
}
.neighbour {
border: 1px solid black;
height: 64px;
margin: 5px;
width: 64px;
}
#neighbours {
margin-left: 1.5em;
margin-right: 1.5em;
text-align: center;
}
#player-container {
float: right;
margin: 1em 2em 1em 1em;
text-align: right;
width: 340px;
}
#playerproblems {
text-align: justify;
}
#player > #interface {
border: 1px solid black;
border-radius: 8px 8px 8px 8px;
color: white;
display: none;
padding: 10px 10px 0;
text-align: left;
width: 320px;
}
#player > #interface > #p_buttons a {
opacity: 0.5;
}
#player > #interface > #progress {
text-align: right;
}
#player > #interface > #trackinfo {
background: none repeat scroll 0 0 white;
border: 1px solid black;
border-radius: 8px 8px 8px 8px;
color: black;
margin-bottom: 5px;
overflow: hidden;
padding: 3px 5px;
}
#player > #interface > #trackinfo > #playlist {
display: none;
}
#showplaylist {
float: right;
margin-top: 2px;
}
#hideplaylist {
display: none;
float: right;
margin-top: 2px;
}
#scrobbled {
display: none;
float: left;
}
#volume-box {
font-size: 8px;
margin-bottom: 1em;
padding: 0;
}
.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
background: none repeat scroll 0 0 transparent;
border: 1px solid #AAAAAA;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-corner-all {
border-radius: 4px 4px 4px 4px;
}
.ui-progressbar {
height: 11px;
text-align: left;
}
.ui-progressbar .ui-progressbar-value {
height: 100%;
}
.ui-progressbar-value {
background-image: url("../img/player/pbar-ani.gif");
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
cursor: default;
height: 1.2em;
position: absolute;
width: 1.2em;
z-index: 2;
}
.ui-slider .ui-slider-range {
background-position: 0 0;
border: 0 none;
display: block;
font-size: 0.7em;
position: absolute;
z-index: 1;
}
.ui-slider-horizontal {
background: none repeat scroll 0 0 white;
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
background: none repeat scroll 0 0 #F57900;
margin-left: -0.6em;
top: -0.3em;
}
.ui-slider-horizontal .ui-slider-range {
height: 100%;
top: 0;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
height: 100px;
width: 0.8em;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-bottom: -0.6em;
margin-left: 0;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
#submenu a:hover {
border-bottom: 1px solid;
}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}
\ No newline at end of file
/*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
position: relative;
color: #666666;
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
/* height: 300px;
width: 400px;*/
}
/*rules applied to all axes*/
.jqplot-axis {
font-size: 0.75em;
}
.jqplot-xaxis {
margin-top: 10px;
}
.jqplot-x2axis {
margin-bottom: 10px;
}
.jqplot-yaxis {
margin-right: 10px;
}
.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis {
margin-left: 10px;
margin-right: 10px;
}
/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
position: absolute;
}
.jqplot-xaxis-tick {
top: 0px;
/* initial position untill tick is drawn in proper place */
left: 15px;
/* padding-top: 10px;*/
vertical-align: top;
}
.jqplot-x2axis-tick {
bottom: 0px;
/* initial position untill tick is drawn in proper place */
left: 15px;
/* padding-bottom: 10px;*/
vertical-align: bottom;
}
.jqplot-yaxis-tick {
right: 0px;
/* initial position untill tick is drawn in proper place */
top: 15px;
/* padding-right: 10px;*/
text-align: right;
}
.jqplot-yaxis-tick.jqplot-breakTick {
right: -20px;
margin-right: 0px;
padding:1px 5px 1px 5px;
/* background-color: white;*/
z-index: 2;
font-size: 1.5em;
}
.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
left: 0px;
/* initial position untill tick is drawn in proper place */
top: 15px;
/* padding-left: 10px;*/
/* padding-right: 15px;*/
text-align: left;
}
.jqplot-meterGauge-tick {
font-size: 0.75em;
color: #999999;
}
.jqplot-meterGauge-label {
font-size: 1em;
color: #999999;
}
.jqplot-xaxis-label {
margin-top: 10px;
font-size: 11pt;
position: absolute;
}
.jqplot-x2axis-label {
margin-bottom: 10px;
font-size: 11pt;
position: absolute;
}
.jqplot-yaxis-label {
margin-right: 10px;
/* text-align: center;*/
font-size: 11pt;
position: absolute;
}
.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/* text-align: center;*/
font-size: 11pt;
position: absolute;