diff options
Diffstat (limited to 'subsonic-site/src/main/webapp/inc/css')
-rw-r--r-- | subsonic-site/src/main/webapp/inc/css/banner.css | 104 | ||||
-rw-r--r-- | subsonic-site/src/main/webapp/inc/css/style.css | 345 |
2 files changed, 449 insertions, 0 deletions
diff --git a/subsonic-site/src/main/webapp/inc/css/banner.css b/subsonic-site/src/main/webapp/inc/css/banner.css new file mode 100644 index 00000000..22f1d669 --- /dev/null +++ b/subsonic-site/src/main/webapp/inc/css/banner.css @@ -0,0 +1,104 @@ + +#banner-full { + width: 900px; + height: 299px; + background-color: #282828; + overflow: hidden; + position: relative; + border-top: 1px solid #5c5c5c; + border-bottom: 1px solid #4e4e4e; +} +#slide-prev { + position: absolute; + left: 815px; + top: 260px; + z-index: 200; + width:32px; + height:32px; + margin: 0; + padding: 0; + background: url('../img/banner/prev.png') no-repeat; +} +#slide-next { + position: absolute; + left: 860px; + top: 260px; + z-index: 200; + width:32px; + height:32px; + margin: 0; + padding: 0; + background: url('../img/banner/next.png') no-repeat; +} +#slide-prev:hover +{ + background: url('../img/banner/prev-hover.png') no-repeat; +} +#slide-next:hover +{ + background: url('../img/banner/next-hover.png') no-repeat; +} +#bannercontent { + position: absolute; + left: 0; + z-index: 100; +} +#banner-full .slide { + width: 900px; + height: 301px; + position: absolute; +} +#banner-full .slidecontent { + position: relative; + width: 900px; + height: 301px; +} +#banner-full .slide .screenshot { + position: absolute; + bottom: 0; + left: 0; +} +#banner-full .slide .title { + width: 380px; + height: 65px; + position: absolute; + top: 80px; + left: 515px; +} +#banner-full .slide1 .title { + top: 100px; + left: 530px; +} +#banner-full .slide4 .title { + left: 575px; +} +#banner-full .slide5 .title { + left: 575px; + width: 300px; +} +#banner-full .slide .title .large { + font-size: 24px; + font-weight: bold; + line-height: normal; + color: #fff; + margin-bottom:10px; +} +#banner-full .slide .title .small { + font-size: 16px; + font-style: normal; + color: #ddd; +} +#banner-full .slide .text { + position: absolute; + top: 185px; + left: 515px; + width: 380px; + line-height: 1.4em; + color: #aaa; +} + +#bannercontent .slide1 {left:0;} +#bannercontent .slide2 {left:900px;} +#bannercontent .slide3 {left:1800px;} +#bannercontent .slide4 {left:2700px;} +#bannercontent .slide5 {left:3600px;} 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 |