# HG changeset patch
# User tflorac@dagon.home
# Date 1542664764 -3600
# Node ID d5f9f495dc30561f162e001bbd6e29b737a75761
# Parent  7898006e140cfb0e2d8dbc909f9da1b9c32c1c87
Updated templates

diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/component/paragraph/templates/keypoints-default.pt
--- a/src/pyams_default_theme/component/paragraph/templates/keypoints-default.pt	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/component/paragraph/templates/keypoints-default.pt	Mon Nov 19 22:59:24 2018 +0100
@@ -1,8 +1,14 @@
-<div class="bordered margin-bottom-10 padding-10"
-	 tal:define="keypoints view.keypoints"
-	 tal:condition="keypoints">
-	<ul class="inside">
-		<li tal:repeat="item keypoints"
-			tal:content="item">item</li>
-	</ul>
+<div class="keypoints"
+	 tal:define="keypoints view.keypoints">
+	<div class="panel panel-default">
+		<div class="panel-heading">
+			<h3 class="panel-title">${view.title}</h3>
+		</div>
+		<div class="panel-body">
+			<ul class="inside">
+				<li tal:repeat="item keypoints"
+					tal:content="item">item</li>
+			</ul>
+		</div>
+	</div>
 </div>
diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/component/paragraph/templates/pictogram-default.pt
--- a/src/pyams_default_theme/component/paragraph/templates/pictogram-default.pt	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/component/paragraph/templates/pictogram-default.pt	Mon Nov 19 22:59:24 2018 +0100
@@ -19,4 +19,5 @@
 			</div>
 		</div>
 	</div>
+	<div class="clearfix"></div>
 </div>
\ No newline at end of file
diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/component/paragraph/templates/verbatim-default.pt
--- a/src/pyams_default_theme/component/paragraph/templates/verbatim-default.pt	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/component/paragraph/templates/verbatim-default.pt	Mon Nov 19 22:59:24 2018 +0100
@@ -1,29 +1,31 @@
-<div class="bordered verbatim padding-20"
+<div class="verbatim"
 	 tal:define="settings view.settings;
 				 illustration tales:pyams_illustration(context);
 				 display_illustration view.can_display_illustration()">
-	<tal:if condition="display_illustration and illustration">
-		<div class="illustration col-md-2"
-			 tal:define="photo i18n:illustration.data;
-						 alt i18n:illustration.alt_title;"
-			 tal:condition="photo">
-			${structure:tales:picture(photo, lg_thumb='portrait', md_thumb='portrait',
-											 sm_thumb='portrait', xs_thumb='portrait', alt=alt)}
-		</div>
-		<div class="author col-md-4">
-			<span tal:content="view.author">Author</span><br />
-			<span tal:content="view.charge">Charge</span>
+	<div class="panel panel-default">
+		<div class="panel-heading">
+			<h3 class="panel-title">${view.title}</h3>
 		</div>
-		<div class="quote col-md-5"
-			 tal:content="tales:html(view.quote)">Quote</div>
-	</tal:if>
-	<tal:if condition="not:display_illustration">
-		<div class="quote"
-			 tal:content="structure tales:html(view.quote)">Quote</div>
-		<div class="author">
-			${view.author}
-			<tal:if condition="view.author and view.charge">, </tal:if>
-			${view.charge}
+		<div class="panel-body">
+			<tal:if condition="display_illustration and illustration">
+				<div class="illustration col-md-2 col-sm-3 hidden-xs"
+					 tal:define="photo i18n:illustration.data;
+								 alt i18n:illustration.alt_title;"
+					 tal:condition="photo">
+					${structure:tales:picture(photo, lg_thumb='portrait', md_thumb='portrait',
+													 sm_thumb='portrait', xs_thumb='portrait', alt=alt)}
+				</div>
+			</tal:if>
+			<div class="col-md-10 col-sm-9 col-xs-12"
+				 tal:omit-tag="not:display_illustration">
+				<div class="quote"
+					 tal:content="structure tales:html(view.quote)">Quote</div>
+				<div class="author">
+					<strong>${view.author}</strong>
+					<tal:if condition="view.author and view.charge">, </tal:if>
+					${view.charge}
+				</div>
+			</div>
 		</div>
