aboutsummaryrefslogtreecommitdiff
path: root/subsonic-main/src/main/webapp/style/coolandclean.css
diff options
context:
space:
mode:
Diffstat (limited to 'subsonic-main/src/main/webapp/style/coolandclean.css')
-rw-r--r--subsonic-main/src/main/webapp/style/coolandclean.css116
1 files changed, 116 insertions, 0 deletions
diff --git a/subsonic-main/src/main/webapp/style/coolandclean.css b/subsonic-main/src/main/webapp/style/coolandclean.css
new file mode 100644
index 00000000..0786b15b
--- /dev/null
+++ b/subsonic-main/src/main/webapp/style/coolandclean.css
@@ -0,0 +1,116 @@
+/*
+ * CSS styleshet for the "Cool and Clean" theme.
+ *
+ * Author: Dan Eriksen (dan.o.eriksen[at]gmail.com)
+ *
+ * Icons used are released under Creative Commons.
+ * Heading icons are part of the Albook icon pack created by Laurent Baumann (http://lbaumann.com/)
+ * Main theme icon part of itunes icon pack created by Michael Flarup (http://pixelresort.com)
+ */
+
+@import "default.css";
+
+/* The primary background colour, light gray. Images used to force background on left frame headings and playlist. */
+.bgcolor1 {
+ background-image:url( "../icons/coolandclean/list_heading.png" );
+ background-repeat:repeat;
+ background-color: #F7F7F7;
+}
+
+/* The secondary background colour, light blue, primary theme colour. */
+.bgcolor2, .ruleTableHeader, .log {
+ background-color: #D1D9E1;
+}
+
+/* Background for selected headers. */
+.headerSelected {
+ background-image:url( "../icons/coolandclean/home_hover.png" );
+ background-repeat:repeat;
+ color: #333333;
+}
+
+
+/* Foreground colour used for h1, h2, b, tr, details and albumcomments. */
+h1, h2, b, tr, .detail, .albumComment {
+ color: #333333;
+}
+
+/* Table sizing */
+table {
+ font-size: 100%;
+ line-height: 130%;
+ padding: 0;
+ border: 0;
+ margin: 0 0 0 0;
+}
+
+/* Main frame image & colour */
+.mainframe {
+ background-image:url( "../icons/coolandclean/background_main.png" );
+ background-repeat:no-repeat;
+ background-attachment:fixed;
+ background-color: #D1D9E1;
+ background-position:right;
+}
+
+/* Right frame background. */
+.rightframe {
+ background-color: #D1D9E1;
+ background-image:none;
+}
+
+/* Back image */
+.back {
+ background-image:url( "../icons/coolandclean/back.png" );
+}
+
+/* Forward image */
+.forward {
+ background-image:url( "../icons/coolandclean/forward.png" );
+}
+
+/* Link colour */
+a:link, a:active, a:visited, a:link *, a:active *, a:visited * {
+ color: #656569;
+}
+
+/* Link hover colour */
+a:hover, a:hover * {
+ text-decoration: none;
+ color: #333333;
+}
+
+/* Colour for warning messages. */
+.warning {
+ color: #AA1F15;
+}
+
+/* The primary foreground colour. */
+body {
+ background-color: #D1D9E1;
+ scrollbar-arrow-color: #636363;
+ scrollbar-track-color: #D1D9E1;
+}
+
+/* The album comments. */
+.albumComment {
+ width: 50em;
+ font-size: 8pt;
+ line-height: 1.4em;
+ padding-top: 0.25em;
+}
+
+/* The log. */
+.log {
+ font-weight: bold;
+ white-space: nowrap;
+ font-size: 8pt;
+ line-height: 1em;
+}
+
+/* The help, status & web payer settings tables. */
+.ruleTableHeader, .ruleTableCell {
+ margin: 5px;
+ padding: 5px;
+}
+