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.
180 lines
5.0 KiB
180 lines
5.0 KiB
/*
|
|
* CSS styleshet for the "subStandard" theme.
|
|
*
|
|
* Author: Dan Eriksen (dan.o.eriksen[at]gmail.com)
|
|
*
|
|
* Icons used are released under a Creative Commons Attribution-Share Alike license
|
|
* Heading icons are part of the TWG Retina Icon pack created by Alex Shutin (http://blog.twg.ca/2010/11/retina-display-icon-set/twg_retina_icons/) and are slightly altered by author.
|
|
*/
|
|
|
|
@import "default.css";
|
|
|
|
|
|
/* Theme colour.*/
|
|
.mainframe, .bgcolor1, .bgcolor2, .ruleTableHeader, .rightframe, .topframe, .leftframe, .playlistframe, .log, table.music tr:nth-of-type(odd), table.music tr:nth-of-type(even) {
|
|
background-color: #AEAEAE;
|
|
}
|
|
|
|
|
|
/* Text colour used for h1, h2, b, tr, details and albumcomments. */
|
|
h1, h2, b, tr, .detail, .albumComment {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Bold headers top frame. */
|
|
.topframe {
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* Force text color left frame. */
|
|
.leftframe {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Table sizing */
|
|
table {
|
|
font-size: 100%;
|
|
line-height: 130%;
|
|
padding: 0;
|
|
border: 0;
|
|
margin: 0 0 0 0;
|
|
}
|
|
|
|
/* Main frame image. */
|
|
.mainframe {
|
|
background-image:url( "../icons/subStandard/background_main.png" );
|
|
background-repeat:no-repeat;
|
|
background-attachment:fixed;
|
|
background-position:right;
|
|
}
|
|
|
|
|
|
/* Back image. */
|
|
.back {
|
|
background-image:url( "../icons/subStandard/back.png" );
|
|
}
|
|
|
|
/* Forward image. */
|
|
.forward {
|
|
background-image:url( "../icons/subStandard/forward.png" );
|
|
}
|
|
|
|
/* Links. */
|
|
a:link, a:active, a:visited, a:link *, a:active *, a:visited * {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/* Link hovers. */
|
|
a:hover, a:hover * {
|
|
text-shadow: 0.1em 0.1em 0.2em grey;
|
|
text-decoration: none;
|
|
color: #FFDA23;
|
|
}
|
|
|
|
/* Warning messages. */
|
|
.warning {
|
|
color: #AA1F15;
|
|
}
|
|
|
|
/* Selected Headers. */
|
|
.headerSelected {
|
|
color: #FFDA23;
|
|
text-shadow: 0.1em 0.1em 0.2em grey;
|
|
background-color: transparent;
|
|
border: 0px
|
|
}
|
|
|
|
/* 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;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* The help, status & web payer settings tables. */
|
|
.ruleTableHeader, .ruleTableCell {
|
|
margin: 5px;
|
|
padding: 5px;
|
|
}
|
|
/* Simple white border. */
|
|
.border1, .ruleTableHeader, .ruleTableCell, .log {
|
|
border: 1px solid white;
|
|
}
|
|
|
|
|
|
/* Web-Kit Scrollbars (Chrome / Safari). */
|
|
::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 8px;
|
|
background: #AEAEAE;
|
|
}
|
|
::-webkit-scrollbar-thumb:vertical {
|
|
background: #FFFFFF;
|
|
-webkit-border-radius: 1ex;
|
|
-webkit-box-shadow: inset 1px 2px #959595;
|
|
}
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
background: #FFFFFF;
|
|
-webkit-border-radius: 1ex;
|
|
-webkit-box-shadow: inset 1px 2px #959595;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background: #AEAEAE;
|
|
}
|
|
::-webkit-scrollbar-button {
|
|
display:none;
|
|
background:
|
|
-webkit-gradient(
|
|
linear,
|
|
0 0,
|
|
100% 0,
|
|
from(#464646),
|
|
to(#383838)
|
|
);
|
|
-webkit-border-radius: 6px;
|
|
border: 3px solid #cccccc;
|
|
-webkit-background-clip: padding-box;
|
|
}
|
|
::-webkit-scrollbar-track-piece:horizontal{
|
|
background: none;
|
|
-webkit-box-shadow:none;
|
|
}
|
|
::-webkit-scrollbar:horizontal{
|
|
height: 16px;
|
|
}
|
|
::-webkit-scrollbar-thumb:horizontal{
|
|
height: 12px;
|
|
-webkit-border-radius:12px;
|
|
background:
|
|
-webkit-gradient(
|
|
linear,
|
|
0 0,
|
|
0 100%,
|
|
from(rgba(0,0,0,0.1)),
|
|
to(rgba(0,0,0,0.25))
|
|
);
|
|
border: 6px solid transparent;
|
|
-webkit-background-clip: padding-box;
|
|
|
|
}
|
|
::-webkit-scrollbar-button:vertical:decrement {
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
|
|
background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
|
|
background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
|
|
}
|
|
::-webkit-scrollbar-button:vertical:increment {
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
|
|
background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
|
|
background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;
|
|
-webkit-border-radius: 0 0 6px 0;
|
|
} |