Added CSS transition effects

This commit is contained in:
benweet 2013-10-11 22:47:00 +01:00
parent a60748c8b5
commit 1de9571cd3
13 changed files with 163 additions and 140 deletions

View File

@ -1,5 +1,5 @@
CACHE MANIFEST
#Date Thu Oct 10 2013 00:09:54
#Date Fri Oct 11 2013 22:46:08
CACHE:
index.html

File diff suppressed because one or more lines are too long

View File

@ -1432,12 +1432,14 @@ body{tab-size:4}
.ui-layout-east #preview-contents{padding-left:5px}
.working{cursor:progress}
.btn,.dropdown-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s}
.close{-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.list-group .nav{border-left:10px solid rgba(0,0,0,0.05);margin-left:10px}
.list-group-item{padding:10px 15px}
.list-group .list-group-item{border-radius:0}
.list-group-item.active:hover{background-color:#888888}
.move-to-front{z-index:1050 !important}
.btn{padding:8px 11px}
.btn{padding:8px 11px;-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s}
.btn-default:hover{background-color:rgba(0,0,0,0.05)}
.btn-primary:hover{color:#ffffff;background-color:#747474}
.btn-success:hover,.open .dropdown-toggle.btn-success{color:#545454;background-color:#f0f3f4 !important}
@ -1483,25 +1485,23 @@ body{tab-size:4}
.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 a>i,.document-panel .panel-content a>i{margin-right:3px;color:inherit}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left .35s ease;-moz-transition:margin-left .35s ease;-o-transition:margin-left .35s ease;transition:margin-left .35s ease}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left ease-in-out .35s;transition:margin-left ease-in-out .35s}
.menu-panel .sub-menu{background-color:#ffffff}
.menu-panel.in{margin-left:0}
.menu-panel.in .collapse-button,.menu-panel.collapsing .collapse-button{padding-right:17px}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:padding-right .35s ease;-moz-transition:padding-right .35s ease;-o-transition:padding-right .35s ease;transition:padding-right .35s ease}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s}
.menu-panel .collapse-button:hover{padding-right:17px}
.menu-panel .panel-content{background-color:#f0f3f4;padding-top:6px;border-right:5px solid #e5e9ec}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:#f0f3f4}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right .35s ease;-moz-transition:margin-right .35s ease;-o-transition:margin-right .35s ease;transition:margin-right .35s ease}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:inherit}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right ease-in-out .35s;transition:margin-right ease-in-out .35s}
.document-panel.in{margin-right:0}
.document-panel.in .collapse-button,.document-panel.collapsing .collapse-button{padding-left:10px}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:padding-left .35s ease;-moz-transition:padding-left .35s ease;-o-transition:padding-left .35s ease;transition:padding-left .35s ease}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s}
.document-panel .collapse-button:hover{padding-left:10px}
.document-panel .collapse-button i.icon-folder-open{font-size:22px}
.document-panel .panel-content{background-color:#ffffff;padding-top:80px;border-left:5px solid #e5e9ec}
.document-panel .panel-content .icon-layers{font-size:135%}
.document-panel .search-bar{position:absolute;background-color:#f0f3f4;margin:-10px 25px 0;padding:20px 5px 10px 15px;z-index:3;border:1px solid #e5e9ec;border-top:0;border-radius:6px}
.document-panel .search-bar .form-control{padding:8px 30px 8px 12px}
.document-panel .search-bar .close{position:absolute;float:none;line-height:34px;margin:2px 0 2px -30px;padding:0 8px;font-weight:normal;height:34px}
.document-panel .list-group-item{margin:0}
.document-panel .folder{font-weight:bold;color:#545454;font-size:15px;border-bottom-color:#f0f3f4}
.document-panel .list-group{margin:0}
@ -1565,10 +1565,8 @@ body{tab-size:4}
.publish-custom-template-collapse{margin-bottom:0}
.publish-custom-template-collapse textarea{max-width:100%;min-height:100px}
.ui-layout-resizer{overflow:visible !important;font-size:14px !important}
.ui-layout-resizer .btn{float:none}
.ui-layout-resizer .btn i{color:rgba(84,84,84,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#e5e9ec}
.ui-layout-resizer .btn:hover i,.ui-layout-resizer .btn:focus i,.ui-layout-resizer .btn:active i,.ui-layout-resizer .btn.active i{color:#545454}
.ui-layout-resizer .btn{float:none;color:rgba(84,84,84,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#e5e9ec;color:#545454}
.ui-layout-resizer .ui-layout-toggler{font-size:22px !important}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east{line-height:55px}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east.ui-layout-toggler-east-open i:before{content:'\e87e'}
@ -1626,10 +1624,15 @@ ul ul,ol ul,ul ol,ol ol{margin-bottom:15px}
.ace-tm .ace_description{color:#666666}
.ace-tm .ace_constant{color:#545454}
.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}
.ace_search{background-color:#d9dfe3;border:6px solid #f0f3f4;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_field{width:200px}
.ace_search{background-color:#e5e9ec;border:6px solid #f0f3f4;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_form,.ace_search .ace_replace_form{margin-bottom:10px}
.ace_search .ace_search_field{width:185px}
.ace_search .ace_search_field,.ace_search .ace_searchbtn,.ace_search .ace_replacebtn{height:30px;padding:0 12px;font-size:14px;line-height:1.428571429;color:#555555;vertical-align:middle;background-color:#ffffff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.ace_search .ace_searchbtn{background-image:none;font-family:"fontello";width:auto;font-size:16px}
.ace_search .ace_searchbtn.next:before{content:'\e880'}
.ace_search .ace_searchbtn.prev:before{content:'\e87f'}
.ace_search .ace_replacebtn{padding:0 4px}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30)}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30);-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.ace_search .ace_searchbtn_close:before{content:'\d7'}
.ace_search .ace_searchbtn_close:hover,.ace_search .ace_searchbtn_close:focus{color:#333333;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);background:transparent}
#wmd-input{border-radius:4px;color:#545454;-webkit-box-shadow:none;box-shadow:none;resize:none;border:none !important}

View File

@ -1432,12 +1432,14 @@ body{tab-size:4}
.ui-layout-east #preview-contents{padding-left:5px}
.working{cursor:progress}
.btn,.dropdown-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s}
.close{-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.list-group .nav{border-left:10px solid rgba(0,0,0,0.05);margin-left:10px}
.list-group-item{padding:10px 15px}
.list-group .list-group-item{border-radius:0}
.list-group-item.active:hover{background-color:#888888}
.move-to-front{z-index:1050 !important}
.btn{padding:8px 11px}
.btn{padding:8px 11px;-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s}
.btn-default:hover{background-color:rgba(0,0,0,0.05)}
.btn-primary:hover{color:#ffffff;background-color:#747474}
.btn-success:hover,.open .dropdown-toggle.btn-success{color:#545454;background-color:#f1f1f1 !important}
@ -1483,25 +1485,23 @@ body{tab-size:4}
.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 a>i,.document-panel .panel-content a>i{margin-right:3px;color:inherit}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left .35s ease;-moz-transition:margin-left .35s ease;-o-transition:margin-left .35s ease;transition:margin-left .35s ease}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left ease-in-out .35s;transition:margin-left ease-in-out .35s}
.menu-panel .sub-menu{background-color:#ffffff}
.menu-panel.in{margin-left:0}
.menu-panel.in .collapse-button,.menu-panel.collapsing .collapse-button{padding-right:17px}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:padding-right .35s ease;-moz-transition:padding-right .35s ease;-o-transition:padding-right .35s ease;transition:padding-right .35s ease}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s}
.menu-panel .collapse-button:hover{padding-right:17px}
.menu-panel .panel-content{background-color:#f1f1f1;padding-top:6px;border-right:5px solid #e7e7e7}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:#f1f1f1}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right .35s ease;-moz-transition:margin-right .35s ease;-o-transition:margin-right .35s ease;transition:margin-right .35s ease}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:inherit}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right ease-in-out .35s;transition:margin-right ease-in-out .35s}
.document-panel.in{margin-right:0}
.document-panel.in .collapse-button,.document-panel.collapsing .collapse-button{padding-left:10px}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:padding-left .35s ease;-moz-transition:padding-left .35s ease;-o-transition:padding-left .35s ease;transition:padding-left .35s ease}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s}
.document-panel .collapse-button:hover{padding-left:10px}
.document-panel .collapse-button i.icon-folder-open{font-size:22px}
.document-panel .panel-content{background-color:#ffffff;padding-top:80px;border-left:5px solid #e7e7e7}
.document-panel .panel-content .icon-layers{font-size:135%}
.document-panel .search-bar{position:absolute;background-color:#f1f1f1;margin:-10px 25px 0;padding:20px 5px 10px 15px;z-index:3;border:1px solid #e7e7e7;border-top:0;border-radius:6px}
.document-panel .search-bar .form-control{padding:8px 30px 8px 12px}
.document-panel .search-bar .close{position:absolute;float:none;line-height:34px;margin:2px 0 2px -30px;padding:0 8px;font-weight:normal;height:34px}
.document-panel .list-group-item{margin:0}
.document-panel .folder{font-weight:bold;color:#545454;font-size:15px;border-bottom-color:#f1f1f1}
.document-panel .list-group{margin:0}
@ -1565,10 +1565,8 @@ body{tab-size:4}
.publish-custom-template-collapse{margin-bottom:0}
.publish-custom-template-collapse textarea{max-width:100%;min-height:100px}
.ui-layout-resizer{overflow:visible !important;font-size:14px !important}
.ui-layout-resizer .btn{float:none}
.ui-layout-resizer .btn i{color:rgba(84,84,84,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#e7e7e7}
.ui-layout-resizer .btn:hover i,.ui-layout-resizer .btn:focus i,.ui-layout-resizer .btn:active i,.ui-layout-resizer .btn.active i{color:#545454}
.ui-layout-resizer .btn{float:none;color:rgba(84,84,84,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#e7e7e7;color:#545454}
.ui-layout-resizer .ui-layout-toggler{font-size:22px !important}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east{line-height:55px}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east.ui-layout-toggler-east-open i:before{content:'\e87e'}
@ -1626,10 +1624,15 @@ ul ul,ol ul,ul ol,ol ol{margin-bottom:15px}
.ace-tm .ace_description{color:#666666}
.ace-tm .ace_constant{color:#545454}
.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}
.ace_search{background-color:#dddddd;border:6px solid #f1f1f1;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_field{width:200px}
.ace_search{background-color:#e7e7e7;border:6px solid #f1f1f1;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_form,.ace_search .ace_replace_form{margin-bottom:10px}
.ace_search .ace_search_field{width:185px}
.ace_search .ace_search_field,.ace_search .ace_searchbtn,.ace_search .ace_replacebtn{height:30px;padding:0 12px;font-size:14px;line-height:1.428571429;color:#555555;vertical-align:middle;background-color:#ffffff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.ace_search .ace_searchbtn{background-image:none;font-family:"fontello";width:auto;font-size:16px}
.ace_search .ace_searchbtn.next:before{content:'\e880'}
.ace_search .ace_searchbtn.prev:before{content:'\e87f'}
.ace_search .ace_replacebtn{padding:0 4px}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30)}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30);-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.ace_search .ace_searchbtn_close:before{content:'\d7'}
.ace_search .ace_searchbtn_close:hover,.ace_search .ace_searchbtn_close:focus{color:#333333;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);background:transparent}
#wmd-input{border-radius:4px;color:#545454;-webkit-box-shadow:none;box-shadow:none;resize:none;border:none !important}

View File

@ -1432,12 +1432,14 @@ body{tab-size:4}
.ui-layout-east #preview-contents{padding-left:5px}
.working{cursor:progress}
.btn,.dropdown-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s}
.close{-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.list-group .nav{border-left:10px solid rgba(255,255,255,0.08);margin-left:10px}
.list-group-item{padding:10px 15px}
.list-group .list-group-item{border-radius:0}
.list-group-item.active:hover{background-color:#444444}
.move-to-front{z-index:1050 !important}
.btn{padding:8px 11px}
.btn{padding:8px 11px;-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s}
.btn-default:hover{background-color:rgba(255,255,255,0.08)}
.btn-primary:hover{color:#ffffff;background-color:#585858}
.btn-success:hover,.open .dropdown-toggle.btn-success{color:#dedede;background-color:#565656 !important}
@ -1483,25 +1485,23 @@ body{tab-size:4}
.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 a>i,.document-panel .panel-content a>i{margin-right:3px;color:inherit}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left .35s ease;-moz-transition:margin-left .35s ease;-o-transition:margin-left .35s ease;transition:margin-left .35s ease}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left ease-in-out .35s;transition:margin-left ease-in-out .35s}
.menu-panel .sub-menu{background-color:#323232}
.menu-panel.in{margin-left:0}
.menu-panel.in .collapse-button,.menu-panel.collapsing .collapse-button{padding-right:17px}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:padding-right .35s ease;-moz-transition:padding-right .35s ease;-o-transition:padding-right .35s ease;transition:padding-right .35s ease}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s}
.menu-panel .collapse-button:hover{padding-right:17px}
.menu-panel .panel-content{background-color:#232323;padding-top:6px;border-right:5px solid #444444}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:#232323}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right .35s ease;-moz-transition:margin-right .35s ease;-o-transition:margin-right .35s ease;transition:margin-right .35s ease}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:inherit}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right ease-in-out .35s;transition:margin-right ease-in-out .35s}
.document-panel.in{margin-right:0}
.document-panel.in .collapse-button,.document-panel.collapsing .collapse-button{padding-left:10px}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:padding-left .35s ease;-moz-transition:padding-left .35s ease;-o-transition:padding-left .35s ease;transition:padding-left .35s ease}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s}
.document-panel .collapse-button:hover{padding-left:10px}
.document-panel .collapse-button i.icon-folder-open{font-size:22px}
.document-panel .panel-content{background-color:#323232;padding-top:80px;border-left:5px solid #444444}
.document-panel .panel-content .icon-layers{font-size:135%}
.document-panel .search-bar{position:absolute;background-color:#232323;margin:-10px 25px 0;padding:20px 5px 10px 15px;z-index:3;border:1px solid #323232;border-top:0;border-radius:6px}
.document-panel .search-bar .form-control{padding:8px 30px 8px 12px}
.document-panel .search-bar .close{position:absolute;float:none;line-height:34px;margin:2px 0 2px -30px;padding:0 8px;font-weight:normal;height:34px}
.document-panel .list-group-item{margin:0}
.document-panel .folder{font-weight:bold;color:#dedede;font-size:15px;border-bottom-color:#444444}
.document-panel .list-group{margin:0}
@ -1565,10 +1565,8 @@ body{tab-size:4}
.publish-custom-template-collapse{margin-bottom:0}
.publish-custom-template-collapse textarea{max-width:100%;min-height:100px}
.ui-layout-resizer{overflow:visible !important;font-size:14px !important}
.ui-layout-resizer .btn{float:none}
.ui-layout-resizer .btn i{color:rgba(222,222,222,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#333333}
.ui-layout-resizer .btn:hover i,.ui-layout-resizer .btn:focus i,.ui-layout-resizer .btn:active i,.ui-layout-resizer .btn.active i{color:#dedede}
.ui-layout-resizer .btn{float:none;color:rgba(222,222,222,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#333333;color:#dedede}
.ui-layout-resizer .ui-layout-toggler{font-size:22px !important}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east{line-height:55px}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east.ui-layout-toggler-east-open i:before{content:'\e87e'}
@ -1626,10 +1624,15 @@ ul ul,ol ul,ul ol,ol ol{margin-bottom:15px}
.ace-tm .ace_description{color:#cccccc}
.ace-tm .ace_constant{color:#dedede}
.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}
.ace_search{background-color:#444444;border:6px solid #232323;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_field{width:200px}
.ace_search{background-color:#323232;border:6px solid #232323;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_form,.ace_search .ace_replace_form{margin-bottom:10px}
.ace_search .ace_search_field{width:185px}
.ace_search .ace_search_field,.ace_search .ace_searchbtn,.ace_search .ace_replacebtn{height:30px;padding:0 12px;font-size:14px;line-height:1.428571429;color:#ffffff;vertical-align:middle;background-color:#111111;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.ace_search .ace_searchbtn{background-image:none;font-family:"fontello";width:auto;font-size:16px}
.ace_search .ace_searchbtn.next:before{content:'\e880'}
.ace_search .ace_searchbtn.prev:before{content:'\e87f'}
.ace_search .ace_replacebtn{padding:0 4px}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30)}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30);-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.ace_search .ace_searchbtn_close:before{content:'\d7'}
.ace_search .ace_searchbtn_close:hover,.ace_search .ace_searchbtn_close:focus{color:#ffffff;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);background:transparent}
#wmd-input{border-radius:4px;color:#dedede;-webkit-box-shadow:none;box-shadow:none;resize:none;border:none !important}

View File

@ -1432,12 +1432,14 @@ body{tab-size:4}
.ui-layout-east #preview-contents{padding-left:5px}
.working{cursor:progress}
.btn,.dropdown-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
a{-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,border-color ease-in-out .15s}
.close{-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.list-group .nav{border-left:10px solid rgba(0,0,0,0.05);margin-left:10px}
.list-group-item{padding:10px 15px}
.list-group .list-group-item{border-radius:0}
.list-group-item.active:hover{background-color:#888888}
.move-to-front{z-index:1050 !important}
.btn{padding:8px 11px}
.btn{padding:8px 11px;-webkit-transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s;transition:background-color ease-in-out .15s,color ease-in-out .15s,z-index ease-in-out .15s}
.btn-default:hover{background-color:rgba(0,0,0,0.05)}
.btn-primary:hover{color:#ffffff;background-color:#747474}
.btn-success:hover,.open .dropdown-toggle.btn-success{color:#eeeeee;background-color:#406b5b !important}
@ -1483,25 +1485,23 @@ body{tab-size:4}
.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 a>i,.document-panel .panel-content a>i{margin-right:3px;color:inherit}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left .35s ease;-moz-transition:margin-left .35s ease;-o-transition:margin-left .35s ease;transition:margin-left .35s ease}
.menu-panel{width:280px !important;margin-left:-305px;-webkit-transition:margin-left ease-in-out .35s;transition:margin-left ease-in-out .35s}
.menu-panel .sub-menu{background-color:#ffffff}
.menu-panel.in{margin-left:0}
.menu-panel.in .collapse-button,.menu-panel.collapsing .collapse-button{padding-right:17px}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:padding-right .35s ease;-moz-transition:padding-right .35s ease;-o-transition:padding-right .35s ease;transition:padding-right .35s ease}
.menu-panel .collapse-button{right:-80px;position:absolute;margin-top:6px;z-index:-1;padding:2px 27px 2px 50px;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-right ease-in-out .35s}
.menu-panel .collapse-button:hover{padding-right:17px}
.menu-panel .panel-content{background-color:#ede9e6;padding-top:6px;border-right:5px solid #e4deda}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:#ede9e6}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right .35s ease;-moz-transition:margin-right .35s ease;-o-transition:margin-right .35s ease;transition:margin-right .35s ease}
.menu-panel .panel-content>.nav>li>a:hover,.menu-panel .panel-content>.nav>li>a:active{background-color:inherit}
.document-panel{right:0;width:350px !important;margin-right:-380px;-webkit-transition:margin-right ease-in-out .35s;transition:margin-right ease-in-out .35s}
.document-panel.in{margin-right:0}
.document-panel.in .collapse-button,.document-panel.collapsing .collapse-button{padding-left:10px}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:padding-left .35s ease;-moz-transition:padding-left .35s ease;-o-transition:padding-left .35s ease;transition:padding-left .35s ease}
.document-panel .collapse-button{left:-80px;position:absolute;margin-top:6px;padding:7px 50px 7px 20px;z-index:-1;-webkit-transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s;transition:background-color ease-in-out .15s,z-index ease-in-out .15s,padding-left ease-in-out .35s}
.document-panel .collapse-button:hover{padding-left:10px}
.document-panel .collapse-button i.icon-folder-open{font-size:22px}
.document-panel .panel-content{background-color:#ffffff;padding-top:80px;border-left:5px solid #e4deda}
.document-panel .panel-content .icon-layers{font-size:135%}
.document-panel .search-bar{position:absolute;background-color:#ede9e6;margin:-10px 25px 0;padding:20px 5px 10px 15px;z-index:3;border:1px solid #e4deda;border-top:0;border-radius:6px}
.document-panel .search-bar .form-control{padding:8px 30px 8px 12px}
.document-panel .search-bar .close{position:absolute;float:none;line-height:34px;margin:2px 0 2px -30px;padding:0 8px;font-weight:normal;height:34px}
.document-panel .list-group-item{margin:0}
.document-panel .folder{font-weight:bold;color:#3971a3;font-size:15px;border-bottom-color:#ede9e6}
.document-panel .list-group{margin:0}
@ -1565,10 +1565,8 @@ body{tab-size:4}
.publish-custom-template-collapse{margin-bottom:0}
.publish-custom-template-collapse textarea{max-width:100%;min-height:100px}
.ui-layout-resizer{overflow:visible !important;font-size:14px !important}
.ui-layout-resizer .btn{float:none}
.ui-layout-resizer .btn i{color:rgba(57,113,163,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#e4deda}
.ui-layout-resizer .btn:hover i,.ui-layout-resizer .btn:focus i,.ui-layout-resizer .btn:active i,.ui-layout-resizer .btn.active i{color:#3971a3}
.ui-layout-resizer .btn{float:none;color:rgba(57,113,163,0.3)}
.ui-layout-resizer .btn:hover,.ui-layout-resizer .btn:focus,.ui-layout-resizer .btn:active,.ui-layout-resizer .btn.active{background-color:#e4deda;color:#3971a3}
.ui-layout-resizer .ui-layout-toggler{font-size:22px !important}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east{line-height:55px}
.ui-layout-resizer .ui-layout-toggler.ui-layout-toggler-east.ui-layout-toggler-east-open i:before{content:'\e87e'}
@ -1626,10 +1624,15 @@ ul ul,ol ul,ul ol,ol ol{margin-bottom:15px}
.ace-tm .ace_description{color:#4383bd}
.ace-tm .ace_constant{color:#3971a3}
.ace-tm .ace_marker-layer .misspelled{position:absolute;z-index:-2;border-bottom:1px dotted red;margin-bottom:-1px}
.ace_search{background-color:#dbd4ce;border:6px solid #ede9e6;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_field{width:200px}
.ace_search{background-color:#e4deda;border:6px solid #ede9e6;border-top:0;padding:10px 15px 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;min-width:318px}
.ace_search .ace_search_form,.ace_search .ace_replace_form{margin-bottom:10px}
.ace_search .ace_search_field{width:185px}
.ace_search .ace_search_field,.ace_search .ace_searchbtn,.ace_search .ace_replacebtn{height:30px;padding:0 12px;font-size:14px;line-height:1.428571429;color:#555555;vertical-align:middle;background-color:#ffffff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.ace_search .ace_searchbtn{background-image:none;font-family:"fontello";width:auto;font-size:16px}
.ace_search .ace_searchbtn.next:before{content:'\e880'}
.ace_search .ace_searchbtn.prev:before{content:'\e87f'}
.ace_search .ace_replacebtn{padding:0 4px}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30)}
.ace_search .ace_searchbtn_close{background:transparent;margin:0;font-size:21px;font-weight:bold;text-shadow:0 1px 0 #ffffff;opacity:0.3;filter:alpha(opacity=30);-webkit-transition:opacity ease-in-out .15s;transition:opacity ease-in-out .15s}
.ace_search .ace_searchbtn_close:before{content:'\d7'}
.ace_search .ace_searchbtn_close:hover,.ace_search .ace_searchbtn_close:focus{color:#284f72;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);background:transparent}
#wmd-input{border-radius:4px;color:#3971a3;-webkit-box-shadow:none;box-shadow:none;resize:none;border:none !important}

View File

@ -169,6 +169,9 @@ define([
// SSH proxy
newSettings.sshProxy = utils.checkUrl(utils.getInputTextValue("#input-settings-ssh-proxy", event), true);
// Save shortcuts settings
shortcutMgr.saveSettings(newSettings);
// Save extension settings
newSettings.extensionSettings = {};
eventMgr.onSaveSettings(newSettings.extensionSettings, event);
@ -311,6 +314,10 @@ define([
stateManagement__enabled: false,
center__minWidth: 200,
center__minHeight: 200,
fxSettings: {
easing: "easeInOutQuad",
duration: 350
},
onopen: function() {
setPanelVisibility();
setPreviewButtonsVisibility();
@ -855,14 +862,14 @@ define([
// Tooltips
$(".tooltip-lazy-rendering").tooltip({
container: '.modal-settings',
container: '.modal-settings .modal-dialog',
placement: 'right',
trigger: 'hover',
title: 'Disable preview rendering while typing in order to offload CPU. Refresh preview after 500 ms of inactivity.'
});
$(".tooltip-default-content").tooltip({
html: true,
container: '.modal-settings',
container: '.modal-settings .modal-dialog',
placement: 'right',
trigger: 'hover',
title: 'Thanks for supporting StackEdit by adding a backlink in your documents!'
@ -870,7 +877,7 @@ define([
var tooltipOpen = false;
$(".tooltip-usercustom-extension").tooltip({
html: true,
container: '.modal-settings',
container: '.modal-settings .modal-dialog',
placement: 'right',
trigger: 'manual',
title: settingsUserCustomExtensionTooltipHTML
@ -888,7 +895,7 @@ define([
var $tooltipElt = $(tooltipElt);
$tooltipElt.tooltip({
html: true,
container: $tooltipElt.parents('.modal'),
container: $tooltipElt.parents('.modal-dialog'),
placement: 'right',
trigger: 'manual',
title: settingsTemplateTooltipHTML

View File

@ -186,13 +186,6 @@ define([
$filterInputElt.bind("propertychange keyup input paste", function() {
filterFiles($filterInputElt.val());
});
// Clear button
$(panelElt.querySelector('.search-bar .close')).click(function() {
$filterInputElt.val('');
filterFiles('');
$filterInputElt.focus();
});
};
return documentPanel;

View File

@ -146,7 +146,6 @@
<div class="input-group">
<span class="input-group-addon"><i class="icon-search"></i></span><input
type="text" class="form-control"></input>
<button type="button" class="close" title="clear">&times;</button>
<div class="input-group-btn">
<a data-toggle="modal" data-target=".modal-document-manager"
class="btn btn-link" title="Manage documents"><i
@ -643,12 +642,7 @@
for="input-publish-ssh-password">Password</label>
<div class="col-lg-7">
<input type="password" id="input-publish-ssh-password"
placeholder="password" class="form-control"> <span
class="help-block"> Passwords are transmitted in clear,
unless you are hosting your own <a target="_blank"
href="https://github.com/benweet/stackedit-ssh-proxy">SSH
proxy</a>.
</span>
placeholder="password" class="form-control">
</div>
</div>
<div class="form-group modal-publish-github">
@ -820,11 +814,7 @@
<p><b>NOTE:</b> You can use a
<a href="http://jekyllrb.com/docs/frontmatter/"
target="_blank">YAML front matter</a> to specify the title and the tags/labels of your publication.</p>
<p><b>Interpreted variables:</b></p>
<ul>
<li>title</li>
<li>categories/tags</li>
</ul>
<p><b>Interpreted variables:</b> <i>title, categories/tags</i></p>
</blockquote>
</div>
<div class="modal-footer">

View File

@ -55,7 +55,6 @@
<div class="input-group">
<span class="input-group-addon"><i class="icon-search"></i></span><input
type="text" class="form-control"></input>
<button type="button" class="close" title="clear">&times;</button>
<div class="input-group-btn">
<a data-toggle="modal" data-target=".modal-document-manager"
class="btn btn-link" title="Manage documents"><i

View File

@ -279,5 +279,15 @@ define([
});
};
shortcutMgr.saveSettings = function(newSettings) {
newSettings.shortcuts = {};
_.each(shortcuts, function(shortcut, key) {
var newShortcut = {};
newShortcut.win = utils.getInputValue("#input-settings-shortcut-" + shortcut.name);
newShortcut.mac = utils.getInputValue("#input-settings-shortcut-" + shortcut.name + '-mac');
newSettings.shortcuts[key] = newShortcut;
});
};
return shortcutMgr;
});

View File

@ -134,6 +134,14 @@ body {
user-select: none;
}
a {
.transition(~"background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s");
}
.close {
.transition(~"opacity ease-in-out .15s");
}
.list-group .nav {
border-left: 10px solid @blockquote-border-color;
margin-left: 10px;
@ -160,6 +168,7 @@ body {
.btn {
padding: 8px 11px;
.transition(~"background-color ease-in-out .15s, color ease-in-out .15s, z-index ease-in-out .15s");
}
.btn-default:hover {
@ -364,10 +373,7 @@ body {
.menu-panel {
width: @menu-panel-width !important;
margin-left: (-@menu-panel-width - 25);
-webkit-transition: margin-left 0.35s ease;
-moz-transition: margin-left 0.35s ease;
-o-transition: margin-left 0.35s ease;
transition: margin-left 0.35s ease;
.transition(~"margin-left ease-in-out 0.35s");
.sub-menu {
background-color: @list-group-bg;
}
@ -385,10 +391,7 @@ body {
margin-top: 6px;
z-index: -1;
padding: 2px 27px 2px 50px;
-webkit-transition: padding-right 0.35s ease;
-moz-transition: padding-right 0.35s ease;
-o-transition: padding-right 0.35s ease;
transition: padding-right 0.35s ease;
.transition(~"background-color ease-in-out .15s, z-index ease-in-out .15s, padding-right ease-in-out 0.35s");
&:hover {
padding-right: 17px;
}
@ -399,7 +402,7 @@ body {
border-right: 5px solid @panel-border-color;
& > .nav > li > a {
&:hover, &:active {
background-color: @panel-bg;
background-color: inherit;
}
}
}
@ -409,10 +412,7 @@ body {
right: 0;
width: @document-panel-width !important;
margin-right: (-@document-panel-width - 30);
-webkit-transition: margin-right 0.35s ease;
-moz-transition: margin-right 0.35s ease;
-o-transition: margin-right 0.35s ease;
transition: margin-right 0.35s ease;
.transition(~"margin-right ease-in-out 0.35s");
&.in {
margin-right: 0;
}
@ -427,10 +427,7 @@ body {
margin-top: 6px;
padding: 7px 50px 7px 20px;
z-index: -1;
-webkit-transition: padding-left 0.35s ease;
-moz-transition: padding-left 0.35s ease;
-o-transition: padding-left 0.35s ease;
transition: padding-left 0.35s ease;
.transition(~"background-color ease-in-out .15s, z-index ease-in-out .15s, padding-left ease-in-out 0.35s");
&:hover {
padding-left: 10px;
}
@ -455,18 +452,6 @@ body {
border: 1px solid @primary-bg-light;
border-top: 0;
border-radius: 6px;
.form-control {
padding: 8px 30px 8px 12px;
}
.close {
position: absolute;
float: none;
line-height: 34px;
margin: 2px 0 2px -30px;
padding: 0 8px;
font-weight: normal;
height: 34px;
}
}
.list-group-item {
margin: 0;
@ -792,17 +777,13 @@ body {
font-size: 14px !important;
.btn {
float: none;
i {
color: fade(@primary-color-light, 30%);
}
color: fade(@primary-color-light, 30%);
&:hover,
&:focus,
&:active,
&.active {
background-color: mix(@primary-bg-lighter, @primary-bg, 50%);
i {
color: @primary-color-light
}
color: @primary-color-light
}
}
.ui-layout-toggler {
@ -1044,15 +1025,40 @@ ul,ol {
}
.ace_search {
background-color: @primary-bg;
background-color: @primary-bg-light;
border: 6px solid @panel-bg;
border-top: 0;
padding: 10px 15px 5px;
font-family: @font-family-base;
min-width: 318px;
.ace_search_field {
width: 200px;
.ace_search_form, .ace_replace_form {
margin-bottom: 10px;
}
.ace_search_field {
width: 185px;
}
.ace_search_field, .ace_searchbtn, .ace_replacebtn {
height: @input-height-small;
padding: 0 @padding-base-horizontal;
font-size: @font-size-base;
line-height: @line-height-base;
color: @input-color;
vertical-align: middle;
background-color: @input-bg;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
}
.ace_searchbtn {
background-image: none;
font-family: "fontello";
width: auto;
font-size: 16px;
&.next:before {
content: '\e880';
}
&.prev:before {
content: '\e87f';
}
}
.ace_replacebtn {
padding: 0 4px;
}
@ -1063,6 +1069,7 @@ ul,ol {
font-weight: @close-font-weight;
text-shadow: @close-text-shadow;
.opacity(.3);
.transition(~"opacity ease-in-out .15s");
&:before {
content: '\d7';
}

View File

@ -46,10 +46,6 @@
display: block !important;
}
.extension-preview-buttons {
//margin-top: 4px;
}
.ui-layout-resizer-east {
z-index: 1 !important;
}