Moving css, starting applying new design
This commit is contained in:
magnolia-fan
parent
e59f959bac
commit
6694af18c2
1
Gemfile
1
Gemfile
|
|
@ -4,6 +4,7 @@ gem 'rails', '3.1.0'
|
|||
|
||||
gem 'json'
|
||||
|
||||
gem 'haml'
|
||||
gem 'sass'
|
||||
gem 'coffee-script'
|
||||
|
||||
|
|
|
|||
|
|
@ -65,6 +65,7 @@ GEM
|
|||
erubis (2.7.0)
|
||||
execjs (1.2.4)
|
||||
multi_json (~> 1.0)
|
||||
haml (3.1.2)
|
||||
hashie (1.1.0)
|
||||
hike (1.2.1)
|
||||
httparty (0.7.8)
|
||||
|
|
@ -133,6 +134,7 @@ DEPENDENCIES
|
|||
barista
|
||||
coffee-script
|
||||
delayed_job
|
||||
haml
|
||||
json
|
||||
lastfm!
|
||||
musicbrainz-ruby!
|
||||
|
|
|
|||
|
|
@ -0,0 +1,18 @@
|
|||
/*
|
||||
|
||||
* require common
|
||||
* require misc
|
||||
* require header
|
||||
|
||||
* require albums
|
||||
* require player
|
||||
* require pulldown
|
||||
* require pulldown
|
||||
* require search
|
||||
* require settings
|
||||
* require textpage
|
||||
|
||||
*= require bootstrap
|
||||
*= require main
|
||||
|
||||
*/
|
||||
|
|
@ -0,0 +1,264 @@
|
|||
html,body{margin:0;padding:0;}
|
||||
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
ol,ul{list-style:none;}
|
||||
q:before,q:after,blockquote:before,blockquote:after{content:"";}
|
||||
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
|
||||
a:focus{outline:thin dotted;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
|
||||
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
|
||||
audio:not([controls]){display:none;}
|
||||
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
|
||||
sup{top:-0.5em;}
|
||||
sub{bottom:-0.25em;}
|
||||
img{border:0;-ms-interpolation-mode:bicubic;}
|
||||
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
|
||||
button,input{line-height:normal;*overflow:visible;}
|
||||
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
|
||||
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
|
||||
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
|
||||
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
|
||||
textarea{overflow:auto;vertical-align:top;}
|
||||
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
|
||||
.clearfix:after{clear:both;}
|
||||
.center-block{display:block;margin:0 auto;}
|
||||
.container{width:940px;margin:0 auto;zoom:1;margin-bottom:18px;}.container:before,.container:after{display:table;content:"";}
|
||||
.container:after{clear:both;}
|
||||
.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
|
||||
.btn.danger,.alert-message.danger,.btn.error,.alert-message.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.info,.alert-message.info{background-color:#339bb9;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#339bb9 #339bb9 #22697d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.row{zoom:1;margin-bottom:18px;margin-left:-20px;}.row:before,.row:after{display:table;content:"";}
|
||||
.row:after{clear:both;}
|
||||
.row [class^="span"]{display:inline;float:left;margin-left:20px;}
|
||||
.row .span1{width:40px;}
|
||||
.row .span2{width:100px;}
|
||||
.row .span3{width:160px;}
|
||||
.row .span4{width:220px;}
|
||||
.row .span5{width:280px;}
|
||||
.row .span6{width:340px;}
|
||||
.row .span7{width:400px;}
|
||||
.row .span8{width:460px;}
|
||||
.row .span9{width:520px;}
|
||||
.row .span10{width:580px;}
|
||||
.row .span11{width:640px;}
|
||||
.row .span12{width:700px;}
|
||||
.row .span13{width:760px;}
|
||||
.row .span14{width:820px;}
|
||||
.row .span15{width:880px;}
|
||||
.row .span16{width:940px;}
|
||||
.row .offset1{margin-left:80px;}
|
||||
.row .offset2{margin-left:140px;}
|
||||
.row .offset3{margin-left:200px;}
|
||||
.row .offset4{margin-left:260px;}
|
||||
.row .offset5{margin-left:320px;}
|
||||
.row .offset6{margin-left:380px;}
|
||||
.row .offset7{margin-left:440px;}
|
||||
.row .offset8{margin-left:500px;}
|
||||
.row .offset9{margin-left:560px;}
|
||||
.row .offset10{margin-left:620px;}
|
||||
.row .offset11{margin-left:680px;}
|
||||
.row .offset12{margin-left:740px;}
|
||||
.row .span-one-third{width:300px;}
|
||||
.row .span-two-thirds{width:620px;}
|
||||
.row .offset-one-third{margin-left:340px;}
|
||||
.row .offset-two-thirds{margin-left:660px;}
|
||||
html,body{background-color:#fff;}
|
||||
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#808080;}
|
||||
.container{width:940px;margin:0 auto;}
|
||||
.container-fluid{padding:0 20px;zoom:1;margin-bottom:18px;}.container-fluid:before,.container-fluid:after{display:table;content:"";}
|
||||
.container-fluid:after{clear:both;}
|
||||
.container-fluid>.sidebar{float:left;width:220px;}
|
||||
.container-fluid>.content{min-width:700px;max-width:1180px;margin-left:240px;}
|
||||
a{color:#0069d6;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#0050a3;text-decoration:underline;}
|
||||
p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:9px;}p small{font-size:11px;color:#bfbfbf;}
|
||||
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
|
||||
h1{margin-bottom:18px;font-size:30px;line-height:36px;}h1 small{font-size:18px;}
|
||||
h2{font-size:24px;line-height:36px;}h2 small{font-size:14px;}
|
||||
h3,h4,h5,h6{line-height:36px;}
|
||||
h3{font-size:18px;}h3 small{font-size:14px;}
|
||||
h4{font-size:16px;}h4 small{font-size:12px;}
|
||||
h5{font-size:14px;}
|
||||
h6{font-size:13px;color:#bfbfbf;text-transform:uppercase;}
|
||||
ul,ol{margin:0 0 18px 25px;}
|
||||
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
|
||||
ul{list-style:disc;}
|
||||
ol{list-style:decimal;}
|
||||
li{line-height:18px;color:#808080;}
|
||||
ul.unstyled{list-style:none;margin-left:0;}
|
||||
dl{margin-bottom:18px;}dl dt,dl dd{line-height:18px;}
|
||||
dl dt{font-weight:bold;}
|
||||
dl dd{margin-left:9px;}
|
||||
hr{margin:0 0 19px;border:0;border-bottom:1px solid #eee;}
|
||||
strong{font-style:inherit;font-weight:bold;line-height:inherit;}
|
||||
em{font-style:italic;font-weight:inherit;line-height:inherit;}
|
||||
.muted{color:#bfbfbf;}
|
||||
blockquote{margin-bottom:18px;border-left:5px solid #eee;padding-left:15px;}blockquote p{font-size:14px;font-weight:300;line-height:18px;margin-bottom:0;}
|
||||
blockquote small{display:block;font-size:12px;font-weight:300;line-height:18px;color:#bfbfbf;}blockquote small:before{content:'\2014 \00A0';}
|
||||
address{display:block;line-height:18px;margin-bottom:18px;}
|
||||
code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
|
||||
pre{background-color:#f5f5f5;display:block;padding:17px;margin:0 0 18px;line-height:18px;font-size:12px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
|
||||
form{margin-bottom:18px;}
|
||||
fieldset{margin-bottom:18px;padding-top:18px;}fieldset legend{display:block;margin-left:150px;font-size:20px;line-height:1;*margin:0 0 5px 145px;*line-height:1.5;color:#404040;}
|
||||
.clearfix{margin-bottom:18px;}
|
||||
label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
|
||||
label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;}
|
||||
div.input{margin-left:150px;}
|
||||
input[type=checkbox],input[type=radio]{cursor:pointer;}
|
||||
input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;font-size:13px;line-height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;}
|
||||
input[type=file]{background-color:#fff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;}
|
||||
select,input[type=file]{height:27px;line-height:27px;}
|
||||
textarea{height:auto;}
|
||||
.uneditable-input{background-color:#eee;display:block;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);}
|
||||
:-moz-placeholder{color:#bfbfbf;}
|
||||
::-webkit-input-placeholder{color:#bfbfbf;}
|
||||
input,select,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
|
||||
input:focus,textarea:focus{outline:none;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
|
||||
form div.error{background:#fae5e3;padding:10px 0;margin:-10px 0 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}form div.error>label,form div.error span.help-inline,form div.error span.help-block{color:#9d261d;}
|
||||
form div.error input,form div.error textarea{border-color:#c87872;-webkit-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);-moz-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);box-shadow:0 0 3px rgba(171, 41, 32, 0.25);}form div.error input:focus,form div.error textarea:focus{border-color:#b9554d;-webkit-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);-moz-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);box-shadow:0 0 6px rgba(171, 41, 32, 0.5);}
|
||||
form div.error .input-prepend span.add-on,form div.error .input-append span.add-on{background:#f4c8c5;border-color:#c87872;color:#b9554d;}
|
||||
.input-mini,input.mini,textarea.mini,select.mini{width:60px;}
|
||||
.input-small,input.small,textarea.small,select.small{width:90px;}
|
||||
.input-medium,input.medium,textarea.medium,select.medium{width:150px;}
|
||||
.input-large,input.large,textarea.large,select.large{width:210px;}
|
||||
.input-xlarge,input.xlarge,textarea.xlarge,select.xlarge{width:270px;}
|
||||
.input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge{width:530px;}
|
||||
textarea.xxlarge{overflow-y:scroll;}
|
||||
input[readonly]:focus,textarea[readonly]:focus,input.disabled{background:#f5f5f5;border-color:#ddd;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.actions{background:#f5f5f5;margin-top:18px;margin-bottom:18px;padding:17px 20px 18px 150px;border-top:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.actions .secondary-action{float:right;}.actions .secondary-action a{line-height:30px;}.actions .secondary-action a:hover{text-decoration:underline;}
|
||||
.help-inline,.help-block{font-size:12px;line-height:18px;color:#bfbfbf;}
|
||||
.help-inline{padding-left:5px;*position:relative;*top:-5px;}
|
||||
.help-block{display:block;max-width:600px;}
|
||||
.inline-inputs{color:#808080;}.inline-inputs span,.inline-inputs input{display:inline-block;}
|
||||
.inline-inputs input.mini{width:60px;}
|
||||
.inline-inputs input.small{width:90px;}
|
||||
.inline-inputs span{padding:0 2px 0 1px;}
|
||||
.input-prepend input,.input-append input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
||||
.input-prepend .add-on,.input-append .add-on{background:#f5f5f5;float:left;display:block;width:auto;min-width:16px;padding:4px 4px 4px 5px;color:#bfbfbf;font-weight:normal;line-height:18px;height:18px;text-align:center;text-shadow:0 1px 0 #fff;border:1px solid #ccc;border-right-width:0;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-prepend .active,.input-append .active{background:#a9dba9;border-color:#46a546;}
|
||||
.input-prepend .add-on{*margin-top:1px;}
|
||||
.input-append input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-append .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;border-right-width:1px;border-left-width:0;}
|
||||
.inputs-list{margin:0 0 5px;width:100%;}.inputs-list li{display:block;padding:0;width:100%;}.inputs-list li label{display:block;float:none;width:auto;padding:0;line-height:18px;text-align:left;white-space:normal;}.inputs-list li label strong{color:#808080;}
|
||||
.inputs-list li label small{font-size:12px;font-weight:normal;}
|
||||
.inputs-list li ul.inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
|
||||
.inputs-list li:first-child{padding-top:5px;}
|
||||
.inputs-list input[type=radio],.inputs-list input[type=checkbox]{margin-bottom:0;}
|
||||
.form-stacked{padding-left:20px;}.form-stacked fieldset{padding-top:9px;}
|
||||
.form-stacked legend{margin-left:0;}
|
||||
.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
|
||||
.form-stacked .clearfix{margin-bottom:9px;}.form-stacked .clearfix div.input{margin-left:0;}
|
||||
.form-stacked .inputs-list{margin-bottom:0;}.form-stacked .inputs-list li{padding-top:0;}.form-stacked .inputs-list li label{font-weight:normal;padding-top:0;}
|
||||
.form-stacked div.error{padding-top:10px;padding-bottom:10px;padding-left:10px;margin-top:0;margin-left:-10px;}
|
||||
.form-stacked .actions{margin-left:-20px;padding-left:20px;}
|
||||
table{width:100%;margin-bottom:18px;padding:0;border-collapse:separate;font-size:13px;}table th,table td{padding:10px 10px 9px;line-height:13.5px;text-align:left;vertical-align:middle;border-bottom:1px solid #ddd;}
|
||||
table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
|
||||
.zebra-striped tbody tr:nth-child(odd) td{background-color:#f9f9f9;}
|
||||
.zebra-striped tbody tr:hover td{background-color:#f5f5f5;}
|
||||
.zebra-striped .header{cursor:pointer;}.zebra-striped .header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
|
||||
.zebra-striped .headerSortUp,.zebra-striped .headerSortDown{background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
|
||||
.zebra-striped .header:hover:after{visibility:visible;}
|
||||
.zebra-striped .headerSortDown:after,.zebra-striped .headerSortDown:hover:after{visibility:visible;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
|
||||
.zebra-striped .headerSortUp:after{border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
|
||||
table .blue{color:#049cdb;border-bottom-color:#049cdb;}
|
||||
table .headerSortUp.blue,table .headerSortDown.blue{background-color:#ade6fe;}
|
||||
table .green{color:#46a546;border-bottom-color:#46a546;}
|
||||
table .headerSortUp.green,table .headerSortDown.green{background-color:#cdeacd;}
|
||||
table .red{color:#9d261d;border-bottom-color:#9d261d;}
|
||||
table .headerSortUp.red,table .headerSortDown.red{background-color:#f4c8c5;}
|
||||
table .yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
|
||||
table .headerSortUp.yellow,table .headerSortDown.yellow{background-color:#fff6d9;}
|
||||
table .orange{color:#f89406;border-bottom-color:#f89406;}
|
||||
table .headerSortUp.orange,table .headerSortDown.orange{background-color:#fee9cc;}
|
||||
table .purple{color:#7a43b6;border-bottom-color:#7a43b6;}
|
||||
table .headerSortUp.purple,table .headerSortDown.purple{background-color:#e2d5f0;}
|
||||
.topbar{height:40px;position:fixed;top:0;left:0;right:0;z-index:10000;overflow:visible;}.topbar a{color:#bfbfbf;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
|
||||
.topbar a:hover,.topbar ul .active a{background-color:#333;background-color:rgba(255, 255, 255, 0.05);color:#ffffff;text-decoration:none;}
|
||||
.topbar h3{position:relative;}.topbar h3 a{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;color:#ffffff;font-size:20px;font-weight:200;line-height:1;}
|
||||
.topbar form{float:left;margin:5px 0 0 0;position:relative;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
|
||||
.topbar input{background-color:#444;background-color:rgba(255, 255, 255, 0.3);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:1;padding:4px 9px;color:#fff;color:rgba(255, 255, 255, 0.75);border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-webkit-transition:none;-moz-transition:none;transition:none;}.topbar input:-moz-placeholder{color:#e6e6e6;}
|
||||
.topbar input::-webkit-input-placeholder{color:#e6e6e6;}
|
||||
.topbar input:hover{background-color:#bfbfbf;background-color:rgba(255, 255, 255, 0.5);color:#fff;}
|
||||
.topbar input:focus,.topbar input.focused{outline:none;background-color:#fff;color:#404040;text-shadow:0 1px 0 #fff;border:0;padding:5px 10px;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
|
||||
.topbar-inner,.topbar .fill{background-color:#222;background-color:#222222;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
|
||||
.topbar div>ul,.nav{display:block;float:left;margin:0 10px 0 0;position:relative;left:0;}.topbar div>ul>li,.nav>li{display:block;float:left;}
|
||||
.topbar div>ul a,.nav a{display:block;float:none;padding:10px 10px 11px;line-height:19px;text-decoration:none;}.topbar div>ul a:hover,.nav a:hover{color:#fff;text-decoration:none;}
|
||||
.topbar div>ul .active a,.nav .active a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
|
||||
.topbar div>ul.secondary-nav,.nav.secondary-nav{float:right;margin-left:10px;margin-right:0;}.topbar div>ul.secondary-nav .menu-dropdown,.nav.secondary-nav .menu-dropdown,.topbar div>ul.secondary-nav .dropdown-menu,.nav.secondary-nav .dropdown-menu{right:0;}
|
||||
.topbar div>ul a.menu:hover,.nav a.menu:hover,.topbar div>ul li.open .menu,.nav li.open .menu,.topbar div>ul .dropdown-toggle:hover,.nav .dropdown-toggle:hover,.topbar div>ul .dropdown.open .dropdown-toggle,.nav .dropdown.open .dropdown-toggle{background:#444;background:rgba(255, 255, 255, 0.05);}
|
||||
.topbar div>ul .menu-dropdown,.nav .menu-dropdown,.topbar div>ul .dropdown-menu,.nav .dropdown-menu{background-color:#333;}.topbar div>ul .menu-dropdown a.menu,.nav .menu-dropdown a.menu,.topbar div>ul .dropdown-menu a.menu,.nav .dropdown-menu a.menu,.topbar div>ul .menu-dropdown .dropdown-toggle,.nav .menu-dropdown .dropdown-toggle,.topbar div>ul .dropdown-menu .dropdown-toggle,.nav .dropdown-menu .dropdown-toggle{color:#fff;}.topbar div>ul .menu-dropdown a.menu.open,.nav .menu-dropdown a.menu.open,.topbar div>ul .dropdown-menu a.menu.open,.nav .dropdown-menu a.menu.open,.topbar div>ul .menu-dropdown .dropdown-toggle.open,.nav .menu-dropdown .dropdown-toggle.open,.topbar div>ul .dropdown-menu .dropdown-toggle.open,.nav .dropdown-menu .dropdown-toggle.open{background:#444;background:rgba(255, 255, 255, 0.05);}
|
||||
.topbar div>ul .menu-dropdown li a,.nav .menu-dropdown li a,.topbar div>ul .dropdown-menu li a,.nav .dropdown-menu li a{color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}.topbar div>ul .menu-dropdown li a:hover,.nav .menu-dropdown li a:hover,.topbar div>ul .dropdown-menu li a:hover,.nav .dropdown-menu li a:hover{background-color:#191919;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));background-image:-moz-linear-gradient(top, #292929, #191919);background-image:-ms-linear-gradient(top, #292929, #191919);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));background-image:-webkit-linear-gradient(top, #292929, #191919);background-image:-o-linear-gradient(top, #292929, #191919);background-image:linear-gradient(top, #292929, #191919);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);color:#fff;}
|
||||
.topbar div>ul .menu-dropdown .divider,.nav .menu-dropdown .divider,.topbar div>ul .dropdown-menu .divider,.nav .dropdown-menu .divider{background-color:#222;border-color:#444;}
|
||||
.topbar ul .menu-dropdown li a,.topbar ul .dropdown-menu li a{padding:4px 15px;}
|
||||
li.menu,.dropdown{position:relative;}
|
||||
a.menu:after,.dropdown-toggle:after{width:0;height:0;display:inline-block;content:"↓";text-indent:-99999px;vertical-align:top;margin-top:8px;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
|
||||
.menu-dropdown,.dropdown-menu{background-color:#fff;float:left;display:none;position:absolute;top:40px;min-width:160px;max-width:220px;_width:160px;margin-left:0;margin-right:0;padding:6px 0;zoom:1;border-color:#999;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:0 1px 1px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.menu-dropdown li,.dropdown-menu li{float:none;display:block;background-color:none;}
|
||||
.menu-dropdown .divider,.dropdown-menu .divider{height:1px;margin:5px 0;overflow:hidden;background-color:#eee;border-bottom:1px solid #fff;}
|
||||
.topbar .dropdown-menu a,.dropdown-menu a{display:block;padding:4px 15px;clear:both;font-weight:normal;line-height:18px;color:#808080;text-shadow:0 1px 0 #fff;}.topbar .dropdown-menu a:hover,.dropdown-menu a:hover{background-color:#dddddd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));background-image:-moz-linear-gradient(top, #eeeeee, #dddddd);background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(top, #eeeeee, #dddddd);background-image:-o-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(top, #eeeeee, #dddddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);color:#404040;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);}
|
||||
.open .menu,.dropdown.open .menu,.open .dropdown-toggle,.dropdown.open .dropdown-toggle{color:#fff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
||||
.open .menu-dropdown,.dropdown.open .menu-dropdown,.open .dropdown-menu,.dropdown.open .dropdown-menu{display:block;}
|
||||
.tabs,.pills{margin:0 0 20px;padding:0;list-style:none;zoom:1;margin-bottom:18px;}.tabs:before,.pills:before,.tabs:after,.pills:after{display:table;content:"";}
|
||||
.tabs:after,.pills:after{clear:both;}
|
||||
.tabs>li,.pills>li{float:left;}.tabs>li>a,.pills>li>a{display:block;}
|
||||
.tabs{width:100%;border-bottom:1px solid #ddd;}.tabs>li{position:relative;top:1px;}.tabs>li>a{margin-right:2px;padding:0 15px;line-height:35px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.tabs>li>a:hover{background-color:#eee;border-bottom:1px solid #ddd;text-decoration:none;}
|
||||
.tabs>li.active>a{background-color:#fff;padding:0 14px;border:1px solid #ddd;border-bottom:0;color:#808080;}
|
||||
.tabs .menu-dropdown,.tabs .dropdown-menu{top:35px;border-width:1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
|
||||
.tabs a.menu:after,.tabs .dropdown-toggle:after{border-top-color:#999;margin-top:15px;margin-left:5px;}
|
||||
.tabs li.open a.menu:after,.tabs .dropdown.open .dropdown-toggle:after{border-top-color:#555;}
|
||||
.pills a{margin:5px 3px 5px 0;padding:0 15px;text-shadow:0 1px 1px #fff;line-height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.pills a:hover{background:#0050a3;color:#fff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
|
||||
.pills .active a{background:#0069d6;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
|
||||
.hero-unit{background-color:#f5f5f5;margin-top:60px;margin-bottom:30px;padding:60px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
|
||||
.hero-unit p{font-size:18px;font-weight:200;line-height:27px;}
|
||||
footer{margin-top:17px;padding-top:17px;border-top:1px solid #eee;}
|
||||
.page-header{margin-bottom:17px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}.page-header h1{margin-bottom:8px;}
|
||||
.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}
|
||||
.btn.primary{color:#fff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn.large{font-size:16px;line-height:normal;padding:9px 14px 9px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
|
||||
.btn.small{padding:7px 9px 7px;font-size:11px;}
|
||||
:root .alert-message,:root .btn{border-radius:0 \0;}
|
||||
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
|
||||
.alert-message{background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);margin-bottom:18px;padding:7px 14px;color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);}.alert-message h5{line-height:18px;}
|
||||
.alert-message p{margin-bottom:0;}
|
||||
.alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px;}
|
||||
.alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);}
|
||||
.alert-message .close{float:right;margin-top:-2px;color:#000000;font-size:20px;font-weight:bold;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2;}.alert-message .close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
|
||||
.alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.alert-message.block-message p{margin-right:30px;}
|
||||
.alert-message.block-message .alert-actions{margin-top:5px;}
|
||||
.alert-message.block-message.error,.alert-message.block-message.success,.alert-message.block-message.info{color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
||||
.alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;}
|
||||
.alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;}
|
||||
.alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;}
|
||||
.pagination{height:36px;margin:18px 0;}.pagination ul{float:left;margin:0;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.pagination li{display:inline;}
|
||||
.pagination a{float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15);*border-right-color:#ddd;text-decoration:none;}
|
||||
.pagination a:hover,.pagination .active a{background-color:#c7eefe;}
|
||||
.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
|
||||
.pagination .next a{border:0;}
|
||||
.well{background-color:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}
|
||||
.modal-backdrop{background-color:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
|
||||
.modal{position:fixed;top:50%;left:50%;z-index:2000;width:560px;margin:-280px 0 0 -250px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
|
||||
.modal-header{border-bottom:1px solid #eee;padding:5px 20px;}.modal-header .close{position:absolute;right:10px;top:10px;color:#999;line-height:10px;font-size:18px;}
|
||||
.modal-body{padding:20px;}
|
||||
.modal-footer{background-color:#f5f5f5;padding:14px 20px 15px;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;zoom:1;margin-bottom:18px;margin-bottom:0;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
|
||||
.modal-footer:after{clear:both;}
|
||||
.modal-footer .btn{float:right;margin-left:10px;}
|
||||
.twipsy{display:block;position:absolute;visibility:visible;padding:5px;font-size:11px;z-index:1000;filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}.twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.twipsy-inner{padding:3px 8px;background-color:#000;color:white;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.twipsy-arrow{position:absolute;width:0;height:0;}
|
||||
.popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.popover .arrow{position:absolute;width:0;height:0;}
|
||||
.popover .inner{background:#333;background:rgba(0, 0, 0, 0.8);padding:3px;overflow:hidden;width:280px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
|
||||
.popover .title{background-color:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;}
|
||||
.popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;}
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
#main {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.player {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.buttons {
|
||||
text-align: center;
|
||||
}
|
||||
.now-playing {
|
||||
text-align: center;
|
||||
}
|
||||
.progress {
|
||||
width: 94%;
|
||||
margin: 0 0 10px 3%;
|
||||
height: 7px;
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
.progress .loaded {
|
||||
width: 66%;
|
||||
height: 7px;
|
||||
background-color: #70c0c0;
|
||||
}
|
||||
.progress .loaded .played {
|
||||
width: 66%;
|
||||
height: 7px;
|
||||
background-color: #0090AA;
|
||||
}
|
||||
|
||||
.artist-info {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.artist-info .pic {
|
||||
height: 220px;
|
||||
}
|
||||
.artist-info .pic img {
|
||||
max-width: 220px;
|
||||
}
|
||||
.artist-info .desc {
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.album {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.album .art {
|
||||
height: 220px;
|
||||
}
|
||||
.album .button-container {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.album .tracks {
|
||||
|
||||
}
|
||||
td.song-duration {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.playlist .artist-name {
|
||||
margin-bottom: 4px;
|
||||
font-size: 11px;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
|
||||
.small-round {
|
||||
border-radius: 15px;
|
||||
padding: 2px 9px !important;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.large-round {
|
||||
border-radius: 21px !important;
|
||||
padding: 11px 11px 11px 15px !important;
|
||||
}
|
||||
|
||||
.popover-wrapper {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
margin-left: -280px;
|
||||
top: 45px;
|
||||
width: 210px;
|
||||
height: 200px;
|
||||
|
||||
}
|
||||
.popover {
|
||||
/* display: block;*/
|
||||
}
|
||||
|
||||
.now-playing-item {
|
||||
background-color: #f5fcff;
|
||||
}
|
||||
|
|
@ -1,93 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>BeatHaven</title>
|
||||
<meta charset="utf-8"/>
|
||||
<link rel="shortcut icon" href="/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/beathaven.css" />
|
||||
<%= javascript_include_tag "http://code.jquery.com/jquery.min.js", :type => "text/javascript", :charset => "utf-8" %>
|
||||
<%= javascript_include_tag "http://code.jquery.com/ui/1.8.14/jquery-ui.min.js", :type => "text/javascript", :charset => "utf-8" %>
|
||||
<%= javascript_include_tag "application", :type => "text/javascript", :charset => "utf-8" %>
|
||||
</head>
|
||||
<body>
|
||||
<div class="player-container">
|
||||
<div class="player">
|
||||
<div id="jplayer"></div>
|
||||
<div class="now-playing" data-ls="ADD_SOME_MUSIC"></div>
|
||||
<div class="progress">
|
||||
<div class="loaded">
|
||||
<div class="played"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="controls">
|
||||
<div class="prev"></div>
|
||||
<div class="play"></div>
|
||||
<div class="pause"></div>
|
||||
<div class="next"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="playlist" class="css-scrollbar">
|
||||
<ul class="playlist-tracks"></ul>
|
||||
</div>
|
||||
<div class="additional-controls">
|
||||
<div class="item active" id="repeat">
|
||||
<img src="/images/icns/repeat.png" alt=""/><div class="annotation" data-ls="REPEAT"></div>
|
||||
</div>
|
||||
<div class="item" id="shuffle">
|
||||
<img src="/images/icns/shuffle.png" alt=""/><div class="annotation" data-ls="SHUFFLE"></div>
|
||||
</div>
|
||||
<div class="item" id="empty-playlist">
|
||||
<img src="/images/icns/empty.png" alt=""/><div class="annotation" data-ls="EMPTY_PLAYLIST"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-container">
|
||||
<div class="hello">
|
||||
<span class="greating"></span>
|
||||
<div class="settings settings-button"></div>
|
||||
</div>
|
||||
<ul class="navigation">
|
||||
<li class="logo search">BeatHaven<div class="version">0.5b</div></li>
|
||||
<li class="search"><a class="a" data-ls="SEARCH"></a></li>
|
||||
<li><a href="http://blog.beathaven.org/" target="_blank" data-ls="NEWS"></a></li>
|
||||
<li class="about"><a class="a" data-ls="ABOUT"></a></li>
|
||||
<li class="vk_auth" id="vk_login"><a class="a" data-ls="LOGIN"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pulldown"></div>
|
||||
<div class="data-container" class="css-scrollbar">
|
||||
<div class="inner"></div>
|
||||
</div>
|
||||
|
||||
<div id="vk_api_transport"></div>
|
||||
<div class="auth-notice">
|
||||
<div class="arrow">↑</div>
|
||||
<span data-ls="LOGIN_PLEASE"></span>
|
||||
</div>
|
||||
<div class="fullscreen">
|
||||
<div class="inner">
|
||||
<img src="/images/loader.gif" alt=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="subpages">
|
||||
<div class="search-container">
|
||||
<form action="" method="post" class="search_form">
|
||||
<input type="text" class="search_field"/>
|
||||
<input type="submit" value="" class="search_button button gray big" data-ls="SEARCH"/>
|
||||
</form>
|
||||
<img class="spinner" src="/images/loader.gif" alt=""/>
|
||||
<div class="artist_loading failed" data-ls="ARTIST_LOADING_FAILED"></div>
|
||||
<div class="artist_loading ok" data-ls="ARTIST_LOADING_IN_PROCESS"></div>
|
||||
<div class="artist_pics"></div>
|
||||
<div class="suggestions">
|
||||
<div data-ls="MISSPELLED"></div>
|
||||
<ul></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<script type="text/javascript">var yaParams = {};</script><div style="display:none;"><script type="text/javascript">(function(w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter7596904 = new Ya.Metrika({id:7596904, enableAll: true,params:window.yaParams||{ }}); } catch(e) { } }); })(window, "yandex_metrika_callbacks");</script></div><script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script><noscript><div><img src="//mc.yandex.ru/watch/7596904" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
!!!5
|
||||
%html
|
||||
%head
|
||||
%title BeatHaven
|
||||
%meta{ :charset => "utf-8" }
|
||||
%link{ :rel => "shortcut icon", :href => "/favicon.ico" }
|
||||
= stylesheet_link_tag "application"
|
||||
= javascript_include_tag "http://code.jquery.com/jquery.min.js"
|
||||
= javascript_include_tag "http://code.jquery.com/ui/1.8.14/jquery-ui.min.js"
|
||||
= javascript_include_tag "application"
|
||||
%body
|
||||
|
||||
.topbar-wrapper
|
||||
.topbar
|
||||
.topbar-inner
|
||||
.container
|
||||
%h3
|
||||
%a{ :href => "#" } BeatHaven
|
||||
%ul.nav
|
||||
%li
|
||||
%a{ :href => "#" } Blog
|
||||
%li
|
||||
%a{ :href => "#" } About
|
||||
%form{ :action => "" }
|
||||
%input{ :type => "text", :placeholder => "Search" }
|
||||
%ul.nav.secondary-nav
|
||||
%li.dropdown
|
||||
%a.dropdown-toggle{ :href => "#" } chez
|
||||
%ul.dropdown-menu
|
||||
%li
|
||||
%a{ :href => "#" } Preferences
|
||||
%li.divider
|
||||
%li
|
||||
%a{ :href => "#" } Logout
|
||||
|
||||
.popover-wrapper
|
||||
.popover.below
|
||||
.arrow
|
||||
.inner
|
||||
%h3.title Foo Fighters
|
||||
.content
|
||||
|
||||
.container#main
|
||||
.row
|
||||
.span11.columns
|
||||
.row.artist-info
|
||||
.span4.columns.pic
|
||||
%img{ :src => "http://userserve-ak.last.fm/serve/_/33371/Foo+Fighters.jpg" }
|
||||
.span7.columns.desc
|
||||
%h2 Foo Fighters
|
||||
Foo Fighters are an American rock band formed by singer/guitarist Dave Grohl in 1995 in Seattle, USA. Grohl formed the group as a one-man project after the dissolution of his previous band Nirvana in 1994. Prior to the release of Foo Fighters in 1995, Grohl drafted Nate Mendel (bass), William Goldsmith (drums) (both of Sunny Day Real Estate and The Fire Theft), and Pat Smear (guitar) to complete the group.
|
||||
|
|
@ -1,113 +0,0 @@
|
|||
.artist-info {
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin: 0 0 25px 0;
|
||||
clear: both; }
|
||||
.artist-info .pic {
|
||||
float: left;
|
||||
width: 250px;
|
||||
margin: 25px 0; }
|
||||
.artist-info .pic img {
|
||||
margin-left: 25px; }
|
||||
.artist-info .name {
|
||||
margin: 25px 0 0 300px; }
|
||||
.artist-info .info {
|
||||
margin: 0 17px 25px 300px; }
|
||||
|
||||
.albums {
|
||||
width: 100%;
|
||||
float: left;
|
||||
clear: both; }
|
||||
.albums .album {
|
||||
clear: both; }
|
||||
.albums .album .pic {
|
||||
float: left;
|
||||
width: 250px; }
|
||||
.albums .album .pic > * {
|
||||
margin-left: 25px; }
|
||||
.albums .album .pic img {
|
||||
width: 248px;
|
||||
height: 248px;
|
||||
border: #d0d0d0 1px solid; }
|
||||
.albums .album .pic .add-album-button-container {
|
||||
position: relative;
|
||||
margin: 10px -50px 0 0;
|
||||
text-align: center; }
|
||||
.albums .album .name {
|
||||
display: block;
|
||||
margin: 0 0 10px 300px; }
|
||||
.albums .album .tracklist {
|
||||
margin: 0 17px 30px 275px; }
|
||||
.albums .album .tracklist ul li {
|
||||
display: block;
|
||||
height: 26px;
|
||||
position: relative;
|
||||
padding-left: 25px; }
|
||||
.albums .album .tracklist ul li:hover {
|
||||
cursor: pointer; }
|
||||
.albums .album .tracklist ul li:hover .track-container {
|
||||
background-color: #fafafa; }
|
||||
.albums .album .tracklist ul li:hover .track-container .fade {
|
||||
background: -moz-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(50%, #fafafa), color-stop(100%, #fafafa));
|
||||
background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
|
||||
background: -o-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
|
||||
background: -ms-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#fafafa', GradientType=1);
|
||||
background: linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%); }
|
||||
.albums .album .tracklist ul li:first-child {
|
||||
border-top: none; }
|
||||
.albums .album .tracklist ul li.now .track-container {
|
||||
background-color: #e0f0fa; }
|
||||
.albums .album .tracklist ul li.now .track-container .fade {
|
||||
background: -moz-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(224, 240, 250, 0)), color-stop(50%, #e0f0fa), color-stop(100%, #e0f0fa));
|
||||
background: -webkit-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
|
||||
background: -o-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
|
||||
background: -ms-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e0f0fa', endColorstr='#e0f0fa', GradientType=1);
|
||||
background: linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%); }
|
||||
.albums .album .tracklist ul li .add-track {
|
||||
display: none;
|
||||
float: left;
|
||||
padding: 1px 5px;
|
||||
margin: 3px 0 0 -22px; }
|
||||
.albums .album .tracklist ul li .track-container {
|
||||
height: 20px;
|
||||
padding: 5px 0 0 0;
|
||||
border-top: #e0e0e0 1px solid; }
|
||||
.albums .album .tracklist ul li .track-container > * {
|
||||
position: absolute; }
|
||||
.albums .album .tracklist ul li .track-container .fade {
|
||||
right: 0px;
|
||||
top: 6px;
|
||||
width: 80px;
|
||||
height: 16px;
|
||||
z-index: 20;
|
||||
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, white));
|
||||
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
|
||||
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
|
||||
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
|
||||
background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); }
|
||||
.albums .album .tracklist ul li .track-container .index {
|
||||
left: 22px;
|
||||
top: 9px;
|
||||
display: block;
|
||||
width: 15px;
|
||||
text-align: right;
|
||||
font-size: 10px;
|
||||
color: #505050; }
|
||||
.albums .album .tracklist ul li .track-container .trackname {
|
||||
left: 40px;
|
||||
top: 6px;
|
||||
width: 90%;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
z-index: 10; }
|
||||
.albums .album .tracklist ul li .track-container .length {
|
||||
right: 0px;
|
||||
top: 6px;
|
||||
height: 16px;
|
||||
z-index: 30; }
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
@import "common.css" all;
|
||||
@import "misc.css" all;
|
||||
@import "header.css" all;
|
||||
@import "player.css" all;
|
||||
@import "pulldown.css" all;
|
||||
@import "albums.css" all;
|
||||
@import "settings.css" all;
|
||||
@import "textpage.css" all;
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none; }
|
||||
|
||||
html, body {
|
||||
overflow: hidden; }
|
||||
|
||||
body {
|
||||
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
min-width: 1000px;
|
||||
width: 100%; }
|
||||
|
||||
.header-container {
|
||||
margin-right: 350px; }
|
||||
|
||||
.player-container {
|
||||
width: 350px;
|
||||
height: 600px;
|
||||
float: right;
|
||||
background-color: #222; }
|
||||
|
||||
.data-container {
|
||||
width: auto;
|
||||
margin-right: 350px;
|
||||
overflow-y: auto;
|
||||
min-width: 650px; }
|
||||
|
||||
.player {
|
||||
width: 100%;
|
||||
height: 120px; }
|
||||
|
||||
.playlist {
|
||||
width: 100%;
|
||||
overflow-y: auto; }
|
||||
|
||||
.subpages {
|
||||
display: none; }
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
.header-container .hello {
|
||||
display: none;
|
||||
float: right;
|
||||
margin: 6px 10px 0 0;
|
||||
color: #222; }
|
||||
.header-container .hello .greating {
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 8px; }
|
||||
.header-container .hello .greating span {
|
||||
border-bottom: #202020 1px dotted;
|
||||
cursor: pointer; }
|
||||
.header-container .hello .settings-button {
|
||||
float: right;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
margin: 1px 0;
|
||||
background-image: url(/images/icns/settings.png);
|
||||
cursor: pointer; }
|
||||
.header-container .navigation {
|
||||
background-color: #EEE;
|
||||
background-image: url(/images/concrete_wall_2.png);
|
||||
height: 30px; }
|
||||
.header-container .navigation li {
|
||||
display: block;
|
||||
float: left;
|
||||
width: auto;
|
||||
height: 30px;
|
||||
margin-left: 10px;
|
||||
color: #222;
|
||||
line-height: 30px;
|
||||
text-shadow: #666 0px 0px 0.5px; }
|
||||
.header-container .navigation li:hover {
|
||||
cursor: pointer;
|
||||
text-shadow: #666 0px 0px 2px; }
|
||||
.header-container .navigation li.logo {
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
font-weight: bold;
|
||||
margin: -3px 1px 0 10px; }
|
||||
.header-container .navigation li.logo .version {
|
||||
float: right;
|
||||
font-size: 9px;
|
||||
font-weight: normal;
|
||||
margin: 10px 0 0 4px; }
|
||||
.header-container .navigation li.vk_auth {
|
||||
display: none; }
|
||||
.header-container .navigation li a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
border-bottom: #a0a0a0 1px solid; }
|
||||
.header-container .navigation li a.a {
|
||||
border-bottom: #a0a0a0 1px dotted; }
|
||||
|
|
@ -1,109 +0,0 @@
|
|||
.fullscreen {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff)"; }
|
||||
.fullscreen .inner {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
height: 100px; }
|
||||
|
||||
.button {
|
||||
display: inline;
|
||||
width: auto;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px; }
|
||||
.button.gray {
|
||||
background-color: #e0e0e0;
|
||||
color: #404040;
|
||||
text-shadow: #d0d0d0 0px 1px 1px;
|
||||
border-color: #d0d0d0;
|
||||
box-shadow: #c0c0c0 1px 1px 0px; }
|
||||
.button.red {
|
||||
background-color: #fab0b0;
|
||||
color: #e05050;
|
||||
text-shadow: #c08080 0px 1px 1px;
|
||||
border-color: #eaa0a0;
|
||||
box-shadow: #da9090 1px 1px 0px; }
|
||||
.button.big {
|
||||
font-size: 22px; }
|
||||
|
||||
/* Scrollbars */
|
||||
.data-container .scrollbar-pane {
|
||||
margin-right: 8px; }
|
||||
.data-container .scrollbar-handle-container {
|
||||
width: 8px; }
|
||||
.data-container .scrollbar-handle {
|
||||
width: 8px; }
|
||||
.data-container .scrollbar-handle-container {
|
||||
background-color: #FFF; }
|
||||
.data-container .scrollbar-handle {
|
||||
background-color: #CCC; }
|
||||
.data-container .scrollbar-handle:hover {
|
||||
background-color: #999; }
|
||||
.data-container .scrollbar-handle.move {
|
||||
background-color: #AAA; }
|
||||
|
||||
.player-container .scrollbar-pane {
|
||||
margin-right: 8px; }
|
||||
.player-container .scrollbar-handle-container {
|
||||
width: 8px; }
|
||||
.player-container .scrollbar-handle {
|
||||
width: 8px; }
|
||||
.player-container .scrollbar-handle-container {
|
||||
background-color: #222; }
|
||||
.player-container .scrollbar-handle {
|
||||
background-color: #444; }
|
||||
.player-container .scrollbar-handle:hover {
|
||||
background-color: #666; }
|
||||
.player-container .scrollbar-handle.move {
|
||||
background-color: #888; }
|
||||
|
||||
.error_page {
|
||||
position: relative;
|
||||
width: 600px;
|
||||
text-align: center;
|
||||
top: 100px;
|
||||
left: 50%;
|
||||
margin-left: -300px; }
|
||||
.error_page h1 {
|
||||
font-size: 150px; }
|
||||
.error_page span {
|
||||
font-size: 24px; }
|
||||
|
||||
.kaboom {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
clear: both; }
|
||||
|
||||
.auth-notice {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #60a0ff;
|
||||
color: #ffffff;
|
||||
top: 32px;
|
||||
left: 290px;
|
||||
line-height: 35px;
|
||||
padding-right: 10px;
|
||||
border: #4080dd 1px solid;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
cursor: pointer; }
|
||||
.auth-notice .arrow {
|
||||
float: left;
|
||||
margin: -5px 10px 0 10px;
|
||||
font-size: 25px;
|
||||
font-weight: bold; }
|
||||
|
|
@ -1,184 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
.player-container .player .now-playing {
|
||||
position: relative;
|
||||
height: 30px;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
overflow: hidden; }
|
||||
.player-container .player .now-playing .fade {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
z-index: 10;
|
||||
background: -moz-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(32, 32, 32, 0)), color-stop(50%, #202020), color-stop(100%, #202020));
|
||||
background: -webkit-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
background: -o-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
background: -ms-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00202020', endColorstr='#202020', GradientType=1);
|
||||
background: linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%); }
|
||||
.player-container .player .progress {
|
||||
width: 330px;
|
||||
height: 5px;
|
||||
background-color: #333;
|
||||
margin: 0 10px;
|
||||
cursor: pointer; }
|
||||
.player-container .player .progress .loaded {
|
||||
width: 0;
|
||||
height: 5px;
|
||||
background-color: #405050; }
|
||||
.player-container .player .progress .played {
|
||||
width: 0;
|
||||
height: 5px;
|
||||
background-color: #09A; }
|
||||
.player-container .player .controls {
|
||||
width: 290px;
|
||||
margin: 20px 95px; }
|
||||
.player-container .player .controls > * {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
cursor: pointer; }
|
||||
.player-container .player .controls .prev {
|
||||
background-image: url("/images/icns/prev.png"); }
|
||||
.player-container .player .controls .play {
|
||||
background-image: url("/images/icns/play.png"); }
|
||||
.player-container .player .controls .pause {
|
||||
background-image: url("/images/icns/pause.png");
|
||||
display: none; }
|
||||
.player-container .player .controls .next {
|
||||
background-image: url("/images/icns/next.png"); }
|
||||
.player-container .playlist .playlist-tracks {
|
||||
width: 343px; }
|
||||
.player-container .playlist .playlist-tracks li {
|
||||
display: block;
|
||||
height: 26px; }
|
||||
.player-container .playlist .playlist-tracks li .item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 26px;
|
||||
color: #FFF; }
|
||||
.player-container .playlist .playlist-tracks li .item:hover {
|
||||
background-color: #444;
|
||||
cursor: default; }
|
||||
.player-container .playlist .playlist-tracks li .item:hover .fade {
|
||||
background: -moz-linear-gradient(left, rgba(64, 64, 64, 0) 0%, #404040 50%, #404040 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(64, 64, 64, 0)), color-stop(50%, #404040), color-stop(100%, #404040));
|
||||
background: -webkit-linear-gradient(left, rgba(64, 64, 64, 0) 0%, #404040 50%, #404040 100%);
|
||||
background: -o-linear-gradient(left, rgba(64, 64, 64, 0) 0%, #404040 50%, #404040 100%);
|
||||
background: -ms-linear-gradient(left, rgba(64, 64, 64, 0) 0%, #404040 50%, #404040 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00404040', endColorstr='#404040', GradientType=1);
|
||||
background: linear-gradient(left, rgba(64, 64, 64, 0) 0%, #404040 50%, #404040 100%); }
|
||||
.player-container .playlist .playlist-tracks li .item .dragbox {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 2px;
|
||||
width: 15px;
|
||||
height: 26px;
|
||||
background-image: url("/images/drag.png");
|
||||
cursor: move; }
|
||||
.player-container .playlist .playlist-tracks li .item .title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 19px;
|
||||
z-index: 10;
|
||||
width: 316px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
display: block;
|
||||
float: left;
|
||||
overflow: hidden; }
|
||||
.player-container .playlist .playlist-tracks li .item .title .data.artist, .player-container .playlist .playlist-tracks li .item .title .playtrack {
|
||||
border-bottom: #555 1px dotted;
|
||||
cursor: pointer; }
|
||||
.player-container .playlist .playlist-tracks li .item .duration {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 5px;
|
||||
z-index: 30;
|
||||
height: 26px;
|
||||
line-height: 26px; }
|
||||
.player-container .playlist .playlist-tracks li .item .remove {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 5px;
|
||||
z-index: 30;
|
||||
height: 15px;
|
||||
font-size: 11px;
|
||||
background-color: #622;
|
||||
color: #FFF;
|
||||
border: #822 1px solid;
|
||||
padding: 1px 2px 0 2px;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
cursor: pointer; }
|
||||
.player-container .playlist .playlist-tracks li .item .fade {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 20;
|
||||
width: 80px;
|
||||
height: 26px;
|
||||
background: -moz-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(32, 32, 32, 0)), color-stop(50%, #202020), color-stop(100%, #202020));
|
||||
background: -webkit-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
background: -o-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
background: -ms-linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00202020', endColorstr='#202020', GradientType=1);
|
||||
background: linear-gradient(left, rgba(32, 32, 32, 0) 0%, #202020 50%, #202020 100%); }
|
||||
.player-container .playlist .playlist-tracks li:nth-child(odd) .item {
|
||||
background-color: #2A2A2A; }
|
||||
.player-container .playlist .playlist-tracks li:nth-child(odd) .item .fade {
|
||||
background: -moz-linear-gradient(left, rgba(42, 42, 42, 0) 0%, #2a2a2a 50%, #2a2a2a 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(42, 42, 42, 0)), color-stop(50%, #2a2a2a), color-stop(100%, #2a2a2a));
|
||||
background: -webkit-linear-gradient(left, rgba(42, 42, 42, 0) 0%, #2a2a2a 50%, #2a2a2a 100%);
|
||||
background: -o-linear-gradient(left, rgba(42, 42, 42, 0) 0%, #2a2a2a 50%, #2a2a2a 100%);
|
||||
background: -ms-linear-gradient(left, rgba(42, 42, 42, 0) 0%, #2a2a2a 50%, #2a2a2a 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a2a2a', endColorstr='#2a2a2a', GradientType=1);
|
||||
background: linear-gradient(left, rgba(42, 42, 42, 0) 0%, #2a2a2a 50%, #2a2a2a 100%); }
|
||||
.player-container .playlist .playlist-tracks li.now .item {
|
||||
color: #09A; }
|
||||
.player-container .additional-controls {
|
||||
width: 350px;
|
||||
height: 27px;
|
||||
background-color: #333;
|
||||
border-top: #444 1px solid; }
|
||||
.player-container .additional-controls .item {
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
color: #FFF;
|
||||
-moz-opacity: 0.3;
|
||||
-ms-filter: ”alpha(opacity=30) ”;
|
||||
filter: alpha(opacity=30);
|
||||
opacity: 0.3; }
|
||||
.player-container .additional-controls .item:hover {
|
||||
-moz-opacity: 1;
|
||||
-ms-filter: ”alpha(opacity=100) ”;
|
||||
filter: alpha(opacity=100);
|
||||
opacity: 1;
|
||||
cursor: pointer; }
|
||||
.player-container .additional-controls .item.active {
|
||||
-moz-opacity: 0.8;
|
||||
-ms-filter: ”alpha(opacity=80) ”;
|
||||
filter: alpha(opacity=80);
|
||||
opacity: 0.8; }
|
||||
.player-container .additional-controls .item img {
|
||||
float: left;
|
||||
margin-top: 1px; }
|
||||
.player-container .additional-controls .item .annotation {
|
||||
float: left;
|
||||
margin-left: 2px; }
|
||||
.player-container .additional-controls .item#empty-playlist {
|
||||
float: right;
|
||||
margin-right: 10px; }
|
||||
.player-container .additional-controls .item#empty-playlist img {
|
||||
margin-top: 3px; }
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
.pulldown {
|
||||
display: none;
|
||||
position: relative;
|
||||
background-color: #ffffff;
|
||||
border-top: #c0c0c0 1px solid;
|
||||
border-bottom: #c0c0c0 1px solid;
|
||||
margin-right: 350px;
|
||||
padding: 25px;
|
||||
/* Search */ }
|
||||
.pulldown .pd-spinner {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: -32px 0 0 -32px; }
|
||||
.pulldown .search-container .spinner, .pulldown .search-container .artist_loading, .pulldown .search-container .artist_pics, .pulldown .search-container .suggestions {
|
||||
display: none; }
|
||||
.pulldown .search-container .spinner {
|
||||
margin: 70px 0 0 171px; }
|
||||
.pulldown .search-container .search_form .search_field {
|
||||
width: 300px;
|
||||
font-size: 24px;
|
||||
padding: 4px;
|
||||
border: #CCC 1px solid;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px; }
|
||||
|
||||
.autocomplete {
|
||||
margin: 4px 0 0 -1px; }
|
||||
.autocomplete div {
|
||||
font-size: 24px;
|
||||
padding: 6px 5px;
|
||||
border-top: #BBB 1px solid;
|
||||
margin-bottom: 1px; }
|
||||
.autocomplete div:first-child {
|
||||
border: none; }
|
||||
.autocomplete div.selected {
|
||||
background-color: #DDD; }
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
.search-container {
|
||||
width: 425px;
|
||||
padding: 0 5px; }
|
||||
.search-container #search_form #search_field {
|
||||
width: 300px;
|
||||
font-size: 24px;
|
||||
padding: 4px;
|
||||
border: #CCC 1px solid;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px; }
|
||||
.search-container .spinner {
|
||||
display: none;
|
||||
margin: 20px 0 0 175px; }
|
||||
.search-container .artist_loading {
|
||||
display: none;
|
||||
margin: 15px 0;
|
||||
font-size: 18; }
|
||||
.search-container .artist_pics {
|
||||
display: none; }
|
||||
.search-container .artist_pics .pic {
|
||||
float: left;
|
||||
width: 47px;
|
||||
height: 47px;
|
||||
overflow: hidden;
|
||||
margin: 0 5px 5px 0; }
|
||||
.search-container .artist_pics img {
|
||||
width: 47px; }
|
||||
.search-container .suggestions {
|
||||
display: none;
|
||||
width: 415px;
|
||||
text-align: left;
|
||||
font-size: 24px; }
|
||||
.search-container .suggestions div {
|
||||
margin: 15px 0; }
|
||||
.search-container .suggestions ul li {
|
||||
display: block;
|
||||
width: auto;
|
||||
margin-bottom: 6px; }
|
||||
.search-container .suggestions ul li .data.artist {
|
||||
color: #04F;
|
||||
border-bottom: #04F 1px dotted;
|
||||
cursor: pointer; }
|
||||
.search-container .suggestions ul li span {
|
||||
font-size: 14px;
|
||||
font-style: italic; }
|
||||
|
|
@ -1,90 +0,0 @@
|
|||
.settings-container {
|
||||
margin: 25px; }
|
||||
.settings-container .tabs {
|
||||
height: 26px; }
|
||||
.settings-container .tabs > div {
|
||||
float: left;
|
||||
height: 25px; }
|
||||
.settings-container .tabs .left-space {
|
||||
width: 15px; }
|
||||
.settings-container .tabs .middle-space {
|
||||
width: 8px; }
|
||||
.settings-container .tabs .tab {
|
||||
position: relative;
|
||||
border-left: #DDD 1px solid;
|
||||
border-top: #DDD 1px solid;
|
||||
border-right: #DDD 1px solid;
|
||||
padding: 0 8px;
|
||||
line-height: 24px;
|
||||
margin-top: 2px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
background-color: #FAFAFA;
|
||||
cursor: pointer; }
|
||||
.settings-container .tabs .tab.active {
|
||||
z-index: 200;
|
||||
background-color: #FFF;
|
||||
border-left: #CCC 1px solid;
|
||||
border-top: #CCC 1px solid;
|
||||
border-right: #CCC 1px solid;
|
||||
border-bottom: #FFF 6px solid;
|
||||
margin-top: -2px;
|
||||
line-height: 29px;
|
||||
font-weight: bold;
|
||||
cursor: default; }
|
||||
.settings-container .form-container {
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
height: 500px;
|
||||
border-top: #CCC 1px solid; }
|
||||
.settings-container .form-container .form {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 0;
|
||||
width: 100%; }
|
||||
.settings-container .form-container .form .field {
|
||||
height: 40px;
|
||||
margin-bottom: 10px;
|
||||
clear: both; }
|
||||
.settings-container .form-container .form .field .label {
|
||||
float: left;
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
width: 140px;
|
||||
padding: 3px 6px;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
background-color: #EAEAEA;
|
||||
margin-right: -10px; }
|
||||
.settings-container .form-container .form .field .value {
|
||||
float: left; }
|
||||
.settings-container .form-container .form .field .value input[type="text"] {
|
||||
font-size: 24px;
|
||||
padding: 4px;
|
||||
background-color: #ffffff;
|
||||
color: #202020;
|
||||
border: #CCC 1px solid;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
width: 300px; }
|
||||
.settings-container .form-container .form .field .value select {
|
||||
font-size: 24px;
|
||||
background-color: #ffffff;
|
||||
color: #202020;
|
||||
border: #CCC 1px solid;
|
||||
width: 310px;
|
||||
height: 38px; }
|
||||
.settings-container .form-container .form .field .action-button {
|
||||
float: left;
|
||||
margin: 6px 0 0 5px; }
|
||||
.settings-container .form-container .form .field .saved {
|
||||
float: left; }
|
||||
.settings-container .form-container .logout {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 0; }
|
||||
.settings-container .forms {
|
||||
display: none; }
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
.textpage {
|
||||
margin: 25px; }
|
||||
Loading…
Reference in New Issue