Updated Lightbox styles
authorThierry Florac <tflorac@ulthar.net>
Fri, 04 Jan 2019 09:13:48 +0100
changeset 334 4b8a1c00ff0f
parent 333 02a2c1a4bb6e
child 335 c8851f79e2a1
Updated Lightbox styles
src/pyams_default_theme/resources/css/pyams-default.css
src/pyams_default_theme/resources/css/pyams-default.min.css
src/pyams_default_theme/resources/less/pyams-default.less
--- a/src/pyams_default_theme/resources/css/pyams-default.css	Fri Jan 04 09:00:28 2019 +0100
+++ b/src/pyams_default_theme/resources/css/pyams-default.css	Fri Jan 04 09:13:48 2019 +0100
@@ -335,7 +335,7 @@
   position: absolute;
   bottom: 0;
   width: 100%;
-  font-size: 80%;
+  font-size: 90%;
   background-color: rgba(205, 205, 205, 0.75);
   color: black;
   padding: 0.5em 1em;
--- a/src/pyams_default_theme/resources/css/pyams-default.min.css	Fri Jan 04 09:00:28 2019 +0100
+++ b/src/pyams_default_theme/resources/css/pyams-default.min.css	Fri Jan 04 09:13:48 2019 +0100
@@ -1,1 +1,1 @@
-.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}body{font-family:Lato,Helvetica,Arial,sans-serif;margin:0 auto;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Oswald,Helvetica,Arial,Sans-Serif}svg{width:100%;height:100%}dd ul{position:relative;list-style-position:outside;list-style-type:none;padding-left:1em}dd ul li::before{position:absolute;left:0;content:'-'}.no-padding{padding:0!important}.spacer{padding:1em 0}.spacer.double{padding:2em 0}.spacer hr{margin:0;padding:0}.header-simple .banner{position:relative}.header-simple .banner img.banner_img,.header-simple .banner picture.banner_img{width:100%}.header-simple .banner img.logo,.header-simple .banner picture.logo{position:absolute;top:10px;left:10px;max-height:calc(100% - 20px)}.affix{top:0;width:100%;z-index:9999!important;opacity:.95;transition:all .5s ease-in-out}.affix~.container-fluid{position:relative;top:50px}.navbar{margin-bottom:20px;background-color:#fff;border:1px solid #39413b;font-family:Oswald,Helvetica,Arial,Sans-Serif;transition:all .5s ease-in-out}.navbar a,.navbar a:active,.navbar a:visited{color:#39413b}.navbar .icon-bar,.navbar li.active{background-color:#a5bcaa}.navbar.affix{background-color:#39413b}.navbar.affix a{color:#fff}.navbar.affix .dropdown-menu a{color:#39413b}.navbar.affix:hover a:hover{color:#39413b}.navbar.affix .icon-bar{background-color:#fff}.breadcrumb{margin-bottom:1rem}.page-header{margin-top:2rem}.footer-simple{display:flex;margin-top:2em;border-top:1px solid #ddd;border-bottom:0;background-color:#39413b;color:#fff;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;padding-top:1em;padding-bottom:1em}.footer-simple .title{font-weight:700;margin-bottom:.5em}.footer-simple ul{padding-top:3px;padding-left:1em}.footer-simple ul:empty{padding:0;margin:0}.footer-simple li{list-style-type:square;list-style-position:outside;padding-left:0}.footer-simple a,.footer-simple a:hover{color:#eee;cursor:default;text-decoration:none}.footer-simple a[href]:hover{cursor:pointer;text-decoration:underline}@media only screen and (min-width:1200px){.portal-page .slot.col-lg-0{display:none}}@media only screen and (min-width:992px) and (max-width:1199px){.portal-page .slot.col-md-0{display:none}}@media only screen and (min-width:768px) and (max-width:991px){.portal-page .slot.col-sm-0{display:none}}@media only screen and (max-width:767px){.portal-page .slot.col-xs-0{display:none}}.toolbox{display:flex;flex-direction:column}.toolbox button{text-align:left;display:flex!important;align-items:center}.toolbox button i.fa{display:inline-block;margin-right:1rem}.portlet>section.wrapper .carousel img{max-height:100vh}@media only screen and (min-width:1340px){.col-lg-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}@media only screen and (min-width:1052px){.col-md-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}@media only screen and (max-width:1051px){.col-sm-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}@media only screen and (max-width:767px){.navbar.affix .dropdown-menu{background-color:#39413b}.navbar.affix .dropdown-menu a{color:#fff}.col-xs-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}.summary .thumbnail.pull-left{margin-right:15px}blockquote{margin-top:2rem;border:1px solid #ddd;border-left:5px solid #ddd}blockquote h3{margin-top:.5em}blockquote .pictogram{position:relative;margin-right:10px}blockquote .pictogram>.svg-container,blockquote .pictogram>img{position:relative;margin-top:calc(100% - 24px);margin-bottom:calc(100% - 24px)}blockquote .pictogram svg{display:block}blockquote.pull-right{padding:0 15px;text-align:left;border:1px solid #ddd;border-left:5px solid #ddd}.panel{margin-top:1rem}.panels{margin-top:2rem}.search-results header,.search-results header>div{display:flex;align-items:center;justify-content:space-between;flex-flow:row nowrap;white-space:nowrap}.search-results .breadcrumb:empty{margin:0;padding:0}.search-results .thumbnail.pull-left{margin-right:3rem}.search-results .tags span{margin:0 .2rem}.search-results li .current{font-weight:700}.search-results li .current:hover,.search-results li .disabled:hover{background-color:transparent}.illustration .author{padding-top:.2em;font-size:.9em;font-style:italic}.gallery{display:flex;flex-wrap:wrap}.gallery .legend{margin-bottom:.2em}.gallery img{box-shadow:0 2px 6px 2px rgba(0,0,0,.75);margin-bottom:5px;filter:grayscale();transition:all ease-in-out .5s}.gallery img:hover{filter:none}.gallery .author{margin-bottom:15px;text-align:right;font-style:italic;font-size:.8em}.ekko-lightbox{position:fixed;top:0!important;height:100vh}.ekko-lightbox .ekko-lightbox-container .description{position:absolute;bottom:0;width:100%;font-size:80%;background-color:rgba(205,205,205,.75);color:#000;padding:.5em 1em;opacity:0;transition:all ease-in-out .5s}.ekko-lightbox .ekko-lightbox-container:hover .description{opacity:1}.ekko-lightbox .modal-footer{padding-top:0;text-align:right!important;font-style:italic;font-size:.8em}.video-wrapper iframe{width:100%}.milestones{display:flex;justify-content:space-around}.milestones .arrow{font-weight:700;font-size:1.5em}.contact-card .photo.pull-left{margin-right:1em}.contact-card .photo.pull-right{margin-left:1em}.contact-card .address{margin-top:.5em;margin-bottom:.5em}.verbatim .panel-body{position:relative;margin-left:50px}.verbatim .panel-body::before{content:'«';position:absolute;left:-30px;top:0;font-size:4em}.verbatim .panel-body .quote{font-style:italic}.verbatim .panel-body .author{margin-top:.5em}.source pre{font-family:'Source Code Pro',monospace}.thesaurus-term{color:#337ab7;text-decoration:none;font-weight:700;cursor:pointer}.modal{z-index:10050}.modal fieldset legend{padding-top:10px}.modal footer{margin:15px 40px;display:flex;flex-direction:row-reverse}.modal-backdrop,.modal-backdrop.fade.in{position:fixed;width:100%;height:100%;z-index:990}.modal-dialog.modal-max{width:98%;max-width:98%}@media only screen and (min-width:768px){.modal-dialog.modal-xlarge{width:95%;max-width:1000px}}@media only screen and (min-width:768px){.modal-dialog.modal-large{width:80%;max-width:900px}}@media only screen and (min-width:768px){.modal-dialog.modal-medium{width:60%;max-width:650px}}@media only screen and (min-width:768px){.modal-dialog.modal-small{width:40%;max-width:450px}}.modal-dialog .modal-body .modal-viewport{min-height:140px}.modal-dialog .close:hover{background-color:#fff}.modal-dialog .suffix .alert{margin-bottom:0}.modal-dialog .suffix .alert:last-child{border-radius:0 0 5px 5px}.modal-header{position:relative;cursor:move}.modal-header .toolbar{position:absolute;right:25px;bottom:-19px;z-index:1}.modal-title{min-height:1.1em}.modal-title img{margin:0 15px 0 0}.modal-overflow{position:relative}.modal-overflow .modal-body{overflow:hidden}.modal-overflow .scrollmarker{position:absolute;width:100%;height:20px}@media only screen and (max-width:991px){.modal-overflow .scrollmarker{display:none!important}}.modal-overflow .scrollmarker.top{background:-moz-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3276b1),color-stop(17%,rgba(50,118,177,.83)),color-stop(100%,rgba(50,118,177,0)));background:-webkit-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-o-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-ms-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:linear-gradient(to bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%)}.modal-overflow .scrollmarker.bottom{background:-moz-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#3276b1),color-stop(17%,rgba(50,118,177,.83)),color-stop(100%,rgba(50,118,177,0)));background:-webkit-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-o-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-ms-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:linear-gradient(to top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%)}.modal-viewport{overflow-x:hidden;overflow-y:auto}.modal-viewport fieldset .alert{margin:0 -5px 5px!important}.search-form .form-group{display:flex}.search-form input{flex-grow:5}.ams-form fieldset{display:block;position:relative;padding:10px 15px 5px;border:0;background:rgba(255,255,255,.9)}.ams-form:after,.ams-form:before{margin:0}
+.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}body{font-family:Lato,Helvetica,Arial,sans-serif;margin:0 auto;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Oswald,Helvetica,Arial,Sans-Serif}svg{width:100%;height:100%}dd ul{position:relative;list-style-position:outside;list-style-type:none;padding-left:1em}dd ul li::before{position:absolute;left:0;content:'-'}.no-padding{padding:0!important}.spacer{padding:1em 0}.spacer.double{padding:2em 0}.spacer hr{margin:0;padding:0}.header-simple .banner{position:relative}.header-simple .banner img.banner_img,.header-simple .banner picture.banner_img{width:100%}.header-simple .banner img.logo,.header-simple .banner picture.logo{position:absolute;top:10px;left:10px;max-height:calc(100% - 20px)}.affix{top:0;width:100%;z-index:9999!important;opacity:.95;transition:all .5s ease-in-out}.affix~.container-fluid{position:relative;top:50px}.navbar{margin-bottom:20px;background-color:#fff;border:1px solid #39413b;font-family:Oswald,Helvetica,Arial,Sans-Serif;transition:all .5s ease-in-out}.navbar a,.navbar a:active,.navbar a:visited{color:#39413b}.navbar .icon-bar,.navbar li.active{background-color:#a5bcaa}.navbar.affix{background-color:#39413b}.navbar.affix a{color:#fff}.navbar.affix .dropdown-menu a{color:#39413b}.navbar.affix:hover a:hover{color:#39413b}.navbar.affix .icon-bar{background-color:#fff}.breadcrumb{margin-bottom:1rem}.page-header{margin-top:2rem}.footer-simple{display:flex;margin-top:2em;border-top:1px solid #ddd;border-bottom:0;background-color:#39413b;color:#fff;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;padding-top:1em;padding-bottom:1em}.footer-simple .title{font-weight:700;margin-bottom:.5em}.footer-simple ul{padding-top:3px;padding-left:1em}.footer-simple ul:empty{padding:0;margin:0}.footer-simple li{list-style-type:square;list-style-position:outside;padding-left:0}.footer-simple a,.footer-simple a:hover{color:#eee;cursor:default;text-decoration:none}.footer-simple a[href]:hover{cursor:pointer;text-decoration:underline}@media only screen and (min-width:1200px){.portal-page .slot.col-lg-0{display:none}}@media only screen and (min-width:992px) and (max-width:1199px){.portal-page .slot.col-md-0{display:none}}@media only screen and (min-width:768px) and (max-width:991px){.portal-page .slot.col-sm-0{display:none}}@media only screen and (max-width:767px){.portal-page .slot.col-xs-0{display:none}}.toolbox{display:flex;flex-direction:column}.toolbox button{text-align:left;display:flex!important;align-items:center}.toolbox button i.fa{display:inline-block;margin-right:1rem}.portlet>section.wrapper .carousel img{max-height:100vh}@media only screen and (min-width:1340px){.col-lg-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}@media only screen and (min-width:1052px){.col-md-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}@media only screen and (max-width:1051px){.col-sm-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}@media only screen and (max-width:767px){.navbar.affix .dropdown-menu{background-color:#39413b}.navbar.affix .dropdown-menu a{color:#fff}.col-xs-12 .portlet>section.wrapper{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}.summary .thumbnail.pull-left{margin-right:15px}blockquote{margin-top:2rem;border:1px solid #ddd;border-left:5px solid #ddd}blockquote h3{margin-top:.5em}blockquote .pictogram{position:relative;margin-right:10px}blockquote .pictogram>.svg-container,blockquote .pictogram>img{position:relative;margin-top:calc(100% - 24px);margin-bottom:calc(100% - 24px)}blockquote .pictogram svg{display:block}blockquote.pull-right{padding:0 15px;text-align:left;border:1px solid #ddd;border-left:5px solid #ddd}.panel{margin-top:1rem}.panels{margin-top:2rem}.search-results header,.search-results header>div{display:flex;align-items:center;justify-content:space-between;flex-flow:row nowrap;white-space:nowrap}.search-results .breadcrumb:empty{margin:0;padding:0}.search-results .thumbnail.pull-left{margin-right:3rem}.search-results .tags span{margin:0 .2rem}.search-results li .current{font-weight:700}.search-results li .current:hover,.search-results li .disabled:hover{background-color:transparent}.illustration .author{padding-top:.2em;font-size:.9em;font-style:italic}.gallery{display:flex;flex-wrap:wrap}.gallery .legend{margin-bottom:.2em}.gallery img{box-shadow:0 2px 6px 2px rgba(0,0,0,.75);margin-bottom:5px;filter:grayscale();transition:all ease-in-out .5s}.gallery img:hover{filter:none}.gallery .author{margin-bottom:15px;text-align:right;font-style:italic;font-size:.8em}.ekko-lightbox{position:fixed;top:0!important;height:100vh}.ekko-lightbox .ekko-lightbox-container .description{position:absolute;bottom:0;width:100%;font-size:90%;background-color:rgba(205,205,205,.75);color:#000;padding:.5em 1em;opacity:0;transition:all ease-in-out .5s}.ekko-lightbox .ekko-lightbox-container:hover .description{opacity:1}.ekko-lightbox .modal-footer{padding-top:0;text-align:right!important;font-style:italic;font-size:.8em}.video-wrapper iframe{width:100%}.milestones{display:flex;justify-content:space-around}.milestones .arrow{font-weight:700;font-size:1.5em}.contact-card .photo.pull-left{margin-right:1em}.contact-card .photo.pull-right{margin-left:1em}.contact-card .address{margin-top:.5em;margin-bottom:.5em}.verbatim .panel-body{position:relative;margin-left:50px}.verbatim .panel-body::before{content:'«';position:absolute;left:-30px;top:0;font-size:4em}.verbatim .panel-body .quote{font-style:italic}.verbatim .panel-body .author{margin-top:.5em}.source pre{font-family:'Source Code Pro',monospace}.thesaurus-term{color:#337ab7;text-decoration:none;font-weight:700;cursor:pointer}.modal{z-index:10050}.modal fieldset legend{padding-top:10px}.modal footer{margin:15px 40px;display:flex;flex-direction:row-reverse}.modal-backdrop,.modal-backdrop.fade.in{position:fixed;width:100%;height:100%;z-index:990}.modal-dialog.modal-max{width:98%;max-width:98%}@media only screen and (min-width:768px){.modal-dialog.modal-xlarge{width:95%;max-width:1000px}}@media only screen and (min-width:768px){.modal-dialog.modal-large{width:80%;max-width:900px}}@media only screen and (min-width:768px){.modal-dialog.modal-medium{width:60%;max-width:650px}}@media only screen and (min-width:768px){.modal-dialog.modal-small{width:40%;max-width:450px}}.modal-dialog .modal-body .modal-viewport{min-height:140px}.modal-dialog .close:hover{background-color:#fff}.modal-dialog .suffix .alert{margin-bottom:0}.modal-dialog .suffix .alert:last-child{border-radius:0 0 5px 5px}.modal-header{position:relative;cursor:move}.modal-header .toolbar{position:absolute;right:25px;bottom:-19px;z-index:1}.modal-title{min-height:1.1em}.modal-title img{margin:0 15px 0 0}.modal-overflow{position:relative}.modal-overflow .modal-body{overflow:hidden}.modal-overflow .scrollmarker{position:absolute;width:100%;height:20px}@media only screen and (max-width:991px){.modal-overflow .scrollmarker{display:none!important}}.modal-overflow .scrollmarker.top{background:-moz-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3276b1),color-stop(17%,rgba(50,118,177,.83)),color-stop(100%,rgba(50,118,177,0)));background:-webkit-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-o-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-ms-linear-gradient(top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:linear-gradient(to bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%)}.modal-overflow .scrollmarker.bottom{background:-moz-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#3276b1),color-stop(17%,rgba(50,118,177,.83)),color-stop(100%,rgba(50,118,177,0)));background:-webkit-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-o-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:-ms-linear-gradient(bottom,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%);background:linear-gradient(to top,#3276b1 0,rgba(50,118,177,.83) 17%,rgba(50,118,177,0) 100%)}.modal-viewport{overflow-x:hidden;overflow-y:auto}.modal-viewport fieldset .alert{margin:0 -5px 5px!important}.search-form .form-group{display:flex}.search-form input{flex-grow:5}.ams-form fieldset{display:block;position:relative;padding:10px 15px 5px;border:0;background:rgba(255,255,255,.9)}.ams-form:after,.ams-form:before{margin:0}
--- a/src/pyams_default_theme/resources/less/pyams-default.less	Fri Jan 04 09:00:28 2019 +0100
+++ b/src/pyams_default_theme/resources/less/pyams-default.less	Fri Jan 04 09:13:48 2019 +0100
@@ -443,7 +443,7 @@
 			position: absolute;
 			bottom: 0;
 			width: 100%;
-			font-size: 80%;
+			font-size: 90%;
 			background-color: rgba(205, 205, 205, 0.75);
 			color: black;
 			padding: 0.5em 1em;