Implemented css working indicator

This commit is contained in:
benweet 2013-11-16 18:20:01 +00:00
parent 03192b6f41
commit 67aeaf5c1e
6 changed files with 54 additions and 55 deletions

View File

@ -1,5 +1,5 @@
CACHE MANIFEST CACHE MANIFEST
#Date Thu Nov 07 2013 23:09:02 #Date Sat Nov 16 2013 18:10:31
CACHE: CACHE:
res/worker.js res/worker.js
@ -24,14 +24,6 @@ res-min/img/glyphicons-halflings-white.png
res-min/img/glyphicons-halflings.png res-min/img/glyphicons-halflings.png
res-min/img/icons.png res-min/img/icons.png
res-min/img/icons2x.png res-min/img/icons2x.png
res-min/img/loader-blue-gray.gif
res-min/img/loader-blue-gray2x.gif
res-min/img/loader-default.gif
res-min/img/loader-default2x.gif
res-min/img/loader-night.gif
res-min/img/loader-night2x.gif
res-min/img/loader-school.gif
res-min/img/loader-school2x.gif
res-min/img/school-line.png res-min/img/school-line.png
res-min/img/stackedit-32.ico res-min/img/stackedit-32.ico
res-min/img/stackedit-64.png res-min/img/stackedit-64.png

File diff suppressed because one or more lines are too long

View File

@ -1480,9 +1480,11 @@ a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,bo
.navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(84,84,84,0.3)} .navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(84,84,84,0.3)}
.navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#545454;max-width:280px;overflow:hidden;white-space:nowrap} .navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#545454;max-width:280px;overflow:hidden;white-space:nowrap}
.navbar .input-file-title{margin-right:10px} .navbar .input-file-title{margin-right:10px}
.navbar .working-indicator{width:50px;height:17px;background-position:0 0;margin-top:12px} .navbar .working-indicator{margin:12px -2px 0}
.navbar .working-indicator.show{background-image:url("../img/loader-default.gif")} .navbar .working-indicator div{display:inline-block;visibility:hidden;width:14px;height:14px;border-radius:6px;margin:0 2px;background-color:rgba(84,84,84,0.25);-webkit-transition:background-color linear .15s;transition:background-color linear .15s}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial} .navbar .working-indicator div.highlighted{background-color:rgba(84,84,84,0.75)}
.navbar .working-indicator.show div{visibility:visible}
.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial}
.menu-panel .collapse-button i,.document-panel .collapse-button i{color:#666666;font-size:14px} .menu-panel .collapse-button i,.document-panel .collapse-button i{color:#666666;font-size:14px}
.menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#f0f3f4} .menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#f0f3f4}
.menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%} .menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%}
@ -1688,5 +1690,3 @@ div.jGrowl div.jGrowl-notification{min-height:80px}
body.pdf{font-family:"DejaVu Sans";background-color:transparent} body.pdf{font-family:"DejaVu Sans";background-color:transparent}
body.pdf code,body.pdf pre{font-family:"DejaVu Sans Mono"} body.pdf code,body.pdf pre{font-family:"DejaVu Sans Mono"}
body.pdf blockquote{border-left:10px solid #eee} body.pdf blockquote{border-left:10px solid #eee}
.navbar .working-indicator.show{background-image:url("../img/loader-blue-gray.gif")}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-blue-gray2x.gif");background-size:50px 17px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-blue-gray2x.gif");background-size:50px 17px}}

View File

@ -1480,9 +1480,11 @@ a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,bo
.navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(84,84,84,0.3)} .navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(84,84,84,0.3)}
.navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#545454;max-width:280px;overflow:hidden;white-space:nowrap} .navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#545454;max-width:280px;overflow:hidden;white-space:nowrap}
.navbar .input-file-title{margin-right:10px} .navbar .input-file-title{margin-right:10px}
.navbar .working-indicator{width:50px;height:17px;background-position:0 0;margin-top:12px} .navbar .working-indicator{margin:12px -2px 0}
.navbar .working-indicator.show{background-image:url("../img/loader-default.gif")} .navbar .working-indicator div{display:inline-block;visibility:hidden;width:14px;height:14px;border-radius:6px;margin:0 2px;background-color:rgba(84,84,84,0.25);-webkit-transition:background-color linear .15s;transition:background-color linear .15s}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial} .navbar .working-indicator div.highlighted{background-color:rgba(84,84,84,0.75)}
.navbar .working-indicator.show div{visibility:visible}
.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial}
.menu-panel .collapse-button i,.document-panel .collapse-button i{color:#666666;font-size:14px} .menu-panel .collapse-button i,.document-panel .collapse-button i{color:#666666;font-size:14px}
.menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#f1f1f1} .menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#f1f1f1}
.menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%} .menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%}

View File

