update voice script

This commit is contained in:
Luke Pulverenti 2015-06-02 13:46:44 -04:00
parent 99f5167804
commit 9bdb4a323f
10 changed files with 125 additions and 29 deletions

View file

@ -920,7 +920,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
padding-top: 3px;
border-radius: 50%;
color: #fff;
background: rgba(51, 136, 204, .8);
background: rgba(82, 181, 75, .8);
line-height: 16px;
}
@ -928,6 +928,59 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
background: rgba(255, 106, 0, .8);
}
.pieIndicator {
height: 24px;
position: absolute;
top: 32px;
right: 29px;
text-align: center;
vertical-align: middle;
}
.pieBackground {
background-color: rgb(82, 181, 75);
position: absolute;
width: 24px;
height: 24px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
z-index: 1;
}
.pieIndicator .fa {
color: #fff;
z-index: 4;
position: absolute;
margin: 5px 0 0 6px;
}
.pie {
position: absolute;
width: 24px;
height: 24px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
clip: rect(0px, 12px, 24px, 0px);
background-color: rgba(31, 31, 31, .8);
z-index: 2;
}
.hold {
position: absolute;
width: 24px;
height: 24px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
clip: rect(0px, 24px, 24px, 12px);
z-index: 3;
}
.playedIndicator {
display: block;
position: absolute;
@ -1387,6 +1440,12 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.listItem a:first-child {
margin-right: 0 !important;
background-color: transparent !important;
padding-top: 0;
padding-bottom: 0;
}
.listItem.ui-li-has-thumb .ui-btn {
padding-left: 5.9em !important;
}
.ui-page-theme-a .listItem a:first-child {
@ -1410,6 +1469,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
background-color: rgba(51,51,51,.6) !important;
}
.listviewSubLink:hover {
color: #2ad;
}
@media all and (max-width: 600px) {
.itemsListview .ui-li-aside {

View file

@ -154,17 +154,8 @@ h1 a:hover {
bottom: 0;
right: 0;
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.ui-panel-inner::-webkit-scrollbar {
width: 0 !important;
display: none;
}
.ui-slider-track.ui-mini .ui-slider-handle {
height: 18px;
width: 18px;
@ -189,15 +180,15 @@ h1 a:hover {
}
.hiddenScrollY {
overflow-y: scroll;
.hiddenScrollY, .ui-panel-inner {
overflow-y: auto;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
}
.hiddenScrollY::-webkit-scrollbar {
.touch .hiddenScrollY::-webkit-scrollbar, .touch .ui-panel-inner::-webkit-scrollbar {
width: 0 !important;
display: none;
}

View file

@ -1,51 +0,0 @@
.voiceInputHelp {
background-image: url(images/splash.jpg);
top: 50px;
left: 0;
right: 0;
bottom: 0;
position: fixed;
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: 999999;
}
.voiceInputHelpInner {
background: rgba(10,10,10,.8);
width: 100%;
height: 100%;
color: #eee;
}
.voiceHelpContent {
max-width: 600px;
margin: auto;
padding: 1em 1em 0;
}
.exampleCommands {
font-size: 15px;
}
.exampleCommand {
margin: 1em 0;
}
.exampleCommand .fa {
vertical-align: middle;
color: #3388cc;
}
.exampleCommandText {
margin: 0 1em;
}
.defaultVoiceHelp {
margin-bottom: 2em;
}
.voiceInputContainer {
margin: 1.5em 0;
font-size: 15px;
}