# HG changeset patch # User Thierry Florac # Date 1571395346 -7200 # Node ID a6c596f03f3a15b32d7df48e07f1f0bbb49285b8 # Parent 03f54800ba31718299770c29df3f598140459bb0 Updated styles and templates to handle SVG images maps diff -r 03f54800ba31 -r a6c596f03f3a src/pyams_default_theme/resources/css/pyams-default.css --- a/src/pyams_default_theme/resources/css/pyams-default.css Wed Oct 16 18:50:28 2019 +0200 +++ b/src/pyams_default_theme/resources/css/pyams-default.css Fri Oct 18 12:42:26 2019 +0200 @@ -423,6 +423,23 @@ margin-top: 0.5em; } /** + * SVG image map + */ +.wrapper-imagemap { + position: relative; + display: inline-flex; +} +.wrapper-imagemap svg { + position: absolute; + left: 0; + right: 0; + fill: #888; + fill-opacity: 0; +} +.wrapper-imagemap svg polygon:hover { + fill-opacity: 0.5; +} +/** * Source code */ .source pre { diff -r 03f54800ba31 -r a6c596f03f3a src/pyams_default_theme/resources/css/pyams-default.css.map --- a/src/pyams_default_theme/resources/css/pyams-default.css.map Wed Oct 16 18:50:28 2019 +0200 +++ b/src/pyams_default_theme/resources/css/pyams-default.css.map Fri Oct 18 12:42:26 2019 +0200 @@ -1,1 +1,1 @@ -{"version":3,"sources":["../../../../../../../../../home/tflorac/Dropbox/src/PyAMS/pyams_default_theme/src/pyams_default_theme/resources/less/pyams-default.less"],"names":[],"mappings":"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","file":"pyams-default.css"} \ No newline at end of file +{"version":3,"sources":["../less/pyams-default.less"],"names":[],"mappings":";;;AAIC,cAAC;EACA,mBAAA;;AAGD,cAAC;EACA,mBAAA;;;;;AASF;EACC,+CAAA;EACA,cAAA;EACA,kBAAA;;AAGD;AACA;AACA;AACA;AACA;AACA;EACC,iDAAA;;AAGD;EACC,WAAA;EACA,YAAA;;AAGD,EACC;EACC,kBAAA;EACA,4BAAA;EACA,qBAAA;EACA,iBAAA;;AALF,EACC,GAMC,GAAE;EACD,kBAAA;EACA,OAAA;EACA,SAAS,GAAT;;AAKH;EACC,oBAAA;;;;;AAQD;EACC,cAAA;;AAEA,OAAC;EACA,cAAA;;AAJF,OAOC;EACC,SAAA;EACA,UAAA;;;;;AASF,cACC;EACC,kBAAA;;AAIC,cALF,QAGC,QAEE;AAAD,cALF,QAIC,IACE;EACA,WAAA;;AAGD,cATF,QAGC,QAME;AAAD,cATF,QAIC,IAKE;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,6BAAA;;AAMJ;EACC,MAAA;EACA,WAAA;EACA,wBAAA;EACA,aAAA;EACA,gCAAA;;AAGD,MAAO;EACN,kBAAA;EACA,SAAA;;AAGD;EACC,mBAAA;EACA,uBAAA;EACA,yBAAA;EACA,iDAAA;EACA,gCAAA;;AALD,OAOC;AAPD,OAQC,EAAC;AARF,OASC,EAAC;EACA,cAAA;;AAVF,OAaC,GAAE;AAbH,OAcC;EACC,yBAAA;;AAGD,OAAC;EACA,yBAAA;;AAEA,OAHA,MAGC,MACA,EAAC;EACA,cAAA;;AAGF,OARA,MAQC;EACA,gCAAA;;AATF,OAAC,MAYA;EACC,YAAA;;AAbF,OAAC,MAgBA,eACC;EACC,cAAA;;AAlBH,OAAC,MAsBA;EACC,uBAAA;;AAKH;EACC,gBAAA;EACA,mBAAA;;AAGD;EACC,gBAAA;;AAGD;EACC,aAAA;EACA,eAAA;EACA,0BAAA;EACA,gBAAA;EACA,yBAAA;EACA,YAAA;EACA,mBAAA;EACA,eAAA;EACA,6BAAA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;;AAZD,cAcC;EACC,iBAAA;EACA,kBAAA;;AAhBF,cAkBC;EACC,iBAAA;EACA,oBAAA;;AApBF,cAsBC;EACC,gBAAA;EACA,iBAAA;;AAEA,cAJD,GAIE;EACA,UAAA;EACA,SAAA;;AA5BH,cA+BC;EACC,uBAAA;EACA,4BAAA;EACA,eAAA;;AAlCF,cAoCC;AApCD,cAqCC,EAAC;EACA,cAAA;EACA,eAAA;EACA,qBAAA;;AAxCF,cA0CC,EAAC,MAAM;EACN,eAAA;EACA,0BAAA;;AAOA,wBAA2C;EAC1C,YAFF,MAEG;IACA,aAAA;;;AAGF,wBAA0C,uBAAwB;EACjE,YAPF,MAOG;IACA,aAAA;;;AAGF,wBAA0C,uBAAuB;EAChE,YAZF,MAYG;IACA,aAAA;;;AAGF,wBAA0C;EACzC,YAjBF,MAiBG;IACA,aAAA;;;AAMJ;EACC,aAAA;EACA,sBAAA;;AAFD,QAIC;EACC,gBAAA;EACA,wBAAA;EACA,mBAAA;;AAPF,QAIC,OAKC,EAAC;EACA,qBAAA;EACA,kBAAA;;AAKH,QAAS,UAAS,QACjB,UACC;EACC,iBAAA;;AAMH,wBAA2C;EAC1C,UAAW,SAAS,UAAS;IAC5B,8BAAA;IACA,+BAAA;;;AAIF,wBAA2C;EAC1C,UAAW,SAAS,UAAS;IAC5B,8BAAA;IACA,+BAAA;;;AAIF,wBAA2C;EAC1C,UAAW,SAAS,UAAS;IAC5B,8BAAA;IACA,+BAAA;;;AAIF,wBAA0C;EAExC,OAAC,MACA;IACC,yBAAA;;EAFF,OAAC,MACA,eAGC;IACC,YAAA;;EAMJ,UAAW,SAAS,UAAS;IAC5B,8BAAA;IACA,+BAAA;;;;;;AAWA,QADD,WACE;EACA,kBAAA;;AAKH;EACC,gBAAA;EACA,sBAAA;EACA,2BAAA;;AAHD,UAKC;EACC,iBAAA;;AANF,UAQC;EACC,kBAAA;EACA,kBAAA;;AAVF,UAQC,WAIC;AAZF,UAQC,WAKC;EACC,kBAAA;EACA,6BAAA;EACA,gCAAA;;AAhBH,UAQC,WAWC;EACC,cAAA;;AAGF,UAAC;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,2BAAA;;;;;AASF;EACC,aAAA;EACA,eAAA;;AAED,MACC;EACC,oBAAA;;;;;AASF,eAEC;AAFD,eAGC,OAAO;EACN,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,qBAAA;EACA,mBAAA;;AARF,eAUC,YAAW;EACV,SAAA;EACA,UAAA;;AAGA,eADD,WACE;EACA,kBAAA;;AAhBH,eAmBC,MACC;EACC,gBAAA;;AArBH,eAwBC,GACC;EACC,iBAAA;;AAIA,eANF,GAIC,SAEE;AAAD,eANF,GAKC,UACE;EACA,6BAAA;;;;;AAWJ,EAAE,aACD;EACC,mBAAA;;AAFF,EAAE,aACD,KAGC;EACC,gBAAA;;;;;AAUH,aACC;EACC,kBAAA;EACA,gBAAA;EACA,kBAAA;;AAIF;EACC,aAAA;EACA,eAAA;;AAFD,QAIC;EACC,oBAAA;;AALF,QAQC;EACC,6CAAA;EACA,kBAAA;EACA,QAAQ,WAAR;EACA,gCAAA;;AAEA,QAND,IAME;EACA,YAAA;;AAfH,QAmBC;EACC,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;;AAIF;EACC,eAAA;EACA,iBAAA;EACA,aAAA;;AAHD,cAKC,yBAEC;EACC,kBAAA;EACA,SAAA;EACA,WAAA;EACA,cAAA;EACA,2CAAA;EACA,YAAA;EACA,kBAAA;EACA,UAAA;EACA,gCAAA;;AAED,cAbD,yBAaE,MACA;EACC,UAAA;;AApBJ,cAwBC;EACC,cAAA;EACA,4BAAA;EACA,kBAAA;EACA,gBAAA;;;;;AASF,cACC;EACC,WAAA;;;;;AASF;EACC,aAAA;EACA,6BAAA;;AAFD,WAIC;EACC,iBAAA;EACA,gBAAA;;;;;AAWA,aADD,OACE;EACA,iBAAA;;AAGD,aALD,OAKE;EACA,gBAAA;;AAPH,aAWC;EACC,iBAAA;EACA,oBAAA;;;;;AASF,SACC;EACC,kBAAA;EACA,iBAAA;;AAEA,SAJD,YAIE;EACA,SAAS,GAAT;EACA,kBAAA;EACA,WAAA;EACA,MAAA;EACA,cAAA;;AAVH,SACC,YAWC;EACC,gBAAA;;AAbH,SACC,YAcC;EACC,kBAAA;;AAhBH,SACC,YAiBC;EACC,iBAAA;;;;;AAUH;EACC,kBAAA;EACA,oBAAA;;AAFD,iBAIC;EACC,kBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,eAAA;;AATF,iBAIC,IAOC,QAAO;EACN,iBAAA;;;;;AAUH,OACC;EACC,aAAa,4BAAb;;;;;AASF;EACC,cAAA;EACA,qBAAA;EACA,iBAAA;EACA,eAAA;;;;;AAQD;EACC,cAAA;;AADD,MAGC,SACC;EACC,iBAAA;;AALH,MAQC;EACC,iBAAA;EACA,aAAA;EACA,2BAAA;;AAIF;AACA,eAAe,KAAK;EACnB,eAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;;AAGD,aAAa;EACZ,UAAA;EACA,cAAA;;AAGD,wBAA0C;EACzC,aAAa;IACZ,UAAA;IACA,iBAAA;;;AAIF,wBAA0C;EACzC,aAAa;IACZ,UAAA;IACA,gBAAA;;;AAIF,wBAA0C;EACzC,aAAa;IACZ,UAAA;IACA,gBAAA;;;AAIF,wBAA0C;EACzC,aAAa;IACZ,UAAA;IACA,gBAAA;;;AAIF,aAAc,YAAY;EACzB,iBAAA;;AAGD,aAAc,OAAM;EACnB,uBAAA;;AAGD,aAAc,QAAQ;EACrB,gBAAA;;AAGD,aAAc,QAAQ,OAAM;EAC3B,0BAAA;;AAGD;EACC,kBAAA;EACA,YAAA;;AAGD,aAAc;EACb,kBAAA;EACA,WAAA;EACA,aAAA;EACA,UAAA;;AAGD;EACC,iBAAA;;AAGD,YAAa;EACZ,kBAAA;;AAGD;EACC,kBAAA;;AAGD,eAAgB;EACf,gBAAA;;AAGD,eAAgB;EACf,kBAAA;EACA,WAAA;EACA,YAAA;;AAGD,wBAA0C;EACzC,eAAgB;IACf,uBAAA;;;AAIF,eAAgB,cAAa;EAC5B,YAAY,+FAAZ;;EAEA,YAAY,gDAAgD,yBAAyB,2CAA2C,wCAAhI;;EAEA,YAAY,kGAAZ;;EAEA,YAAY,6FAAZ;;EAEA,YAAY,8FAAZ;;EAEA,YAAY,gGAAZ;;;AAID,eAAgB,cAAa;EAC5B,YAAY,kGAAZ;;EAEA,YAAY,gDAAgD,yBAAyB,2CAA2C,wCAAhI;;EAEA,YAAY,qGAAZ;;EAEA,YAAY,gGAAZ;;EAEA,YAAY,iGAAZ;;EAEA,YAAY,6FAAZ;;;AAID;EACC,kBAAA;EACA,gBAAA;;AAGD,eAAgB,SAAS;EACxB,kBAAA;;;;;AAQD,YACC;EACC,aAAA;;AAFF,YAKC;EACC,YAAA;;AAGF,SACC;EACC,cAAA;EACA,kBAAA;EACA,sBAAA;EACA,SAAA;EACA,oCAAA;;AAGD,SAAC;AACD,SAAC;EACA,SAAA","file":"pyams-default.css"} \ No newline at end of file diff -r 03f54800ba31 -r a6c596f03f3a src/pyams_default_theme/resources/css/pyams-default.min.css --- a/src/pyams_default_theme/resources/css/pyams-default.min.css Wed Oct 16 18:50:28 2019 +0200 +++ b/src/pyams_default_theme/resources/css/pyams-default.min.css Fri Oct 18 12:42:26 2019 +0200 @@ -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:hover a:hover{color:#5d6a60}.navbar.affix-top{margin-bottom:calc(20px - 1rem)}.navbar.affix a{color:#fff}.navbar.affix .dropdown-menu a{color:#39413b}.navbar.affix .icon-bar{background-color:#fff}.breadcrumb{margin-top:1rem;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>div{padding-left:1em;padding-right: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}.panels{display:flex;flex-wrap:wrap}.panel .thumbnail{margin-bottom:.5em}.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}ul.associations>li{margin-bottom:10px}ul.associations>li>p{margin-bottom:0}.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-wrapper{padding-right:0}.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:hover a:hover{color:#5d6a60}.navbar.affix-top{margin-bottom:calc(20px - 1rem)}.navbar.affix a{color:#fff}.navbar.affix .dropdown-menu a{color:#39413b}.navbar.affix .icon-bar{background-color:#fff}.breadcrumb{margin-top:1rem;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>div{padding-left:1em;padding-right: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}.panels{display:flex;flex-wrap:wrap}.panel .thumbnail{margin-bottom:.5em}.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}ul.associations>li{margin-bottom:10px}ul.associations>li>p{margin-bottom:0}.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-wrapper{padding-right:0}.verbatim .panel-body .quote{font-style:italic}.verbatim .panel-body .author{margin-top:.5em}.wrapper-imagemap{position:relative;display:inline-flex}.wrapper-imagemap svg{position:absolute;left:0;right:0;fill:#888;fill-opacity:0}.wrapper-imagemap svg polygon:hover{fill-opacity:.5}.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} diff -r 03f54800ba31 -r a6c596f03f3a src/pyams_default_theme/resources/less/pyams-default.less --- a/src/pyams_default_theme/resources/less/pyams-default.less Wed Oct 16 18:50:28 2019 +0200 +++ b/src/pyams_default_theme/resources/less/pyams-default.less Fri Oct 18 12:42:26 2019 +0200 @@ -59,6 +59,7 @@ /** * Spacer styles */ + .spacer { padding: 1em 0; @@ -76,6 +77,7 @@ /** * Header styles */ + .header-simple { .banner { position: relative; @@ -351,6 +353,7 @@ /** * Panels */ + .panels { display: flex; flex-wrap: wrap; @@ -407,6 +410,7 @@ /** * Associations */ + ul.associations { >li { margin-bottom: 10px; @@ -417,6 +421,7 @@ } } + /** * Images gallery */ @@ -503,6 +508,7 @@ /** * Milestones */ + .milestones { display: flex; justify-content: space-around; @@ -566,6 +572,28 @@ /** + * SVG image map + */ + +.wrapper-imagemap { + position: relative; + display: inline-flex; + + svg { + position: absolute; + left: 0; + right: 0; + fill: #888; + fill-opacity: 0; + + polygon:hover { + fill-opacity: 0.5; + } + } +} + + +/** * Source code */ diff -r 03f54800ba31 -r a6c596f03f3a src/pyams_default_theme/shared/imagemap/templates/imagemap-default.pt --- a/src/pyams_default_theme/shared/imagemap/templates/imagemap-default.pt Wed Oct 16 18:50:28 2019 +0200 +++ b/src/pyams_default_theme/shared/imagemap/templates/imagemap-default.pt Fri Oct 18 12:42:26 2019 +0200 @@ -1,27 +1,27 @@

title

-
- - +
+ + - + + + - +
diff -r 03f54800ba31 -r a6c596f03f3a src/pyams_default_theme/shared/imagemap/templates/render.pt --- a/src/pyams_default_theme/shared/imagemap/templates/render.pt Wed Oct 16 18:50:28 2019 +0200 +++ b/src/pyams_default_theme/shared/imagemap/templates/render.pt Fri Oct 18 12:42:26 2019 +0200 @@ -1,23 +1,28 @@
Image map preview -
- - +
+ + - + + + - +