-	</tal:if>
+	</div>
 </div>
diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/resources/css/pyams-default.css
--- a/src/pyams_default_theme/resources/css/pyams-default.css	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/resources/css/pyams-default.css	Mon Nov 19 22:59:24 2018 +0100
@@ -26,7 +26,7 @@
   position: absolute;
   top: 10px;
   left: 10px;
-  max-height: calc(80%);
+  max-height: calc(100% - 20px);
 }
 body .affix {
   top: 0;
@@ -186,4 +186,21 @@
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
+/**
+ * Verbatim
+ */
+.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 .author {
+  margin-top: 0.5em;
+}
 /*# sourceMappingURL=pyams-default.css.map */
\ No newline at end of file
diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/resources/css/pyams-default.css.map
--- a/src/pyams_default_theme/resources/css/pyams-default.css.map	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/resources/css/pyams-default.css.map	Mon Nov 19 22:59:24 2018 +0100
@@ -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":";;;AAIC,cAAC;EACA,mBAAA;;AAED,cAAC;EACA,mBAAA;;;;;AASF;EACC,+CAAA;EACA,cAAA;;AAFD,IAIC,eACC;EACC,kBAAA;;AAIC,IANH,eACC,eAGC,QAEE;AAAD,IANH,eACC,eAIC,IACE;EACA,WAAA;;AAED,IATH,eACC,eAGC,QAKE;AAAD,IATH,eACC,eAIC,IAIE;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,YAAY,SAAZ;;AAjBL,IAsBC;EACC,MAAA;EACA,WAAA;EACA,wBAAA;EACA,aAAA;EACA,gCAAA;;AA3BF,IA6BC,OAAO;EACN,kBAAA;EACA,SAAA;;AA/BF,IAiCC;EACC,mBAAA;EACA,uBAAA;EACA,yBAAA;EACA,iDAAA;EACA,gCAAA;;AAtCF,IAiCC,QAOC;AAxCF,IAiCC,QAQC,EAAC;AAzCH,IAiCC,QASC,EAAC;EACA,cAAA;;AA3CH,IAiCC,QAYC,GAAE;AA7CJ,IAiCC,QAaC;EACC,yBAAA;;AAED,IAhBD,QAgBE;EACA,yBAAA;;AADD,IAhBD,QAgBE,MAGA;EACC,YAAA;;AAED,IAtBF,QAgBE,MAMC,MACA,EAAC;EACA,cAAA;;AARH,IAhBD,QAgBE,MAWA;EACC,uBAAA;;AAMJ;AACA;AACA;AACA;AACA;AACA;EACC,iDAAA;;AAKC,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;;;;;;AAaF,QADD,WACE;EACA,kBAAA;;AAKH;EACC,gBAAA;EACA,sBAAA;EACA,2BAAA;;AAEA,UAAC;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,2BAAA;;;;;AAQF;EACC,mBAAA;;AADD,aAGC;EACC,kBAAA;EACA,gBAAA;EACA,kBAAA;;AAGF;EACC,aAAA;EACA,eAAA;;AAFD,QAIC;EACC,oBAAA;;AALF,QAOC;EACC,6CAAA;EACG,kBAAA;EACH,QAAQ,WAAR;EACA,gCAAA;;AAEA,QAND,IAME;EACA,YAAA;;AAdH,QAiBC;EACC,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;;AAIF;EACC,eAAA;EACA,gBAAA;EACA,aAAA;;AAHD,cAKC;EACC,cAAA;EACA,2BAAA;EACA,kBAAA;EACA,gBAAA;;;;;AASF,cACC;EACC,WAAA;;;;;AAQF;EACC,aAAA;EACA,6BAAA;;AAFD,WAIC;EACC,iBAAA;EACA,gBAAA;;;;;AAWA,aADD,OACE;EACA,iBAAA;;AAED,aAJD,OAIE;EACA,gBAAA;;AANH,aASC;EACC,iBAAA;EACA,oBAAA","file":"pyams-default.css"}
\ No newline at end of file
+{"version":3,"sources":["../less/pyams-default.less"],"names":[],"mappings":";;;AAIC,cAAC;EACA,mBAAA;;AAED,cAAC;EACA,mBAAA;;;;;AASF;EACC,+CAAA;EACA,cAAA;;AAFD,IAIC,eACC;EACC,kBAAA;;AAIC,IANH,eACC,eAGC,QAEE;AAAD,IANH,eACC,eAIC,IACE;EACA,WAAA;;AAED,IATH,eACC,eAGC,QAKE;AAAD,IATH,eACC,eAIC,IAIE;EACA,kBAAA;EACA,SAAA;EACA,UAAA;EACA,YAAY,iBAAZ;;AAjBL,IAsBC;EACC,MAAA;EACA,WAAA;EACA,wBAAA;EACA,aAAA;EACA,gCAAA;;AA3BF,IA6BC,OAAO;EACN,kBAAA;EACA,SAAA;;AA/BF,IAiCC;EACC,mBAAA;EACA,uBAAA;EACA,yBAAA;EACA,iDAAA;EACA,gCAAA;;AAtCF,IAiCC,QAOC;AAxCF,IAiCC,QAQC,EAAC;AAzCH,IAiCC,QASC,EAAC;EACA,cAAA;;AA3CH,IAiCC,QAYC,GAAE;AA7CJ,IAiCC,QAaC;EACC,yBAAA;;AAED,IAhBD,QAgBE;EACA,yBAAA;;AADD,IAhBD,QAgBE,MAGA;EACC,YAAA;;AAED,IAtBF,QAgBE,MAMC,MACA,EAAC;EACA,cAAA;;AARH,IAhBD,QAgBE,MAWA;EACC,uBAAA;;AAMJ;AACA;AACA;AACA;AACA;AACA;EACC,iDAAA;;AAKC,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;;;;;;AAaF,QADD,WACE;EACA,kBAAA;;AAKH;EACC,gBAAA;EACA,sBAAA;EACA,2BAAA;;AAEA,UAAC;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,2BAAA;;;;;AAQF;EACC,mBAAA;;AADD,aAGC;EACC,kBAAA;EACA,gBAAA;EACA,kBAAA;;AAGF;EACC,aAAA;EACA,eAAA;;AAFD,QAIC;EACC,oBAAA;;AALF,QAOC;EACC,6CAAA;EACG,kBAAA;EACH,QAAQ,WAAR;EACA,gCAAA;;AAEA,QAND,IAME;EACA,YAAA;;AAdH,QAiBC;EACC,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;;AAIF;EACC,eAAA;EACA,gBAAA;EACA,aAAA;;AAHD,cAKC;EACC,cAAA;EACA,2BAAA;EACA,kBAAA;EACA,gBAAA;;;;;AASF,cACC;EACC,WAAA;;;;;AAQF;EACC,aAAA;EACA,6BAAA;;AAFD,WAIC;EACC,iBAAA;EACA,gBAAA;;;;;AAWA,aADD,OACE;EACA,iBAAA;;AAED,aAJD,OAIE;EACA,gBAAA;;AANH,aASC;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,iBAAA","file":"pyams-default.css"}
\ No newline at end of file
diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/resources/css/pyams-default.min.css
--- a/src/pyams_default_theme/resources/css/pyams-default.min.css	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/resources/css/pyams-default.min.css	Mon Nov 19 22:59:24 2018 +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}body .header-simple .regularbanner{position:relative}body .header-simple .regularbanner img.regularbanner__media,body .header-simple .regularbanner picture.regularbanner__media{width:100%}body .header-simple .regularbanner img.logo,body .header-simple .regularbanner picture.logo{position:absolute;top:10px;left:10px;max-height:calc(80%)}body .affix{top:0;width:100%;z-index:9999!important;opacity:.95;transition:all .5s ease-in-out}body .affix~.container-fluid{position:relative;top:50px}body .navbar{margin-bottom:20px;background-color:#fff;border:1px solid #39413b;font-family:Oswald,Helvetica,Arial,Sans-Serif;transition:all .5s ease-in-out}body .navbar a,body .navbar a:active,body .navbar a:visited{color:#39413b}body .navbar .icon-bar,body .navbar li.active{background-color:#a5bcaa}body .navbar.affix{background-color:#39413b}body .navbar.affix a{color:#fff}body .navbar.affix:hover a:hover{color:#39413b}body .navbar.affix .icon-bar{background-color:#fff}h1,h2,h3,h4,h5,h6{font-family:Oswald,Helvetica,Arial,Sans-Serif}@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}}.summary .thumbnail.pull-left{margin-right:15px}blockquote{margin-top:2rem;border:1px solid #ddd;border-left:5px solid #ddd}blockquote.pull-right{padding:0 15px;text-align:left;border:1px solid #ddd;border-left:5px solid #ddd}.illustration{margin-bottom:1rem}.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 .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}
+.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}body{font-family:Lato,Helvetica,Arial,sans-serif;margin:0 auto}body .header-simple .regularbanner{position:relative}body .header-simple .regularbanner img.regularbanner__media,body .header-simple .regularbanner picture.regularbanner__media{width:100%}body .header-simple .regularbanner img.logo,body .header-simple .regularbanner picture.logo{position:absolute;top:10px;left:10px;max-height:calc(100% - 20px)}body .affix{top:0;width:100%;z-index:9999!important;opacity:.95;transition:all .5s ease-in-out}body .affix~.container-fluid{position:relative;top:50px}body .navbar{margin-bottom:20px;background-color:#fff;border:1px solid #39413b;font-family:Oswald,Helvetica,Arial,Sans-Serif;transition:all .5s ease-in-out}body .navbar a,body .navbar a:active,body .navbar a:visited{color:#39413b}body .navbar .icon-bar,body .navbar li.active{background-color:#a5bcaa}body .navbar.affix{background-color:#39413b}body .navbar.affix a{color:#fff}body .navbar.affix:hover a:hover{color:#39413b}body .navbar.affix .icon-bar{background-color:#fff}h1,h2,h3,h4,h5,h6{font-family:Oswald,Helvetica,Arial,Sans-Serif}@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}}.summary .thumbnail.pull-left{margin-right:15px}blockquote{margin-top:2rem;border:1px solid #ddd;border-left:5px solid #ddd}blockquote.pull-right{padding:0 15px;text-align:left;border:1px solid #ddd;border-left:5px solid #ddd}.illustration{margin-bottom:1rem}.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 .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 .author{margin-top:.5em}
diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/resources/less/pyams-default.less
--- a/src/pyams_default_theme/resources/less/pyams-default.less	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/resources/less/pyams-default.less	Mon Nov 19 22:59:24 2018 +0100
@@ -236,4 +236,27 @@
 		margin-top: 0.5em;
 		margin-bottom: 0.5em;
 	}
+}
+
+
+/**
+ * Verbatim
+ */
+
+.verbatim {
+	.panel-body {
+		position: relative;
+		margin-left: 50px;
+
+		&::before {
+			content: '«';
+			position: absolute;
+			left: -30px;
+			top: 0;
+			font-size: 4em;
+		}
+		.author {
+			margin-top: 0.5em;
+		}
+	}
 }
\ No newline at end of file
diff -r 7898006e140c -r d5f9f495dc30 src/pyams_default_theme/shared/logo/templates/logos-default.pt
--- a/src/pyams_default_theme/shared/logo/templates/logos-default.pt	Mon Nov 19 15:17:08 2018 +0100
+++ b/src/pyams_default_theme/shared/logo/templates/logos-default.pt	Mon Nov 19 22:59:24 2018 +0100
@@ -10,4 +10,5 @@
 			</a>
 		</div>
 	</tal:loop>
+	<div class="clearfix"></div>
 </div>