@ -1480,9 +1480,11 @@ a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,bo
.navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(222,222,222,0.3)} .navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(222,222,222,0.3)}
.navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#dedede;max-width:280px;overflow:hidden;white-space:nowrap} .navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#dedede;max-width:280px;overflow:hidden;white-space:nowrap}
.navbar .input-file-title{margin-right:10px} .navbar .input-file-title{margin-right:10px}
.navbar .working-indicator{width:50px;height:17px;background-position:0 0;margin-top:12px} .navbar .working-indicator{margin:12px -2px 0}
.navbar .working-indicator.show{background-image:url("../img/loader-default.gif")} .navbar .working-indicator div{display:inline-block;visibility:hidden;width:14px;height:14px;border-radius:6px;margin:0 2px;background-color:rgba(222,222,222,0.25);-webkit-transition:background-color linear .15s;transition:background-color linear .15s}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial} .navbar .working-indicator div.highlighted{background-color:rgba(222,222,222,0.75)}
.navbar .working-indicator.show div{visibility:visible}
.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial}
.menu-panel .collapse-button i,.document-panel .collapse-button i{color:#777777;font-size:14px} .menu-panel .collapse-button i,.document-panel .collapse-button i{color:#777777;font-size:14px}
.menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#565656} .menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#565656}
.menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%} .menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%}
@ -1689,6 +1691,5 @@ body.pdf{font-family:"DejaVu Sans";background-color:transparent}
body.pdf code,body.pdf pre{font-family:"DejaVu Sans Mono"} body.pdf code,body.pdf pre{font-family:"DejaVu Sans Mono"}
body.pdf blockquote{border-left:10px solid #eee} body.pdf blockquote{border-left:10px solid #eee}
.form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0),0 0 8px rgba(255,255,255,0.75);box-shadow:inset 0 1px 1px rgba(255,255,255,0),0 0 8px rgba(255,255,255,0.75)} .form-control:focus{-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0),0 0 8px rgba(255,255,255,0.75);box-shadow:inset 0 1px 1px rgba(255,255,255,0),0 0 8px rgba(255,255,255,0.75)}
.navbar .working-indicator.show{background-image:url("../img/loader-night.gif")} .ace-tm .ace_cursor{border-left-color:#fff}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-night2x.gif");background-size:50px 17px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-night2x.gif");background-size:50px 17px}}.ace-tm .ace_cursor{border-left-color:#fff}
.ace-tm .ace_print-margin{background-color:#232323} .ace-tm .ace_print-margin{background-color:#232323}

View File

@ -1480,9 +1480,11 @@ a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,bo
.navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(238,238,238,0.3)} .navbar .btn-group>.btn.disabled *,.navbar .btn-group>.btn.blocked *,.navbar .btn-group>.btn[disabled] *{color:rgba(238,238,238,0.3)}
.navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#eeeeee;max-width:280px;overflow:hidden;white-space:nowrap} .navbar .file-title-navbar{display:block;padding:4px 15px;font-size:20px;font-weight:200;color:#eeeeee;max-width:280px;overflow:hidden;white-space:nowrap}
.navbar .input-file-title{margin-right:10px} .navbar .input-file-title{margin-right:10px}
.navbar .working-indicator{width:50px;height:17px;background-position:0 0;margin-top:12px} .navbar .working-indicator{margin:12px -2px 0}
.navbar .working-indicator.show{background-image:url("../img/loader-default.gif")} .navbar .working-indicator div{display:inline-block;visibility:hidden;width:14px;height:14px;border-radius:6px;margin:0 2px;background-color:rgba(238,238,238,0.25);-webkit-transition:background-color linear .15s;transition:background-color linear .15s}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-default2x.gif");background-size:50px 17px}}.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial} .navbar .working-indicator div.highlighted{background-color:rgba(238,238,238,0.75)}
.navbar .working-indicator.show div{visibility:visible}
.menu-panel,.document-panel{display:block;position:absolute;top:0;height:100%;z-index:10;overflow:initial}
.menu-panel .collapse-button i,.document-panel .collapse-button i{color:#666666;font-size:14px} .menu-panel .collapse-button i,.document-panel .collapse-button i{color:#666666;font-size:14px}
.menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#406b5b} .menu-panel.in .collapse-button,.document-panel.in .collapse-button{background-color:#406b5b}
.menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%} .menu-panel .panel-content,.document-panel .panel-content{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);overflow:auto;padding-bottom:30px;height:100%}
@ -1700,5 +1702,3 @@ body.pdf blockquote{border-left:10px solid #eee}
.ace-tm .ace_code_block{color:#6c9c7f} .ace-tm .ace_code_block{color:#6c9c7f}
h1,h2,h3,h4,h5,h6{font-family:'cursive_standardregular'} h1,h2,h3,h4,h5,h6{font-family:'cursive_standardregular'}
.file-title-navbar{font-family:'cursive_standardregular';line-height:34px} .file-title-navbar{font-family:'cursive_standardregular';line-height:34px}
.navbar .working-indicator.show{background-image:url("../img/loader-school.gif")}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-school2x.gif");background-size:50px 17px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.navbar .working-indicator.show{background-image:url("../img/loader-school2x.gif");background-size:50px 17px}}