From 40e7ae0b6fe8bc38368b9a8b03d90c0f09341d25 Mon Sep 17 00:00:00 2001 From: Jesse Stippel Date: Tue, 26 Jan 2016 20:35:11 +0100 Subject: [PATCH] tested and working, fixed outline issue --- src/operun/gallery/browser/static/gallery-compiled.css | 8 ++++---- .../gallery/browser/static/gallery-compiled.css.map | 2 +- src/operun/gallery/browser/static/gallery.less | 8 ++++---- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/operun/gallery/browser/static/gallery-compiled.css b/src/operun/gallery/browser/static/gallery-compiled.css index f1efece..fef3643 100644 --- a/src/operun/gallery/browser/static/gallery-compiled.css +++ b/src/operun/gallery/browser/static/gallery-compiled.css @@ -209,9 +209,9 @@ body.lb-disable-scrolling { background-color: rgba(0, 0, 0, 0.5); } /* Overrides */ -.lightbox a:focus, -.lightbox a:hover, -.lightbox a:active { - outline: none !important; +.gallery-image a:focus, +.gallery-image a:hover, +.gallery-image a:active { + outline: 0 !important; } /*# sourceMappingURL=gallery-compiled.css.map */ \ No newline at end of file diff --git a/src/operun/gallery/browser/static/gallery-compiled.css.map b/src/operun/gallery/browser/static/gallery-compiled.css.map index ba2730d..04977af 100644 --- a/src/operun/gallery/browser/static/gallery-compiled.css.map +++ b/src/operun/gallery/browser/static/gallery-compiled.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/operun/gallery/browser/static/lightbox.less","src/operun/gallery/browser/static/gallery.less"],"names":[],"mappings":";;AACA,IAAI;EACF,4MAAA;EACA,aAAA;;AAGF,IAAI;EACF,gBAAA;;AAGF;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,uBAAA;EACA,QAAQ,mDAAR;EACA,YAAA;EACA,aAAA;;AAGF;EACE,kBAAA;EACA,OAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,cAAA;EACA,mBAAA;;AAGF,SAAU;EACR,cAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;;AAGF,SAAU,EAAE;EACV,YAAA;;AAGF;EACE,kBAAA;EACA,uBAAA;EACA,QAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;;AAGF,kBAAkB;EAChB,SAAS,EAAT;EACA,cAAA;EACA,WAAA;;AAGF;EACE,YAAA;;AAGF;EACE,kBAAA;EACA,QAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,wEAAA;;AAGF;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;;AAGF,aAAc;EACZ,OAAA;;AAGF,OAAQ;EACN,aAAA;EACA,sBAAsB,qFAAtB;;AAGF;AAAU;EACR,YAAA;EACA,eAAA;EACA,cAAA;;AAGF,OAAQ,EAAC;EACP,UAAA;EACA,OAAA;EACA,WAAA;EACA,8EAAA;EACA,QAAQ,kDAAR;EACA,UAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,wBAAA;;AAGF,OAAQ,EAAC,QAAQ;EACf,QAAQ,oDAAR;EACA,UAAA;;AAGF,OAAQ,EAAC;EACP,UAAA;EACA,QAAA;EACA,YAAA;EACA,+EAAA;EACA,QAAQ,kDAAR;EACA,UAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,wBAAA;;AAGF,OAAQ,EAAC,QAAQ;EACf,QAAQ,oDAAR;EACA,UAAA;;AAGF;EACE,cAAA;EACA,gBAAA;EACA,QAAA;EACA,WAAA;EACA,kCAAA;EACA,sCAAA;EACA,8BAAA;EACA,mCAAA;EACA,uCAAA;EACA,+BAAA;;AAGF,iBAAiB;EACf,SAAS,EAAT;EACA,cAAA;EACA,WAAA;;AAGF;EACE,cAAA;EACA,WAAA;;AAGF,QAAS;EACP,UAAA;EACA,WAAA;EACA,gBAAA;EACA,kBAAA;;AAGF,QAAS;EACP,eAAA;EACA,iBAAA;EACA,gBAAA;;AAGF,QAAS;EACP,cAAA;EACA,WAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;;AAGF,QAAS;EACP,cAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA,gFAAA;EACA,iBAAA;EACA,aAAA;EACA,QAAQ,mDAAR;EACA,YAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,wBAAA;;AAGF,QAAS,UAAS;EAChB,eAAA;EACA,QAAQ,oDAAR;EACA,UAAA;;;ACvMF;EACE,mBAAA;EACA,sBAAA;;AAGF;EACE,aAAA;;AAGF;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;;AAGF,cAAe;EACb,WAAA;EACA,YAAA;;;AAKF;EACE,kBAAA;EACA,SAAA;EACA,aAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,oCAAA;;;AAKF,SAAU,EAAC;AACX,SAAU,EAAC;AACX,SAAU,EAAC;EACT,wBAAA","sourcesContent":["/* Preload images */\nbody:after {\n content: url(++resource++operun.gallery/images/close.png) url(++resource++operun.gallery/images/loading.gif) url(++resource++operun.gallery/images/prev.png) url(++resource++operun.gallery/images/next.png);\n display: none;\n}\n\nbody.lb-disable-scrolling {\n overflow: hidden;\n}\n\n.lightboxOverlay {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\n background-color: black;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);\n opacity: 0.8;\n display: none;\n}\n\n.lightbox {\n position: absolute;\n left: 0;\n width: 100%;\n z-index: 10000;\n text-align: center;\n line-height: 0;\n font-weight: normal;\n}\n\n.lightbox .lb-image {\n display: block;\n height: auto;\n max-width: inherit;\n border-radius: 3px;\n}\n\n.lightbox a img {\n border: none;\n}\n\n.lb-outerContainer {\n position: relative;\n background-color: white;\n *zoom: 1;\n width: 250px;\n height: 250px;\n margin: 0 auto;\n border-radius: 4px;\n}\n\n.lb-outerContainer:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.lb-container {\n padding: 4px;\n}\n\n.lb-loader {\n position: absolute;\n top: 43%;\n left: 0;\n height: 25%;\n width: 100%;\n text-align: center;\n line-height: 0;\n}\n\n.lb-cancel {\n display: block;\n width: 32px;\n height: 32px;\n margin: 0 auto;\n background: url(++resource++operun.gallery/images/loading.gif) no-repeat;\n}\n\n.lb-nav {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 10;\n}\n\n.lb-container > .nav {\n left: 0;\n}\n\n.lb-nav a {\n outline: none;\n background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');\n}\n\n.lb-prev, .lb-next {\n height: 100%;\n cursor: pointer;\n display: block;\n}\n\n.lb-nav a.lb-prev {\n width: 34%;\n left: 0;\n float: left;\n background: url(++resource++operun.gallery/images/prev.png) left 48% no-repeat;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n -webkit-transition: opacity 0.6s;\n -moz-transition: opacity 0.6s;\n -o-transition: opacity 0.6s;\n transition: opacity 0.6s;\n}\n\n.lb-nav a.lb-prev:hover {\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n\n.lb-nav a.lb-next {\n width: 64%;\n right: 0;\n float: right;\n background: url(++resource++operun.gallery/images/next.png) right 48% no-repeat;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n -webkit-transition: opacity 0.6s;\n -moz-transition: opacity 0.6s;\n -o-transition: opacity 0.6s;\n transition: opacity 0.6s;\n}\n\n.lb-nav a.lb-next:hover {\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n\n.lb-dataContainer {\n margin: 0 auto;\n padding-top: 5px;\n *zoom: 1;\n width: 100%;\n -moz-border-radius-bottomleft: 4px;\n -webkit-border-bottom-left-radius: 4px;\n border-bottom-left-radius: 4px;\n -moz-border-radius-bottomright: 4px;\n -webkit-border-bottom-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.lb-dataContainer:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.lb-data {\n padding: 0 4px;\n color: #ccc;\n}\n\n.lb-data .lb-details {\n width: 85%;\n float: left;\n text-align: left;\n line-height: 1.1em;\n}\n\n.lb-data .lb-caption {\n font-size: 13px;\n font-weight: bold;\n line-height: 1em;\n}\n\n.lb-data .lb-number {\n display: block;\n clear: left;\n padding-bottom: 1em;\n font-size: 12px;\n color: #999999;\n}\n\n.lb-data .lb-close {\n display: block;\n float: right;\n width: 30px;\n height: 30px;\n background: url(++resource++operun.gallery/images/close.png) top right no-repeat;\n text-align: right;\n outline: none;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);\n opacity: 0.7;\n -webkit-transition: opacity 0.2s;\n -moz-transition: opacity 0.2s;\n -o-transition: opacity 0.2s;\n transition: opacity 0.2s;\n}\n\n.lb-data .lb-close:hover {\n cursor: pointer;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n","/* import lightbox less */\n@import 'lightbox.less';\n\n/* Gallery variables */\n\n#image-gallery {\n margin-bottom: 30px;\n padding: 0 15px 0 15px;\n}\n\n.gallery-image-wrapper {\n padding: 15px;\n}\n\n.gallery-image {\n position: relative;\n width: 100%;\n height: auto;\n opacity: 0;\n}\n\n.gallery-image img {\n width: 100%;\n height: 100%;\n}\n\n/* Gradient variables */\n\n.gallery-image-title {\n position: absolute;\n bottom: 0;\n display: none;\n width: 100%;\n padding: 10px;\n color: #fff;\n background-color: rgba(0, 0, 0, .5);\n}\n\n/* Overrides */\n\n.lightbox a:focus,\n.lightbox a:hover,\n.lightbox a:active {\n outline: none !important;\n}\n\n@picker:'classic.css';@mockup-patterns-upload:'pattern.upload.less';@mockup-popover:'popover.less';@jquery_recurrenceinput:'jquery.recurrenceinput.css';@resource-plone-app-jquerytools-dateinput-js:'jquery.tools.dateinput.css';@mockup-patterns-tooltip:'pattern.tooltip.less';@plone-toolbar-font-primary:sans-serif;@mockup-patterns-recurrence:'pattern.recurrence.less';@mockup-patterns-select2:'pattern.select2.less';@bootstrap-progress-bars:'progress-bars.less';@bootstrap-buttons:'close.less';@mockup-patterns-tinymce:'pattern.tinymce.less';@plone-toolbar-private-color:rgb(196,24,60);@resourceregistry:'resourceregistry.less';@mockup-patterns-livesearch:'pattern.livesearch.less';@tinymce-default-styles:'tinymce-styles.css';@plone-left-toolbar-expanded:120px;@plone-screen-sm-min:768px;@tinymce-visualblocks:'visualblocks.css';@plone-toolbar-submenu-header-color:lighten(#000, 80%);@bootstrap-variables:'variables.less';@resource-plone-app-jquerytools-js:'jquery.tools.overlay.css';@plone-toolbar-published-color:rgba(0,123,179,1);@mockuplessPath:'/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/less/';@mockup-patterns-structure:'pattern.structure.less';@mockup-patterns-markspeciallinks:'pattern.markspeciallinks.less';@plone-toolbar-text-color:rgba(255,255,255,1);@bowerPath:'/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static/components/';@plone-patterns-toolbar:'toolbar.plone.less';@bootstrap-modal:'modals.less';@mockup-patterns-modal:'pattern.modal.less';@plone-screen-md-max:(@plone-screen-lg-min + 1);@tinymce:'Content.less';@plone-toolbar-internally-published-color:rgb(136,61,250);@plone-container-lg:1170px;@plone:'plone.less';@plone-toolbar-submenu-text-color:lighten(#000, 90%);@plone-toolbar-internal-color:rgb(250,184,42);@bootstrap-glyphicons:'glyphicons.less';@bootstrap-mixins:'mixins.less';@mockupPath:'/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/patterns/';@plone-screen-sm-max:(@plone-screen-md-min + 1);@plone-screen-md-min:992px;@picker_date:'classic.date.css';@bootstrap-button-groups:'button-groups.less';@sitePath:'/';@plone-container-sm:750px;@bootstrap-dropdown:'dropdowns.less';@plone-toolbar-link:rgba(0,123,179,1);@mockup-patterns-filemanager:'pattern.filemanager.less';@mockup-patterns-autotoc:'pattern.autotoc.less';@staticPath:'/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static';@plone-left-toolbar:60px;@isPlone:false;@thememapper:'thememapper.less';@jqtree:'jqtree.css';@plone-toolbar-font-secundary:sans-serif;@mockup-patterns-resourceregistry:'pattern.resourceregistry.less';@plone-toolbar-pending-color:rgb(226,231,33);@plone-logged-in:'plone-logged-in.less';@plone-toolbar-separator-color:rgba(255,255,255,.17);@plone-gray-lighter:lighten(#000, 80%);@mockup-patterns-tree:'pattern.tree.less';@gallery:'gallery.less';@plone-gray-light:lighten(#000, 46.5%);@mockup-patterns-querystring:'pattern.querystring.less';@resource-plone-app-event-event-css:'57520d14b5c3438cb51a61e17e386997.js';@plone-screen-xs-min:480px;@plone-toolbar-submenu-bg:rgba(20,20,20,.9);@mockup-patterns-pickadate:'pattern.pickadate.less';@plone-screen-xs-max:(@plone-screen-sm-min + 1);@select2:'select2.css';@plone-container-md:970px;@mockup-patterns-relateditems:'pattern.relateditems.less';@isMockup:false;@plone-toolbar-draft-color:rgb(250,184,42);@bootstrap-basic:'navbar.less';@plone-screen-lg-min:1200px;@bootstrap-badges:'badges.less';@mockup-patterns-thememapper:'pattern.thememapper.less';@picker_time:'classic.time.css';@icon-font-path:\"../fonts/\";@dropzone:'dropzone.css';@plone-toolbar-bg:rgba(0,0,0,.9);@plone-link-color:rgba(0,123,179,1);\n@picker: 'classic.css';@mockup-patterns-upload: 'pattern.upload.less';@mockup-popover: 'popover.less';@jquery_recurrenceinput: 'jquery.recurrenceinput.css';@resource-plone-app-jquerytools-dateinput-js: 'jquery.tools.dateinput.css';@mockup-patterns-tooltip: 'pattern.tooltip.less';@plone-toolbar-font-primary: sans-serif;@mockup-patterns-recurrence: 'pattern.recurrence.less';@mockup-patterns-select2: 'pattern.select2.less';@bootstrap-progress-bars: 'progress-bars.less';@bootstrap-buttons: 'close.less';@mockup-patterns-tinymce: 'pattern.tinymce.less';@plone-toolbar-private-color: rgb(196,24,60);@resourceregistry: 'resourceregistry.less';@mockup-patterns-livesearch: 'pattern.livesearch.less';@tinymce-default-styles: 'tinymce-styles.css';@plone-left-toolbar-expanded: 120px;@plone-screen-sm-min: 768px;@tinymce-visualblocks: 'visualblocks.css';@plone-toolbar-submenu-header-color: lighten(#000, 80%);@bootstrap-variables: 'variables.less';@resource-plone-app-jquerytools-js: 'jquery.tools.overlay.css';@plone-toolbar-published-color: rgba(0,123,179,1);@mockuplessPath: '/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/less/';@mockup-patterns-structure: 'pattern.structure.less';@mockup-patterns-markspeciallinks: 'pattern.markspeciallinks.less';@plone-toolbar-text-color: rgba(255,255,255,1);@bowerPath: '/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static/components/';@plone-patterns-toolbar: 'toolbar.plone.less';@bootstrap-modal: 'modals.less';@mockup-patterns-modal: 'pattern.modal.less';@plone-screen-md-max: (@plone-screen-lg-min + 1);@tinymce: 'Content.less';@plone-toolbar-internally-published-color: rgb(136,61,250);@plone-container-lg: 1170px;@plone: 'plone.less';@plone-toolbar-submenu-text-color: lighten(#000, 90%);@plone-toolbar-internal-color: rgb(250,184,42);@bootstrap-glyphicons: 'glyphicons.less';@bootstrap-mixins: 'mixins.less';@mockupPath: '/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/patterns/';@plone-screen-sm-max: (@plone-screen-md-min + 1);@plone-screen-md-min: 992px;@picker_date: 'classic.date.css';@bootstrap-button-groups: 'button-groups.less';@sitePath: '/';@plone-container-sm: 750px;@bootstrap-dropdown: 'dropdowns.less';@plone-toolbar-link: rgba(0,123,179,1);@mockup-patterns-filemanager: 'pattern.filemanager.less';@mockup-patterns-autotoc: 'pattern.autotoc.less';@staticPath: '/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static';@plone-left-toolbar: 60px;@isPlone: false;@thememapper: 'thememapper.less';@jqtree: 'jqtree.css';@plone-toolbar-font-secundary: sans-serif;@mockup-patterns-resourceregistry: 'pattern.resourceregistry.less';@plone-toolbar-pending-color: rgb(226,231,33);@plone-logged-in: 'plone-logged-in.less';@plone-toolbar-separator-color: rgba(255,255,255,.17);@plone-gray-lighter: lighten(#000, 80%);@mockup-patterns-tree: 'pattern.tree.less';@gallery: 'gallery.less';@plone-gray-light: lighten(#000, 46.5%);@mockup-patterns-querystring: 'pattern.querystring.less';@resource-plone-app-event-event-css: '57520d14b5c3438cb51a61e17e386997.js';@plone-screen-xs-min: 480px;@plone-toolbar-submenu-bg: rgba(20,20,20,.9);@mockup-patterns-pickadate: 'pattern.pickadate.less';@plone-screen-xs-max: (@plone-screen-sm-min + 1);@select2: 'select2.css';@plone-container-md: 970px;@mockup-patterns-relateditems: 'pattern.relateditems.less';@isMockup: false;@plone-toolbar-draft-color: rgb(250,184,42);@bootstrap-basic: 'navbar.less';@plone-screen-lg-min: 1200px;@bootstrap-badges: 'badges.less';@mockup-patterns-thememapper: 'pattern.thememapper.less';@picker_time: 'classic.time.css';@icon-font-path: \"../fonts/\";@dropzone: 'dropzone.css';@plone-toolbar-bg: rgba(0,0,0,.9);@plone-link-color: rgba(0,123,179,1);"]} \ No newline at end of file +{"version":3,"sources":["src/operun/gallery/browser/static/lightbox.less","src/operun/gallery/browser/static/gallery.less"],"names":[],"mappings":";;AACA,IAAI;EACF,4MAAA;EACA,aAAA;;AAGF,IAAI;EACF,gBAAA;;AAGF;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,uBAAA;EACA,QAAQ,mDAAR;EACA,YAAA;EACA,aAAA;;AAGF;EACE,kBAAA;EACA,OAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,cAAA;EACA,mBAAA;;AAGF,SAAU;EACR,cAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;;AAGF,SAAU,EAAE;EACV,YAAA;;AAGF;EACE,kBAAA;EACA,uBAAA;EACA,QAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;;AAGF,kBAAkB;EAChB,SAAS,EAAT;EACA,cAAA;EACA,WAAA;;AAGF;EACE,YAAA;;AAGF;EACE,kBAAA;EACA,QAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,wEAAA;;AAGF;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;;AAGF,aAAc;EACZ,OAAA;;AAGF,OAAQ;EACN,aAAA;EACA,sBAAsB,qFAAtB;;AAGF;AAAU;EACR,YAAA;EACA,eAAA;EACA,cAAA;;AAGF,OAAQ,EAAC;EACP,UAAA;EACA,OAAA;EACA,WAAA;EACA,8EAAA;EACA,QAAQ,kDAAR;EACA,UAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,wBAAA;;AAGF,OAAQ,EAAC,QAAQ;EACf,QAAQ,oDAAR;EACA,UAAA;;AAGF,OAAQ,EAAC;EACP,UAAA;EACA,QAAA;EACA,YAAA;EACA,+EAAA;EACA,QAAQ,kDAAR;EACA,UAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,wBAAA;;AAGF,OAAQ,EAAC,QAAQ;EACf,QAAQ,oDAAR;EACA,UAAA;;AAGF;EACE,cAAA;EACA,gBAAA;EACA,QAAA;EACA,WAAA;EACA,kCAAA;EACA,sCAAA;EACA,8BAAA;EACA,mCAAA;EACA,uCAAA;EACA,+BAAA;;AAGF,iBAAiB;EACf,SAAS,EAAT;EACA,cAAA;EACA,WAAA;;AAGF;EACE,cAAA;EACA,WAAA;;AAGF,QAAS;EACP,UAAA;EACA,WAAA;EACA,gBAAA;EACA,kBAAA;;AAGF,QAAS;EACP,eAAA;EACA,iBAAA;EACA,gBAAA;;AAGF,QAAS;EACP,cAAA;EACA,WAAA;EACA,mBAAA;EACA,eAAA;EACA,cAAA;;AAGF,QAAS;EACP,cAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA,gFAAA;EACA,iBAAA;EACA,aAAA;EACA,QAAQ,mDAAR;EACA,YAAA;EACA,gCAAA;EACA,6BAAA;EACA,2BAAA;EACA,wBAAA;;AAGF,QAAS,UAAS;EAChB,eAAA;EACA,QAAQ,oDAAR;EACA,UAAA;;;ACvMF;EACE,mBAAA;EACA,sBAAA;;AAGF;EACE,aAAA;;AAGF;EACE,kBAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;;AAGF,cAAe;EACb,WAAA;EACA,YAAA;;;AAKF;EACE,kBAAA;EACA,SAAA;EACA,aAAA;EACA,WAAA;EACA,aAAA;EACA,WAAA;EACA,oCAAA;;;AAKF,cAAe,EAAC;AAChB,cAAe,EAAC;AAChB,cAAe,EAAC;EACd,qBAAA","sourcesContent":["/* Preload images */\nbody:after {\n content: url(++resource++operun.gallery/images/close.png) url(++resource++operun.gallery/images/loading.gif) url(++resource++operun.gallery/images/prev.png) url(++resource++operun.gallery/images/next.png);\n display: none;\n}\n\nbody.lb-disable-scrolling {\n overflow: hidden;\n}\n\n.lightboxOverlay {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\n background-color: black;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);\n opacity: 0.8;\n display: none;\n}\n\n.lightbox {\n position: absolute;\n left: 0;\n width: 100%;\n z-index: 10000;\n text-align: center;\n line-height: 0;\n font-weight: normal;\n}\n\n.lightbox .lb-image {\n display: block;\n height: auto;\n max-width: inherit;\n border-radius: 3px;\n}\n\n.lightbox a img {\n border: none;\n}\n\n.lb-outerContainer {\n position: relative;\n background-color: white;\n *zoom: 1;\n width: 250px;\n height: 250px;\n margin: 0 auto;\n border-radius: 4px;\n}\n\n.lb-outerContainer:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.lb-container {\n padding: 4px;\n}\n\n.lb-loader {\n position: absolute;\n top: 43%;\n left: 0;\n height: 25%;\n width: 100%;\n text-align: center;\n line-height: 0;\n}\n\n.lb-cancel {\n display: block;\n width: 32px;\n height: 32px;\n margin: 0 auto;\n background: url(++resource++operun.gallery/images/loading.gif) no-repeat;\n}\n\n.lb-nav {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 10;\n}\n\n.lb-container > .nav {\n left: 0;\n}\n\n.lb-nav a {\n outline: none;\n background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');\n}\n\n.lb-prev, .lb-next {\n height: 100%;\n cursor: pointer;\n display: block;\n}\n\n.lb-nav a.lb-prev {\n width: 34%;\n left: 0;\n float: left;\n background: url(++resource++operun.gallery/images/prev.png) left 48% no-repeat;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n -webkit-transition: opacity 0.6s;\n -moz-transition: opacity 0.6s;\n -o-transition: opacity 0.6s;\n transition: opacity 0.6s;\n}\n\n.lb-nav a.lb-prev:hover {\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n\n.lb-nav a.lb-next {\n width: 64%;\n right: 0;\n float: right;\n background: url(++resource++operun.gallery/images/next.png) right 48% no-repeat;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);\n opacity: 0;\n -webkit-transition: opacity 0.6s;\n -moz-transition: opacity 0.6s;\n -o-transition: opacity 0.6s;\n transition: opacity 0.6s;\n}\n\n.lb-nav a.lb-next:hover {\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n\n.lb-dataContainer {\n margin: 0 auto;\n padding-top: 5px;\n *zoom: 1;\n width: 100%;\n -moz-border-radius-bottomleft: 4px;\n -webkit-border-bottom-left-radius: 4px;\n border-bottom-left-radius: 4px;\n -moz-border-radius-bottomright: 4px;\n -webkit-border-bottom-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.lb-dataContainer:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n.lb-data {\n padding: 0 4px;\n color: #ccc;\n}\n\n.lb-data .lb-details {\n width: 85%;\n float: left;\n text-align: left;\n line-height: 1.1em;\n}\n\n.lb-data .lb-caption {\n font-size: 13px;\n font-weight: bold;\n line-height: 1em;\n}\n\n.lb-data .lb-number {\n display: block;\n clear: left;\n padding-bottom: 1em;\n font-size: 12px;\n color: #999999;\n}\n\n.lb-data .lb-close {\n display: block;\n float: right;\n width: 30px;\n height: 30px;\n background: url(++resource++operun.gallery/images/close.png) top right no-repeat;\n text-align: right;\n outline: none;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);\n opacity: 0.7;\n -webkit-transition: opacity 0.2s;\n -moz-transition: opacity 0.2s;\n -o-transition: opacity 0.2s;\n transition: opacity 0.2s;\n}\n\n.lb-data .lb-close:hover {\n cursor: pointer;\n filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\n opacity: 1;\n}\n","/* import lightbox less */\n@import 'lightbox.less';\n\n/* Gallery variables */\n\n#image-gallery {\n margin-bottom: 30px;\n padding: 0 15px 0 15px;\n}\n\n.gallery-image-wrapper {\n padding: 15px;\n}\n\n.gallery-image {\n position: relative;\n width: 100%;\n height: auto;\n opacity: 0;\n}\n\n.gallery-image img {\n width: 100%;\n height: 100%;\n}\n\n/* Gradient variables */\n\n.gallery-image-title {\n position: absolute;\n bottom: 0;\n display: none;\n width: 100%;\n padding: 10px;\n color: #fff;\n background-color: rgba(0, 0, 0, .5);\n}\n\n/* Overrides */\n\n.gallery-image a:focus,\n.gallery-image a:hover,\n.gallery-image a:active {\n outline: 0 !important;\n}\n\n@picker:'classic.css';@mockup-patterns-upload:'pattern.upload.less';@mockup-popover:'popover.less';@jquery_recurrenceinput:'jquery.recurrenceinput.css';@resource-plone-app-jquerytools-dateinput-js:'jquery.tools.dateinput.css';@mockup-patterns-tooltip:'pattern.tooltip.less';@plone-toolbar-font-primary:sans-serif;@mockup-patterns-recurrence:'pattern.recurrence.less';@mockup-patterns-select2:'pattern.select2.less';@bootstrap-progress-bars:'progress-bars.less';@bootstrap-buttons:'close.less';@mockup-patterns-tinymce:'pattern.tinymce.less';@plone-toolbar-private-color:rgb(196,24,60);@resourceregistry:'resourceregistry.less';@mockup-patterns-livesearch:'pattern.livesearch.less';@tinymce-default-styles:'tinymce-styles.css';@plone-left-toolbar-expanded:120px;@plone-screen-sm-min:768px;@tinymce-visualblocks:'visualblocks.css';@plone-toolbar-submenu-header-color:lighten(#000, 80%);@bootstrap-variables:'variables.less';@resource-plone-app-jquerytools-js:'jquery.tools.overlay.css';@plone-toolbar-published-color:rgba(0,123,179,1);@mockuplessPath:'/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/less/';@mockup-patterns-structure:'pattern.structure.less';@mockup-patterns-markspeciallinks:'pattern.markspeciallinks.less';@plone-toolbar-text-color:rgba(255,255,255,1);@bowerPath:'/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static/components/';@plone-patterns-toolbar:'toolbar.plone.less';@bootstrap-modal:'modals.less';@mockup-patterns-modal:'pattern.modal.less';@plone-screen-md-max:(@plone-screen-lg-min + 1);@tinymce:'Content.less';@plone-toolbar-internally-published-color:rgb(136,61,250);@plone-container-lg:1170px;@plone:'plone.less';@plone-toolbar-submenu-text-color:lighten(#000, 90%);@plone-toolbar-internal-color:rgb(250,184,42);@bootstrap-glyphicons:'glyphicons.less';@bootstrap-mixins:'mixins.less';@mockupPath:'/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/patterns/';@plone-screen-sm-max:(@plone-screen-md-min + 1);@plone-screen-md-min:992px;@picker_date:'classic.date.css';@bootstrap-button-groups:'button-groups.less';@sitePath:'/';@plone-container-sm:750px;@bootstrap-dropdown:'dropdowns.less';@plone-toolbar-link:rgba(0,123,179,1);@mockup-patterns-filemanager:'pattern.filemanager.less';@mockup-patterns-autotoc:'pattern.autotoc.less';@staticPath:'/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static';@plone-left-toolbar:60px;@isPlone:false;@thememapper:'thememapper.less';@jqtree:'jqtree.css';@plone-toolbar-font-secundary:sans-serif;@mockup-patterns-resourceregistry:'pattern.resourceregistry.less';@plone-toolbar-pending-color:rgb(226,231,33);@plone-logged-in:'plone-logged-in.less';@plone-toolbar-separator-color:rgba(255,255,255,.17);@plone-gray-lighter:lighten(#000, 80%);@mockup-patterns-tree:'pattern.tree.less';@gallery:'gallery.less';@plone-gray-light:lighten(#000, 46.5%);@mockup-patterns-querystring:'pattern.querystring.less';@resource-plone-app-event-event-css:'503237a3f83249918d4747202feaa1a7.js';@plone-screen-xs-min:480px;@plone-toolbar-submenu-bg:rgba(20,20,20,.9);@mockup-patterns-pickadate:'pattern.pickadate.less';@plone-screen-xs-max:(@plone-screen-sm-min + 1);@select2:'select2.css';@plone-container-md:970px;@mockup-patterns-relateditems:'pattern.relateditems.less';@isMockup:false;@plone-toolbar-draft-color:rgb(250,184,42);@bootstrap-basic:'navbar.less';@plone-screen-lg-min:1200px;@bootstrap-badges:'badges.less';@mockup-patterns-thememapper:'pattern.thememapper.less';@picker_time:'classic.time.css';@icon-font-path:\"../fonts/\";@dropzone:'dropzone.css';@plone-toolbar-bg:rgba(0,0,0,.9);@plone-link-color:rgba(0,123,179,1);\n@picker: 'classic.css';@mockup-patterns-upload: 'pattern.upload.less';@mockup-popover: 'popover.less';@jquery_recurrenceinput: 'jquery.recurrenceinput.css';@resource-plone-app-jquerytools-dateinput-js: 'jquery.tools.dateinput.css';@mockup-patterns-tooltip: 'pattern.tooltip.less';@plone-toolbar-font-primary: sans-serif;@mockup-patterns-recurrence: 'pattern.recurrence.less';@mockup-patterns-select2: 'pattern.select2.less';@bootstrap-progress-bars: 'progress-bars.less';@bootstrap-buttons: 'close.less';@mockup-patterns-tinymce: 'pattern.tinymce.less';@plone-toolbar-private-color: rgb(196,24,60);@resourceregistry: 'resourceregistry.less';@mockup-patterns-livesearch: 'pattern.livesearch.less';@tinymce-default-styles: 'tinymce-styles.css';@plone-left-toolbar-expanded: 120px;@plone-screen-sm-min: 768px;@tinymce-visualblocks: 'visualblocks.css';@plone-toolbar-submenu-header-color: lighten(#000, 80%);@bootstrap-variables: 'variables.less';@resource-plone-app-jquerytools-js: 'jquery.tools.overlay.css';@plone-toolbar-published-color: rgba(0,123,179,1);@mockuplessPath: '/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/less/';@mockup-patterns-structure: 'pattern.structure.less';@mockup-patterns-markspeciallinks: 'pattern.markspeciallinks.less';@plone-toolbar-text-color: rgba(255,255,255,1);@bowerPath: '/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static/components/';@plone-patterns-toolbar: 'toolbar.plone.less';@bootstrap-modal: 'modals.less';@mockup-patterns-modal: 'pattern.modal.less';@plone-screen-md-max: (@plone-screen-lg-min + 1);@tinymce: 'Content.less';@plone-toolbar-internally-published-color: rgb(136,61,250);@plone-container-lg: 1170px;@plone: 'plone.less';@plone-toolbar-submenu-text-color: lighten(#000, 90%);@plone-toolbar-internal-color: rgb(250,184,42);@bootstrap-glyphicons: 'glyphicons.less';@bootstrap-mixins: 'mixins.less';@mockupPath: '/home/jesse/.buildout/eggs/mockup-2.0.12-py2.7.egg/mockup/patterns/';@plone-screen-sm-max: (@plone-screen-md-min + 1);@plone-screen-md-min: 992px;@picker_date: 'classic.date.css';@bootstrap-button-groups: 'button-groups.less';@sitePath: '/';@plone-container-sm: 750px;@bootstrap-dropdown: 'dropdowns.less';@plone-toolbar-link: rgba(0,123,179,1);@mockup-patterns-filemanager: 'pattern.filemanager.less';@mockup-patterns-autotoc: 'pattern.autotoc.less';@staticPath: '/home/jesse/.buildout/eggs/Products.CMFPlone-5.0-py2.7.egg/Products/CMFPlone/static';@plone-left-toolbar: 60px;@isPlone: false;@thememapper: 'thememapper.less';@jqtree: 'jqtree.css';@plone-toolbar-font-secundary: sans-serif;@mockup-patterns-resourceregistry: 'pattern.resourceregistry.less';@plone-toolbar-pending-color: rgb(226,231,33);@plone-logged-in: 'plone-logged-in.less';@plone-toolbar-separator-color: rgba(255,255,255,.17);@plone-gray-lighter: lighten(#000, 80%);@mockup-patterns-tree: 'pattern.tree.less';@gallery: 'gallery.less';@plone-gray-light: lighten(#000, 46.5%);@mockup-patterns-querystring: 'pattern.querystring.less';@resource-plone-app-event-event-css: '503237a3f83249918d4747202feaa1a7.js';@plone-screen-xs-min: 480px;@plone-toolbar-submenu-bg: rgba(20,20,20,.9);@mockup-patterns-pickadate: 'pattern.pickadate.less';@plone-screen-xs-max: (@plone-screen-sm-min + 1);@select2: 'select2.css';@plone-container-md: 970px;@mockup-patterns-relateditems: 'pattern.relateditems.less';@isMockup: false;@plone-toolbar-draft-color: rgb(250,184,42);@bootstrap-basic: 'navbar.less';@plone-screen-lg-min: 1200px;@bootstrap-badges: 'badges.less';@mockup-patterns-thememapper: 'pattern.thememapper.less';@picker_time: 'classic.time.css';@icon-font-path: \"../fonts/\";@dropzone: 'dropzone.css';@plone-toolbar-bg: rgba(0,0,0,.9);@plone-link-color: rgba(0,123,179,1);"]} \ No newline at end of file diff --git a/src/operun/gallery/browser/static/gallery.less b/src/operun/gallery/browser/static/gallery.less index 6de0938..94905be 100644 --- a/src/operun/gallery/browser/static/gallery.less +++ b/src/operun/gallery/browser/static/gallery.less @@ -38,8 +38,8 @@ /* Overrides */ -.lightbox a:focus, -.lightbox a:hover, -.lightbox a:active { - outline: none !important; +.gallery-image a:focus, +.gallery-image a:hover, +.gallery-image a:active { + outline: 0 !important; }