1 files changed, 345 insertions, 0 deletions
diff --git a/subsonic-site/src/main/webapp/inc/css/style.css b/subsonic-site/src/main/webapp/inc/css/style.css
new file mode 100644
index 00000000..ab5435ba
--- /dev/null
+++ b/subsonic-site/src/main/webapp/inc/css/style.css
@@ -0,0 +1,345 @@
+*,h1,h2,h3,h4,h5,h6,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}
+body {
+	width: 100%;
+	margin: 0;
+	padding: 0 0 20px 0;
+    background: #fff url('../img/content-bg.gif') 0px 0px repeat-x;
+	font-size: 0.8em;
+	color: #444;
+	font-family: Arial, Helvetica, sans-serif;
+}
+.clear { clear: both; }
+.hide { display: none; }
+p { margin: 0.2em 0 1em 0; }
+hr { display: none; }
+a img {
+	border: none;
+}
+a {
+	color: #4275bc;
+	text-decoration: none;
+}
+a:hover {
+	color: #060c36;
+	text-decoration: underline;
+}
+.floatcontainer {
+	overflow: hidden;
+	width: 100%;
+}
+h1 {
+	font-size: 18px;
+	color: #060c36;
+	font-weight: bold;
+	padding: 0 0 6px 0;
+}
+h2 {
+	font-size: 14px;
+	color: #060c36;
+	font-weight: bold;
+	padding: 0 0 4px 0;
+}
+h2.div {
+	border-bottom: 1px solid #ccc;
+	margin-bottom: 10px;
+}
+h3 {
+	font-size: 13px;
+	color: #060c36;
+	font-weight: bold;
+	padding: 0 0 2px 0;
+}
+h4 {
+	font-size: 11px;
+	color: #060c36;
+	font-weight: normal;
+	text-transform: uppercase;
+}
+/* ---------- List Items ---------- */
+html>body #content ul.list {
+	list-style: none;
+	text-indent: -1em;
+}
+#content ul {
+	margin: 0 0 1em 0;
+	padding: 0 0 0 1em;
+}
+#content ul.list li {
+	padding: 4px 0 4px 0;
+	margin: 0 0 0 0.25em;
+}
+#content ul.list li:before {	/* Show right angle quotes to cool browsers */
+	content: "\00BB \0020";
+}
+ol {
+	margin: 0 0 .8em 1em;
+	padding-left: 2em;
+}
+#content ol li {
+	margin-bottom: 1.6em;
+}
+#content ul.stars {
+	list-style: none;
+	margin: 0px;
+	padding: 0px;
+}
+#content ul.stars li {
+	background: url('../img/star.png') 0px 0px no-repeat;
+	padding: 0 10px 8px 20px;
+	margin: 0px;
+	list-style: none;
+}
+#content ul.stars li:before {
+	content: "";
+}
+#container {
+	width: 900px;
+	margin: 0 auto;
+	padding-top: 106px;
+	position: relative;
+}
+#logo {
+	position: absolute;
+	left: -40px;
+	top: 0;
+	z-index: 99;
+}
+#content {
+	width: 898px;
+	background: #fff url('../img/content-bg.gif') 0px 0px repeat-x;
+    border: 1px solid #cbcedc;
+	line-height: 1.4em;
+}
+#main-col {
+	width: 600px;
+	padding: 15px 20px 15px 20px;
+	float: left;
+}
+#side-col {
+	margin: 20px 0 0 0;
+	width: 240px;
+	float: left;
+}
+#side-col .sidebox {
+	margin: 0 0 20px 0;
+	padding: 10px;
+	border: 1px solid #cbcedc;
+	background-color: #e6e7ee;
+}
+#wide-col {
+	padding: 15px 20px 15px 20px;
+}
+/* ---------- Nav ----------- */
+#nav {
+	background: url('../img/topnav.gif') top left no-repeat;
+	height: 39px;
+	width: 900px;
+	position: relative;
+	overflow: hidden;
+}
+#nav ul {
+	margin: 0;
+	padding: 0;
+	list-style-image: none;
+	list-style: none;
+}
+#nav li {
+	margin: 0;
+	padding: 0;
+	float: left;
+}
+#nav li a {
+	background: url('../img/topnav-hover.gif') 0px 99px repeat-x;
+	height: 39px;
+	color: #7281b3;
+	text-decoration: none;
+	display: block;
+	font-size: 14px;
+	overflow: hidden;
+	float: left;
+	cursor: pointer;
+}
+#nav li a span {
+	display: block;
+	float: left;
+	padding: 12px 11px 12px 11px; /* Change for narrower menu items. */
+	background: url('../img/topnav-div.gif') right 1px no-repeat;
+}
+#nav li a:hover, #nav li a.active {
+	background: url('../img/topnav-hover.gif') 0px 1px repeat-x;
+	color: #a9b3d6;
+}
+#nav li#menu-home a:hover, #nav li#menu-home a.active {
+	background: url('../img/home-rollover.gif') 1px 1px no-repeat;
+	color: #a9b3d6;
+}
+/* ---------- Menu Visibility ---------- */
+#nav li a.open {
+	background: url('../img/topnav-hover.gif') 0px -49px repeat-x !important;
+	color: #ffffff !important;
+}
+#nav li#menu-home a.open {
+	background: url('../img/home-rollover.gif') 1px -49px no-repeat !important;
+	color: #ffffff !important;
+}
+/* ---------- Footer ----------- */
+#footer {
+	width: 900px;
+	background: url('../img/footer.gif') bottom left no-repeat;
+	border-top: 1px solid #383d5e;
+	color: #7281B3;
+	font-size: 11px;
+}
+#footer .footercontent {
+	padding: 10px;
+}
+#footer a {
+	text-decoration: none;
+	color: #9ea9ce;
+}
+#footer a:hover {
+	color: #fff;
+}
+/* ---------- Content Formatting ---------- */
+.column-left {
+	float: left;
+	width: 50%;
+}
+.column-right {
+	float: right;
+	width: 50%;
+}
+ul.column-right, ul.column-left {
+	margin: 0;
+	padding: 0;
+}
+/* ---------- Feature Table ----------- */
+tr.table-heading {
+	background: url('../img/header.gif') 0px 0px no-repeat;
+	color: #fff;
+	font-weight: bold;
+	line-height: normal;
+}
+tr.table-heading th {
+	padding: 6px 10px 6px 10px;
+}
+th.featurename {
+	text-align: left !important;
+}
+tr.table-altrow {
+	background: #f1f2f8;
+}
+table.featuretable td {
+	padding: 6px 10px 6px 10px;
+	text-align: center;
+}
+table.featuretable th a{
+    color: #cccccc;
+}
+table.featuretable {
+	padding: 6px 4px;
+}
+table.featuretable td.meta {
+	padding: 0px;
+}
+td.featurename {
+	text-align: left !important;
+    width: 50%;
+}
+.important {
+	color: #911;
+	font-weight: bold;
+}
+
+/* ---------- Transcoding Table ----------- */
+th.transcoding-heading {
+    text-align: left !important;
+    padding-right:2em;
+}
+td.transcoding {
+    white-space:nowrap;
+    padding-right:2em;
+}
+
+/* ---------- API Parameter Table ----------- */
+th.param-heading {
+    font-size:11px;
+}
+
+/* ---------- Feature Detail ----------- */
+.featureitem {
+	background: #f1f2f8;
+	margin-bottom: 20px;
+}
+.featureitem .heading {
+	background: url('../img/header.gif') 0px 0px no-repeat;
+	color: #fff;
+	font-weight: bold;
+	padding: 6px 10px 6px 10px;
+	position: relative;
+}
+.featureitem .content {
+	overflow: hidden;
+	width: 100%;
+	background: url('../img/itemcontentborder.gif') top left repeat-y;
+	border-bottom: 1px solid #CBCEDC;
+}
+.featureitem .content .description {
+	margin-right: 190px;
+	padding: 10px 0 10px 10px;
+}
+.featureitem .content .wide-description {
+	padding: 10px;
+}
+.featureitem .content .wide-content {
+	padding: 10px;
+}
+.featureitem .content .screenshot {
+	float: right;
+	padding: 10px 10px 10px 0px;
+}
+
+.margin10-t { margin-top: 10px; }
+.margin10-r { margin-right: 10px; }
+.margin10-b { margin-bottom: 10px; }
+.margin10-l { margin-left: 10px; }
+
+.margin20-t { margin-top: 20px; }
+.margin20-r { margin-right: 20px; }
+.margin20-b { margin-bottom: 20px; }
+.margin20-l { margin-left: 20px; }
+
+/* ---------- Search form ---------- */
+#search {
+	position: absolute;
+	top: 55px;
+	right: 0;
+}
+
+/* ---------- Content ---------- */
+.bugid, code, pre, td.transcoding {
+	font: 13px "Bitstream Vera Sans Mono", 'Courier New', Courier, Fixed, monospace;
+}
+.bugid { color: #09f; }
+code, pre { color: #093; }
+.bottomspace {
+	margin-bottom: 20px;
+}
+.backtotop {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+}
+.img-right {
+	float: right;
+	margin-left: 10px;
+}
+.img-left {
+	float: left;
+	margin-right: 10px;
+}
+.img-center {
+    display:block;
+    margin-left:auto;
+    margin-right:auto;
+}
+\ No newline at end of file