- Add skins directory structure,

- Add skin black example (default.css and sprites css).
This commit is contained in:
agibert 2015-12-16 23:27:14 +00:00
parent 8e5a746fc2
commit 852d9f37da
3 changed files with 2552 additions and 0 deletions

1781
html/skins/black/default.css Normal file

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,29 @@
/* glue: 0.11.1 hash: 9c5b34e88f */
/* LMBrowser Template 1.0 */
.sprite-title_line-m,
.sprite-menu-bg,
.sprite-bottom_line-m {
background-image: url('/skins/black/images/sprites-rep.png');
background-repeat: repeat-x;
background-attachment: scroll;
margin: auto;
}
.sprite-title_line-m {
background-position: 0 0;
width: 10px;
height: 70px;
}
.sprite-menu-bg {
background-position: 0 -70px;
width: 10px;
height: 20px;
}
.sprite-bottom_line-m {
background-position: 0 -90px;
width: 10px;
height: 20px;
}

View File

@ -0,0 +1,742 @@
/* glue: 0.11.1 hash: ea118dad0e */
/* LMBrowser Template 1.0 */
.sprite-lm-logo2-border-220,
.sprite-lm-logo1-border-220,
.sprite-tab-history-r,
.sprite-tab-history-l,
.sprite-tab-twitter-r,
.sprite-tab-twitter-l,
.sprite-tab-covers-r,
.sprite-tab-covers-l,
.sprite-tab-tracks-r,
.sprite-tab-tracks-l,
.sprite-tab-extras-r,
.sprite-tab-extras-l,
.sprite-tab-oldies-r,
.sprite-tab-oldies-l,
.sprite-tab-videos-r,
.sprite-tab-videos-l,
.sprite-tab-lyrics-r,
.sprite-tab-lyrics-l,
.sprite-tab-welcome-r,
.sprite-tab-welcome-l,
.sprite-tab-about-r,
.sprite-tab-about-l,
.sprite-border-right,
.sprite-tab-news-r,
.sprite-tab-news-l,
.sprite-tab-info-r,
.sprite-tab-info-l,
.sprite-menu-home_page-on:hover,
.sprite-menu-home_page-on,
.sprite-menu-home_page-off,
.sprite-menu-discography-on:hover,
.sprite-menu-discography-on,
.sprite-menu-discography-off,
.sprite-menu-about-on:hover,
.sprite-menu-about-on,
.sprite-menu-about-off,
.sprite-border-top,
.sprite-border-left,
.sprite-border-bottom,
.sprite-unknown-cover-96,
.sprite-lm-logo2-96,
.sprite-lm-logo1-96,
.sprite-button-rx3-on:hover,
.sprite-button-rx3-on,
.sprite-button-donate,
.sprite-title_line-r,
.sprite-title_line-l,
.sprite-bottom_line-r,
.sprite-bottom_line-l,
.sprite-border-top-right,
.sprite-border-top-left,
.sprite-border-bottom-right,
.sprite-border-bottom-left,
.sprite-tab-lp-r,
.sprite-tab-lp-l,
.sprite-tab-ep-r,
.sprite-tab-ep-l,
.sprite-button-w3c-rss-on:hover,
.sprite-button-w3c-rss-on,
.sprite-button-w3c-html-on:hover,
.sprite-button-w3c-html-on,
.sprite-button-w3c-css-on:hover,
.sprite-button-w3c-css-on,
.sprite-button-stats-on:hover,
.sprite-button-stats-on,
.sprite-button-safe_creative-on:hover,
.sprite-button-safe_creative-on,
.sprite-button-rss-on:hover,
.sprite-button-rss-on,
.sprite-button-logout-on:hover,
.sprite-button-logout-on,
.sprite-button-login-on:hover,
.sprite-button-login-on,
.sprite-menu-end,
.sprite-menu-begin,
.sprite-icon-zynaddsubfx-16x16,
.sprite-icon-xsynth-16x16,
.sprite-icon-wsynth-16x16,
.sprite-icon-whysynth-16x16,
.sprite-icon-vintagesynth-16x16,
.sprite-icon-twitter-16x16,
.sprite-icon-safecreative-16x16,
.sprite-icon-rosegarden-16x16,
.sprite-icon-povray-16x16,
.sprite-icon-phasex-16x16,
.sprite-icon-obligement-16x16,
.sprite-icon-myspace_old-16x16,
.sprite-icon-myspace-16x16,
.sprite-icon-med-16x16,
.sprite-icon-linuxsampler-16x16,
.sprite-icon-lastfm-16x16,
.sprite-icon-jannepikkarainen-16x16,
.sprite-icon-hexter-16x16,
.sprite-icon-gplus-16x16,
.sprite-icon-gimp-16x16,
.sprite-icon-facebook-16x16,
.sprite-icon-dssi-16x16,
.sprite-icon-dpaint-16x16,
.sprite-icon-distrho-16x16,
.sprite-icon-digikam-16x16,
.sprite-icon-calf-16x16,
.sprite-icon-audacity-16x16,
.sprite-icon-ardour-16x16,
.sprite-icon-ams-16x16,
.sprite-icon-amigafuture-16x16 {
background-image: url('/skins/black/images/sprites.png');
background-repeat: no-repeat;
margin: auto;
}
.sprite-lm-logo2-border-220 {
background-position: 0 0;
width: 220px;
height: 220px;
}
.sprite-lm-logo1-border-220 {
background-position: -220px 0;
width: 220px;
height: 220px;
}
.sprite-tab-history-r {
background-position: 0 -220px;
width: 56px;
height: 219px;
}
.sprite-tab-history-l {
background-position: -56px -220px;
width: 56px;
height: 219px;
}
.sprite-tab-twitter-r {
background-position: -112px -220px;
width: 57px;
height: 212px;
}
.sprite-tab-twitter-l {
background-position: -169px -220px;
width: 57px;
height: 212px;
}
.sprite-tab-covers-r {
background-position: -226px -220px;
width: 56px;
height: 207px;
}
.sprite-tab-covers-l {
background-position: -282px -220px;
width: 56px;
height: 207px;
}
.sprite-tab-tracks-r {
background-position: -338px -220px;
width: 56px;
height: 202px;
}
.sprite-tab-tracks-l {
background-position: -440px 0;
width: 56px;
height: 202px;
}
.sprite-tab-extras-r {
background-position: -440px -202px;
width: 56px;
height: 202px;
}
.sprite-tab-extras-l {
background-position: -496px 0;
width: 56px;
height: 202px;
}
.sprite-tab-oldies-r {
background-position: -496px -202px;
width: 56px;
height: 191px;
}
.sprite-tab-oldies-l {
background-position: -552px 0;
width: 56px;
height: 191px;
}
.sprite-tab-videos-r {
background-position: -552px -191px;
width: 56px;
height: 189px;
}
.sprite-tab-videos-l {
background-position: -608px 0;
width: 56px;
height: 189px;
}
.sprite-tab-lyrics-r {
background-position: -608px -189px;
width: 56px;
height: 188px;
}
.sprite-tab-lyrics-l {
background-position: 0 -439px;
width: 56px;
height: 188px;
}
.sprite-tab-welcome-r {
background-position: -394px -220px;
width: 43px;
height: 184px;
}
.sprite-tab-welcome-l {
background-position: -56px -439px;
width: 43px;
height: 184px;
}
.sprite-tab-about-r {
background-position: -99px -439px;
width: 56px;
height: 169px;
}
.sprite-tab-about-l {
background-position: -155px -439px;
width: 56px;
height: 169px;
}
.sprite-border-right {
background-position: -211px -439px;
width: 35px;
height: 140px;
}
.sprite-tab-news-r {
background-position: -246px -439px;
width: 56px;
height: 138px;
}
.sprite-tab-news-l {
background-position: -302px -439px;
width: 56px;
height: 138px;
}
.sprite-tab-info-r {
background-position: -358px -439px;
width: 56px;
height: 138px;
}
.sprite-tab-info-l {
background-position: -414px -439px;
width: 56px;
height: 138px;
}
.sprite-menu-home_page-on:hover {
background-position: -470px -439px;
width: 128px;
height: 20px;
}
.sprite-menu-home_page-on {
background-position: -470px -459px;
width: 128px;
height: 20px;
}
.sprite-menu-home_page-off {
background-position: -470px -479px;
width: 128px;
height: 20px;
}
.sprite-menu-discography-on:hover {
background-position: -470px -499px;
width: 128px;
height: 20px;
}
.sprite-menu-discography-on {
background-position: -470px -519px;
width: 128px;
height: 20px;
}
.sprite-menu-discography-off {
background-position: -470px -539px;
width: 128px;
height: 20px;
}
.sprite-menu-about-on:hover {
background-position: -211px -579px;
width: 128px;
height: 20px;
}
.sprite-menu-about-on {
background-position: -339px -579px;
width: 128px;
height: 20px;
}
.sprite-menu-about-off {
background-position: -467px -579px;
width: 128px;
height: 20px;
}
.sprite-border-top {
background-position: 0 -627px;
width: 128px;
height: 35px;
}
.sprite-border-left {
background-position: -664px 0;
width: 35px;
height: 128px;
}
.sprite-border-bottom {
background-position: -128px -627px;
width: 128px;
height: 35px;
}
.sprite-unknown-cover-96 {
background-position: -699px 0;
width: 96px;
height: 96px;
}
.sprite-lm-logo2-96 {
background-position: -699px -96px;
width: 96px;
height: 96px;
}
.sprite-lm-logo1-96 {
background-position: -699px -192px;
width: 96px;
height: 96px;
}
.sprite-button-rx3-on:hover {
background-position: -699px -288px;
width: 96px;
height: 26px;
}
.sprite-button-rx3-on {
background-position: -699px -314px;
width: 96px;
height: 26px;
}
.sprite-button-donate {
background-position: -699px -340px;
width: 74px;
height: 21px;
}
.sprite-title_line-r {
background-position: -699px -361px;
width: 70px;
height: 70px;
}
.sprite-title_line-l {
background-position: -699px -431px;
width: 70px;
height: 70px;
}
.sprite-bottom_line-r {
background-position: -699px -501px;
width: 70px;
height: 20px;
}
.sprite-bottom_line-l {
background-position: -699px -521px;
width: 70px;
height: 20px;
}
.sprite-border-top-right {
background-position: -699px -541px;
width: 70px;
height: 70px;
}
.sprite-border-top-left {
background-position: 0 -662px;
width: 70px;
height: 70px;
}
.sprite-border-bottom-right {
background-position: -70px -662px;
width: 70px;
height: 70px;
}
.sprite-border-bottom-left {
background-position: -140px -662px;
width: 70px;
height: 70px;
}
.sprite-tab-lp-r {
background-position: -210px -662px;
width: 56px;
height: 69px;
}
.sprite-tab-lp-l {
background-position: -266px -662px;
width: 56px;
height: 69px;
}
.sprite-tab-ep-r {
background-position: -322px -662px;
width: 56px;
height: 69px;
}
.sprite-tab-ep-l {
background-position: -378px -662px;
width: 56px;
height: 69px;
}
.sprite-button-w3c-rss-on:hover {
background-position: -699px -611px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-rss-on {
background-position: -731px -611px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-html-on:hover {
background-position: -763px -611px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-html-on {
background-position: -664px -128px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-css-on:hover {
background-position: -664px -154px;
width: 32px;
height: 26px;
}
.sprite-button-w3c-css-on {
background-position: -664px -180px;
width: 32px;
height: 26px;
}
.sprite-button-stats-on:hover {
background-position: -664px -206px;
width: 32px;
height: 26px;
}
.sprite-button-stats-on {
background-position: -664px -232px;
width: 32px;
height: 26px;
}
.sprite-button-safe_creative-on:hover {
background-position: -664px -258px;
width: 32px;
height: 26px;
}
.sprite-button-safe_creative-on {
background-position: -664px -284px;
width: 32px;
height: 26px;
}
.sprite-button-rss-on:hover {
background-position: -664px -310px;
width: 32px;
height: 26px;
}
.sprite-button-rss-on {
background-position: -664px -336px;
width: 32px;
height: 26px;
}
.sprite-button-logout-on:hover {
background-position: -664px -362px;
width: 32px;
height: 26px;
}
.sprite-button-logout-on {
background-position: -664px -388px;
width: 32px;
height: 26px;
}
.sprite-button-login-on:hover {
background-position: -664px -414px;
width: 32px;
height: 26px;
}
.sprite-button-login-on {
background-position: -664px -440px;
width: 32px;
height: 26px;
}
.sprite-menu-end {
background-position: -773px -340px;
width: 16px;
height: 20px;
}
.sprite-menu-begin {
background-position: -769px -361px;
width: 16px;
height: 20px;
}
.sprite-icon-zynaddsubfx-16x16 {
background-position: -769px -381px;
width: 16px;
height: 16px;
}
.sprite-icon-xsynth-16x16 {
background-position: -769px -397px;
width: 16px;
height: 16px;
}
.sprite-icon-wsynth-16x16 {
background-position: -769px -413px;
width: 16px;
height: 16px;
}
.sprite-icon-whysynth-16x16 {
background-position: -769px -431px;
width: 16px;
height: 16px;
}
.sprite-icon-vintagesynth-16x16 {
background-position: -769px -447px;
width: 16px;
height: 16px;
}
.sprite-icon-twitter-16x16 {
background-position: -769px -463px;
width: 16px;
height: 16px;
}
.sprite-icon-safecreative-16x16 {
background-position: -769px -479px;
width: 16px;
height: 16px;
}
.sprite-icon-rosegarden-16x16 {
background-position: -769px -501px;
width: 16px;
height: 16px;
}
.sprite-icon-povray-16x16 {
background-position: -769px -521px;
width: 16px;
height: 16px;
}
.sprite-icon-phasex-16x16 {
background-position: -769px -541px;
width: 16px;
height: 16px;
}
.sprite-icon-obligement-16x16 {
background-position: -769px -557px;
width: 16px;
height: 16px;
}
.sprite-icon-myspace_old-16x16 {
background-position: -769px -573px;
width: 16px;
height: 16px;
}
.sprite-icon-myspace-16x16 {
background-position: -769px -589px;
width: 16px;
height: 16px;
}
.sprite-icon-med-16x16 {
background-position: -699px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-linuxsampler-16x16 {
background-position: -715px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-lastfm-16x16 {
background-position: -731px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-jannepikkarainen-16x16 {
background-position: -747px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-hexter-16x16 {
background-position: -763px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-gplus-16x16 {
background-position: -779px -637px;
width: 16px;
height: 16px;
}
.sprite-icon-gimp-16x16 {
background-position: -664px -466px;
width: 16px;
height: 16px;
}
.sprite-icon-facebook-16x16 {
background-position: -680px -466px;
width: 16px;
height: 16px;
}
.sprite-icon-dssi-16x16 {
background-position: -664px -482px;
width: 16px;
height: 16px;
}
.sprite-icon-dpaint-16x16 {
background-position: -680px -482px;
width: 16px;
height: 16px;
}
.sprite-icon-distrho-16x16 {
background-position: -664px -498px;
width: 16px;
height: 16px;
}
.sprite-icon-digikam-16x16 {
background-position: -680px -498px;
width: 16px;
height: 16px;
}
.sprite-icon-calf-16x16 {
background-position: -664px -514px;
width: 16px;
height: 16px;
}
.sprite-icon-audacity-16x16 {
background-position: -680px -514px;
width: 16px;
height: 16px;
}
.sprite-icon-ardour-16x16 {
background-position: -664px -530px;
width: 16px;
height: 16px;
}
.sprite-icon-ams-16x16 {
background-position: -680px -530px;
width: 16px;
height: 16px;
}
.sprite-icon-amigafuture-16x16 {
background-position: -664px -546px;
width: 16px;
height: 16px;
}