Custom scrollbar
This commit is contained in:
franzz committed
1 parent
9a77c20cc6
commit
e62d99d0fc
10 files changed
+670
-8
No files matched your search
@@ -6,6 +6,7 @@
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: calc(30% - 1em);
|
||||
overflow: auto;
|
||||
|
||||
#upload_file {
|
||||
margin-bottom: 1em;
|
||||
@@ -15,8 +16,9 @@
|
||||
overflow: auto;
|
||||
|
||||
.doc-item {
|
||||
margin-bottom: 1em;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.link {
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
@@ -58,6 +60,7 @@
|
||||
height: calc(100% - 43.35px);
|
||||
border: 2px solid $gray-400;
|
||||
@include catc-round(0.5em);
|
||||
padding: 1em 0.5em 1em 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
+9
-3
@@ -14,9 +14,15 @@
|
||||
.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
|
||||
fill: $col_main_2;
|
||||
}
|
||||
.ql-editor.ql-blank::before {
|
||||
left: 1.5em;
|
||||
color: $gray-400;
|
||||
.ql-editor {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-right: 0;
|
||||
|
||||
&.ql-blank::before {
|
||||
left: 1.5em;
|
||||
color: $gray-400;
|
||||
}
|
||||
}
|
||||
|
||||
.ql-snow .ql-tooltip {
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
@import 'scrollbar/jquery.mCustomScrollbar.scss';
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
|
||||
background-color: $col_main_1;
|
||||
}
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
|
||||
background-color: $gray-400;
|
||||
}
|
||||
|
||||
.mCSB_inside > .mCSB_container {
|
||||
margin-right: calc(16px + 0.5em);
|
||||
}
|
||||
@@ -180,7 +180,6 @@ a.button:active {
|
||||
bottom: 2rem;
|
||||
right:0;
|
||||
left:0;
|
||||
border-radius: 0.5em;
|
||||
padding: 1em;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
+1
-1
@@ -11,4 +11,4 @@
|
||||
* https://quilljs.com/
|
||||
* Copyright (c) 2014, Jason Chen
|
||||
* Copyright (c) 2013, salesforce.com
|
||||
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}.ql-editor li[data-list=ordered]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}.ql-editor li[data-list=ordered].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}.ql-editor li[data-list=ordered].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}.ql-editor li[data-list=ordered].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}.ql-editor li[data-list=ordered].ql-indent-7{counter-reset:list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}.ql-editor li[data-list=ordered].ql-indent-8{counter-reset:list-9}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(Line truncated
|
||||
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}.ql-editor li[data-list=ordered]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}.ql-editor li[data-list=ordered].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}.ql-editor li[data-list=ordered].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}.ql-editor li[data-list=ordered].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}.ql-editor li[data-list=ordered].ql-indent-7{counter-reset:list-8 list-9}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}.ql-editor li[data-list=ordered].ql-indent-8{counter-reset:list-9}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(Line truncated
|
||||
+1
-1
@@ -1 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["fa/light.scss","fa/_variables.scss","fa/_core.scss","fa/_mixins.scss","fa/_larger.scss","fa/_fixed-width.scss","fa/_list.scss","fa/_bordered-pulled.scss","fa/_animated.scss","fa/_rotated-flipped.scss","fa/_stacked.scss","_font-awesome.scss","_fonts.scss","bootstrap/bootstrap.scss","bootstrap/_root.scss","bootstrap/_reboot.scss","_variables.scss","bootstrap/vendor/_rfs.scss","bootstrap/_variables.scss","_bootstrap.scss","bootstrap/mixins/_hover.scss","bootstrap/_type.scss","bootstrap/mixins/_lists.scss","bootstrap/_images.scss","bootstrap/mixins/_image.scss","bootstrap/mixins/_border-radius.scss","bootstrap/_code.scss","bootstrap/_grid.scss","bootstrap/mixins/_grid.scss","bootstrap/mixins/_breakpoints.scss","bootstrap/mixins/_grid-framework.scss","bootstrap/_tables.scss","bootstrap/mixins/_table-row.scss","bootstrap/_forms.scss","bootstrap/mixins/_transition.scss","bootstrap/mixins/_forms.scss","bootstrap/mixins/_gradients.scss","bootstrap/_buttons.scss","bootstrap/mixins/_buttons.scss","bootstrap/_transitions.scss","bootstrap/_dropdown.scss","bootstrap/mixins/_caret.scss","bootstrap/mixins/_nav-divider.scss","bootstrap/_button-group.scss","bootstrap/_input-group.scss","bootstrap/_custom-forms.scss","bootstrap/_nav.scss","bootstrap/_navbar.scss","bootstrap/_card.scss","bootstrap/_breadcrumb.scss","bootstrap/_pagination.scss","bootstrap/mixins/_pagination.scss","bootstrap/_badge.scss","bootstrap/mixins/_badge.scss","bootstrap/_jumbotron.scss","bootstrap/_alert.scss","bootstrap/mixins/_alert.scss","bootstrap/_progress.scss","bootstrap/_media.scss","bootstrap/_list-group.scss","bootstrap/mixins/_list-group.scss","bootstrap/_close.scss","bootstrap/_toasts.scss","bootstrap/_modal.scss","bootstrap/_tooltip.scss","bootstrap/mixins/_reset-text.scss","bootstrap/_popover.scss","bootstrap/_carousel.scss","bootstrap/mixins/_clearfix.scss","bootstrap/_spinners.scss","bootstrap/utilities/_align.scss","bootstrap/mixins/_background-variant.scss","bootstrap/utilities/_background.scss","bootstrap/utilities/_borders.scss","bootstrap/utilities/_display.scss","bootstrap/utilities/_embed.scss","bootstrap/utilities/_flex.scss","bootstrap/utilities/_float.scss","bootstrap/utilities/_overflow.scss","bootstrap/utilities/_position.scss","bootstrap/utilities/_screenreaders.scss","bootstrap/mixins/_screen-reader.scss","bootstrap/utilities/_shadows.scss","bootstrap/utilities/_sizing.scss","bootstrap/utilities/_stretched-link.scss","bootstrap/utilities/_spacing.scss","bootstrap/utilities/_text.scss","bootstrap/mixins/_text-truncate.scss","bootstrap/mixins/_text-emphasis.scss","bootstrap/mixins/_text-hide.scss","bootstrap/utilities/_visibility.scss","bootstrap/_print.scss","quill/quill.snow.scss","quill/quill.better-table.scss","_quill.scss","_template.scss","_page_logon.scss","_page_workshops.scss","_page_course.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA,GAMA,WACE,iCACA,kBACA,gBACA,aCLqB,KDMrB,qCACA,2RAOF,gbACE,iCACA,gBElBF,wcAME,kCACA,mCACA,qBACA,kBACA,oBACA,oBACA,cAGF,2aCdE,mCACA,kCACA,qBACA,kBACA,oBACA,mBACA,cCNF,OACE,yBACA,kBACA,yBAGF,OACE,gBAGF,OACE,iBAIA,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,QACE,eClBJ,2BACE,kBACA,MJOqB,OKRvB,OACE,qBACA,kBACA,eAEA,4BAGF,OACE,UACA,kBACA,kBACA,MLLqB,IKMrB,oBCbF,WACE,wBACA,mBACA,yBAGF,yBACA,2BAOE,i0BACA,41BCfF,4BACE,qCAGF,UACE,uCAGF,mBACE,GACE,uBAGF,KACE,0BCdJ,cNWE,sEACA,wBMXF,eNUE,sEACA,yBMVF,eNSE,sEACA,yBMRF,oBNYE,gFACA,uBMZF,kBNWE,gFACA,uBMXF,mDNUE,gFACA,wBMLA,oIAME,YClBJ,UACE,qBACA,WACA,gBACA,kBACA,sBACA,YAGF,0BAEE,OACA,kBACA,kBACA,WAGF,aACE,oBAGF,aACE,cAGF,YACE,MTpBqB,KUKvB,WACC,kBAID,gCACA,4BACA,6BACA,2BACA,4BACA,8BACA,+BAEA,8BACA,+BACA,+BAGA,4BACA,gCAGA,8BACA,4BACA,4BACA,4BACA,8BAGA,mCACA,kCACA,kCACA,kCACA,gCACA,iCC/CA,WACE,wBACA,kBACA,gBACA,uHACA,yDAGF,WACE,wBACA,kBACA,gBACA,uHACA,2GAGF,WACE,wBACA,kBACA,gBACA,oHACA,yJCtBF;AAAA;AAAA;AAAA;AAAA;AAAA,SCGI,2NAIA,+IAIA,gHAKF,gNACA,8GCCF,qBAGE,sBAGF,KACE,uBACA,iBACA,8BACA,0CAMF,sEACE,cAUF,KACE,SACA,YCxCU,YCwHN,UAtCa,KFxCjB,YG0O4B,IHzO5B,YG8O4B,IH7O5B,MI3CS,QJ4CT,gBACA,iBG9CS,KHsDX,sBACE,qBASF,GACE,uBACA,SACA,iBAaF,kBACE,aACA,cGgN4B,MHzM9B,EACE,aACA,cGoF0B,KHzE5B,sCAEE,0BACA,iCACA,YACA,gBACA,8BAGF,QACE,mBACA,kBACA,oBAGF,SAGE,aACA,mBAGF,wBAIE,gBAGF,GACE,YGiJ4B,IH9I9B,GACE,oBACA,cAGF,WACE,gBAGF,SAEE,YGoI4B,OHjI9B,MEpFI,cF6FJ,QAEE,kBE/FE,cFiGF,cACA,wBAGF,mBACA,eAOA,EACE,MGXwC,QHYxC,gBGXwC,KHYxC,6BK5KA,QL+KE,MGdsC,QHetC,gBGdsC,UHwB1C,8BACE,cACA,qBKxLA,wEL2LE,cACA,qBAGF,oCACE,UASJ,kBAIE,YGoD4B,+EDzM1B,cFyJJ,IAEE,aAEA,mBAEA,cAQF,OAEE,gBAQF,IACE,sBACA,kBAGF,IAGE,gBACA,sBAQF,MACE,yBAGF,QACE,YG2E4B,OH1E5B,eG0E4B,OHzE5B,MI5QS,QJ6QT,gBACA,oBAGF,GAGE,mBAQF,MAEE,qBACA,cG4JsC,MHtJxC,OAEE,gBAOF,aACE,mBACA,0CAGF,sCAKE,SACA,oBEtPE,kBFwPF,oBAGF,aAEE,iBAGF,cAEE,oBAMF,OACE,iBAOF,gDAIE,0BASE,4GACE,eAMN,wHAIE,UACA,kBAGF,uCAEE,sBACA,UAIF,+EASE,2BAGF,SACE,cAEA,gBAGF,SAME,YAEA,UACA,SACA,SAKF,OACE,cACA,WACA,eACA,UACA,oBElSI,UAtCa,OF0UjB,oBACA,cACA,mBAGF,SACE,wBAIF,kFAEE,YAGF,cAKLine truncated
|
||||
{"version":3,"sourceRoot":"","sources":["fa/light.scss","fa/_variables.scss","fa/_core.scss","fa/_mixins.scss","fa/_larger.scss","fa/_fixed-width.scss","fa/_list.scss","fa/_bordered-pulled.scss","fa/_animated.scss","fa/_rotated-flipped.scss","fa/_stacked.scss","_font-awesome.scss","_fonts.scss","bootstrap/bootstrap.scss","bootstrap/_root.scss","bootstrap/_reboot.scss","_variables.scss","bootstrap/vendor/_rfs.scss","bootstrap/_variables.scss","_bootstrap.scss","bootstrap/mixins/_hover.scss","bootstrap/_type.scss","bootstrap/mixins/_lists.scss","bootstrap/_images.scss","bootstrap/mixins/_image.scss","bootstrap/mixins/_border-radius.scss","bootstrap/_code.scss","bootstrap/_grid.scss","bootstrap/mixins/_grid.scss","bootstrap/mixins/_breakpoints.scss","bootstrap/mixins/_grid-framework.scss","bootstrap/_tables.scss","bootstrap/mixins/_table-row.scss","bootstrap/_forms.scss","bootstrap/mixins/_transition.scss","bootstrap/mixins/_forms.scss","bootstrap/mixins/_gradients.scss","bootstrap/_buttons.scss","bootstrap/mixins/_buttons.scss","bootstrap/_transitions.scss","bootstrap/_dropdown.scss","bootstrap/mixins/_caret.scss","bootstrap/mixins/_nav-divider.scss","bootstrap/_button-group.scss","bootstrap/_input-group.scss","bootstrap/_custom-forms.scss","bootstrap/_nav.scss","bootstrap/_navbar.scss","bootstrap/_card.scss","bootstrap/_breadcrumb.scss","bootstrap/_pagination.scss","bootstrap/mixins/_pagination.scss","bootstrap/_badge.scss","bootstrap/mixins/_badge.scss","bootstrap/_jumbotron.scss","bootstrap/_alert.scss","bootstrap/mixins/_alert.scss","bootstrap/_progress.scss","bootstrap/_media.scss","bootstrap/_list-group.scss","bootstrap/mixins/_list-group.scss","bootstrap/_close.scss","bootstrap/_toasts.scss","bootstrap/_modal.scss","bootstrap/_tooltip.scss","bootstrap/mixins/_reset-text.scss","bootstrap/_popover.scss","bootstrap/_carousel.scss","bootstrap/mixins/_clearfix.scss","bootstrap/_spinners.scss","bootstrap/utilities/_align.scss","bootstrap/mixins/_background-variant.scss","bootstrap/utilities/_background.scss","bootstrap/utilities/_borders.scss","bootstrap/utilities/_display.scss","bootstrap/utilities/_embed.scss","bootstrap/utilities/_flex.scss","bootstrap/utilities/_float.scss","bootstrap/utilities/_overflow.scss","bootstrap/utilities/_position.scss","bootstrap/utilities/_screenreaders.scss","bootstrap/mixins/_screen-reader.scss","bootstrap/utilities/_shadows.scss","bootstrap/utilities/_sizing.scss","bootstrap/utilities/_stretched-link.scss","bootstrap/utilities/_spacing.scss","bootstrap/utilities/_text.scss","bootstrap/mixins/_text-truncate.scss","bootstrap/mixins/_text-emphasis.scss","bootstrap/mixins/_text-hide.scss","bootstrap/utilities/_visibility.scss","bootstrap/_print.scss","quill/quill.snow.scss","quill/quill.better-table.scss","_quill.scss","scrollbar/jquery.mCustomScrollbar.scss","_scrollbar.scss","_template.scss","_page_logon.scss","_page_workshops.scss","_page_course.scss"],"names":[],"mappings":"CAAA;AAAA;AAAA;AAAA,GAMA,WACE,iCACA,kBACA,gBACA,aCLqB,KDMrB,qCACA,2RAOF,gbACE,iCACA,gBElBF,wcAME,kCACA,mCACA,qBACA,kBACA,oBACA,oBACA,cAGF,2aCdE,mCACA,kCACA,qBACA,kBACA,oBACA,mBACA,cCNF,OACE,yBACA,kBACA,yBAGF,OACE,gBAGF,OACE,iBAIA,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,OACE,cADF,QACE,eClBJ,2BACE,kBACA,MJOqB,OKRvB,OACE,qBACA,kBACA,eAEA,4BAGF,OACE,UACA,kBACA,kBACA,MLLqB,IKMrB,oBCbF,WACE,wBACA,mBACA,yBAGF,yBACA,2BAOE,i0BACA,41BCfF,4BACE,qCAGF,UACE,uCAGF,mBACE,GACE,uBAGF,KACE,0BCdJ,cNWE,sEACA,wBMXF,eNUE,sEACA,yBMVF,eNSE,sEACA,yBMRF,oBNYE,gFACA,uBMZF,kBNWE,gFACA,uBMXF,mDNUE,gFACA,wBMLA,oIAME,YClBJ,UACE,qBACA,WACA,gBACA,kBACA,sBACA,YAGF,0BAEE,OACA,kBACA,kBACA,WAGF,aACE,oBAGF,aACE,cAGF,YACE,MTpBqB,KUKvB,WACC,kBAID,gCACA,4BACA,6BACA,2BACA,4BACA,8BACA,+BAEA,8BACA,+BACA,+BAGA,4BACA,gCAGA,8BACA,4BACA,4BACA,4BACA,8BAGA,mCACA,kCACA,kCACA,kCACA,gCACA,iCC/CA,WACE,wBACA,kBACA,gBACA,uHACA,yDAGF,WACE,wBACA,kBACA,gBACA,uHACA,2GAGF,WACE,wBACA,kBACA,gBACA,oHACA,yJCtBF;AAAA;AAAA;AAAA;AAAA;AAAA,SCGI,2NAIA,+IAIA,gHAKF,gNACA,8GCCF,qBAGE,sBAGF,KACE,uBACA,iBACA,8BACA,0CAMF,sEACE,cAUF,KACE,SACA,YCxCU,YCwHN,UAtCa,KFxCjB,YG0O4B,IHzO5B,YG8O4B,IH7O5B,MI3CS,QJ4CT,gBACA,iBG9CS,KHsDX,sBACE,qBASF,GACE,uBACA,SACA,iBAaF,kBACE,aACA,cGgN4B,MHzM9B,EACE,aACA,cGoF0B,KHzE5B,sCAEE,0BACA,iCACA,YACA,gBACA,8BAGF,QACE,mBACA,kBACA,oBAGF,SAGE,aACA,mBAGF,wBAIE,gBAGF,GACE,YGiJ4B,IH9I9B,GACE,oBACA,cAGF,WACE,gBAGF,SAEE,YGoI4B,OHjI9B,MEpFI,cF6FJ,QAEE,kBE/FE,cFiGF,cACA,wBAGF,mBACA,eAOA,EACE,MGXwC,QHYxC,gBGXwC,KHYxC,6BK5KA,QL+KE,MGdsC,QHetC,gBGdsC,UHwB1C,8BACE,cACA,qBKxLA,wEL2LE,cACA,qBAGF,oCACE,UASJ,kBAIE,YGoD4B,+EDzM1B,cFyJJ,IAEE,aAEA,mBAEA,cAQF,OAEE,gBAQF,IACE,sBACA,kBAGF,IAGE,gBACA,sBAQF,MACE,yBAGF,QACE,YG2E4B,OH1E5B,eG0E4B,OHzE5B,MI5QS,QJ6QT,gBACA,oBAGF,GAGE,mBAQF,MAEE,qBACA,cG4JsC,MHtJxC,OAEE,gBAOF,aACE,mBACA,0CAGF,sCAKE,SACA,oBEtPE,kBFwPF,oBAGF,aAEE,iBAGF,cAEE,oBAMF,OACE,iBAOF,gDAIE,0BASE,4GACE,eAMN,wHAIE,UACA,kBAGF,uCAEE,sBACA,UAIF,+EASE,2BAGF,SACE,cAEA,gBAGF,SAME,YAEA,UACA,SACA,SAKF,OACE,cACA,WACA,eACA,UACA,oBELine truncated
|
||||
@@ -11,6 +11,7 @@
|
||||
|
||||
@import 'bootstrap';
|
||||
@import 'quill';
|
||||
@import 'scrollbar';
|
||||
|
||||
/* Template (theme) */
|
||||
|
||||
|
||||
@@ -0,0 +1,622 @@
|
||||
/*
|
||||
== malihu jquery custom scrollbar plugin ==
|
||||
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/*
|
||||
CONTENTS:
|
||||
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
|
||||
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
|
||||
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
|
||||
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
|
||||
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
|
||||
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
|
||||
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/*
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
1. BASIC STYLE
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
|
||||
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
|
||||
|
||||
.mCustomScrollBox{ /* contains plugin's markup */
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
outline: none;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.mCSB_container{ /* contains the original content */
|
||||
overflow: hidden;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
2. VERTICAL SCROLLBAR
|
||||
y-axis
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
|
||||
|
||||
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
|
||||
|
||||
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
|
||||
margin-right: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
|
||||
|
||||
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: auto;
|
||||
left: auto;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
|
||||
|
||||
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
|
||||
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
|
||||
|
||||
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
|
||||
|
||||
.mCSB_scrollTools .mCSB_draggerRail{
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 30px; /* minimum dragger height */
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
|
||||
position: relative;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
|
||||
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
|
||||
|
||||
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
|
||||
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonUp,
|
||||
.mCSB_scrollTools .mCSB_buttonDown{
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 20px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
|
||||
|
||||
|
||||
|
||||
/*
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
3. HORIZONTAL SCROLLBAR
|
||||
x-axis
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.mCSB_horizontal.mCSB_inside > .mCSB_container{
|
||||
margin-right: 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
|
||||
|
||||
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
|
||||
width: auto;
|
||||
height: 16px;
|
||||
top: auto;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
|
||||
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
margin: 7px 0;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
|
||||
width: 30px; /* minimum dragger width */
|
||||
height: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
margin: 6px auto;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
|
||||
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
|
||||
height: 12px; /* auto-expanded scrollbar */
|
||||
margin: 2px auto;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
|
||||
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
|
||||
height: 8px; /* auto-expanded scrollbar */
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
|
||||
|
||||
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
|
||||
|
||||
|
||||
|
||||
/*
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
4. VERTICAL AND HORIZONTAL SCROLLBARS
|
||||
yx-axis
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.mCSB_container_wrapper{
|
||||
position: absolute;
|
||||
height: auto;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin-right: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.mCSB_container_wrapper > .mCSB_container{
|
||||
padding-right: 30px;
|
||||
padding-bottom: 30px;
|
||||
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
|
||||
}
|
||||
|
||||
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
|
||||
|
||||
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
|
||||
|
||||
/* non-visible horizontal scrollbar */
|
||||
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
|
||||
|
||||
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
|
||||
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
|
||||
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
|
||||
|
||||
/* RTL direction/left-side scrollbar */
|
||||
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
|
||||
|
||||
/* non-visible scrollbar/RTL direction/left-side scrollbar */
|
||||
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
|
||||
|
||||
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
|
||||
margin-right: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
|
||||
|
||||
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
|
||||
|
||||
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
|
||||
margin-right: 0; /* non-visible scrollbar */
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* non-visible horizontal scrollbar */
|
||||
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
|
||||
|
||||
|
||||
|
||||
/*
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
5. TRANSITIONS
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.mCSB_scrollTools,
|
||||
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCSB_scrollTools .mCSB_buttonUp,
|
||||
.mCSB_scrollTools .mCSB_buttonDown,
|
||||
.mCSB_scrollTools .mCSB_buttonLeft,
|
||||
.mCSB_scrollTools .mCSB_buttonRight{
|
||||
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
|
||||
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
|
||||
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
|
||||
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
|
||||
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
|
||||
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
|
||||
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
|
||||
opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
|
||||
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
|
||||
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
|
||||
opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
|
||||
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
|
||||
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
|
||||
opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
transition: width .2s ease-out .2s, height .2s ease-out .2s,
|
||||
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
|
||||
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
|
||||
opacity .2s ease-in-out, background-color .2s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
|
||||
------------------------------------------------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/*
|
||||
----------------------------------------
|
||||
6.1 THEMES
|
||||
----------------------------------------
|
||||
*/
|
||||
|
||||
/* default theme ("light") */
|
||||
|
||||
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
|
||||
|
||||
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
|
||||
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
|
||||
|
||||
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
|
||||
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
|
||||
.mCustomScrollBox:hover > .mCSB_scrollTools,
|
||||
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
|
||||
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
|
||||
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
|
||||
|
||||
.mCSB_scrollTools .mCSB_draggerRail{
|
||||
background-color: #000; background-color: rgba(0,0,0,0.4);
|
||||
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
||||
background-color: #fff; background-color: rgba(255,255,255,0.75);
|
||||
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
|
||||
background-color: #fff; background-color: rgba(255,255,255,0.85);
|
||||
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
|
||||
}
|
||||
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
||||
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
|
||||
background-color: #fff; background-color: rgba(255,255,255,0.9);
|
||||
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonUp,
|
||||
.mCSB_scrollTools .mCSB_buttonDown,
|
||||
.mCSB_scrollTools .mCSB_buttonLeft,
|
||||
.mCSB_scrollTools .mCSB_buttonRight{
|
||||
background-image: url(mCSB_buttons.png); /* css sprites */
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonUp{
|
||||
background-position: 0 0;
|
||||
/*
|
||||
sprites locations
|
||||
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
|
||||
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
|
||||
*/
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonDown{
|
||||
background-position: 0 -20px;
|
||||
/*
|
||||
sprites locations
|
||||
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
|
||||
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
|
||||
*/
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonLeft{
|
||||
background-position: 0 -40px;
|
||||
/*
|
||||
sprites locations
|
||||
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
|
||||
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
|
||||
*/
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonRight{
|
||||
background-position: 0 -56px;
|
||||
/*
|
||||
sprites locations
|
||||
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
|
||||
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
|
||||
*/
|
||||
}
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonUp:hover,
|
||||
.mCSB_scrollTools .mCSB_buttonDown:hover,
|
||||
.mCSB_scrollTools .mCSB_buttonLeft:hover,
|
||||
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
|
||||
|
||||
.mCSB_scrollTools .mCSB_buttonUp:active,
|
||||
.mCSB_scrollTools .mCSB_buttonDown:active,
|
||||
.mCSB_scrollTools .mCSB_buttonLeft:active,
|
||||
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
|
||||
|
||||
|
||||
/* theme: "dark" */
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
|
||||
|
||||
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
|
||||
|
||||
/* ---------------------------------------- */
|
||||
|
||||
|
||||
|
||||
/* theme: "light-2", "dark-2" */
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
|
||||
width: 4px;
|
||||
background-color: #fff; background-color: rgba(255,255,255,0.1);
|
||||
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
|
||||
}
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
||||
width: 4px;
|
||||
background-color: #fff; background-color: rgba(255,255,255,0.75);
|
||||
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
|
||||
}
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
|
||||
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
|
||||
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
margin: 6px auto;
|
||||
}
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
|
||||
|
||||
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
|
||||
|
||||
|
||||
/* theme: "dark-2" */
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
|
||||
background-color: #000; background-color: rgba(0,0,0,0.1);
|
||||
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
|
||||
}
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
||||
background-color: #000; background-color: rgba(0,0,0,0.75);
|
||||
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
|
||||
}
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
|
||||
|
||||
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
|
||||
|
||||
/* ---------------------------------------- */
|
||||
|
||||
|
||||
|
||||
/* theme: "light-thick", "dark-thick" */
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
|
||||
width: 4px;
|
||||
background-color: #fff; background-color: rgba(255,255,255,0.1);
|
||||
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
|
||||
}
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
||||
width: 6px;
|
||||
background-color: #fff; background-color: rgba(255,255,255,0.75);
|
||||
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
|
||||
}
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
|
||||
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
|
||||
width: 100%;
|
||||
height: 6px;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
|
||||
|
||||
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
|
||||
|
||||
|
||||
/* theme: "dark-thick" */
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
|
||||
background-color: #000; background-color: rgba(0,0,0,0.1);
|
||||
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
|
||||
}
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
|
||||
background-color: #000; background-color: rgba(0,0,0,0.75);
|
||||
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
|
||||
}
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
|
||||
|
||||
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
|
||||
|
||||
/* ---------------------------------------- */
|
||||
|
||||
|
||||
|
||||
/* theme: "light-thin", "dark-thin" */
|
||||
|
||||
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
|
||||
|
||||
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
|
||||
|
||||
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
|
||||
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
|
||||
|
||||
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
|
||||
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
margin: 7px auto;
|
||||
}
|
||||
|
||||
|
||||
/* theme "dark-thin" */
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
|
||||
|
||||
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
|
||||
Reference in new issue
Block a user