You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.2 KiB
103 lines
2.2 KiB
/*
|
|
* CSS styleshet for the "Groove" theme.
|
|
*
|
|
* Author: Thomas Bruce Dyrud (thomasbrucedyrud[at]gmail.com)
|
|
*
|
|
* Moified version of the "Cool and Clean" and "Monochrome Black" themes.
|
|
* (Cool and Clean created by: Dan Eriksen - dan.o.eriksen[at]gmail.com )
|
|
* (Monochrome Black created by: David D - ddavis1[at]gmail.com )
|
|
*
|
|
*
|
|
* Icons used are released under Creative Commons.
|
|
* Heading icons: (http://toffeenut.deviantart.com/art/Black-Neon-Agua-iPhone-Theme-85452072)
|
|
* Main theme icon part of itunes icon pack created by Michael Flarup (http://pixelresort.com)
|
|
*/
|
|
|
|
@import "default-without-mediaelement.css";
|
|
@import "mediaelement-dark.css";
|
|
|
|
/* The primary background colour. */
|
|
.bgcolor1, table.music tr:nth-of-type(even) {
|
|
background-color: #222;
|
|
}
|
|
|
|
/* The secondary background colour, light blue, primary theme colour. */
|
|
.bgcolor2, .ruleTableHeader, .log, table.music tr:nth-of-type(odd) {
|
|
background-color: #222;
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
|
|
/* Background colour for selected header, log etc. */
|
|
.headerSelected {
|
|
color: #FFFFFF;
|
|
background-color: #222;
|
|
border: 1px solid #eee;
|
|
}
|
|
|
|
|
|
/* The secondary foreground colour used for h1, details etc. */
|
|
h1, .detail, .albumComment {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Foreground colour used for h2, bold and tr. */
|
|
h2, b, tr {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Table sizing */
|
|
table {
|
|
margin: 0 0 0 0;
|
|
}
|
|
|
|
/* Main frame image & colour */
|
|
.mainframe {
|
|
background-image:url( "../icons/groove/background_main.png" );
|
|
background-repeat:no-repeat;
|
|
background-attachment:fixed;
|
|
background-color: #222;
|
|
background-position:right;
|
|
}
|
|
|
|
|
|
/* Back image */
|
|
.back {
|
|
background-image:url( "../icons/groove/back.png" );
|
|
}
|
|
|
|
/* Forward image */
|
|
.forward {
|
|
background-image:url( "../icons/groove/forward.png" );
|
|
}
|
|
|
|
|
|
/* Link colour */
|
|
a:link, a:active, a:visited, a:link *, a:active *, a:visited * {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Link hover colour */
|
|
a:hover, a:hover * {
|
|
text-decoration: underline;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Colour for warning messages. */
|
|
.warning {
|
|
color: #990099;
|
|
}
|
|
|
|
/* The primary foreground colour. */
|
|
body {
|
|
color: #FFFFFF;
|
|
background-color: #DDDDDD;
|
|
}
|
|
|
|
html {
|
|
background-color: transparent;
|
|
}
|
|
|
|
label, p {
|
|
color: #CCC;
|
|
}
|
|
|