API tools faq
paste
Advertisement
azizkhelifi

Untitled

azizkhelifi
Apr 6th, 2020
157
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 172.43 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='fancy.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   <head>
  5.     <meta content='width=device-width, initial-scale=1' name='viewport'/>
  6.     <title><data:view.title.escaped/></title>
  7.     <b:include data='blog' name='all-head-content'/>
  8.     <b:skin version='1.3.0'><![CDATA[/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
  9. /*
  10. <!-- Constants -->
  11.  
  12. <!-- Fonts -->
  13.  
  14. <Variable name="garamond12" description="12px Garamond" type="font" default="normal 400 12px EB Garamond, serif" hideEditor="true"  value="normal 400 12px EB Garamond, serif"/>
  15. <Variable name="garamond14" description="14px Garamond" type="font" default="normal 400 14px EB Garamond, serif" hideEditor="true"  value="normal 400 14px EB Garamond, serif"/>
  16. <Variable name="garamond16" description="16px Garamond" type="font" default="normal 400 16px EB Garamond, serif" hideEditor="true"  value="normal 400 16px EB Garamond, serif"/>
  17. <Variable name="garamond18" description="18px Garamond" type="font" default="normal 400 18px EB Garamond, serif" hideEditor="true"  value="normal 400 18px EB Garamond, serif"/>
  18. <Variable name="garamond20" description="20px Garamond" type="font" default="normal 400 20px EB Garamond, serif" hideEditor="true"  value="normal 400 20px EB Garamond, serif"/>
  19. <Variable name="garamond24" description="24px Garamond" type="font" default="normal 400 24px EB Garamond, serif" hideEditor="true"  value="normal 400 24px EB Garamond, serif"/>
  20. <Variable name="garamond36" description="36px Garamond" type="font" default="normal 400 36px EB Garamond, serif" hideEditor="true"  value="normal 400 36px EB Garamond, serif"/>
  21. <Variable name="lato12" description="12px Lato" type="font" default="normal 400 12px Lato, sans-serif" hideEditor="true"  value="normal 400 12px Lato, sans-serif"/>
  22. <Variable name="lato14" description="14px Lato" type="font" default="normal 400 14px Lato, sans-serif" hideEditor="true"  value="normal 400 14px Lato, sans-serif"/>
  23. <Variable name="lato16" description="16px Lato" type="font" default="normal 400 16px Lato, sans-serif" hideEditor="true"  value="normal 400 16px Lato, sans-serif"/>
  24. <Variable name="lato20" description="20px Lato" type="font" default="normal 400 20px Lato, sans-serif" hideEditor="true"  value="normal 400 20px Lato, sans-serif"/>
  25. <Variable name="lato24" description="24px Lato" type="font" default="normal 400 24px Lato, sans-serif" hideEditor="true"  value="normal 400 24px Lato, sans-serif"/>
  26. <Variable name="latoBold12" description="12px Lato Bold" type="font" default="normal 700 12px Lato, sans-serif" hideEditor="true"  value="normal 700 12px Lato, sans-serif"/>
  27. <Variable name="latoBold14" description="14px Lato Bold" type="font" default="normal 700 14px Lato, sans-serif" hideEditor="true"  value="normal 700 14px Lato, sans-serif"/>
  28. <Variable name="latoBold16" description="16px Lato Bold" type="font" default="normal 700 16px Lato, sans-serif" hideEditor="true"  value="normal 700 16px Lato, sans-serif"/>
  29. <Variable name="latoBold24" description="24px Lato Bold" type="font" default="normal 700 24px Lato, sans-serif" hideEditor="true"  value="normal 700 24px Lato, sans-serif"/>
  30. <Variable name="latoBold28" description="28px Lato Bold" type="font" default="normal 700 28px Lato, sans-serif" hideEditor="true"  value="normal 700 28px Lato, sans-serif"/>
  31. <Variable name="latoLight18" description="18px Lato Light" type="font" default="normal 300 18px Lato, sans-serif" hideEditor="true"  value="normal 300 18px Lato, sans-serif"/>
  32. <Variable name="latoLight20" description="20px Lato Light" type="font" default="normal 300 20px Lato, sans-serif" hideEditor="true"  value="normal 300 20px Lato, sans-serif"/>
  33. <Variable name="latoLight24" description="24px Lato Light" type="font" default="normal 300 24px Lato, sans-serif" hideEditor="true"  value="normal 300 24px Lato, sans-serif"/>
  34. <Variable name="latoLight36" description="36px Lato Light" type="font" default="normal 300 36px Lato, sans-serif" hideEditor="true"  value="normal 300 36px Lato, sans-serif"/>
  35. <Variable name="lora14" description="14px Lora" type="font" default="normal 400 14px Lora, serif" hideEditor="true"  value="normal 400 14px Lora, serif"/>
  36. <Variable name="lora16" description="16px Lora" type="font" default="normal 400 16px Lora, serif" hideEditor="true"  value="normal 400 16px Lora, serif"/>
  37. <Variable name="montserrat12" description="12px Montserrat" type="font" default="normal 400 12px Montserrat, sans-serif" hideEditor="true"  value="normal 400 12px Montserrat, sans-serif"/>
  38. <Variable name="montserrat14" description="14px Montserrat" type="font" default="normal 400 14px Montserrat, sans-serif" hideEditor="true"  value="normal 400 14px Montserrat, sans-serif"/>
  39. <Variable name="montserrat16" description="16px Montserrat" type="font" default="normal 400 16px Montserrat, sans-serif" hideEditor="true"  value="normal 400 16px Montserrat, sans-serif"/>
  40. <Variable name="montserrat24" description="24px Montserrat" type="font" default="normal 400 24px Montserrat, sans-serif" hideEditor="true"  value="normal 400 24px Montserrat, sans-serif"/>
  41. <Variable name="montserratBold12" description="12px Montserrat Bold" type="font" default="normal 700 12px Montserrat, sans-serif" hideEditor="true"  value="normal 700 12px Montserrat, sans-serif"/>
  42. <Variable name="montserratBold14" description="14px Montserrat Bold" type="font" default="normal 700 14px Montserrat, sans-serif" hideEditor="true"  value="normal 700 14px Montserrat, sans-serif"/>
  43.  
  44. <!-- Colors -->
  45.  
  46. <Variable name="shadowColor" description="Shadow color" type="color" default="rgba(0, 0, 0, 0.1)" hideEditor="true"  value="rgba(0, 0, 0, 0.1)"/>
  47.  
  48. <!-- Variable definitions -->
  49.  
  50. <Variable name="keycolor" description="Main Color" type="color" default="#bf8b38"  value="#77e4ff"/>
  51. <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" hideEditor="true" />
  52. <Variable name="endSide" description="End side in blog language" type="automatic" default="right" hideEditor="true" />
  53.  
  54. <Group description="Body">
  55.  <Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) none repeat scroll top left"  value="$(color) none no-repeat scroll center center"/>
  56.  <Variable name="body.background.color" description="Background color" type="color" default="#fff"  value="#01050c"/>
  57.  <Variable name="body.title.font.small" description="Title font (small)" type="font" default="$(garamond20)"  value="normal 300 20px Lato, sans-serif"/>
  58.  <Variable name="body.title.font.large" description="Title font (large)" type="font" default="$(garamond24)"  value="normal 300 24px Lato, sans-serif"/>
  59.  <Variable name="body.title.color" description="Title color" type="color" default="#000"  value="#ffffff"/>
  60.  <Variable name="body.action.font.small" description="Action font (small)" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  61.  <Variable name="body.action.font.large" description="Action font (large)" type="font" default="$(montserrat14)"  value="normal 700 14px Lato, sans-serif"/>
  62.  <Variable name="body.action.color" description="Action color" type="color" default="#bf8b38"  value="#77e4ff"/>
  63.  <Variable name="body.text.font" description="Text font" type="font" default="$(garamond20)"  value="normal 400 20px Lato, sans-serif"/>
  64.  <Variable name="body.text.color" description="Text color" type="color" default="#000"  value="#ffffff"/>
  65.  <Variable name="body.link.color" description="Link color" type="color" default="#bf8b38"  value="#77e4ff"/>
  66.  <Variable name="body.widget.title.font.small" description="Gadget title font (small)" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  67.  <Variable name="body.widget.title.font.large" description="Gadget title font (large)" type="font" default="$(montserrat14)"  value="normal 700 14px Lato, sans-serif"/>
  68.  <Variable name="body.widget.title.color" description="Gadget title color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  69.  <Variable name="body.filter.background.color" description="Filter background color" type="color" default="#302c24"  value="#77e4ff"/>
  70.  <Variable name="body.filter.text.font.small" description="Filter text font (small)" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  71.  <Variable name="body.filter.text.font.large" description="Filter text font (large)" type="font" default="$(montserrat14)"  value="normal 700 14px Lato, sans-serif"/>
  72.  <Variable name="body.filter.text.color" description="Filter text color" type="color" default="rgba(255, 255, 255, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  73.  <Variable name="body.filter.keyword.font.small" description="Filter keyword font (small)" type="font" default="$(montserratBold12)"  value="normal 700 12px Lato, sans-serif"/>
  74.  <Variable name="body.filter.keyword.font.large" description="Filter keyword font (large)" type="font" default="$(montserratBold14)"  value="normal 700 14px Lato, sans-serif"/>
  75.  <Variable name="body.filter.keyword.color" description="Filter keyword color" type="color" default="rgba(255, 255, 255, 0.87)"  value="rgba(0, 0, 0, 0.87)"/>
  76.  <Variable name="body.filter.link.font.small" description="Filter link font (small)" type="font" default="$(montserratBold12)"  value="normal 700 12px Lato, sans-serif"/>
  77.  <Variable name="body.filter.link.font.large" description="Filter link font (large)" type="font" default="$(montserratBold14)"  value="normal 700 14px Lato, sans-serif"/>
  78.  <Variable name="body.filter.link.color" description="Filter link color" type="color" default="#bf8b38"  value="rgba(0, 0, 0, 0.87)"/>
  79. </Group>
  80.  
  81. <Group description="Header">
  82.  <Variable name="header.background.color" description="Background color" type="color" default="#fff"  value="#01050c"/>
  83.  <Variable name="header.title.font.small" description="Title font (small)" type="font" default="$(garamond18)"  value="normal 300 18px Lato, sans-serif"/>
  84.  <Variable name="header.title.font.large" description="Title font (large)" type="font" default="$(garamond36)"  value="normal 300 36px Lato, sans-serif"/>
  85.  <Variable name="header.title.color" description="Title color" type="color" default="#000"  value="#ffffff"/>
  86.  <Variable name="header.text.font" description="Text font" type="font" default="$(montserrat12)"  value="normal 400 12px Lato, sans-serif"/>
  87.  <Variable name="header.text.color" description="Text color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  88.  <Variable name="header.pageList.font" description="Page list font" type="font" default="$(montserrat14)"  value="normal 700 14px Lato, sans-serif"/>
  89.  <Variable name="header.pageList.color" description="Page list color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  90.  <Variable name="header.pageList.selected.font" description="Page list font (selected page)" type="font" default="$(montserratBold14)"  value="normal 700 14px Lato, sans-serif"/>
  91.  <Variable name="header.pageList.selected.color" description="Page list color (selected page)" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  92.  <Variable name="header.icon.color" description="Icon color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  93. </Group>
  94.  
  95. <Group description="Posts">
  96.  <Variable name="post.text.background.color" description="Background color (text-only post)" type="color" default="#302c24"  value="#77e4ff"/>
  97.  <Variable name="post.title.font.small" description="Title font (small)" type="font" default="$(garamond20)"  value="normal 400 20px Lato, sans-serif"/>
  98.  <Variable name="post.title.font.large" description="Title font (large)" type="font" default="$(garamond24)"  value="normal 400 24px Lato, sans-serif"/>
  99.  <Variable name="post.title.color" description="Title color" type="color" default="#000"  value="#ffffff"/>
  100.  <Variable name="post.text.title.color" description="Title color (text-only post)" type="color" default="#fff"  value="rgba(0, 0, 0, 0.87)"/>
  101.  <Variable name="post.header.font" description="Header font" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  102.  <Variable name="post.header.color" description="Header color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  103.  <Variable name="post.text.header.color" description="Header color (text-only post)" type="color" default="rgba(255, 255, 255, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  104.  <Variable name="post.footer.font" description="Post Footer Font" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  105.  <Variable name="post.footer.color" description="Footer color" type="color" default="#bf8b38"  value="#77e4ff"/>
  106.  <Variable name="post.text.font.small" description="Text font (small)" type="font" default="$(lora14)"  value="normal 400 14px Lato, sans-serif"/>
  107.  <Variable name="post.text.font.large" description="Text font (large)" type="font" default="$(lora16)"  value="normal 400 16px Lato, sans-serif"/>
  108.  <Variable name="post.text.color" description="Text color" type="color" default="#000"  value="#ffffff"/>
  109.  <Variable name="post.text.footer.color" description="Footer color (text-only post)" type="color" default="#bf8b38"  value="rgba(0, 0, 0, 0.87)"/>
  110.  <Variable name="post.blockquote.font.small" description="Blockquote font (small)" type="font" default="$(montserrat16)"  value="normal 700 16px Lato, sans-serif"/>
  111.  <Variable name="post.blockquote.font.large" description="Blockquote font (large)" type="font" default="$(montserrat24)"  value="normal 700 24px Lato, sans-serif"/>
  112.  <Variable name="post.blockquote.color" description="Blockquote color" type="color" default="#000"  value="#ffffff"/>
  113.  <Variable name="post.caption.font" description="Caption font" type="font" default="$(montserrat12)"  value="normal 400 16px Lato, sans-serif"/>
  114.  <Variable name="post.caption.color" description="Caption color" type="color" default="#000"  value="#ffffff"/>
  115. </Group>
  116.  
  117. <Group description="Comments">
  118.  <Variable name="comment.header.font" description="Header font" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  119.  <Variable name="comment.header.color" description="Header color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  120.  <Variable name="comment.author.font" description="Author font" type="font" default="$(montserrat14)"  value="normal 700 12px Lato, sans-serif"/>
  121.  <Variable name="comment.author.color" description="Author color" type="color" default="#000"  value="#ffffff"/>
  122.  <Variable name="comment.content.font" description="Content font" type="font" default="$(lora14)"  value="normal 400 16px Lato, sans-serif"/>
  123.  <Variable name="comment.content.color" description="Content color" type="color" default="#000"  value="#ffffff"/>
  124.  <Variable name="comment.action.font" description="Action font" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  125.  <Variable name="comment.action.color" description="Action color" type="color" default="#bf8b38"  value="#77e4ff"/>
  126. </Group>
  127.  
  128. <Group description="Sidebar">
  129.  <Variable name="sidebar.background.color" description="Background color" type="color" default="#fff"  value="#01050c"/>
  130.  <Variable name="sidebar.separator.color" description="Separator color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  131.  <Variable name="sidebar.profile.name.font" description="Profile name font" type="font" default="$(garamond24)"  value="normal 300 20px Lato, sans-serif"/>
  132.  <Variable name="sidebar.profile.name.color" description="Profile name color" type="color" default="#000"  value="#ffffff"/>
  133.  <Variable name="sidebar.profile.description.font" description="Profile description font" type="font" default="$(montserrat12)"  value="normal 400 12px Lato, sans-serif"/>
  134.  <Variable name="sidebar.profile.description.color" description="Profile description color" type="color" default="rgba(0, 0, 0, 0.87)"  value="rgba(255, 255, 255, 0.87)"/>
  135.  <Variable name="sidebar.action.font" description="Action font" type="font" default="$(montserrat14)"  value="normal 700 14px Lato, sans-serif"/>
  136.  <Variable name="sidebar.action.color" description="Action color" type="color" default="#bf8b38"  value="#77e4ff"/>
  137.  <Variable name="sidebar.widget.title.font" description="Gadget title font" type="font" default="$(montserrat16)"  value="normal 700 16px Lato, sans-serif"/>
  138.  <Variable name="sidebar.widget.title.color" description="Gadget title color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  139.  <Variable name="sidebar.widget.text.font" description="Gadget text font" type="font" default="$(montserrat14)"  value="normal 700 14px Lato, sans-serif"/>
  140.  <Variable name="sidebar.widget.text.color" description="Gadget text color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  141.  <Variable name="sidebar.icon.color" description="Icon color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  142. </Group>
  143.  
  144. <Group description="Search">
  145.  <Variable name="search.input.font" description="Input font" type="font" default="$(montserrat16)"  value="normal 700 16px Lato, sans-serif"/>
  146. </Group>
  147.  
  148. <Group description="Sharing">
  149.  <Variable name="sharing.background.color" description="Sharing background color" type="color" default="#fafafa"  value="#252525"/>
  150.  <Variable name="sharing.text.font" description="Sharing text font" type="font" default="$(montserrat16)"  value="normal 400 16px Lato, sans-serif"/>
  151.  <Variable name="sharing.text.color" description="Sharing text color" type="color" default="#000"  value="rgba(255, 255, 255, 0.87)"/>
  152.  <Variable name="sharing.icon.color" description="Sharing icons color" type="color" default="#bf8b38"  value="#77e4ff"/>
  153. </Group>
  154.  
  155. <Group description="Attribution">
  156.  <Variable name="attribution.text.font" description="Attribution text font" type="font" default="$(montserrat12)"  value="normal 700 12px Lato, sans-serif"/>
  157.  <Variable name="attribution.text.color" description="Attribution text color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(255, 255, 255, 0.54)"/>
  158.  <Variable name="attribution.icon.color" description="Attribution icon color" type="color" default="rgba(0, 0, 0, 0.54)" hideEditor="true"  value="rgba(255, 255, 255, 0.54)"/>
  159. </Group>
  160.  
  161. <Group description="Widths" selector="#main, html[dir=rtl] .sidebar-container, html[dir=ltr] .sidebar-container">
  162.  <Variable name="sidebar.width" description="Sidebar width" type="length"
  163.            min="100px" max="1000px" default="284px"  value="284px"/>
  164.  <Variable name="content.width" description="Content width" type="length"
  165.            min="660px" max="2400px" default="922px"  value="922px"/>
  166.  <Variable name="content.margin" description="Content margin" type="length"
  167.            min="0px" max="1000px" default="117px"  value="117px"/>
  168. </Group>
  169. */
  170.  
  171. /*!************************************************
  172. * Blogger Template Style
  173. * Name: Soho
  174. **************************************************/
  175. body{
  176. overflow-wrap:break-word;
  177. word-break:break-word;
  178. word-wrap:break-word
  179. }
  180. .hidden{
  181. display:none
  182. }
  183. .invisible{
  184. visibility:hidden
  185. }
  186. .container::after,.float-container::after{
  187. clear:both;
  188. content:'';
  189. display:table
  190. }
  191. .clearboth{
  192. clear:both
  193. }
  194. #comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit{
  195. background:0 0;
  196. border:0;
  197. box-shadow:none;
  198. color:$(body.link.color);
  199. cursor:pointer;
  200. font-size:14px;
  201. font-weight:700;
  202. outline:0;
  203. text-decoration:none;
  204. text-transform:uppercase;
  205. width:auto
  206. }
  207. .dim-overlay{
  208. background-color:rgba(0,0,0,.54);
  209. height:100vh;
  210. left:0;
  211. position:fixed;
  212. top:0;
  213. width:100%
  214. }
  215. #sharing-dim-overlay{
  216. background-color:transparent
  217. }
  218. input::-ms-clear{
  219. display:none
  220. }
  221. .blogger-logo,.svg-icon-24.blogger-logo{
  222. fill:#ff9800;
  223. opacity:1
  224. }
  225. .loading-spinner-large{
  226. -webkit-animation:mspin-rotate 1.568s infinite linear;
  227. animation:mspin-rotate 1.568s infinite linear;
  228. height:48px;
  229. overflow:hidden;
  230. position:absolute;
  231. width:48px;
  232. z-index:200
  233. }
  234. .loading-spinner-large>div{
  235. -webkit-animation:mspin-revrot 5332ms infinite steps(4);
  236. animation:mspin-revrot 5332ms infinite steps(4)
  237. }
  238. .loading-spinner-large>div>div{
  239. -webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
  240. animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
  241. background-size:100%;
  242. height:48px;
  243. width:3888px
  244. }
  245. .mspin-black-large>div>div,.mspin-grey_54-large>div>div{
  246. background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)
  247. }
  248. .mspin-white-large>div>div{
  249. background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)
  250. }
  251. .mspin-grey_54-large{
  252. opacity:.54
  253. }
  254. @-webkit-keyframes mspin-singlecolor-large-film{
  255. from{
  256. -webkit-transform:translateX(0);
  257. transform:translateX(0)
  258. }
  259. to{
  260. -webkit-transform:translateX(-3888px);
  261. transform:translateX(-3888px)
  262. }
  263. }
  264. @keyframes mspin-singlecolor-large-film{
  265. from{
  266. -webkit-transform:translateX(0);
  267. transform:translateX(0)
  268. }
  269. to{
  270. -webkit-transform:translateX(-3888px);
  271. transform:translateX(-3888px)
  272. }
  273. }
  274. @-webkit-keyframes mspin-rotate{
  275. from{
  276. -webkit-transform:rotate(0);
  277. transform:rotate(0)
  278. }
  279. to{
  280. -webkit-transform:rotate(360deg);
  281. transform:rotate(360deg)
  282. }
  283. }
  284. @keyframes mspin-rotate{
  285. from{
  286. -webkit-transform:rotate(0);
  287. transform:rotate(0)
  288. }
  289. to{
  290. -webkit-transform:rotate(360deg);
  291. transform:rotate(360deg)
  292. }
  293. }
  294. @-webkit-keyframes mspin-revrot{
  295. from{
  296. -webkit-transform:rotate(0);
  297. transform:rotate(0)
  298. }
  299. to{
  300. -webkit-transform:rotate(-360deg);
  301. transform:rotate(-360deg)
  302. }
  303. }
  304. @keyframes mspin-revrot{
  305. from{
  306. -webkit-transform:rotate(0);
  307. transform:rotate(0)
  308. }
  309. to{
  310. -webkit-transform:rotate(-360deg);
  311. transform:rotate(-360deg)
  312. }
  313. }
  314. .skip-navigation{
  315. background-color:#fff;
  316. box-sizing:border-box;
  317. color:#000;
  318. display:block;
  319. height:0;
  320. left:0;
  321. line-height:50px;
  322. overflow:hidden;
  323. padding-top:0;
  324. position:fixed;
  325. text-align:center;
  326. top:0;
  327. -webkit-transition:box-shadow .3s,height .3s,padding-top .3s;
  328. transition:box-shadow .3s,height .3s,padding-top .3s;
  329. width:100%;
  330. z-index:900
  331. }
  332. .skip-navigation:focus{
  333. box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
  334. height:50px
  335. }
  336. #main{
  337. outline:0
  338. }
  339. .main-heading{
  340. position:absolute;
  341. clip:rect(1px,1px,1px,1px);
  342. padding:0;
  343. border:0;
  344. height:1px;
  345. width:1px;
  346. overflow:hidden
  347. }
  348. .Attribution{
  349. margin-top:1em;
  350. text-align:center
  351. }
  352. .Attribution .blogger img,.Attribution .blogger svg{
  353. vertical-align:bottom
  354. }
  355. .Attribution .blogger img{
  356. margin-$endSide:.5em
  357. }
  358. .Attribution div{
  359. line-height:24px;
  360. margin-top:.5em
  361. }
  362. .Attribution .copyright,.Attribution .image-attribution{
  363. font-size:.7em;
  364. margin-top:1.5em
  365. }
  366. .BLOG_mobile_video_class{
  367. display:none
  368. }
  369. .bg-photo{
  370. background-attachment:scroll!important
  371. }
  372. body .CSS_LIGHTBOX{
  373. z-index:900
  374. }
  375. .extendable .show-less,.extendable .show-more{
  376. border-color:$(body.link.color);
  377. color:$(body.link.color);
  378. margin-top:8px
  379. }
  380. .extendable .show-less.hidden,.extendable .show-more.hidden{
  381. display:none
  382. }
  383. .inline-ad{
  384. display:none;
  385. max-width:100%;
  386. overflow:hidden
  387. }
  388. .adsbygoogle{
  389. display:block
  390. }
  391. #cookieChoiceInfo{
  392. bottom:0;
  393. top:auto
  394. }
  395. iframe.b-hbp-video{
  396. border:0
  397. }
  398. .post-body img{
  399. max-width:100%
  400. }
  401. .post-body iframe{
  402. max-width:100%
  403. }
  404. .post-body a[imageanchor="1"]{
  405. display:inline-block
  406. }
  407. .byline{
  408. margin-$endSide:1em
  409. }
  410. .byline:last-child{
  411. margin-$endSide:0
  412. }
  413. .link-copied-dialog{
  414. max-width:520px;
  415. outline:0
  416. }
  417. .link-copied-dialog .modal-dialog-buttons{
  418. margin-top:8px
  419. }
  420. .link-copied-dialog .goog-buttonset-default{
  421. background:0 0;
  422. border:0
  423. }
  424. .link-copied-dialog .goog-buttonset-default:focus{
  425. outline:0
  426. }
  427. .paging-control-container{
  428. margin-bottom:16px
  429. }
  430. .paging-control-container .paging-control{
  431. display:inline-block
  432. }
  433. .paging-control-container .comment-range-text::after,.paging-control-container .paging-control{
  434. color:$(body.link.color)
  435. }
  436. .paging-control-container .comment-range-text,.paging-control-container .paging-control{
  437. margin-$endSide:8px
  438. }
  439. .paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{
  440. content:'\00B7';
  441. cursor:default;
  442. padding-$startSide:8px;
  443. pointer-events:none
  444. }
  445. .paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{
  446. content:none
  447. }
  448. .byline.reactions iframe{
  449. height:20px
  450. }
  451. .b-notification{
  452. color:#000;
  453. background-color:#fff;
  454. border-bottom:solid 1px #000;
  455. box-sizing:border-box;
  456. padding:16px 32px;
  457. text-align:center
  458. }
  459. .b-notification.visible{
  460. -webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);
  461. transition:margin-top .3s cubic-bezier(.4,0,.2,1)
  462. }
  463. .b-notification.invisible{
  464. position:absolute
  465. }
  466. .b-notification-close{
  467. position:absolute;
  468. right:8px;
  469. top:8px
  470. }
  471. .no-posts-message{
  472. line-height:40px;
  473. text-align:center
  474. }
  475. @media screen and (max-width:$(content.width + 240px)){
  476. body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{
  477. float:none!important;
  478. clear:none!important
  479. }
  480. body.item-view .post-body a[imageanchor="1"] img{
  481. display:block;
  482. height:auto;
  483. margin:0 auto
  484. }
  485. body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{
  486. margin-top:20px
  487. }
  488. .post-body a[imageanchor]{
  489. display:block
  490. }
  491. body.item-view .post-body a[imageanchor="1"]{
  492. margin-left:0!important;
  493. margin-right:0!important
  494. }
  495. body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{
  496. margin-top:16px
  497. }
  498. }
  499. .item-control{
  500. display:none
  501. }
  502. #comments{
  503. border-top:1px dashed rgba(0,0,0,.54);
  504. margin-top:20px;
  505. padding:20px
  506. }
  507. #comments .comment-thread ol{
  508. margin:0;
  509. padding-left:0;
  510. padding-$startSide:0
  511. }
  512. #comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{
  513. margin-left:60px
  514. }
  515. #comments .comment-thread .thread-count{
  516. display:none
  517. }
  518. #comments .comment{
  519. list-style-type:none;
  520. padding:0 0 30px;
  521. position:relative
  522. }
  523. #comments .comment .comment{
  524. padding-bottom:8px
  525. }
  526. .comment .avatar-image-container{
  527. position:absolute
  528. }
  529. .comment .avatar-image-container img{
  530. border-radius:50%
  531. }
  532. .avatar-image-container svg,.comment .avatar-image-container .avatar-icon{
  533. border-radius:50%;
  534. border:solid 1px $(comment.author.color);
  535. box-sizing:border-box;
  536. fill:$(comment.author.color);
  537. height:35px;
  538. margin:0;
  539. padding:7px;
  540. width:35px
  541. }
  542. .comment .comment-block{
  543. margin-top:10px;
  544. margin-$startSide:60px;
  545. padding-bottom:0
  546. }
  547. #comments .comment-author-header-wrapper{
  548. margin-left:40px
  549. }
  550. #comments .comment .thread-expanded .comment-block{
  551. padding-bottom:20px
  552. }
  553. #comments .comment .comment-header .user,#comments .comment .comment-header .user a{
  554. color:$(comment.author.color);
  555. font-style:normal;
  556. font-weight:700
  557. }
  558. #comments .comment .comment-actions{
  559. bottom:0;
  560. margin-bottom:15px;
  561. position:absolute
  562. }
  563. #comments .comment .comment-actions>*{
  564. margin-right:8px
  565. }
  566. #comments .comment .comment-header .datetime{
  567. bottom:0;
  568. color:$(comment.header.color);
  569. display:inline-block;
  570. font-size:13px;
  571. font-style:italic;
  572. margin-$startSide:8px
  573. }
  574. #comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{
  575. color:$(comment.header.color)
  576. }
  577. #comments .comment .comment-content,.comment .comment-body{
  578. margin-top:12px;
  579. word-break:break-word
  580. }
  581. .comment-body{
  582. margin-bottom:12px
  583. }
  584. #comments.embed[data-num-comments="0"]{
  585. border:0;
  586. margin-top:0;
  587. padding-top:0
  588. }
  589. #comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{
  590. display:none
  591. }
  592. #comment-editor-src{
  593. display:none
  594. }
  595. .comments .comments-content .loadmore.loaded{
  596. max-height:0;
  597. opacity:0;
  598. overflow:hidden
  599. }
  600. .extendable .remaining-items{
  601. height:0;
  602. overflow:hidden;
  603. -webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
  604. transition:height .3s cubic-bezier(.4,0,.2,1)
  605. }
  606. .extendable .remaining-items.expanded{
  607. height:auto
  608. }
  609. .svg-icon-24,.svg-icon-24-button{
  610. cursor:pointer;
  611. height:24px;
  612. width:24px;
  613. min-width:24px
  614. }
  615. .touch-icon{
  616. margin:-12px;
  617. padding:12px
  618. }
  619. .touch-icon:active,.touch-icon:focus{
  620. background-color:rgba(153,153,153,.4);
  621. border-radius:50%
  622. }
  623. svg:not(:root).touch-icon{
  624. overflow:visible
  625. }
  626. html[dir=rtl] .rtl-reversible-icon{
  627. -webkit-transform:scaleX(-1);
  628. -ms-transform:scaleX(-1);
  629. transform:scaleX(-1)
  630. }
  631. .svg-icon-24-button,.touch-icon-button{
  632. background:0 0;
  633. border:0;
  634. margin:0;
  635. outline:0;
  636. padding:0
  637. }
  638. .touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{
  639. background-color:transparent
  640. }
  641. .touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{
  642. background-color:rgba(153,153,153,.4);
  643. border-radius:50%
  644. }
  645. .Profile .default-avatar-wrapper .avatar-icon{
  646. border-radius:50%;
  647. border:solid 1px $(body.text.color);
  648. box-sizing:border-box;
  649. fill:$(body.text.color);
  650. margin:0
  651. }
  652. .Profile .individual .default-avatar-wrapper .avatar-icon{
  653. padding:25px
  654. }
  655. .Profile .individual .avatar-icon,.Profile .individual .profile-img{
  656. height:120px;
  657. width:120px
  658. }
  659. .Profile .team .default-avatar-wrapper .avatar-icon{
  660. padding:8px
  661. }
  662. .Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{
  663. height:40px;
  664. width:40px
  665. }
  666. .snippet-container{
  667. margin:0;
  668. position:relative;
  669. overflow:hidden
  670. }
  671. .snippet-fade{
  672. bottom:0;
  673. box-sizing:border-box;
  674. position:absolute;
  675. width:96px
  676. }
  677. .snippet-fade{
  678. $endSide:0
  679. }
  680. .snippet-fade:after{
  681. content:'\2026'
  682. }
  683. .snippet-fade:after{
  684. float:$endSide
  685. }
  686. .centered-top-container.sticky{
  687. left:0;
  688. position:fixed;
  689. right:0;
  690. top:0;
  691. width:auto;
  692. z-index:50;
  693. -webkit-transition-property:opacity,-webkit-transform;
  694. transition-property:opacity,-webkit-transform;
  695. transition-property:transform,opacity;
  696. transition-property:transform,opacity,-webkit-transform;
  697. -webkit-transition-duration:.2s;
  698. transition-duration:.2s;
  699. -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  700. transition-timing-function:cubic-bezier(.4,0,.2,1)
  701. }
  702. .centered-top-placeholder{
  703. display:none
  704. }
  705. .collapsed-header .centered-top-placeholder{
  706. display:block
  707. }
  708. .centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{
  709. display:none
  710. }
  711. .centered-top-container.sticky .Header .replaced h1{
  712. display:block
  713. }
  714. .centered-top-container.sticky .Header .header-widget{
  715. background:0 0
  716. }
  717. .centered-top-container.sticky .Header .header-image-wrapper{
  718. display:none
  719. }
  720. .centered-top-container img,.centered-top-placeholder img{
  721. max-width:100%
  722. }
  723. .collapsible{
  724. -webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
  725. transition:height .3s cubic-bezier(.4,0,.2,1)
  726. }
  727. .collapsible,.collapsible>summary{
  728. display:block;
  729. overflow:hidden
  730. }
  731. .collapsible>:not(summary){
  732. display:none
  733. }
  734. .collapsible[open]>:not(summary){
  735. display:block
  736. }
  737. .collapsible:focus,.collapsible>summary:focus{
  738. outline:0
  739. }
  740. .collapsible>summary{
  741. cursor:pointer;
  742. display:block;
  743. padding:0
  744. }
  745. .collapsible:focus>summary,.collapsible>summary:focus{
  746. background-color:transparent
  747. }
  748. .collapsible>summary::-webkit-details-marker{
  749. display:none
  750. }
  751. .collapsible-title{
  752. -webkit-box-align:center;
  753. -webkit-align-items:center;
  754. -ms-flex-align:center;
  755. align-items:center;
  756. display:-webkit-box;
  757. display:-webkit-flex;
  758. display:-ms-flexbox;
  759. display:flex
  760. }
  761. .collapsible-title .title{
  762. -webkit-box-flex:1;
  763. -webkit-flex:1 1 auto;
  764. -ms-flex:1 1 auto;
  765. flex:1 1 auto;
  766. -webkit-box-ordinal-group:1;
  767. -webkit-order:0;
  768. -ms-flex-order:0;
  769. order:0;
  770. overflow:hidden;
  771. text-overflow:ellipsis;
  772. white-space:nowrap
  773. }
  774. .collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{
  775. display:block
  776. }
  777. .collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{
  778. display:none
  779. }
  780. .flat-button{
  781. cursor:pointer;
  782. display:inline-block;
  783. font-weight:700;
  784. text-transform:uppercase;
  785. border-radius:2px;
  786. padding:8px;
  787. margin:-8px
  788. }
  789. .flat-icon-button{
  790. background:0 0;
  791. border:0;
  792. margin:0;
  793. outline:0;
  794. padding:0;
  795. margin:-12px;
  796. padding:12px;
  797. cursor:pointer;
  798. box-sizing:content-box;
  799. display:inline-block;
  800. line-height:0
  801. }
  802. .flat-icon-button,.flat-icon-button .splash-wrapper{
  803. border-radius:50%
  804. }
  805. .flat-icon-button .splash.animate{
  806. -webkit-animation-duration:.3s;
  807. animation-duration:.3s
  808. }
  809. .overflowable-container{
  810. max-height:$(header.pageList.font.size * 2);
  811. overflow:hidden;
  812. position:relative
  813. }
  814. .overflow-button{
  815. cursor:pointer
  816. }
  817. #overflowable-dim-overlay{
  818. background:0 0
  819. }
  820. .overflow-popup{
  821. box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  822. background-color:$(header.background.color);
  823. left:0;
  824. max-width:calc(100% - 32px);
  825. position:absolute;
  826. top:0;
  827. visibility:hidden;
  828. z-index:101
  829. }
  830. .overflow-popup ul{
  831. list-style:none
  832. }
  833. .overflow-popup .tabs li,.overflow-popup li{
  834. display:block;
  835. height:auto
  836. }
  837. .overflow-popup .tabs li{
  838. padding-left:0;
  839. padding-right:0
  840. }
  841. .overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{
  842. display:none
  843. }
  844. .search{
  845. display:-webkit-box;
  846. display:-webkit-flex;
  847. display:-ms-flexbox;
  848. display:flex;
  849. line-height:24px;
  850. width:24px
  851. }
  852. .search.focused{
  853. width:100%
  854. }
  855. .search.focused .section{
  856. width:100%
  857. }
  858. .search form{
  859. z-index:101
  860. }
  861. .search h3{
  862. display:none
  863. }
  864. .search form{
  865. display:-webkit-box;
  866. display:-webkit-flex;
  867. display:-ms-flexbox;
  868. display:flex;
  869. -webkit-box-flex:1;
  870. -webkit-flex:1 0 0;
  871. -ms-flex:1 0 0px;
  872. flex:1 0 0;
  873. border-bottom:solid 1px transparent;
  874. padding-bottom:8px
  875. }
  876. .search form>*{
  877. display:none
  878. }
  879. .search.focused form>*{
  880. display:block
  881. }
  882. .search .search-input label{
  883. display:none
  884. }
  885. .centered-top-placeholder.cloned .search form{
  886. z-index:30
  887. }
  888. .search.focused form{
  889. border-color:$(header.text.color);
  890. position:relative;
  891. width:auto
  892. }
  893. .collapsed-header .centered-top-container .search.focused form{
  894. border-bottom-color:transparent
  895. }
  896. .search-expand{
  897. -webkit-box-flex:0;
  898. -webkit-flex:0 0 auto;
  899. -ms-flex:0 0 auto;
  900. flex:0 0 auto
  901. }
  902. .search-expand-text{
  903. display:none
  904. }
  905. .search-close{
  906. display:inline;
  907. vertical-align:middle
  908. }
  909. .search-input{
  910. -webkit-box-flex:1;
  911. -webkit-flex:1 0 1px;
  912. -ms-flex:1 0 1px;
  913. flex:1 0 1px
  914. }
  915. .search-input input{
  916. background:0 0;
  917. border:0;
  918. box-sizing:border-box;
  919. color:$(header.text.color);
  920. display:inline-block;
  921. outline:0;
  922. width:calc(100% - 48px)
  923. }
  924. .search-input input.no-cursor{
  925. color:transparent;
  926. text-shadow:0 0 0 $(header.text.color)
  927. }
  928. .collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{
  929. color:$(header.text.color)
  930. }
  931. .collapsed-header .centered-top-container .search-input input.no-cursor{
  932. color:transparent;
  933. text-shadow:0 0 0 $(header.text.color)
  934. }
  935. .collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{
  936. outline:0
  937. }
  938. .search-focused>*{
  939. visibility:hidden
  940. }
  941. .search-focused .search,.search-focused .search-icon{
  942. visibility:visible
  943. }
  944. .search.focused .search-action{
  945. display:block
  946. }
  947. .search.focused .search-action:disabled{
  948. opacity:.3
  949. }
  950. .widget.Sharing .sharing-button{
  951. display:none
  952. }
  953. .widget.Sharing .sharing-buttons li{
  954. padding:0
  955. }
  956. .widget.Sharing .sharing-buttons li span{
  957. display:none
  958. }
  959. .post-share-buttons{
  960. position:relative
  961. }
  962. .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{
  963. fill:$(body.text.color)
  964. }
  965. .sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{
  966. background-color:transparent
  967. }
  968. .share-buttons{
  969. background-color:$(body.background.color);
  970. border-radius:2px;
  971. box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  972. color:$(body.text.color);
  973. list-style:none;
  974. margin:0;
  975. padding:8px 0;
  976. position:absolute;
  977. top:-11px;
  978. min-width:200px;
  979. z-index:101
  980. }
  981. .share-buttons.hidden{
  982. display:none
  983. }
  984. .sharing-button{
  985. background:0 0;
  986. border:0;
  987. margin:0;
  988. outline:0;
  989. padding:0;
  990. cursor:pointer
  991. }
  992. .share-buttons li{
  993. margin:0;
  994. height:48px
  995. }
  996. .share-buttons li:last-child{
  997. margin-bottom:0
  998. }
  999. .share-buttons li .sharing-platform-button{
  1000. box-sizing:border-box;
  1001. cursor:pointer;
  1002. display:block;
  1003. height:100%;
  1004. margin-bottom:0;
  1005. padding:0 16px;
  1006. position:relative;
  1007. width:100%
  1008. }
  1009. .share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{
  1010. background-color:rgba(128,128,128,.1);
  1011. outline:0
  1012. }
  1013. .share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{
  1014. position:absolute;
  1015. top:10px
  1016. }
  1017. .share-buttons li span.sharing-platform-button{
  1018. position:relative;
  1019. top:0
  1020. }
  1021. .share-buttons li .platform-sharing-text{
  1022. display:block;
  1023. font-size:16px;
  1024. line-height:48px;
  1025. white-space:nowrap
  1026. }
  1027. .share-buttons li .platform-sharing-text{
  1028. margin-$startSide:56px
  1029. }
  1030. .sidebar-container{
  1031. background-color:#f7f7f7;
  1032. max-width:$(sidebar.width);
  1033. overflow-y:auto;
  1034. -webkit-transition-property:-webkit-transform;
  1035. transition-property:-webkit-transform;
  1036. transition-property:transform;
  1037. transition-property:transform,-webkit-transform;
  1038. -webkit-transition-duration:.3s;
  1039. transition-duration:.3s;
  1040. -webkit-transition-timing-function:cubic-bezier(0,0,.2,1);
  1041. transition-timing-function:cubic-bezier(0,0,.2,1);
  1042. width:$(sidebar.width);
  1043. z-index:101;
  1044. -webkit-overflow-scrolling:touch
  1045. }
  1046. .sidebar-container .navigation{
  1047. line-height:0;
  1048. padding:16px
  1049. }
  1050. .sidebar-container .sidebar-back{
  1051. cursor:pointer
  1052. }
  1053. .sidebar-container .widget{
  1054. background:0 0;
  1055. margin:0 16px;
  1056. padding:16px 0
  1057. }
  1058. .sidebar-container .widget .title{
  1059. color:$(sidebar.widget.title.color);
  1060. margin:0
  1061. }
  1062. .sidebar-container .widget ul{
  1063. list-style:none;
  1064. margin:0;
  1065. padding:0
  1066. }
  1067. .sidebar-container .widget ul ul{
  1068. margin-$startSide:1em
  1069. }
  1070. .sidebar-container .widget li{
  1071. font-size:16px;
  1072. line-height:normal
  1073. }
  1074. .sidebar-container .widget+.widget{
  1075. border-top:1px dashed $(sidebar.separator.color)
  1076. }
  1077. .BlogArchive li{
  1078. margin:16px 0
  1079. }
  1080. .BlogArchive li:last-child{
  1081. margin-bottom:0
  1082. }
  1083. .Label li a{
  1084. display:inline-block
  1085. }
  1086. .BlogArchive .post-count,.Label .label-count{
  1087. float:$endSide;
  1088. margin-$startSide:.25em
  1089. }
  1090. .BlogArchive .post-count::before,.Label .label-count::before{
  1091. content:'('
  1092. }
  1093. .BlogArchive .post-count::after,.Label .label-count::after{
  1094. content:')'
  1095. }
  1096. .widget.Translate .skiptranslate>div{
  1097. display:block!important
  1098. }
  1099. .widget.Profile .profile-link{
  1100. display:-webkit-box;
  1101. display:-webkit-flex;
  1102. display:-ms-flexbox;
  1103. display:flex
  1104. }
  1105. .widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{
  1106. -webkit-box-flex:0;
  1107. -webkit-flex:0 0 auto;
  1108. -ms-flex:0 0 auto;
  1109. flex:0 0 auto;
  1110. margin-$endSide:1em
  1111. }
  1112. .widget.Profile .individual .profile-link{
  1113. -webkit-box-orient:vertical;
  1114. -webkit-box-direction:normal;
  1115. -webkit-flex-direction:column;
  1116. -ms-flex-direction:column;
  1117. flex-direction:column
  1118. }
  1119. .widget.Profile .team .profile-link .profile-name{
  1120. -webkit-align-self:center;
  1121. -ms-flex-item-align:center;
  1122. -ms-grid-row-align:center;
  1123. align-self:center;
  1124. display:block;
  1125. -webkit-box-flex:1;
  1126. -webkit-flex:1 1 auto;
  1127. -ms-flex:1 1 auto;
  1128. flex:1 1 auto
  1129. }
  1130. .dim-overlay{
  1131. background-color:rgba(0,0,0,.54);
  1132. z-index:100
  1133. }
  1134. body.sidebar-visible{
  1135. overflow-y:hidden
  1136. }
  1137. @media screen and (max-width:$(content.width + sidebar.width + content.margin * 2 - 1px)){
  1138. .sidebar-container{
  1139. bottom:0;
  1140. position:fixed;
  1141. top:0;
  1142. $startSide:0;
  1143. $endSide:auto
  1144. }
  1145. .sidebar-container.sidebar-invisible{
  1146. -webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);
  1147. transition-timing-function:cubic-bezier(.4,0,.6,1)
  1148. }
  1149. html[dir=ltr] .sidebar-container.sidebar-invisible{
  1150. -webkit-transform:translateX($(sidebar.width * -1));
  1151. -ms-transform:translateX($(sidebar.width * -1));
  1152. transform:translateX($(sidebar.width * -1))
  1153. }
  1154. html[dir=rtl] .sidebar-container.sidebar-invisible{
  1155. -webkit-transform:translateX($(sidebar.width));
  1156. -ms-transform:translateX($(sidebar.width));
  1157. transform:translateX($(sidebar.width))
  1158. }
  1159. }
  1160. @media screen and (min-width:$(content.width + sidebar.width + content.margin * 2)){
  1161. .sidebar-container{
  1162. position:absolute;
  1163. top:0;
  1164. $startSide:0;
  1165. $endSide:auto
  1166. }
  1167. .sidebar-container .navigation{
  1168. display:none
  1169. }
  1170. }
  1171. .dialog{
  1172. box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  1173. background:$(body.background.color);
  1174. box-sizing:border-box;
  1175. color:$(body.text.color);
  1176. padding:30px;
  1177. position:fixed;
  1178. text-align:center;
  1179. width:calc(100% - 24px);
  1180. z-index:101
  1181. }
  1182. .dialog input[type=email],.dialog input[type=text]{
  1183. background-color:transparent;
  1184. border:0;
  1185. border-bottom:solid 1px rgba($(body.text.color.red),$(body.text.color.green),$(body.text.color.blue),.12);
  1186. color:$(body.text.color);
  1187. display:block;
  1188. font-family:$(body.text.font.family);
  1189. font-size:16px;
  1190. line-height:24px;
  1191. margin:auto;
  1192. padding-bottom:7px;
  1193. outline:0;
  1194. text-align:center;
  1195. width:100%
  1196. }
  1197. .dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{
  1198. color:$(body.text.color)
  1199. }
  1200. .dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{
  1201. color:$(body.text.color)
  1202. }
  1203. .dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{
  1204. color:$(body.text.color)
  1205. }
  1206. .dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{
  1207. color:$(body.text.color)
  1208. }
  1209. .dialog input[type=email]:focus,.dialog input[type=text]:focus{
  1210. border-bottom:solid 2px $(body.link.color);
  1211. padding-bottom:6px
  1212. }
  1213. .dialog input.no-cursor{
  1214. color:transparent;
  1215. text-shadow:0 0 0 $(body.text.color)
  1216. }
  1217. .dialog input.no-cursor:focus{
  1218. outline:0
  1219. }
  1220. .dialog input.no-cursor:focus{
  1221. outline:0
  1222. }
  1223. .dialog input[type=submit]{
  1224. font-family:$(body.text.font.family)
  1225. }
  1226. .dialog .goog-buttonset-default{
  1227. color:$(body.link.color)
  1228. }
  1229. .subscribe-popup{
  1230. max-width:364px
  1231. }
  1232. .subscribe-popup h3{
  1233. color:$(body.title.color);
  1234. font-size:1.8em;
  1235. margin-top:0
  1236. }
  1237. .subscribe-popup .FollowByEmail h3{
  1238. display:none
  1239. }
  1240. .subscribe-popup .FollowByEmail .follow-by-email-submit{
  1241. color:$(body.link.color);
  1242. display:inline-block;
  1243. margin:0 auto;
  1244. margin-top:24px;
  1245. width:auto;
  1246. white-space:normal
  1247. }
  1248. .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{
  1249. cursor:default;
  1250. opacity:.3
  1251. }
  1252. @media (max-width:800px){
  1253. .blog-name div.widget.Subscribe{
  1254. margin-bottom:16px
  1255. }
  1256. body.item-view .blog-name div.widget.Subscribe{
  1257. margin:8px auto 16px auto;
  1258. width:100%
  1259. }
  1260. }
  1261. body#layout .bg-photo,body#layout .bg-photo-overlay{
  1262. display:none
  1263. }
  1264. body#layout .page_body{
  1265. padding:0;
  1266. position:relative;
  1267. top:0
  1268. }
  1269. body#layout .page{
  1270. display:inline-block;
  1271. left:inherit;
  1272. position:relative;
  1273. vertical-align:top;
  1274. width:540px
  1275. }
  1276. body#layout .centered{
  1277. max-width:954px
  1278. }
  1279. body#layout .navigation{
  1280. display:none
  1281. }
  1282. body#layout .sidebar-container{
  1283. display:inline-block;
  1284. width:40%
  1285. }
  1286. body#layout .hamburger-menu,body#layout .search{
  1287. display:none
  1288. }
  1289. body{
  1290. background-color:$(body.background.color);
  1291. color:$(body.text.color);
  1292. font:$(body.text.font);
  1293. height:100%;
  1294. margin:0;
  1295. min-height:100vh
  1296. }
  1297. h1,h2,h3,h4,h5,h6{
  1298. font-weight:400
  1299. }
  1300. a{
  1301. color:$(body.link.color);
  1302. text-decoration:none
  1303. }
  1304. .dim-overlay{
  1305. z-index:100
  1306. }
  1307. body.sidebar-visible .page_body{
  1308. overflow-y:scroll
  1309. }
  1310. .widget .title{
  1311. color:$(body.widget.title.color);
  1312. font:$(body.widget.title.font.small)
  1313. }
  1314. .extendable .show-less,.extendable .show-more{
  1315. color:$(body.action.color);
  1316. font:$(body.action.font.small);
  1317. margin:12px -8px 0 -8px;
  1318. text-transform:uppercase
  1319. }
  1320. .footer .widget,.main .widget{
  1321. margin:50px 0
  1322. }
  1323. .main .widget .title{
  1324. text-transform:uppercase
  1325. }
  1326. .inline-ad{
  1327. display:block;
  1328. margin-top:50px
  1329. }
  1330. .adsbygoogle{
  1331. text-align:center
  1332. }
  1333. .page_body{
  1334. display:-webkit-box;
  1335. display:-webkit-flex;
  1336. display:-ms-flexbox;
  1337. display:flex;
  1338. -webkit-box-orient:vertical;
  1339. -webkit-box-direction:normal;
  1340. -webkit-flex-direction:column;
  1341. -ms-flex-direction:column;
  1342. flex-direction:column;
  1343. min-height:100vh;
  1344. position:relative;
  1345. z-index:20
  1346. }
  1347. .page_body>*{
  1348. -webkit-box-flex:0;
  1349. -webkit-flex:0 0 auto;
  1350. -ms-flex:0 0 auto;
  1351. flex:0 0 auto
  1352. }
  1353. .page_body>#footer{
  1354. margin-top:auto
  1355. }
  1356. .centered-bottom,.centered-top{
  1357. margin:0 32px;
  1358. max-width:100%
  1359. }
  1360. .centered-top{
  1361. padding-bottom:12px;
  1362. padding-top:12px
  1363. }
  1364. .sticky .centered-top{
  1365. padding-bottom:0;
  1366. padding-top:0
  1367. }
  1368. .centered-top-container,.centered-top-placeholder{
  1369. background:$(header.background.color)
  1370. }
  1371. .centered-top{
  1372. display:-webkit-box;
  1373. display:-webkit-flex;
  1374. display:-ms-flexbox;
  1375. display:flex;
  1376. -webkit-flex-wrap:wrap;
  1377. -ms-flex-wrap:wrap;
  1378. flex-wrap:wrap;
  1379. -webkit-box-pack:justify;
  1380. -webkit-justify-content:space-between;
  1381. -ms-flex-pack:justify;
  1382. justify-content:space-between;
  1383. position:relative
  1384. }
  1385. .sticky .centered-top{
  1386. -webkit-flex-wrap:nowrap;
  1387. -ms-flex-wrap:nowrap;
  1388. flex-wrap:nowrap
  1389. }
  1390. .centered-top-container .svg-icon-24,.centered-top-placeholder .svg-icon-24{
  1391. fill:$(header.icon.color)
  1392. }
  1393. .back-button-container,.hamburger-menu-container{
  1394. -webkit-box-flex:0;
  1395. -webkit-flex:0 0 auto;
  1396. -ms-flex:0 0 auto;
  1397. flex:0 0 auto;
  1398. height:48px;
  1399. -webkit-box-ordinal-group:2;
  1400. -webkit-order:1;
  1401. -ms-flex-order:1;
  1402. order:1
  1403. }
  1404. .sticky .back-button-container,.sticky .hamburger-menu-container{
  1405. -webkit-box-ordinal-group:2;
  1406. -webkit-order:1;
  1407. -ms-flex-order:1;
  1408. order:1
  1409. }
  1410. .back-button,.hamburger-menu,.search-expand-icon{
  1411. cursor:pointer;
  1412. margin-top:0
  1413. }
  1414. .search{
  1415. -webkit-box-align:start;
  1416. -webkit-align-items:flex-start;
  1417. -ms-flex-align:start;
  1418. align-items:flex-start;
  1419. -webkit-box-flex:0;
  1420. -webkit-flex:0 0 auto;
  1421. -ms-flex:0 0 auto;
  1422. flex:0 0 auto;
  1423. height:48px;
  1424. margin-$startSide:24px;
  1425. -webkit-box-ordinal-group:4;
  1426. -webkit-order:3;
  1427. -ms-flex-order:3;
  1428. order:3
  1429. }
  1430. .search,.search.focused{
  1431. width:auto
  1432. }
  1433. .search.focused{
  1434. position:static
  1435. }
  1436. .sticky .search{
  1437. display:none;
  1438. -webkit-box-ordinal-group:5;
  1439. -webkit-order:4;
  1440. -ms-flex-order:4;
  1441. order:4
  1442. }
  1443. .search .section{
  1444. $endSide:0;
  1445. margin-top:12px;
  1446. position:absolute;
  1447. top:12px;
  1448. width:0
  1449. }
  1450. .sticky .search .section{
  1451. top:0
  1452. }
  1453. .search-expand{
  1454. background:0 0;
  1455. border:0;
  1456. margin:0;
  1457. outline:0;
  1458. padding:0;
  1459. color:$(body.action.color);
  1460. cursor:pointer;
  1461. -webkit-box-flex:0;
  1462. -webkit-flex:0 0 auto;
  1463. -ms-flex:0 0 auto;
  1464. flex:0 0 auto;
  1465. font:$(body.action.font.small);
  1466. text-transform:uppercase;
  1467. word-break:normal
  1468. }
  1469. .search.focused .search-expand{
  1470. visibility:hidden
  1471. }
  1472. .search .dim-overlay{
  1473. background:0 0
  1474. }
  1475. .search.focused .section{
  1476. max-width:400px
  1477. }
  1478. .search.focused form{
  1479. border-color:$(header.icon.color);
  1480. height:24px
  1481. }
  1482. .search.focused .search-input{
  1483. display:-webkit-box;
  1484. display:-webkit-flex;
  1485. display:-ms-flexbox;
  1486. display:flex;
  1487. -webkit-box-flex:1;
  1488. -webkit-flex:1 1 auto;
  1489. -ms-flex:1 1 auto;
  1490. flex:1 1 auto
  1491. }
  1492. .search-input input{
  1493. -webkit-box-flex:1;
  1494. -webkit-flex:1 1 auto;
  1495. -ms-flex:1 1 auto;
  1496. flex:1 1 auto;
  1497. font:$(search.input.font)
  1498. }
  1499. .search input[type=submit]{
  1500. display:none
  1501. }
  1502. .subscribe-section-container{
  1503. -webkit-box-flex:1;
  1504. -webkit-flex:1 0 auto;
  1505. -ms-flex:1 0 auto;
  1506. flex:1 0 auto;
  1507. margin-$startSide:24px;
  1508. -webkit-box-ordinal-group:3;
  1509. -webkit-order:2;
  1510. -ms-flex-order:2;
  1511. order:2;
  1512. text-align:$endSide
  1513. }
  1514. .sticky .subscribe-section-container{
  1515. -webkit-box-flex:0;
  1516. -webkit-flex:0 0 auto;
  1517. -ms-flex:0 0 auto;
  1518. flex:0 0 auto;
  1519. -webkit-box-ordinal-group:4;
  1520. -webkit-order:3;
  1521. -ms-flex-order:3;
  1522. order:3
  1523. }
  1524. .subscribe-button{
  1525. background:0 0;
  1526. border:0;
  1527. margin:0;
  1528. outline:0;
  1529. padding:0;
  1530. color:$(body.action.color);
  1531. cursor:pointer;
  1532. display:inline-block;
  1533. font:$(body.action.font.small);
  1534. line-height:48px;
  1535. margin:0;
  1536. text-transform:uppercase;
  1537. word-break:normal
  1538. }
  1539. .subscribe-popup h3{
  1540. color:$(body.widget.title.color);
  1541. font:$(body.widget.title.font.small);
  1542. margin-bottom:24px;
  1543. text-transform:uppercase
  1544. }
  1545. .subscribe-popup div.widget.FollowByEmail .follow-by-email-address{
  1546. color:$(body.text.color);
  1547. font:$(body.widget.title.font.small)
  1548. }
  1549. .subscribe-popup div.widget.FollowByEmail .follow-by-email-submit{
  1550. color:$(body.action.color);
  1551. font:$(body.action.font.small);
  1552. margin-top:24px;
  1553. text-transform:uppercase
  1554. }
  1555. .blog-name{
  1556. -webkit-box-flex:1;
  1557. -webkit-flex:1 1 100%;
  1558. -ms-flex:1 1 100%;
  1559. flex:1 1 100%;
  1560. -webkit-box-ordinal-group:5;
  1561. -webkit-order:4;
  1562. -ms-flex-order:4;
  1563. order:4;
  1564. overflow:hidden
  1565. }
  1566. .sticky .blog-name{
  1567. -webkit-box-flex:1;
  1568. -webkit-flex:1 1 auto;
  1569. -ms-flex:1 1 auto;
  1570. flex:1 1 auto;
  1571. margin:0 12px;
  1572. -webkit-box-ordinal-group:3;
  1573. -webkit-order:2;
  1574. -ms-flex-order:2;
  1575. order:2
  1576. }
  1577. body.search-view .centered-top.search-focused .blog-name{
  1578. display:none
  1579. }
  1580. .widget.Header h1{
  1581. font:$(header.title.font.small);
  1582. margin:0;
  1583. text-transform:uppercase
  1584. }
  1585. .widget.Header h1,.widget.Header h1 a{
  1586. color:$(header.title.color)
  1587. }
  1588. .widget.Header p{
  1589. color:$(header.text.color);
  1590. font:$(header.text.font);
  1591. line-height:1.7
  1592. }
  1593. .sticky .widget.Header h1{
  1594. font-size:16px;
  1595. line-height:48px;
  1596. overflow:hidden;
  1597. overflow-wrap:normal;
  1598. text-overflow:ellipsis;
  1599. white-space:nowrap;
  1600. word-wrap:normal
  1601. }
  1602. .sticky .widget.Header p{
  1603. display:none
  1604. }
  1605. .sticky{
  1606. box-shadow:0 1px 3px $(shadowColor)
  1607. }
  1608. #page_list_top .widget.PageList{
  1609. font:$(header.pageList.font);
  1610. line-height:$(header.pageList.font.size * 2)
  1611. }
  1612. #page_list_top .widget.PageList .title{
  1613. display:none
  1614. }
  1615. #page_list_top .widget.PageList .overflowable-contents{
  1616. overflow:hidden
  1617. }
  1618. #page_list_top .widget.PageList .overflowable-contents ul{
  1619. list-style:none;
  1620. margin:0;
  1621. padding:0
  1622. }
  1623. #page_list_top .widget.PageList .overflow-popup ul{
  1624. list-style:none;
  1625. margin:0;
  1626. padding:0 20px
  1627. }
  1628. #page_list_top .widget.PageList .overflowable-contents li{
  1629. display:inline-block
  1630. }
  1631. #page_list_top .widget.PageList .overflowable-contents li.hidden{
  1632. display:none
  1633. }
  1634. #page_list_top .widget.PageList .overflowable-contents li:not(:first-child):before{
  1635. color:$(header.pageList.color);
  1636. content:'\00b7'
  1637. }
  1638. #page_list_top .widget.PageList .overflow-button a,#page_list_top .widget.PageList .overflow-popup li a,#page_list_top .widget.PageList .overflowable-contents li a{
  1639. color:$(header.pageList.color);
  1640. font:$(header.pageList.font);
  1641. line-height:$(header.pageList.font.size * 2);
  1642. text-transform:uppercase
  1643. }
  1644. #page_list_top .widget.PageList .overflow-popup li.selected a,#page_list_top .widget.PageList .overflowable-contents li.selected a{
  1645. color:$(header.pageList.selected.color);
  1646. font:$(header.pageList.selected.font);
  1647. line-height:$(header.pageList.font.size * 2)
  1648. }
  1649. #page_list_top .widget.PageList .overflow-button{
  1650. display:inline
  1651. }
  1652. .sticky #page_list_top{
  1653. display:none
  1654. }
  1655. body.homepage-view .hero-image.has-image{
  1656. background:$(body.background);
  1657. background-attachment:scroll;
  1658. background-color:$(body.background.color);
  1659. background-size:cover;
  1660. height:62.5vw;
  1661. max-height:75vh;
  1662. min-height:200px;
  1663. width:100%
  1664. }
  1665. .post-filter-message{
  1666. background-color:$(body.filter.background.color);
  1667. color:$(body.filter.text.color);
  1668. display:-webkit-box;
  1669. display:-webkit-flex;
  1670. display:-ms-flexbox;
  1671. display:flex;
  1672. -webkit-flex-wrap:wrap;
  1673. -ms-flex-wrap:wrap;
  1674. flex-wrap:wrap;
  1675. font:$(body.filter.text.font.small);
  1676. -webkit-box-pack:justify;
  1677. -webkit-justify-content:space-between;
  1678. -ms-flex-pack:justify;
  1679. justify-content:space-between;
  1680. margin-top:50px;
  1681. padding:18px
  1682. }
  1683. .post-filter-message .message-container{
  1684. -webkit-box-flex:1;
  1685. -webkit-flex:1 1 auto;
  1686. -ms-flex:1 1 auto;
  1687. flex:1 1 auto;
  1688. min-width:0
  1689. }
  1690. .post-filter-message .home-link-container{
  1691. -webkit-box-flex:0;
  1692. -webkit-flex:0 0 auto;
  1693. -ms-flex:0 0 auto;
  1694. flex:0 0 auto
  1695. }
  1696. .post-filter-message .search-label,.post-filter-message .search-query{
  1697. color:$(body.filter.keyword.color);
  1698. font:$(body.filter.keyword.font.small);
  1699. text-transform:uppercase
  1700. }
  1701. .post-filter-message .home-link,.post-filter-message .home-link a{
  1702. color:$(body.filter.link.color);
  1703. font:$(body.filter.link.font.small);
  1704. text-transform:uppercase
  1705. }
  1706. .widget.FeaturedPost .thumb.hero-thumb{
  1707. background-position:center;
  1708. background-size:cover;
  1709. height:360px
  1710. }
  1711. .widget.FeaturedPost .featured-post-snippet:before{
  1712. content:'\2014'
  1713. }
  1714. .snippet-container,.snippet-fade{
  1715. font:$(post.text.font.small);
  1716. line-height:$(post.text.font.small.size * 1.7)
  1717. }
  1718. .snippet-container{
  1719. max-height:$(post.text.font.small.size * 1.7 * 7);
  1720. overflow:hidden
  1721. }
  1722. .snippet-fade{
  1723. background:-webkit-linear-gradient($startSide,$(body.background.color) 0,$(body.background.color) 20%,$(body.background.color.transparent) 100%);
  1724. background:linear-gradient(to $startSide,$(body.background.color) 0,$(body.background.color) 20%,$(body.background.color.transparent) 100%);
  1725. color:$(post.text.color)
  1726. }
  1727. .post-sidebar{
  1728. display:none
  1729. }
  1730. .widget.Blog .blog-posts .post-outer-container{
  1731. width:100%
  1732. }
  1733. .no-posts{
  1734. text-align:center
  1735. }
  1736. body.feed-view .widget.Blog .blog-posts .post-outer-container,body.item-view .widget.Blog .blog-posts .post-outer{
  1737. margin-bottom:50px
  1738. }
  1739. .widget.Blog .post.no-featured-image,.widget.PopularPosts .post.no-featured-image{
  1740. background-color:$(post.text.background.color);
  1741. padding:30px
  1742. }
  1743. .widget.Blog .post>.post-share-buttons-top{
  1744. $endSide:0;
  1745. position:absolute;
  1746. top:0
  1747. }
  1748. .widget.Blog .post>.post-share-buttons-bottom{
  1749. bottom:0;
  1750. $endSide:0;
  1751. position:absolute
  1752. }
  1753. .blog-pager{
  1754. text-align:$endSide
  1755. }
  1756. .blog-pager a{
  1757. color:$(body.action.color);
  1758. font:$(body.action.font.small);
  1759. text-transform:uppercase
  1760. }
  1761. .blog-pager .blog-pager-newer-link,.blog-pager .home-link{
  1762. display:none
  1763. }
  1764. .post-title{
  1765. font:$(post.title.font.small);
  1766. margin:0;
  1767. text-transform:uppercase
  1768. }
  1769. .post-title,.post-title a{
  1770. color:$(post.title.color)
  1771. }
  1772. .post.no-featured-image .post-title,.post.no-featured-image .post-title a{
  1773. color:$(post.text.title.color)
  1774. }
  1775. body.item-view .post-body-container:before{
  1776. content:'\2014'
  1777. }
  1778. .post-body{
  1779. color:$(post.text.color);
  1780. font:$(post.text.font.small);
  1781. line-height:1.7
  1782. }
  1783. .post-body blockquote{
  1784. color:$(post.blockquote.color);
  1785. font:$(post.blockquote.font.small);
  1786. line-height:1.7;
  1787. margin-left:0;
  1788. margin-right:0
  1789. }
  1790. .post-body img{
  1791. height:auto;
  1792. max-width:100%
  1793. }
  1794. .post-body .tr-caption{
  1795. color:$(post.caption.color);
  1796. font:$(post.caption.font);
  1797. line-height:1.7
  1798. }
  1799. .snippet-thumbnail{
  1800. position:relative
  1801. }
  1802. .snippet-thumbnail .post-header{
  1803. background:$(body.background.color);
  1804. bottom:0;
  1805. margin-bottom:0;
  1806. padding-$endSide:15px;
  1807. padding-bottom:5px;
  1808. padding-top:5px;
  1809. position:absolute
  1810. }
  1811. .snippet-thumbnail img{
  1812. width:100%
  1813. }
  1814. .post-footer,.post-header{
  1815. margin:8px 0
  1816. }
  1817. body.item-view .widget.Blog .post-header{
  1818. margin:0 0 16px 0
  1819. }
  1820. body.item-view .widget.Blog .post-footer{
  1821. margin:50px 0 0 0
  1822. }
  1823. .widget.FeaturedPost .post-footer{
  1824. display:-webkit-box;
  1825. display:-webkit-flex;
  1826. display:-ms-flexbox;
  1827. display:flex;
  1828. -webkit-flex-wrap:wrap;
  1829. -ms-flex-wrap:wrap;
  1830. flex-wrap:wrap;
  1831. -webkit-box-pack:justify;
  1832. -webkit-justify-content:space-between;
  1833. -ms-flex-pack:justify;
  1834. justify-content:space-between
  1835. }
  1836. .widget.FeaturedPost .post-footer>*{
  1837. -webkit-box-flex:0;
  1838. -webkit-flex:0 1 auto;
  1839. -ms-flex:0 1 auto;
  1840. flex:0 1 auto
  1841. }
  1842. .widget.FeaturedPost .post-footer,.widget.FeaturedPost .post-footer a,.widget.FeaturedPost .post-footer button{
  1843. line-height:1.7
  1844. }
  1845. .jump-link{
  1846. margin:-8px
  1847. }
  1848. .post-header,.post-header a,.post-header button{
  1849. color:$(post.header.color);
  1850. font:$(post.header.font)
  1851. }
  1852. .post.no-featured-image .post-header,.post.no-featured-image .post-header a,.post.no-featured-image .post-header button{
  1853. color:$(post.text.header.color)
  1854. }
  1855. .post-footer,.post-footer a,.post-footer button{
  1856. color:$(post.footer.color);
  1857. font:$(post.footer.font)
  1858. }
  1859. .post.no-featured-image .post-footer,.post.no-featured-image .post-footer a,.post.no-featured-image .post-footer button{
  1860. color:$(post.text.footer.color)
  1861. }
  1862. body.item-view .post-footer-line{
  1863. line-height:2.3
  1864. }
  1865. .byline{
  1866. display:inline-block
  1867. }
  1868. .byline .flat-button{
  1869. text-transform:none
  1870. }
  1871. .post-header .byline:not(:last-child):after{
  1872. content:'\00b7'
  1873. }
  1874. .post-header .byline:not(:last-child){
  1875. margin-$endSide:0
  1876. }
  1877. .byline.post-labels a{
  1878. display:inline-block;
  1879. word-break:break-all
  1880. }
  1881. .byline.post-labels a:not(:last-child):after{
  1882. content:','
  1883. }
  1884. .byline.reactions .reactions-label{
  1885. line-height:22px;
  1886. vertical-align:top
  1887. }
  1888. .post-share-buttons{
  1889. margin-$startSide:0
  1890. }
  1891. .share-buttons{
  1892. background-color:$(sharing.background.color);
  1893. border-radius:0;
  1894. box-shadow:0 1px 1px 1px $(shadowColor);
  1895. color:$(sharing.text.color);
  1896. font:$(sharing.text.font)
  1897. }
  1898. .share-buttons .svg-icon-24{
  1899. fill:$(sharing.icon.color)
  1900. }
  1901. #comment-holder .continue{
  1902. display:none
  1903. }
  1904. #comment-editor{
  1905. margin-bottom:20px;
  1906. margin-top:20px
  1907. }
  1908. .widget.Attribution,.widget.Attribution .copyright,.widget.Attribution .copyright a,.widget.Attribution .image-attribution,.widget.Attribution .image-attribution a,.widget.Attribution a{
  1909. color:$(attribution.text.color);
  1910. font:$(attribution.text.font)
  1911. }
  1912. .widget.Attribution svg{
  1913. fill:$(attribution.icon.color)
  1914. }
  1915. .widget.Attribution .blogger a{
  1916. display:-webkit-box;
  1917. display:-webkit-flex;
  1918. display:-ms-flexbox;
  1919. display:flex;
  1920. -webkit-align-content:center;
  1921. -ms-flex-line-pack:center;
  1922. align-content:center;
  1923. -webkit-box-pack:center;
  1924. -webkit-justify-content:center;
  1925. -ms-flex-pack:center;
  1926. justify-content:center;
  1927. line-height:24px
  1928. }
  1929. .widget.Attribution .blogger svg{
  1930. margin-$endSide:8px
  1931. }
  1932. .widget.Profile ul{
  1933. list-style:none;
  1934. padding:0
  1935. }
  1936. .widget.Profile .individual .default-avatar-wrapper,.widget.Profile .individual .profile-img{
  1937. border-radius:50%;
  1938. display:inline-block;
  1939. height:120px;
  1940. width:120px
  1941. }
  1942. .widget.Profile .individual .profile-data a,.widget.Profile .team .profile-name{
  1943. color:$(body.title.color);
  1944. font:$(body.title.font.small);
  1945. text-transform:none
  1946. }
  1947. .widget.Profile .individual dd{
  1948. color:$(body.text.color);
  1949. font:$(body.text.font);
  1950. margin:0 auto
  1951. }
  1952. .widget.Profile .individual .profile-link,.widget.Profile .team .visit-profile{
  1953. color:$(body.action.color);
  1954. font:$(body.action.font.small);
  1955. text-transform:uppercase
  1956. }
  1957. .widget.Profile .team .default-avatar-wrapper,.widget.Profile .team .profile-img{
  1958. border-radius:50%;
  1959. float:$startSide;
  1960. height:40px;
  1961. width:40px
  1962. }
  1963. .widget.Profile .team .profile-link .profile-name-wrapper{
  1964. -webkit-box-flex:1;
  1965. -webkit-flex:1 1 auto;
  1966. -ms-flex:1 1 auto;
  1967. flex:1 1 auto
  1968. }
  1969. .widget.Label li,.widget.Label span.label-size{
  1970. color:$(body.action.color);
  1971. display:inline-block;
  1972. font:$(body.action.font.small);
  1973. word-break:break-all
  1974. }
  1975. .widget.Label li:not(:last-child):after,.widget.Label span.label-size:not(:last-child):after{
  1976. content:','
  1977. }
  1978. .widget.PopularPosts .post{
  1979. margin-bottom:50px
  1980. }
  1981. #comments{
  1982. border-top:none;
  1983. padding:0
  1984. }
  1985. #comments .comment .comment-footer,#comments .comment .comment-header,#comments .comment .comment-header .datetime,#comments .comment .comment-header .datetime a{
  1986. color:$(comment.header.color);
  1987. font:$(comment.header.font)
  1988. }
  1989. #comments .comment .comment-author,#comments .comment .comment-author a,#comments .comment .comment-header .user,#comments .comment .comment-header .user a{
  1990. color:$(comment.author.color);
  1991. font:$(comment.author.font)
  1992. }
  1993. #comments .comment .comment-body,#comments .comment .comment-content{
  1994. color:$(comment.content.color);
  1995. font:$(comment.content.font)
  1996. }
  1997. #comments .comment .comment-actions,#comments .footer,#comments .footer a,#comments .loadmore,#comments .paging-control{
  1998. color:$(comment.action.color);
  1999. font:$(comment.action.font);
  2000. text-transform:uppercase
  2001. }
  2002. #commentsHolder{
  2003. border-bottom:none;
  2004. border-top:none
  2005. }
  2006. #comments .comment-form h4{
  2007. position:absolute;
  2008. clip:rect(1px,1px,1px,1px);
  2009. padding:0;
  2010. border:0;
  2011. height:1px;
  2012. width:1px;
  2013. overflow:hidden
  2014. }
  2015. .sidebar-container{
  2016. background-color:$(sidebar.background.color);
  2017. color:$(sidebar.widget.text.color);
  2018. font:$(sidebar.widget.text.font);
  2019. min-height:100%
  2020. }
  2021. html[dir=ltr] .sidebar-container{
  2022. box-shadow:1px 0 3px $(shadowColor)
  2023. }
  2024. html[dir=rtl] .sidebar-container{
  2025. box-shadow:-1px 0 3px $(shadowColor)
  2026. }
  2027. .sidebar-container a{
  2028. color:$(sidebar.action.color)
  2029. }
  2030. .sidebar-container .svg-icon-24{
  2031. fill:$(sidebar.icon.color)
  2032. }
  2033. .sidebar-container .widget{
  2034. margin:0;
  2035. margin-$startSide:40px;
  2036. padding:40px;
  2037. padding-$startSide:0
  2038. }
  2039. .sidebar-container .widget+.widget{
  2040. border-top:1px solid $(sidebar.separator.color)
  2041. }
  2042. .sidebar-container .widget .title{
  2043. color:$(sidebar.widget.title.color);
  2044. font:$(sidebar.widget.title.font)
  2045. }
  2046. .sidebar-container .widget ul li,.sidebar-container .widget.BlogArchive #ArchiveList li{
  2047. font:$(sidebar.widget.text.font);
  2048. margin:1em 0 0 0
  2049. }
  2050. .sidebar-container .BlogArchive .post-count,.sidebar-container .Label .label-count{
  2051. float:none
  2052. }
  2053. .sidebar-container .Label li a{
  2054. display:inline
  2055. }
  2056. .sidebar-container .widget.Profile .default-avatar-wrapper .avatar-icon{
  2057. border-color:$(sidebar.profile.name.color);
  2058. fill:$(sidebar.profile.name.color)
  2059. }
  2060. .sidebar-container .widget.Profile .individual{
  2061. text-align:center
  2062. }
  2063. .sidebar-container .widget.Profile .individual dd:before{
  2064. content:'\2014';
  2065. display:block
  2066. }
  2067. .sidebar-container .widget.Profile .individual .profile-data a,.sidebar-container .widget.Profile .team .profile-name{
  2068. color:$(sidebar.profile.name.color);
  2069. font:$(sidebar.profile.name.font)
  2070. }
  2071. .sidebar-container .widget.Profile .individual dd{
  2072. color:$(sidebar.profile.description.color);
  2073. font:$(sidebar.profile.description.font);
  2074. margin:0 30px
  2075. }
  2076. .sidebar-container .widget.Profile .individual .profile-link,.sidebar-container .widget.Profile .team .visit-profile{
  2077. color:$(sidebar.action.color);
  2078. font:$(sidebar.action.font)
  2079. }
  2080. .sidebar-container .snippet-fade{
  2081. background:-webkit-linear-gradient($startSide,$(sidebar.background.color) 0,$(sidebar.background.color) 20%,$(sidebar.background.color.transparent) 100%);
  2082. background:linear-gradient(to $startSide,$(sidebar.background.color) 0,$(sidebar.background.color) 20%,$(sidebar.background.color.transparent) 100%)
  2083. }
  2084. @media screen and (min-width:640px){
  2085. .centered-bottom,.centered-top{
  2086. margin:0 auto;
  2087. width:576px
  2088. }
  2089. .centered-top{
  2090. -webkit-flex-wrap:nowrap;
  2091. -ms-flex-wrap:nowrap;
  2092. flex-wrap:nowrap;
  2093. padding-bottom:24px;
  2094. padding-top:36px
  2095. }
  2096. .blog-name{
  2097. -webkit-box-flex:1;
  2098. -webkit-flex:1 1 auto;
  2099. -ms-flex:1 1 auto;
  2100. flex:1 1 auto;
  2101. min-width:0;
  2102. -webkit-box-ordinal-group:3;
  2103. -webkit-order:2;
  2104. -ms-flex-order:2;
  2105. order:2
  2106. }
  2107. .sticky .blog-name{
  2108. margin:0
  2109. }
  2110. .back-button-container,.hamburger-menu-container{
  2111. margin-$endSide:36px;
  2112. -webkit-box-ordinal-group:2;
  2113. -webkit-order:1;
  2114. -ms-flex-order:1;
  2115. order:1
  2116. }
  2117. .search{
  2118. margin-$startSide:36px;
  2119. -webkit-box-ordinal-group:5;
  2120. -webkit-order:4;
  2121. -ms-flex-order:4;
  2122. order:4
  2123. }
  2124. .search .section{
  2125. top:36px
  2126. }
  2127. .sticky .search{
  2128. display:block
  2129. }
  2130. .subscribe-section-container{
  2131. -webkit-box-flex:0;
  2132. -webkit-flex:0 0 auto;
  2133. -ms-flex:0 0 auto;
  2134. flex:0 0 auto;
  2135. margin-$startSide:36px;
  2136. -webkit-box-ordinal-group:4;
  2137. -webkit-order:3;
  2138. -ms-flex-order:3;
  2139. order:3
  2140. }
  2141. .subscribe-button{
  2142. font:$(body.action.font.large);
  2143. line-height:48px
  2144. }
  2145. .subscribe-popup h3{
  2146. font:$(body.widget.title.font.large)
  2147. }
  2148. .subscribe-popup div.widget.FollowByEmail .follow-by-email-address{
  2149. font:$(body.widget.title.font.large)
  2150. }
  2151. .subscribe-popup div.widget.FollowByEmail .follow-by-email-submit{
  2152. font:$(body.action.font.large)
  2153. }
  2154. .widget .title{
  2155. font:$(body.widget.title.font.large)
  2156. }
  2157. .widget.Blog .post.no-featured-image,.widget.PopularPosts .post.no-featured-image{
  2158. padding:65px
  2159. }
  2160. .post-title{
  2161. font:$(post.title.font.large)
  2162. }
  2163. .blog-pager a{
  2164. font:$(body.action.font.large)
  2165. }
  2166. .widget.Header h1{
  2167. font:$(header.title.font.large)
  2168. }
  2169. .sticky .widget.Header h1{
  2170. font-size:24px
  2171. }
  2172. }
  2173. @media screen and (min-width:$(content.width + 240px)){
  2174. .centered-bottom,.centered-top{
  2175. width:$(content.width)
  2176. }
  2177. .back-button-container,.hamburger-menu-container{
  2178. margin-$endSide:48px
  2179. }
  2180. .search{
  2181. margin-$startSide:48px
  2182. }
  2183. .search-expand{
  2184. font:$(body.action.font.large);
  2185. line-height:48px
  2186. }
  2187. .search-expand-text{
  2188. display:block
  2189. }
  2190. .search-expand-icon{
  2191. display:none
  2192. }
  2193. .subscribe-section-container{
  2194. margin-$startSide:48px
  2195. }
  2196. .post-filter-message{
  2197. font:$(body.filter.text.font.large)
  2198. }
  2199. .post-filter-message .search-label,.post-filter-message .search-query{
  2200. font:$(body.filter.keyword.font.large)
  2201. }
  2202. .post-filter-message .home-link{
  2203. font:$(body.filter.link.font.large)
  2204. }
  2205. .widget.Blog .blog-posts .post-outer-container{
  2206. width:$(content.width / 2 - 10px)
  2207. }
  2208. body.item-view .widget.Blog .blog-posts .post-outer-container{
  2209. width:100%
  2210. }
  2211. body.item-view .widget.Blog .blog-posts .post-outer{
  2212. display:-webkit-box;
  2213. display:-webkit-flex;
  2214. display:-ms-flexbox;
  2215. display:flex
  2216. }
  2217. #comments,body.item-view .post-outer-container .inline-ad,body.item-view .widget.PopularPosts{
  2218. margin-$startSide:220px;
  2219. width:$(content.width - 240px)
  2220. }
  2221. .post-sidebar{
  2222. box-sizing:border-box;
  2223. display:block;
  2224. font:$(body.action.font.large);
  2225. padding-$endSide:20px;
  2226. width:220px
  2227. }
  2228. .post-sidebar-item{
  2229. margin-bottom:30px
  2230. }
  2231. .post-sidebar-item ul{
  2232. list-style:none;
  2233. padding:0
  2234. }
  2235. .post-sidebar-item .sharing-button{
  2236. color:$(body.action.color);
  2237. cursor:pointer;
  2238. display:inline-block;
  2239. font:$(body.action.font.large);
  2240. line-height:normal;
  2241. word-break:normal
  2242. }
  2243. .post-sidebar-labels li{
  2244. margin-bottom:8px
  2245. }
  2246. body.item-view .widget.Blog .post{
  2247. width:$(content.width - 240px)
  2248. }
  2249. .widget.Blog .post.no-featured-image,.widget.PopularPosts .post.no-featured-image{
  2250. padding:100px 65px
  2251. }
  2252. .page .widget.FeaturedPost .post-content{
  2253. display:-webkit-box;
  2254. display:-webkit-flex;
  2255. display:-ms-flexbox;
  2256. display:flex;
  2257. -webkit-box-pack:justify;
  2258. -webkit-justify-content:space-between;
  2259. -ms-flex-pack:justify;
  2260. justify-content:space-between
  2261. }
  2262. .page .widget.FeaturedPost .thumb-link{
  2263. display:-webkit-box;
  2264. display:-webkit-flex;
  2265. display:-ms-flexbox;
  2266. display:flex
  2267. }
  2268. .page .widget.FeaturedPost .thumb.hero-thumb{
  2269. height:auto;
  2270. min-height:300px;
  2271. width:$(content.width / 2 - 10px)
  2272. }
  2273. .page .widget.FeaturedPost .post-content.has-featured-image .post-text-container{
  2274. width:425px
  2275. }
  2276. .page .widget.FeaturedPost .post-content.no-featured-image .post-text-container{
  2277. width:100%
  2278. }
  2279. .page .widget.FeaturedPost .post-header{
  2280. margin:0 0 8px 0
  2281. }
  2282. .page .widget.FeaturedPost .post-footer{
  2283. margin:8px 0 0 0
  2284. }
  2285. .post-body{
  2286. font:$(post.text.font.large);
  2287. line-height:1.7
  2288. }
  2289. .post-body blockquote{
  2290. font:$(post.blockquote.font.large);
  2291. line-height:1.7
  2292. }
  2293. .snippet-container,.snippet-fade{
  2294. font:$(post.text.font.large);
  2295. line-height:$(post.text.font.large.size * 1.7)
  2296. }
  2297. .snippet-container{
  2298. max-height:$(post.text.font.large.size * 1.7 * 12)
  2299. }
  2300. .widget.Profile .individual .profile-data a,.widget.Profile .team .profile-name{
  2301. font:$(body.title.font.large)
  2302. }
  2303. .widget.Profile .individual .profile-link,.widget.Profile .team .visit-profile{
  2304. font:$(body.action.font.large)
  2305. }
  2306. }
  2307. @media screen and (min-width:$(content.width + sidebar.width + content.margin * 2)){
  2308. body{
  2309. position:relative
  2310. }
  2311. .page_body{
  2312. margin-$startSide:$(sidebar.width)
  2313. }
  2314. .sticky .centered-top{
  2315. padding-$startSide:$(sidebar.width)
  2316. }
  2317. .hamburger-menu-container{
  2318. display:none
  2319. }
  2320. .sidebar-container{
  2321. overflow:visible;
  2322. z-index:32
  2323. }
  2324. }
  2325. .header-widget {
  2326.    text-align: center;
  2327.     margin-right:auto;
  2328.     margin-left:auto
  2329. }
  2330. #Header1 { margin: 0 auto; text-align:center;}
  2331.  
  2332.  
  2333. ]]></b:skin>
  2334.     <b:template-skin>
  2335.       <![CDATA[
  2336.      body#layout .hidden,
  2337.      body#layout .invisible {
  2338.        display: inherit;
  2339.      }
  2340.      body#layout .page {
  2341.        width: 60%;
  2342.      }
  2343.      body#layout.ltr .page {
  2344.        float: right;
  2345.      }
  2346.      body#layout.rtl .page {
  2347.        float: left;
  2348.      }
  2349.      body#layout .sidebar-container {
  2350.        width: 40%;
  2351.      }
  2352.      body#layout.ltr .sidebar-container {
  2353.        float: left;
  2354.      }
  2355.      body#layout.rtl .sidebar-container {
  2356.        float: right;
  2357.      }
  2358.      ]]>
  2359.     </b:template-skin>
  2360.     <b:defaultmarkups>
  2361.       <b:defaultmarkup type='Common'>
  2362.         <b:includable id='responsiveImage' var='settings'>
  2363.           <b:comment>Add in the high-res thumb for youtube images.</b:comment>
  2364.           <b:if cond='not data:settings.image.isYoutube'>
  2365.             <b:include data='settings' name='super.responsiveImage'/>
  2366.           <b:else/>
  2367.             <b:with value='resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 1152, &quot;4:3&quot;)' var='highRes'>
  2368.               <b:include data='{                                  image: data:settings.image,                                  imageSizes: [320,490],                                  sourceSizes: &quot;(max-width: 640px) 100vw, (max-width: 1024px) 576px, 490px&quot;,                                  enhancedSourceset: data:highRes                                }' name='super.responsiveImage'/>
  2369.             </b:with>
  2370.           </b:if>
  2371.         </b:includable>
  2372.       </b:defaultmarkup>
  2373.       <b:defaultmarkup type='BlogSearch'>
  2374.         <b:includable id='searchSubmit'>
  2375.           <b:if cond='data:widget.sectionId == &quot;search_top&quot;'>
  2376.             <label>
  2377.               <input type='submit'/>
  2378.               <b:include data='{ iconClass: &quot;touch-icon search-icon&quot; }' name='searchIcon'/>
  2379.             </label>
  2380.           <b:else/>
  2381.             <b:include name='super.searchSubmit'/>
  2382.           </b:if>
  2383.         </b:includable>
  2384.       </b:defaultmarkup>
  2385.       <b:defaultmarkup type='AdSense,Blog'>
  2386.         <b:includable id='defaultAdUnit'>
  2387.           <!-- Clear out style (need non-empty string) -->
  2388.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  2389.             <b:include name='super.defaultAdUnit'/>
  2390.           </b:with>
  2391.         </b:includable>
  2392.       </b:defaultmarkup>
  2393.       <b:defaultmarkup type='Blog,FeaturedPost,PopularPosts'>
  2394.         <b:includable id='sharingButtonContent'>
  2395.           <b:message name='messages.share'/>
  2396.         </b:includable>
  2397.         <b:includable id='postLabels'>
  2398.           <b:include cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;' name='super.postLabels'/>
  2399.         </b:includable>
  2400.         <b:includable id='headerByline'>
  2401.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  2402.             <b:include name='super.headerByline'/>
  2403.           <b:else/>
  2404.             <b:include data='{ items: [&quot;author&quot;, &quot;timestamp&quot;] }' name='headerBylineOverride'/>
  2405.           </b:if>
  2406.         </b:includable>
  2407.         <b:includable id='footerBylines'>
  2408.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  2409.             <b:include name='super.footerBylines'/>
  2410.           <b:else/>
  2411.             <b:include data='{ items: [[&quot;share&quot;, &quot;comments&quot;]] }' name='footerBylinesOverride'/>
  2412.           </b:if>
  2413.         </b:includable>
  2414.         <b:includable id='emailPostIcon'>
  2415.           <!-- Replace icon with text -->
  2416.           <span class='byline'>
  2417.             <a class='flat-button' expr:href='data:post.emailPostUrl'><data:messages.emailPost/></a>
  2418.           </span>
  2419.         </b:includable>
  2420.       </b:defaultmarkup>
  2421.       <b:defaultmarkup type='Blog'>
  2422.         <b:includable id='main'>
  2423.           <b:if cond='not data:posts.any'>
  2424.             <div class='no-posts'>
  2425.               <b:eval expr='data:view.isSearch ? data:messages.noResultsFound : data:messages.theresNothingHere'/>
  2426.             </div>
  2427.           </b:if>
  2428.  
  2429.           <!-- Display title on homepage -->
  2430.           <b:if cond='data:posts.any and data:view.isHomepage'>
  2431.             <h3 class='title'><data:messages.latestPosts/></h3>
  2432.           </b:if>
  2433.           <!-- Filter out the featured post, but only on the homepage. -->
  2434.           <b:with value='(data:widgets.FeaturedPost filter w =&gt; w.sectionId == &quot;page_body&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
  2435.             <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds) : data:posts' var='posts'>
  2436.               <b:include name='super.main'/>
  2437.             </b:with>
  2438.           </b:with>
  2439.         </b:includable>
  2440.         <b:includable id='postCommentsAndAd' var='post'>
  2441.           <!-- Always render inline ad inside container -->
  2442.           <div class='post-outer-container'>
  2443.             <div class='post-outer'>
  2444.               <b:include data='post' name='post'/>
  2445.             </div>
  2446.             <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
  2447.             <b:include cond='data:post.includeAd and data:post.adNumber lt (data:view.isHomepage ? 2 : 3)' data='post' name='inlineAd'/>
  2448.           </div>
  2449.         </b:includable>
  2450.         <b:includable id='post' var='post'>
  2451.           <b:if cond='data:view.isSingleItem'>
  2452.             <div class='post-sidebar'>
  2453.               <b:if cond='data:widgets.Blog.first.allBylineItems.share and data:post.shareUrl'>
  2454.                 <div class='post-sidebar-item post-share-buttons'>
  2455.                   <b:with value='data:widget.instanceId + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + data:post.id' var='sharingId'>
  2456.                     <b:include data='{                                                              sharingId: data:sharingId,                                                              originalUrl: data:post.url,                                                              shareUrl: data:post.shareUrl,                                                              platforms: data:blog.sharing.platforms,                                                            }' name='sharingButtons'/>
  2457.                   </b:with>
  2458.                 </div>
  2459.               </b:if>
  2460.               <b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels'>
  2461.                 <div class='post-sidebar-item post-sidebar-labels'>
  2462.                   <div><data:messages.labels/></div>
  2463.                   <ul>
  2464.                     <b:loop index='i' values='data:post.labels' var='label'>
  2465.                       <li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
  2466.                     </b:loop>
  2467.                   </ul>
  2468.                 </div>
  2469.               </b:if>
  2470.             </div>
  2471.           </b:if>
  2472.           <div class='post'>
  2473.             <b:class cond='data:view.isMultipleItems and data:post.featuredImage' name='has-featured-image'/>
  2474.             <b:class cond='data:view.isMultipleItems and not data:post.featuredImage' name='no-featured-image'/>
  2475.             <b:include data='post' name='postMeta'/>
  2476.             <b:if cond='data:view.isSingleItem'>
  2477.               <b:include name='headerByline'/>
  2478.               <b:include data='post' name='postTitle'/>
  2479.               <div class='post-body-container'>
  2480.                 <b:include data='post' name='postBody'/>
  2481.               </div>
  2482.             <b:else/>
  2483.               <b:if cond='data:post.featuredImage'>
  2484.                 <div class='snippet-thumbnail'>
  2485.                   <a expr:href='data:post.url'>
  2486.                     <b:comment>Max width is 576, so max size @ 2x is 1152.</b:comment>
  2487.                     <b:include data='{                                        image: data:post.featuredImage,                                        imageSizes: [320,490,576,1152],                                        sourceSizes: &quot;(max-width: 576px) 100vw, (max-width: 1024px) 576px, 490px&quot;                                      }' name='responsiveImage'/>
  2488.                   </a>
  2489.                   <b:include name='headerByline'/>
  2490.                 </div>
  2491.               <b:else/>
  2492.                 <b:include name='headerByline'/>
  2493.               </b:if>
  2494.               <b:include data='post' name='postTitle'/>
  2495.             </b:if>
  2496.             <b:include data='post' name='postFooter'/>
  2497.           </div>
  2498.         </b:includable>
  2499.         <b:includable id='feedLinks'>
  2500.           <!-- Don't render -->
  2501.         </b:includable>
  2502.       </b:defaultmarkup>
  2503.       <b:defaultmarkup type='BlogArchive'>
  2504.         <b:includable id='main' var='this'>
  2505.           <details class='collapsible extendable'>
  2506.             <b:attr cond='data:view.isArchive' name='open' value='open'/>
  2507.             <b:with value='true' var='renderAsDetails'>
  2508.             <b:with value='data:messages.archive' var='defaultTitle'>
  2509.               <b:include name='super.main'/>
  2510.             </b:with>
  2511.             </b:with>
  2512.           </details>
  2513.         </b:includable>
  2514.         <b:includable id='flat'>
  2515.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.flat&quot;                             }' name='extendableItems'/>
  2516.         </b:includable>
  2517.         <b:includable id='hierarchy'>
  2518.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               limit: 1,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.hierarchy&quot;                             }' name='extendableItems'/>
  2519.         </b:includable>
  2520.       </b:defaultmarkup>
  2521.       <b:defaultmarkup type='FeaturedPost'>
  2522.         <b:includable id='main'>
  2523.           <b:with value='data:messages.featured' var='defaultTitle'>
  2524.             <b:include name='super.main'/>
  2525.           </b:with>
  2526.         </b:includable>
  2527.         <b:includable id='snippetedPostContent'>
  2528.           <b:with value='data:postDisplay.showFeaturedImage and data:post.featuredImage' var='hasImage'>
  2529.             <div class='post-content'>
  2530.               <b:class cond='data:hasImage' name='has-featured-image'/>
  2531.               <b:class cond='not data:hasImage' name='no-featured-image'/>
  2532.  
  2533.               <!-- Change the order and add a snippet container -->
  2534.               <b:include cond='data:hasImage' data='post' name='snippetedPostThumbnail'/>
  2535.               <div class='post-text-container'>
  2536.                 <b:include name='headerByline'/>
  2537.                 <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  2538.                 <b:with value='&quot;featured-post&quot;' var='snippetPrefix'>
  2539.                   <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
  2540.                 </b:with>
  2541.                 <div class='post-footer'>
  2542.                   <b:include name='footerBylines'/>
  2543.                   <b:include data='post' name='postJumpLink'/>
  2544.                 </div>
  2545.               </div>
  2546.             </div>
  2547.           </b:with>
  2548.         </b:includable>
  2549.         <b:includable id='snippetedPostByline' var='post'>
  2550.           <b:include name='headerByline'/>
  2551.         </b:includable>
  2552.         <b:includable id='snippetedPostThumbnail'>
  2553.           <b:include data='{image: data:featuredImage, maxSize: 954, selector: &quot;.hero-thumb&quot;}' name='responsiveImageStyle'/>
  2554.           <a class='thumb-link' expr:href='data:post.url'><div class='thumb hero-thumb'/></a>
  2555.         </b:includable>
  2556.       </b:defaultmarkup>
  2557.       <b:defaultmarkup type='Header'>
  2558.         <b:includable id='image'>
  2559.           <b:include name='super.image'/>
  2560.           <!-- If we are replacing the title, force it to render anyway, and it'll be hidden in CSS. -->
  2561.           <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
  2562.         </b:includable>
  2563.         <b:includable id='title'>
  2564.           <div>
  2565.             <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
  2566.             <b:include name='super.title'/>
  2567.           </div>
  2568.         </b:includable>
  2569.       </b:defaultmarkup>
  2570.       <b:defaultmarkup type='Label'>
  2571.         <b:includable id='main' var='this'>
  2572.           <details class='collapsible extendable'>
  2573.             <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>
  2574.             <b:with value='true' var='renderAsDetails'>
  2575.             <b:with value='data:messages.labels' var='defaultTitle'>
  2576.               <b:include name='super.main'/>
  2577.             </b:with>
  2578.             </b:with>
  2579.           </details>
  2580.         </b:includable>
  2581.         <b:includable id='list'>
  2582.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.list&quot;                             }' name='extendableItems'/>
  2583.         </b:includable>
  2584.         <b:includable id='cloud'>
  2585.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.cloud&quot;                             }' name='extendableItems'/>
  2586.         </b:includable>
  2587.       </b:defaultmarkup>
  2588.       <b:defaultmarkup type='PageList'>
  2589.         <b:includable id='content'>
  2590.           <div class='widget-content'>
  2591.             <b:if cond='data:widget.sectionId == &quot;page_list_top&quot;'>
  2592.               <b:include name='overflowablePageList'/>
  2593.             <b:else/>
  2594.               <b:include name='pageList'/>
  2595.             </b:if>
  2596.           </div>
  2597.         </b:includable>
  2598.         <b:includable id='overflowButton'>
  2599.           <a><data:messages.moreEllipsis/></a>
  2600.         </b:includable>
  2601.       </b:defaultmarkup>
  2602.       <b:defaultmarkup type='PopularPosts'>
  2603.         <b:includable id='main'>
  2604.           <!-- Default the title to 'Popular posts'. -->
  2605.           <b:with value='data:messages.popularPosts' var='defaultTitle'>
  2606.             <b:include name='super.main'/>
  2607.           </b:with>
  2608.         </b:includable>
  2609.         <b:includable id='snippetedPostContent'>
  2610.           <div class='post'>
  2611.             <b:class cond='data:post.featuredImage' name='has-featured-image'/>
  2612.             <b:class cond='not data:post.featuredImage' name='no-featured-image'/>
  2613.             <b:if cond='data:post.featuredImage'>
  2614.               <div class='snippet-thumbnail'>
  2615.                 <a expr:href='data:post.url'>
  2616.                   <b:include data='{                                      image: data:post.featuredImage,                                      imageSizes: [330,660,1320],                                      sourceSizes: &quot;(max-width: 660px) 100vw, 660px&quot;                                    }' name='responsiveImage'/>
  2617.                 </a>
  2618.                 <b:include name='headerByline'/>
  2619.               </div>
  2620.             <b:else/>
  2621.               <b:include name='headerByline'/>
  2622.             </b:if>
  2623.             <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  2624.             <div class='post-footer'>
  2625.               <b:include name='footerBylines'/>
  2626.             </div>
  2627.           </div>
  2628.         </b:includable>
  2629.       </b:defaultmarkup>
  2630.       <b:defaultmarkup type='Profile'>
  2631.         <b:includable id='main' var='this'>
  2632.           <!-- Remove widget title -->
  2633.           <b:include name='content'/>
  2634.         </b:includable>
  2635.         <b:includable id='teamProfileLink'>
  2636.           <!-- Remove background image, add "Visit profile" message -->
  2637.           <a class='profile-link g-profile' expr:href='data:userUrl'>
  2638.             <b:include name='profileImage'/>
  2639.             <div class='profile-name-wrapper'>
  2640.               <div class='profile-name'><data:display-name/></div>
  2641.               <div class='visit-profile'><data:messages.visitProfile/></div>
  2642.             </div>
  2643.           </a>
  2644.         </b:includable>
  2645.         <b:includable id='viewProfileLink'>
  2646.           <!-- Change message to "Visit profile" -->
  2647.           <a class='profile-link' expr:href='data:userUrl' rel='author'>
  2648.             <data:messages.visitProfile/>
  2649.           </a>
  2650.         </b:includable>
  2651.         <b:includable id='defaultProfileImage'>
  2652.           <div class='default-avatar-wrapper'>
  2653.             <b:include data='{ iconClass: &quot;avatar-icon&quot; }' name='defaultAvatarIcon'/>
  2654.           </div>
  2655.         </b:includable>
  2656.       </b:defaultmarkup>
  2657.     </b:defaultmarkups>
  2658.     <b:if cond='data:widgets any (w =&gt; w.type == &quot;AdSense&quot;) or data:blog.adsenseClientId'>
  2659.       <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
  2660.     </b:if>
  2661.     <script async='async' src='https://www.gstatic.com/external_hosted/imagesloaded/imagesloaded-3.1.8.min.js'/>
  2662.     <script async='async' src='https://www.gstatic.com/external_hosted/vanillamasonry-v3_1_5/masonry.pkgd.min.js'/>
  2663.     <script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
  2664.     <b:include data='blog' name='google-analytics'/>
  2665.  
  2666.     <b:include cond='not data:view.isPreview' data='{                         image: data:skin.vars.body_background.image,                         selector: &quot;body.homepage-view .hero-image.has-image&quot;,                         imageSizes: [320, 640, 800, 1024, 1440, 1680, 1920, 2560]                      }' name='responsiveImageStyle'/>
  2667.   </head>
  2668.   <body>
  2669.     <b:class cond='data:view.isPreview' name='preview'/>
  2670.     <b:class cond='data:view.isHomepage' name='homepage-view'/>
  2671.     <b:class cond='data:view.isArchive' name='archive-view'/>
  2672.     <b:class cond='data:view.isLabelSearch' name='label-view'/>
  2673.     <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
  2674.     <b:class cond='data:view.isPost' name='post-view'/>
  2675.     <b:class cond='data:view.isPage' name='page-view'/>
  2676.     <b:class cond='data:view.isMultipleItems' name='feed-view'/>
  2677.     <b:class cond='data:view.isSingleItem' name='item-view'/>
  2678.     <b:class name='version-1-3-0'/>
  2679.     <b:include name='skipNavigation'/>
  2680.     <div class='page'>
  2681.       <div class='page_body'>
  2682.         <div class='main-page-body-content'>
  2683.           <div class='centered-top-placeholder'/>
  2684.           <header class='centered-top-container' role='banner'>
  2685.             <div class='centered-top'>
  2686.               <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>
  2687.               <b:if cond='data:view.isPost'>
  2688.                 <div class='back-button-container'>
  2689.                   <a expr:href='data:blog.homepageUrl'>
  2690.                     <b:include data='{ iconClass: &quot;touch-icon back-button rtl-reversible-icon&quot; }' name='backArrowIcon'/>
  2691.                   </a>
  2692.                 </div>
  2693.               <b:else/>
  2694.                 <div class='hamburger-menu-container'>
  2695.                   <b:include data='{ iconClass: &quot;touch-icon hamburger-menu&quot; }' name='menuIcon'/>
  2696.                 </div>
  2697.               </b:if>
  2698.               <b:if cond='data:view.isLayoutMode or data:widgets any (w =&gt; w.sectionId == &quot;subscription&quot;)'>
  2699.                 <section class='subscribe-section-container'>
  2700.                   <button class='subscribe-button'><b:eval expr='data:messages.subscribe'/></button>
  2701.                   <div class='subscribe-popup-container'>
  2702.                     <div aria-labelledby='subscribe-title' class='subscribe-popup dialog hidden' role='dialog' tabindex='-1'>
  2703.                       <div role='document'>
  2704.                         <h3 class='subscribe-title' id='subscribe-title'><b:eval expr='data:messages.subscribeToThisBlog'/></h3>
  2705.                         <b:section id='subscription' name='Subscription' showaddelement='false'>
  2706.                           <b:widget id='FollowByEmail1' locked='true' title='Follow by Email' type='FollowByEmail' visible='false'>
  2707.                             <b:includable id='main'>
  2708.   <b:include name='widget-title'/>
  2709.   <b:include name='content'/>
  2710. </b:includable>
  2711.                             <b:includable id='content'>
  2712.   <div class='widget-content'>
  2713.     <div class='follow-by-email-inner'>
  2714.       <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2715.         <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
  2716.         <input class='follow-by-email-submit' expr:value='data:messages.getEmailNotifications' type='submit'/>
  2717.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2718.         <input name='loc' type='hidden' value='en_US'/>
  2719.       </form>
  2720.     </div>
  2721.   </div>
  2722. </b:includable>
  2723.                           </b:widget>
  2724.                         </b:section>
  2725.                       </div>
  2726.                     </div>
  2727.                   </div>
  2728.                 </section>
  2729.               </b:if>
  2730.               <b:if cond='data:view.isLayoutMode or data:widgets any (w =&gt; w.sectionId == &quot;search_top&quot;)'>
  2731.                 <div class='search'>
  2732.                   <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
  2733.                   <button class='search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
  2734.                     <div class='search-expand-text'><data:messages.search/></div>
  2735.                     <b:include data='{ iconClass: &quot;touch-icon search-expand-icon&quot; }' name='searchIcon'/>
  2736.                   </button>
  2737.                   <b:section id='search_top' name='Search (Top)' showaddelement='false'>
  2738.                     <b:widget id='BlogSearch1' locked='true' title='Rechercher dans ce blog' type='BlogSearch' visible='true'>
  2739.                       <b:includable id='main'>
  2740.   <b:include name='widget-title'/>
  2741.   <b:include name='content'/>
  2742. </b:includable>
  2743.                       <b:includable id='content'>
  2744.   <div class='widget-content' role='search'>
  2745.     <b:include name='searchForm'/>
  2746.   </div>
  2747. </b:includable>
  2748.                       <b:includable id='searchForm'>
  2749.   <form expr:action='data:blog.searchUrl'>
  2750.     <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
  2751.     <b:include name='urlParamsAsFormInput'/>
  2752.     <div class='search-input'>
  2753.       <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q'/>
  2754.     </div>
  2755.     <b:include name='searchSubmit'/>
  2756.   </form>
  2757. </b:includable>
  2758.                       <b:includable id='searchSubmit'>
  2759.           <b:if cond='data:widget.sectionId == &quot;search_top&quot;'>
  2760.             <label>
  2761.               <input type='submit'/>
  2762.               <b:include data='{ iconClass: &quot;touch-icon search-icon&quot; }' name='searchIcon'/>
  2763.             </label>
  2764.           <b:else/>
  2765.             <b:include name='super.searchSubmit'/>
  2766.           </b:if>
  2767.         </b:includable>
  2768.                     </b:widget>
  2769.                   </b:section>
  2770.                 </div>
  2771.               </b:if>
  2772.               <div class='blog-name'>
  2773.                 <b:section id='header' name='Header' showaddelement='false'>
  2774.                   <b:widget id='Header1' locked='true' title='LES JEUNE COMPTABLES (en-tête)' type='Header' visible='true'>
  2775.                     <b:widget-settings>
  2776.                       <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-4paI4eOzi1M/XouYkVqRC7I/AAAAAAAAAMw/9Y6mUbSJAVUfT3T4pjM5-Ki8OsBn8uO3ACK4BGAYYCw/s1600/finak.png</b:widget-setting>
  2777.                       <b:widget-setting name='displayHeight'>143</b:widget-setting>
  2778.                       <b:widget-setting name='sectionWidth'>711</b:widget-setting>
  2779.                       <b:widget-setting name='useImage'>true</b:widget-setting>
  2780.                       <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  2781.                       <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  2782.                       <b:widget-setting name='displayWidth'>125</b:widget-setting>
  2783.                     </b:widget-settings>
  2784.                     <b:includable id='main' var='this'>
  2785.     <div class='header-widget'>
  2786.       <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
  2787.       <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
  2788.       <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
  2789.     </div>
  2790.     <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
  2791.   </b:includable>
  2792.                     <b:includable id='behindImageStyle'>
  2793.     <b:if cond='data:sourceUrl'>
  2794.       <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
  2795.       <style type='text/css'>
  2796.         .header-widget {
  2797.           background-position: <data:blog.locale.languageAlignment/>;
  2798.           background-repeat: no-repeat;
  2799.           background-size: cover;
  2800.         }
  2801.       </style>
  2802.     </b:if>
  2803.   </b:includable>
  2804.                     <b:includable id='description'>
  2805.     <p>
  2806.       <data:this.description/>
  2807.     </p>
  2808.   </b:includable>
  2809.                     <b:includable id='image'>
  2810.           <b:include name='super.image'/>
  2811.           <!-- If we are replacing the title, force it to render anyway, and it'll be hidden in CSS. -->
  2812.           <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
  2813.         </b:includable>
  2814.                     <b:includable id='title'>
  2815.           <div>
  2816.             <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
  2817.             <b:include name='super.title'/>
  2818.           </div>
  2819.         </b:includable>
  2820.                   </b:widget>
  2821.                 </b:section>
  2822.                 <nav role='navigation'>
  2823.                   <b:section id='page_list_top' name='Page List (Top)' showaddelement='false'>
  2824.                     <b:widget id='PageList1' locked='true' title='Pages' type='PageList' visible='false'>
  2825.                       <b:widget-settings>
  2826.                         <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://nhablekdesignyebrahim.blogspot.com/', 'title': 'Accueil', 'position': 0}}]]></b:widget-setting>
  2827.                         <b:widget-setting name='homeTitle'>Accueil</b:widget-setting>
  2828.                       </b:widget-settings>
  2829.                       <b:includable id='main'>
  2830.   <b:include name='widget-title'/>
  2831.   <b:include name='content'/>
  2832. </b:includable>
  2833.                       <b:includable id='content'>
  2834.           <div class='widget-content'>
  2835.             <b:if cond='data:widget.sectionId == &quot;page_list_top&quot;'>
  2836.               <b:include name='overflowablePageList'/>
  2837.             <b:else/>
  2838.               <b:include name='pageList'/>
  2839.             </b:if>
  2840.           </div>
  2841.         </b:includable>
  2842.                       <b:includable id='overflowButton'>
  2843.           <a><data:messages.moreEllipsis/></a>
  2844.         </b:includable>
  2845.                       <b:includable id='overflowablePageList'>
  2846.   <div class='overflowable-container'>
  2847.     <div class='overflowable-contents'>
  2848.       <div class='container'>
  2849.         <b:with value='true' var='overflow'>
  2850.         <b:with value='&quot;tabs&quot;' var='pageListClass'>
  2851.           <b:include name='pageList'/>
  2852.         </b:with>
  2853.         </b:with>
  2854.       </div>
  2855.     </div>
  2856.     <div class='overflow-button hidden'>
  2857.       <b:include name='overflowButton'/>
  2858.     </div>
  2859.   </div>
  2860. </b:includable>
  2861.                       <b:includable id='pageLink'>
  2862.   <li>
  2863.     <b:class cond='data:overflow' name='overflowable-item'/>
  2864.     <b:class cond='data:link.isCurrentPage' name='selected'/>
  2865.  
  2866.     <a expr:href='data:link.href'><data:link.title/></a>
  2867.   </li>
  2868. </b:includable>
  2869.                       <b:includable id='pageList'>
  2870.   <ul>
  2871.     <b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
  2872.     <b:loop values='data:links' var='link'>
  2873.       <b:include name='pageLink'/>
  2874.     </b:loop>
  2875.   </ul>
  2876. </b:includable>
  2877.                     </b:widget>
  2878.                   </b:section>
  2879.                 </nav>
  2880.               </div>
  2881.             </div>
  2882.           </header>
  2883.           <div class='hero-image'>
  2884.             <b:class cond='data:skin.vars.body_background.image' name='has-image'/>
  2885.           </div>
  2886.           <main class='centered-bottom' id='main' role='main' tabindex='-1'>
  2887.             <b:if cond='data:view.isMultipleItems'>
  2888.               <h2 class='main-heading'><data:messages.posts/></h2>
  2889.             </b:if>
  2890.             <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'>
  2891.               <div class='post-filter-message'>
  2892.                 <div class='message-container'>
  2893.                   <b:if cond='data:view.isArchive'>
  2894.                     <data:view.archive.rangeMessage/>
  2895.                   <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
  2896.                     <data:view.search.resultsMessageHtml/>
  2897.                   </b:if>
  2898.                 </div>
  2899.                 <div class='home-link-container'>
  2900.                   <a class='home-link' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
  2901.                 </div>
  2902.               </div>
  2903.             </b:if>
  2904.             <b:section ads='true' class='main' id='page_body' name='Page Body' showaddelement='false'>
  2905.               <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'>
  2906.                 <b:widget-settings>
  2907.                   <b:widget-setting name='showSnippet'>true</b:widget-setting>
  2908.                   <b:widget-setting name='showPostTitle'>true</b:widget-setting>
  2909.                   <b:widget-setting name='showFirstImage'>true</b:widget-setting>
  2910.                   <b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
  2911.                 </b:widget-settings>
  2912.                 <b:includable id='main'>
  2913.           <b:with value='data:messages.featured' var='defaultTitle'>
  2914.             <b:include name='super.main'/>
  2915.           </b:with>
  2916.         </b:includable>
  2917.                 <b:includable id='emailPostIcon'>
  2918.           <!-- Replace icon with text -->
  2919.           <span class='byline'>
  2920.             <a class='flat-button' expr:href='data:post.emailPostUrl'><data:messages.emailPost/></a>
  2921.           </span>
  2922.         </b:includable>
  2923.                 <b:includable id='footerBylines'>
  2924.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  2925.             <b:include name='super.footerBylines'/>
  2926.           <b:else/>
  2927.             <b:include data='{ items: [[&quot;share&quot;, &quot;comments&quot;]] }' name='footerBylinesOverride'/>
  2928.           </b:if>
  2929.         </b:includable>
  2930.                 <b:includable id='headerByline'>
  2931.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  2932.             <b:include name='super.headerByline'/>
  2933.           <b:else/>
  2934.             <b:include data='{ items: [&quot;author&quot;, &quot;timestamp&quot;] }' name='headerBylineOverride'/>
  2935.           </b:if>
  2936.         </b:includable>
  2937.                 <b:includable id='postLabels'>
  2938.           <b:include cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;' name='super.postLabels'/>
  2939.         </b:includable>
  2940.                 <b:includable id='sharingButtonContent'>
  2941.           <b:message name='messages.share'/>
  2942.         </b:includable>
  2943.                 <b:includable id='snippetedPostByline' var='post'>
  2944.           <b:include name='headerByline'/>
  2945.         </b:includable>
  2946.                 <b:includable id='snippetedPostContent'>
  2947.           <b:with value='data:postDisplay.showFeaturedImage and data:post.featuredImage' var='hasImage'>
  2948.             <div class='post-content'>
  2949.               <b:class cond='data:hasImage' name='has-featured-image'/>
  2950.               <b:class cond='not data:hasImage' name='no-featured-image'/>
  2951.  
  2952.               <!-- Change the order and add a snippet container -->
  2953.               <b:include cond='data:hasImage' data='post' name='snippetedPostThumbnail'/>
  2954.               <div class='post-text-container'>
  2955.                 <b:include name='headerByline'/>
  2956.                 <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  2957.                 <b:with value='&quot;featured-post&quot;' var='snippetPrefix'>
  2958.                   <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
  2959.                 </b:with>
  2960.                 <div class='post-footer'>
  2961.                   <b:include name='footerBylines'/>
  2962.                   <b:include data='post' name='postJumpLink'/>
  2963.                 </div>
  2964.               </div>
  2965.             </div>
  2966.           </b:with>
  2967.         </b:includable>
  2968.                 <b:includable id='snippetedPostThumbnail'>
  2969.           <b:include data='{image: data:featuredImage, maxSize: 954, selector: &quot;.hero-thumb&quot;}' name='responsiveImageStyle'/>
  2970.           <a class='thumb-link' expr:href='data:post.url'><div class='thumb hero-thumb'/></a>
  2971.         </b:includable>
  2972.               </b:widget>
  2973.               <b:widget cond='data:view.isHomepage' id='AdSense1' locked='false' title='' type='AdSense' visible='true'>
  2974.                 <b:includable id='main'>
  2975.   <div class='widget-content'>
  2976.     <b:if cond='data:adCode'>
  2977.       <data:adCode/>
  2978.     <b:else/>
  2979.       <b:include name='defaultAdUnit'/>
  2980.     </b:if>
  2981.   </div>
  2982. </b:includable>
  2983.                 <b:includable id='defaultAdUnit'>
  2984.           <!-- Clear out style (need non-empty string) -->
  2985.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  2986.             <b:include name='super.defaultAdUnit'/>
  2987.           </b:with>
  2988.         </b:includable>
  2989.               </b:widget>
  2990.               <b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog' visible='true'>
  2991.                 <b:widget-settings>
  2992.                   <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  2993.                   <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  2994.                   <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  2995.                   <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  2996.                   <b:widget-setting name='style.urlcolor'>#000000</b:widget-setting>
  2997.                   <b:widget-setting name='showAuthor'>false</b:widget-setting>
  2998.                   <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  2999.                   <b:widget-setting name='style.linkcolor'>#01050c</b:widget-setting>
  3000.                   <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  3001.                   <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  3002.                   <b:widget-setting name='timestampLabel'/>
  3003.                   <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  3004.                   <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  3005.                   <b:widget-setting name='showLabels'>true</b:widget-setting>
  3006.                   <b:widget-setting name='showLocation'>true</b:widget-setting>
  3007.                   <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  3008.                   <b:widget-setting name='postsPerAd'>4</b:widget-setting>
  3009.                   <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  3010.                   <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  3011.                   <b:widget-setting name='showInlineAds'>true</b:widget-setting>
  3012.                   <b:widget-setting name='showReactions'>false</b:widget-setting>
  3013.                 </b:widget-settings>
  3014.                 <b:includable id='main'>
  3015.           <b:if cond='not data:posts.any'>
  3016.             <div class='no-posts'>
  3017.               <b:eval expr='data:view.isSearch ? data:messages.noResultsFound : data:messages.theresNothingHere'/>
  3018.             </div>
  3019.           </b:if>
  3020.  
  3021.           <!-- Display title on homepage -->
  3022.           <b:if cond='data:posts.any and data:view.isHomepage'>
  3023.             <h3 class='title'><data:messages.latestPosts/></h3>
  3024.           </b:if>
  3025.           <!-- Filter out the featured post, but only on the homepage. -->
  3026.           <b:with value='(data:widgets.FeaturedPost filter w =&gt; w.sectionId == &quot;page_body&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
  3027.             <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds) : data:posts' var='posts'>
  3028.               <b:include name='super.main'/>
  3029.             </b:with>
  3030.           </b:with>
  3031.         </b:includable>
  3032.                 <b:includable id='aboutPostAuthor'>
  3033.   <div class='author-name'>
  3034.     <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
  3035.       <span>
  3036.         <data:post.author.name/>
  3037.       </span>
  3038.     </a>
  3039.   </div>
  3040.   <div>
  3041.     <span class='author-desc'>
  3042.       <data:post.author.aboutMe/>
  3043.     </span>
  3044.   </div>
  3045. </b:includable>
  3046.                 <b:includable id='addComments'>
  3047.   <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  3048.     <b:message name='messages.postAComment'/>
  3049.   </a>
  3050. </b:includable>
  3051.                 <b:includable id='commentAuthorAvatar'>
  3052.   <div class='avatar-image-container'>
  3053.     <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
  3054.   </div>
  3055. </b:includable>
  3056.                 <b:includable id='commentDeleteIcon' var='comment'>
  3057.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  3058.     <b:if cond='data:showCmtPopup'>
  3059.       <div class='goog-toggle-button'>
  3060.         <div class='goog-inline-block comment-action-icon'/>
  3061.       </div>
  3062.     <b:else/>
  3063.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
  3064.         <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  3065.       </a>
  3066.     </b:if>
  3067.   </span>
  3068. </b:includable>
  3069.                 <b:includable id='commentForm' var='post'>
  3070.   <div class='comment-form'>
  3071.     <a name='comment-form'/>
  3072.     <h4 id='comment-post-message'><data:messages.postAComment/></h4>
  3073.     <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  3074.       <p><data:this.messages.blogComment/></p>
  3075.     </b:if>
  3076.     <b:include data='post' name='commentFormIframeSrc'/>
  3077.     <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3078.     <data:post.cmtfpIframe/>
  3079.     <script type='text/javascript'>
  3080.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3081.     </script>
  3082.   </div>
  3083. </b:includable>
  3084.                 <b:includable id='commentFormIframeSrc' var='post'>
  3085.   <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3086. </b:includable>
  3087.                 <b:includable id='commentItem' var='comment'>
  3088.   <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
  3089.     <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
  3090.  
  3091.     <div class='comment-block'>
  3092.       <div class='comment-author'>
  3093.         <b:if cond='data:comment.authorUrl'>
  3094.           <b:message name='messages.authorSaidWithLink'>
  3095.             <b:param expr:value='data:comment.author' name='authorName'/>
  3096.             <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
  3097.           </b:message>
  3098.         <b:else/>
  3099.           <b:message name='messages.authorSaid'>
  3100.             <b:param expr:value='data:comment.author' name='authorName'/>
  3101.           </b:message>
  3102.         </b:if>
  3103.       </div>
  3104.       <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
  3105.         <data:comment.body/>
  3106.       </div>
  3107.       <div class='comment-footer'>
  3108.         <span class='comment-timestamp'>
  3109.           <a expr:href='data:comment.url' title='comment permalink'>
  3110.             <data:comment.timestamp/>
  3111.           </a>
  3112.           <b:include data='comment' name='commentDeleteIcon'/>
  3113.         </span>
  3114.       </div>
  3115.     </div>
  3116.   </div>
  3117. </b:includable>
  3118.                 <b:includable id='commentList' var='comments'>
  3119.   <div id='comments-block'>
  3120.     <b:loop values='data:comments' var='comment'>
  3121.       <b:include data='comment' name='commentItem'/>
  3122.     </b:loop>
  3123.   </div>
  3124. </b:includable>
  3125.                 <b:includable id='commentPicker' var='post'>
  3126.   <b:if cond='data:post.commentSource == 1'>
  3127.     <b:include data='post' name='iframeComments'/>
  3128.   <b:elseif cond='data:post.showThreadedComments'/>
  3129.     <b:include data='post' name='threadedComments'/>
  3130.   <b:else/>
  3131.     <b:include data='post' name='comments'/>
  3132.   </b:if>
  3133. </b:includable>
  3134.                 <b:includable id='comments' var='post'>
  3135.   <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  3136.     <a name='comments'/>
  3137.     <b:if cond='data:post.allowComments'>
  3138.  
  3139.       <b:include name='commentsTitle'/>
  3140.  
  3141.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  3142.         <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
  3143.       </div>
  3144.  
  3145.       <b:if cond='data:post.commentPagingRequired'>
  3146.         <div class='paging-control-container'>
  3147.           <b:if cond='data:post.hasOlderLinks'>
  3148.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  3149.               <data:messages.oldest/>
  3150.             </a>
  3151.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  3152.               <data:messages.older/>
  3153.             </a>
  3154.           </b:if>
  3155.  
  3156.           <span class='comment-range-text'>
  3157.             <data:post.commentRangeText/>
  3158.           </span>
  3159.  
  3160.           <b:if cond='data:post.hasNewerLinks'>
  3161.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  3162.               <data:messages.newer/>
  3163.             </a>
  3164.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  3165.               <data:messages.newest/>
  3166.             </a>
  3167.           </b:if>
  3168.         </div>
  3169.       </b:if>
  3170.  
  3171.       <div class='footer'>
  3172.         <b:if cond='data:post.embedCommentForm'>
  3173.           <b:if cond='data:post.allowNewComments'>
  3174.             <b:include data='post' name='commentForm'/>
  3175.           <b:else/>
  3176.             <data:post.noNewCommentsText/>
  3177.           </b:if>
  3178.         <b:else/>
  3179.           <b:if cond='data:post.allowComments'>
  3180.             <b:include data='post' name='addComments'/>
  3181.           </b:if>
  3182.         </b:if>
  3183.       </div>
  3184.     </b:if>
  3185.     <b:if cond='data:showCmtPopup'>
  3186.       <div id='comment-popup'>
  3187.         <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3188.         </iframe>
  3189.       </div>
  3190.     </b:if>
  3191.   </section>
  3192. </b:includable>
  3193.                 <b:includable id='commentsTitle'>
  3194.   <h3 class='title'><data:messages.comments/></h3>
  3195. </b:includable>
  3196.                 <b:includable id='defaultAdUnit'>
  3197.           <!-- Clear out style (need non-empty string) -->
  3198.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  3199.             <b:include name='super.defaultAdUnit'/>
  3200.           </b:with>
  3201.         </b:includable>
  3202.                 <b:includable id='emailPostIcon'>
  3203.           <!-- Replace icon with text -->
  3204.           <span class='byline'>
  3205.             <a class='flat-button' expr:href='data:post.emailPostUrl'><data:messages.emailPost/></a>
  3206.           </span>
  3207.         </b:includable>
  3208.                 <b:includable id='feedLinks'>
  3209.           <!-- Don't render -->
  3210.         </b:includable>
  3211.                 <b:includable id='feedLinksBody' var='links'>
  3212.   <div class='feed-links'>
  3213.   <data:messages.subscribeTo/>
  3214.   <b:loop values='data:links' var='f'>
  3215.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  3216.   </b:loop>
  3217.   </div>
  3218. </b:includable>
  3219.                 <b:includable id='footerBylines'>
  3220.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  3221.             <b:include name='super.footerBylines'/>
  3222.           <b:else/>
  3223.             <b:include data='{ items: [[&quot;share&quot;, &quot;comments&quot;]] }' name='footerBylinesOverride'/>
  3224.           </b:if>
  3225.         </b:includable>
  3226.                 <b:includable id='headerByline'>
  3227.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  3228.             <b:include name='super.headerByline'/>
  3229.           <b:else/>
  3230.             <b:include data='{ items: [&quot;author&quot;, &quot;timestamp&quot;] }' name='headerBylineOverride'/>
  3231.           </b:if>
  3232.         </b:includable>
  3233.                 <b:includable id='homePageLink'>
  3234.   <a class='home-link' expr:href='data:blog.homepageUrl'>
  3235.     <data:messages.home/>
  3236.   </a>
  3237. </b:includable>
  3238.                 <b:includable id='iframeComments' var='post'>
  3239.   <b:if cond='data:post.allowIframeComments'>
  3240.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  3241.     <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  3242.  
  3243.     <b:if cond='!data:post.embedCommentForm'>
  3244.       <b:include data='post' name='commentsLink'/>
  3245.     </b:if>
  3246.   </b:if>
  3247. </b:includable>
  3248.                 <b:includable id='inlineAd' var='post'>
  3249.   <b:if cond='!data:view.isPreview'>
  3250.     <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
  3251.       <!-- Ad -->
  3252.       <div class='inline-ad'>
  3253.         <b:if cond='data:this.adCode != &quot;&quot;'>
  3254.           <data:this.adCode/>
  3255.         <b:else/>
  3256.           <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
  3257.         </b:if>
  3258.       </div>
  3259.     </b:if>
  3260.   <b:else/>
  3261.     <div class='inline-ad'>
  3262.       <div class='inline-ad-placeholder'>
  3263.         <span><b:message name='messages.adsGoHere'/></span>
  3264.       </div>
  3265.     </div>
  3266.   </b:if>
  3267. </b:includable>
  3268.                 <b:includable id='nextPageLink'>
  3269.   <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'>
  3270.     <data:messages.olderPosts/>
  3271.   </a>
  3272. </b:includable>
  3273.                 <b:includable id='post' var='post'>
  3274.           <b:if cond='data:view.isSingleItem'>
  3275.             <div class='post-sidebar'>
  3276.               <b:if cond='data:widgets.Blog.first.allBylineItems.share and data:post.shareUrl'>
  3277.                 <div class='post-sidebar-item post-share-buttons'>
  3278.                   <b:with value='data:widget.instanceId + &quot;-&quot; + (data:regionName ?: &quot;byline&quot;) + &quot;-&quot; + data:post.id' var='sharingId'>
  3279.                     <b:include data='{                                                              sharingId: data:sharingId,                                                              originalUrl: data:post.url,                                                              shareUrl: data:post.shareUrl,                                                              platforms: data:blog.sharing.platforms,                                                            }' name='sharingButtons'/>
  3280.                   </b:with>
  3281.                 </div>
  3282.               </b:if>
  3283.               <b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels'>
  3284.                 <div class='post-sidebar-item post-sidebar-labels'>
  3285.                   <div><data:messages.labels/></div>
  3286.                   <ul>
  3287.                     <b:loop index='i' values='data:post.labels' var='label'>
  3288.                       <li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
  3289.                     </b:loop>
  3290.                   </ul>
  3291.                 </div>
  3292.               </b:if>
  3293.             </div>
  3294.           </b:if>
  3295.           <div class='post'>
  3296.             <b:class cond='data:view.isMultipleItems and data:post.featuredImage' name='has-featured-image'/>
  3297.             <b:class cond='data:view.isMultipleItems and not data:post.featuredImage' name='no-featured-image'/>
  3298.             <b:include data='post' name='postMeta'/>
  3299.             <b:if cond='data:view.isSingleItem'>
  3300.               <b:include name='headerByline'/>
  3301.               <b:include data='post' name='postTitle'/>
  3302.               <div class='post-body-container'>
  3303.                 <b:include data='post' name='postBody'/>
  3304.               </div>
  3305.             <b:else/>
  3306.               <b:if cond='data:post.featuredImage'>
  3307.                 <div class='snippet-thumbnail'>
  3308.                   <a expr:href='data:post.url'>
  3309.                     <b:comment>Max width is 576, so max size @ 2x is 1152.</b:comment>
  3310.                     <b:include data='{                                        image: data:post.featuredImage,                                        imageSizes: [320,490,576,1152],                                        sourceSizes: &quot;(max-width: 576px) 100vw, (max-width: 1024px) 576px, 490px&quot;                                      }' name='responsiveImage'/>
  3311.                   </a>
  3312.                   <b:include name='headerByline'/>
  3313.                 </div>
  3314.               <b:else/>
  3315.                 <b:include name='headerByline'/>
  3316.               </b:if>
  3317.               <b:include data='post' name='postTitle'/>
  3318.             </b:if>
  3319.             <b:include data='post' name='postFooter'/>
  3320.           </div>
  3321.         </b:includable>
  3322.                 <b:includable id='postBody' var='post'>
  3323.   <!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->
  3324.   <div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'>
  3325.     <data:post.body/>
  3326.   </div>
  3327. </b:includable>
  3328.                 <b:includable id='postBodySnippet' var='post'>
  3329.   <b:include data='post' name='postBody'/>
  3330. </b:includable>
  3331.                 <b:includable id='postCommentsAndAd' var='post'>
  3332.           <!-- Always render inline ad inside container -->
  3333.           <div class='post-outer-container'>
  3334.             <div class='post-outer'>
  3335.               <b:include data='post' name='post'/>
  3336.             </div>
  3337.             <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
  3338.             <b:include cond='data:post.includeAd and data:post.adNumber lt (data:view.isHomepage ? 2 : 3)' data='post' name='inlineAd'/>
  3339.           </div>
  3340.         </b:includable>
  3341.                 <b:includable id='postCommentsLink'>
  3342.   <b:if cond='data:view.isMultipleItems'>
  3343.     <span class='byline post-comment-link container'>
  3344.       <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  3345.       <b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
  3346.     </span>
  3347.   </b:if>
  3348. </b:includable>
  3349.                 <b:includable id='postFooter' var='post'>
  3350.   <div class='post-footer'>
  3351.     <b:include name='footerBylines'/>
  3352.     <b:include data='post' name='postFooterAuthorProfile'/>
  3353.   </div>
  3354. </b:includable>
  3355.                 <b:includable id='postFooterAuthorProfile' var='post'>
  3356.   <b:if cond='data:post.author.aboutMe and data:view.isPost'>
  3357.     <div class='author-profile'>
  3358.       <b:if cond='data:post.author.authorPhoto.url'>
  3359.         <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
  3360.         <div class='author-about'>
  3361.           <b:include data='post' name='aboutPostAuthor'/>
  3362.         </div>
  3363.       <b:else/>
  3364.         <b:include data='post' name='aboutPostAuthor'/>
  3365.       </b:if>
  3366.     </div>
  3367.   </b:if>
  3368. </b:includable>
  3369.                 <b:includable id='postHeader' var='post'>
  3370.   <b:include name='headerByline'/>
  3371. </b:includable>
  3372.                 <b:includable id='postLabels'>
  3373.           <b:include cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;' name='super.postLabels'/>
  3374.         </b:includable>
  3375.                 <b:includable id='postMeta' var='post'>
  3376.   <b:include data='post' name='postMetadataJSON'/>
  3377. </b:includable>
  3378.                 <b:includable id='postPagination'>
  3379.   <div class='blog-pager container' id='blog-pager'>
  3380.     <b:include cond='data:newerPageUrl' name='previousPageLink'/>
  3381.     <b:include cond='data:olderPageUrl' name='nextPageLink'/>
  3382.     <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
  3383.   </div>
  3384. </b:includable>
  3385.                 <b:includable id='postTitle' var='post'>
  3386.   <a expr:name='data:post.id'/>
  3387.   <b:if cond='data:post.title != &quot;&quot;'>
  3388.     <h3 class='post-title entry-title'>
  3389.       <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
  3390.         <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
  3391.       <b:else/>
  3392.         <data:post.title/>
  3393.       </b:if>
  3394.     </h3>
  3395.   </b:if>
  3396. </b:includable>
  3397.                 <b:includable id='previousPageLink'>
  3398.   <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:messages.newerPosts'>
  3399.     <data:messages.newerPosts/>
  3400.   </a>
  3401. </b:includable>
  3402.                 <b:includable id='sharingButtonContent'>
  3403.           <b:message name='messages.share'/>
  3404.         </b:includable>
  3405.                 <b:includable id='threadedCommentForm' var='post'>
  3406.   <div class='comment-form'>
  3407.     <a name='comment-form'/>
  3408.     <h4 id='comment-post-message'><data:messages.postAComment/></h4>
  3409.     <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  3410.       <p><data:this.messages.blogComment/></p>
  3411.     </b:if>
  3412.     <b:include data='post' name='commentFormIframeSrc'/>
  3413.     <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3414.     <data:post.cmtfpIframe/>
  3415.     <script type='text/javascript'>
  3416.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3417.     </script>
  3418.   </div>
  3419. </b:includable>
  3420.                 <b:includable id='threadedCommentJs' var='post'>
  3421.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  3422.   <b:template-script inline='true' name='threaded_comments'/>
  3423.   <script type='text/javascript'>
  3424.     blogger.widgets.blog.initThreadedComments(
  3425.         <data:post.commentJso/>,
  3426.         <data:post.commentMsgs/>,
  3427.         <data:post.commentConfig/>);
  3428.   </script>
  3429. </b:includable>
  3430.                 <b:includable id='threadedComments' var='post'>
  3431.   <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  3432.     <a name='comments'/>
  3433.  
  3434.     <b:include name='commentsTitle'/>
  3435.  
  3436.     <div class='comments-content'>
  3437.       <b:if cond='data:post.embedCommentForm'>
  3438.         <b:include data='post' name='threadedCommentJs'/>
  3439.       </b:if>
  3440.       <div id='comment-holder'>
  3441.          <data:post.commentHtml/>
  3442.       </div>
  3443.     </div>
  3444.  
  3445.     <p class='comment-footer'>
  3446.       <b:if cond='data:post.allowNewComments'>
  3447.         <b:include data='post' name='threadedCommentForm'/>
  3448.       <b:else/>
  3449.         <data:post.noNewCommentsText/>
  3450.       </b:if>
  3451.     </p>
  3452.  
  3453.     <b:if cond='data:showCmtPopup'>
  3454.       <div id='comment-popup'>
  3455.         <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3456.         </iframe>
  3457.       </div>
  3458.     </b:if>
  3459.   </section>
  3460. </b:includable>
  3461.               </b:widget>
  3462.               <b:widget cond='data:view.isSingleItem and data:posts any (p =&gt; p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'>
  3463.                 <b:widget-settings>
  3464.                   <b:widget-setting name='numItemsToShow'>2</b:widget-setting>
  3465.                   <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  3466.                   <b:widget-setting name='showSnippets'>true</b:widget-setting>
  3467.                   <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  3468.                 </b:widget-settings>
  3469.                 <b:includable id='main'>
  3470.           <!-- Default the title to 'Popular posts'. -->
  3471.           <b:with value='data:messages.popularPosts' var='defaultTitle'>
  3472.             <b:include name='super.main'/>
  3473.           </b:with>
  3474.         </b:includable>
  3475.                 <b:includable id='emailPostIcon'>
  3476.           <!-- Replace icon with text -->
  3477.           <span class='byline'>
  3478.             <a class='flat-button' expr:href='data:post.emailPostUrl'><data:messages.emailPost/></a>
  3479.           </span>
  3480.         </b:includable>
  3481.                 <b:includable id='footerBylines'>
  3482.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  3483.             <b:include name='super.footerBylines'/>
  3484.           <b:else/>
  3485.             <b:include data='{ items: [[&quot;share&quot;, &quot;comments&quot;]] }' name='footerBylinesOverride'/>
  3486.           </b:if>
  3487.         </b:includable>
  3488.                 <b:includable id='headerByline'>
  3489.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  3490.             <b:include name='super.headerByline'/>
  3491.           <b:else/>
  3492.             <b:include data='{ items: [&quot;author&quot;, &quot;timestamp&quot;] }' name='headerBylineOverride'/>
  3493.           </b:if>
  3494.         </b:includable>
  3495.                 <b:includable id='postLabels'>
  3496.           <b:include cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;' name='super.postLabels'/>
  3497.         </b:includable>
  3498.                 <b:includable id='sharingButtonContent'>
  3499.           <b:message name='messages.share'/>
  3500.         </b:includable>
  3501.                 <b:includable id='snippetedPostContent'>
  3502.           <div class='post'>
  3503.             <b:class cond='data:post.featuredImage' name='has-featured-image'/>
  3504.             <b:class cond='not data:post.featuredImage' name='no-featured-image'/>
  3505.             <b:if cond='data:post.featuredImage'>
  3506.               <div class='snippet-thumbnail'>
  3507.                 <a expr:href='data:post.url'>
  3508.                   <b:include data='{                                      image: data:post.featuredImage,                                      imageSizes: [330,660,1320],                                      sourceSizes: &quot;(max-width: 660px) 100vw, 660px&quot;                                    }' name='responsiveImage'/>
  3509.                 </a>
  3510.                 <b:include name='headerByline'/>
  3511.               </div>
  3512.             <b:else/>
  3513.               <b:include name='headerByline'/>
  3514.             </b:if>
  3515.             <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  3516.             <div class='post-footer'>
  3517.               <b:include name='footerBylines'/>
  3518.             </div>
  3519.           </div>
  3520.         </b:includable>
  3521.               </b:widget>
  3522.             </b:section>
  3523.           </main>
  3524.         </div>
  3525.         <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
  3526.           <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
  3527.             <b:widget-settings>
  3528.               <b:widget-setting name='copyright'/>
  3529.             </b:widget-settings>
  3530.             <b:includable id='main' var='this'>
  3531.   <div class='widget-content'>
  3532.     <div class='blogger'>
  3533.       <a expr:href='data:bloggerUrl' rel='nofollow'>
  3534.         <b:include name='flatBloggerIcon'/>
  3535.         <b:message name='messages.poweredByBlogger'/>
  3536.       </a>
  3537.     </div>
  3538.  
  3539.     <b:if cond='data:imageAuthor'>
  3540.       <div class='image-attribution'>
  3541.         <b:if cond='data:imageAuthor.url'>
  3542.           <b:message name='messages.templateImagesByLink'>
  3543.             <b:param expr:value='data:imageAuthor.url'/>
  3544.             <b:param expr:value='data:imageAuthor.name'/>
  3545.           </b:message>
  3546.         <b:else/>
  3547.           <b:message name='messages.templateImagesBy'>
  3548.             <b:param expr:value='data:imageAuthor.name'/>
  3549.           </b:message>
  3550.         </b:if>
  3551.       </div>
  3552.     </b:if>
  3553.  
  3554.     <b:if cond='data:copyright != &quot;&quot;'>
  3555.       <div class='copyright'><data:copyright/></div>
  3556.     </b:if>
  3557.   </div>
  3558. </b:includable>
  3559.           </b:widget>
  3560.         </b:section>
  3561.       </div>
  3562.     </div>
  3563.     <aside class='sidebar-container container sidebar-invisible' role='complementary'>
  3564.       <div class='navigation'>
  3565.         <b:include data='{ iconClass: &quot;touch-icon sidebar-back rtl-reversible-icon&quot; }' name='backArrowIcon'/>
  3566.       </div>
  3567.       <b:section id='sidebar' name='Sidebar' preferred='yes'>
  3568.         <b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile' visible='true'>
  3569.           <b:widget-settings>
  3570.             <b:widget-setting name='showaboutme'>true</b:widget-setting>
  3571.             <b:widget-setting name='showlocation'>false</b:widget-setting>
  3572.           </b:widget-settings>
  3573.           <b:includable id='main' var='this'>
  3574.           <!-- Remove widget title -->
  3575.           <b:include name='content'/>
  3576.         </b:includable>
  3577.           <b:includable id='authorProfileImage'>
  3578.   <img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>
  3579. </b:includable>
  3580.           <b:includable id='content'>
  3581.   <b:if cond='data:team'>
  3582.     <div class='widget-content team'>
  3583.       <b:include name='teamProfile'/>
  3584.     </div>
  3585.   <b:else/>
  3586.     <div class='widget-content individual'>
  3587.       <b:include name='userProfile'/>
  3588.     </div>
  3589.   </b:if>
  3590. </b:includable>
  3591.           <b:includable id='defaultProfileImage'>
  3592.           <div class='default-avatar-wrapper'>
  3593.             <b:include data='{ iconClass: &quot;avatar-icon&quot; }' name='defaultAvatarIcon'/>
  3594.           </div>
  3595.         </b:includable>
  3596.           <b:includable id='profileImage'>
  3597.   <b:if cond='data:authorPhoto.image'>
  3598.     <b:include name='authorProfileImage'/>
  3599.   <b:else/>
  3600.     <b:include name='defaultProfileImage'/>
  3601.   </b:if>
  3602. </b:includable>
  3603.           <b:includable id='teamProfile'>
  3604.   <ul>
  3605.     <b:loop values='data:authors' var='author'>
  3606.       <li>
  3607.         <div class='team-member'>
  3608.           <b:include data='author' name='teamProfileLink'/>
  3609.         </div>
  3610.       </li>
  3611.     </b:loop>
  3612.   </ul>
  3613. </b:includable>
  3614.           <b:includable id='teamProfileLink'>
  3615.           <!-- Remove background image, add "Visit profile" message -->
  3616.           <a class='profile-link g-profile' expr:href='data:userUrl'>
  3617.             <b:include name='profileImage'/>
  3618.             <div class='profile-name-wrapper'>
  3619.               <div class='profile-name'><data:display-name/></div>
  3620.               <div class='visit-profile'><data:messages.visitProfile/></div>
  3621.             </div>
  3622.           </a>
  3623.         </b:includable>
  3624.           <b:includable id='userGoogleProfile'>
  3625.   <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
  3626. </b:includable>
  3627.           <b:includable id='userLocation'>
  3628.   <dd class='profile-data location'><data:location/></dd>
  3629. </b:includable>
  3630.           <b:includable id='userProfile'>
  3631.   <b:include name='userProfileImage'/>
  3632.   <b:include name='userProfileInfo'/>
  3633. </b:includable>
  3634.           <b:includable id='userProfileData'>
  3635.   <dt class='profile-data'>
  3636.     <b:include name='userProfileLink'/>
  3637.     <b:include cond='data:hasgoogleprofile' name='userGoogleProfile'/>
  3638.   </dt>
  3639. </b:includable>
  3640.           <b:includable id='userProfileImage'>
  3641.   <a expr:href='data:userUrl' rel='nofollow'>
  3642.     <b:include name='profileImage'/>
  3643.   </a>
  3644. </b:includable>
  3645.           <b:includable id='userProfileInfo'>
  3646.   <div class='profile-info'>
  3647.     <dl class='profile-datablock'>
  3648.       <b:class cond='data:showlocation and data:location != &quot;&quot;' name='has-location'/>
  3649.  
  3650.       <b:include name='userProfileData'/>
  3651.       <b:include cond='data:showlocation and data:location != &quot;&quot;' name='userLocation'/>
  3652.       <b:include cond='data:aboutme != &quot;&quot;' name='userProfileText'/>
  3653.     </dl>
  3654.     <b:include name='viewProfileLink'/>
  3655.   </div>
  3656. </b:includable>
  3657.           <b:includable id='userProfileLink'>
  3658.   <a class='profile-link g-profile' expr:href='data:userUrl' rel='author nofollow'>
  3659.     <data:displayname/>
  3660.   </a>
  3661. </b:includable>
  3662.           <b:includable id='userProfileText'>
  3663.   <dd class='profile-textblock'>
  3664.     <data:aboutme/>
  3665.   </dd>
  3666. </b:includable>
  3667.           <b:includable id='viewProfileLink'>
  3668.           <!-- Change message to "Visit profile" -->
  3669.           <a class='profile-link' expr:href='data:userUrl' rel='author'>
  3670.             <data:messages.visitProfile/>
  3671.           </a>
  3672.         </b:includable>
  3673.         </b:widget>
  3674.         <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' visible='true'>
  3675.           <b:widget-settings>
  3676.             <b:widget-setting name='showStyle'>FLAT</b:widget-setting>
  3677.             <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
  3678.             <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
  3679.             <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
  3680.             <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
  3681.             <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
  3682.             <b:widget-setting name='chronological'>false</b:widget-setting>
  3683.             <b:widget-setting name='showPosts'>false</b:widget-setting>
  3684.             <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
  3685.           </b:widget-settings>
  3686.           <b:includable id='main' var='this'>
  3687.           <details class='collapsible extendable'>
  3688.             <b:attr cond='data:view.isArchive' name='open' value='open'/>
  3689.             <b:with value='true' var='renderAsDetails'>
  3690.             <b:with value='data:messages.archive' var='defaultTitle'>
  3691.               <b:include name='super.main'/>
  3692.             </b:with>
  3693.             </b:with>
  3694.           </details>
  3695.         </b:includable>
  3696.           <b:includable id='content'>
  3697.   <div class='widget-content'>
  3698.     <div id='ArchiveList'>
  3699.       <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  3700.         <b:include cond='data:this.style == &quot;HIERARCHY&quot;' name='hierarchy'/>
  3701.         <b:include cond='data:this.style in {&quot;FLAT&quot;, &quot;MENU&quot;}' name='flat'/>
  3702.       </div>
  3703.     </div>
  3704.   </div>
  3705. </b:includable>
  3706.           <b:includable id='flat'>
  3707.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.flat&quot;                             }' name='extendableItems'/>
  3708.         </b:includable>
  3709.           <b:includable id='hierarchy'>
  3710.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               limit: 1,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.hierarchy&quot;                             }' name='extendableItems'/>
  3711.         </b:includable>
  3712.           <b:includable id='interval' var='intervals'>
  3713.   <ul class='hierarchy'>
  3714.     <b:loop values='data:intervals' var='interval'>
  3715.       <li class='archivedate'>
  3716.         <div class='hierarchy-title'>
  3717.           <a class='post-count-link' expr:href='data:interval.url'>
  3718.             <data:interval.name/>
  3719.             <span class='post-count'><data:interval.post-count/></span>
  3720.           </a>
  3721.         </div>
  3722.         <div class='hierarchy-content'>
  3723.           <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  3724.           <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  3725.         </div>
  3726.       </li>
  3727.     </b:loop>
  3728.   </ul>
  3729. </b:includable>
  3730.           <b:includable id='posts' var='posts'>
  3731.   <ul class='posts hierarchy'>
  3732.     <b:loop values='data:posts' var='post'>
  3733.       <li>
  3734.         <a expr:href='data:post.url'><data:post.title/></a>
  3735.       </li>
  3736.     </b:loop>
  3737.   </ul>
  3738. </b:includable>
  3739.         </b:widget>
  3740.         <b:widget id='Label1' locked='false' title='Libellés' type='Label' visible='true'>
  3741.           <b:widget-settings>
  3742.             <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  3743.             <b:widget-setting name='display'>LIST</b:widget-setting>
  3744.             <b:widget-setting name='selectedLabelsList'/>
  3745.             <b:widget-setting name='showType'>ALL</b:widget-setting>
  3746.             <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  3747.           </b:widget-settings>
  3748.           <b:includable id='main' var='this'>
  3749.           <details class='collapsible extendable'>
  3750.             <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>
  3751.             <b:with value='true' var='renderAsDetails'>
  3752.             <b:with value='data:messages.labels' var='defaultTitle'>
  3753.               <b:include name='super.main'/>
  3754.             </b:with>
  3755.             </b:with>
  3756.           </details>
  3757.         </b:includable>
  3758.           <b:includable id='cloud'>
  3759.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.cloud&quot;                             }' name='extendableItems'/>
  3760.         </b:includable>
  3761.           <b:includable id='content'>
  3762.   <div class='widget-content'>
  3763.     <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
  3764.     <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  3765.     <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  3766.   </div>
  3767. </b:includable>
  3768.           <b:includable id='list'>
  3769.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.list&quot;                             }' name='extendableItems'/>
  3770.         </b:includable>
  3771.         </b:widget>
  3772.         <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'>
  3773.           <b:includable id='main'>
  3774.   <b:include name='reportAbuse'/>
  3775. </b:includable>
  3776.         </b:widget>
  3777.         <b:widget id='HTML1' locked='false' title='Website Border[On/Off]' type='HTML' version='1'>
  3778.           <b:widget-settings>
  3779.             <b:widget-setting name='content'>on</b:widget-setting>
  3780.           </b:widget-settings>
  3781.           <b:includable id='main'>
  3782.          
  3783.             &lt;script type=&#39;text/javascript&#39;&gt;
  3784.             var websiteborder = &#39;<data:content/>&#39;;
  3785.             if(websiteborder==&#39;on&#39;||websiteborder==&#39;ON&#39;||websiteborder==&#39;On&#39;){
  3786.                 $(&#39;body&#39;).addClass(&#39;websiteborder&#39;);                
  3787.             }
  3788.             else if(websiteborder==&#39;off&#39;||websiteborder==&#39;OFF&#39;||websiteborder==&#39;Off&#39;){
  3789.                 $(&#39;body&#39;).addClass(&#39;nowebsiteborder&#39;);            
  3790.             }      
  3791.             else{
  3792.                 $(&#39;body&#39;).addClass(&#39;nowebsiteborder&#39;);            
  3793.             }  
  3794.  
  3795.             &lt;/script&gt;
  3796.          
  3797.         </b:includable>
  3798.         </b:widget>
  3799.         <b:widget id='HTML2' locked='false' title='Website Border Color' type='HTML' version='1'>
  3800.           <b:widget-settings>
  3801.             <b:widget-setting name='content'/>
  3802.           </b:widget-settings>
  3803.           <b:includable id='main'>
  3804.  
  3805.             &lt;style&gt;
  3806.           .websiteborder{border-color:<data:content/>;}
  3807.             &lt;/style&gt;
  3808.          
  3809.         </b:includable>
  3810.         </b:widget>
  3811.         <b:widget id='HTML3' locked='false' title='Top Social Icons' type='HTML' version='1'>
  3812.           <b:widget-settings>
  3813.             <b:widget-setting name='content'>&lt;div class=&quot;topsocial&quot;&gt;
  3814. &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-facebook-square&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
  3815. &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
  3816. &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-instagram&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
  3817. &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-behance&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
  3818. &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-rss&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
  3819. &lt;/div&gt;</b:widget-setting>
  3820.           </b:widget-settings>
  3821.           <b:includable id='main'>
  3822.   <!-- only display title if it's non-empty -->
  3823.  
  3824.     <data:content/>
  3825.  
  3826.   <b:include name='quickedit'/>
  3827. </b:includable>
  3828.         </b:widget>
  3829.         <b:widget id='LinkList1' locked='false' title='' type='LinkList' visible='false'>
  3830.           <b:widget-settings>
  3831.             <b:widget-setting name='link-3'>http://pinterest.com</b:widget-setting>
  3832.             <b:widget-setting name='sorting'>NONE</b:widget-setting>
  3833.             <b:widget-setting name='link-4'>http://instagram.com</b:widget-setting>
  3834.             <b:widget-setting name='text-1'>twitter</b:widget-setting>
  3835.             <b:widget-setting name='link-1'>http://twitter.com</b:widget-setting>
  3836.             <b:widget-setting name='text-0'>facebook</b:widget-setting>
  3837.             <b:widget-setting name='link-2'>http://plus.google.com</b:widget-setting>
  3838.             <b:widget-setting name='text-3'>pinterest</b:widget-setting>
  3839.             <b:widget-setting name='link-0'>http://facebook.com</b:widget-setting>
  3840.             <b:widget-setting name='text-2'>google plus</b:widget-setting>
  3841.             <b:widget-setting name='text-4'>Instagram</b:widget-setting>
  3842.           </b:widget-settings>
  3843.           <b:includable id='main'>
  3844.   <b:include name='widget-title'/>
  3845.   <b:include name='content'/>
  3846. </b:includable>
  3847.           <b:includable id='content'>
  3848.  <div class='widget-content'>
  3849.    <ul>
  3850.      <b:loop values='data:links' var='link'>
  3851.        <li><a expr:href='data:link.target'><data:link.name/></a></li>
  3852.      </b:loop>
  3853.    </ul>
  3854.  </div>
  3855. </b:includable>
  3856.         </b:widget>
  3857.         <b:widget id='HTML4' locked='false' title='What&apos;s New' type='HTML' version='1'>
  3858.           <b:widget-settings>
  3859.             <b:widget-setting name='content'>slide</b:widget-setting>
  3860.           </b:widget-settings>
  3861.           <b:includable id='main'>
  3862.   <!-- only display title if it's non-empty -->
  3863. <b:if cond='data:blog.pageType == &quot;index&quot;'>  
  3864. <div class='topbannercarousel1'>
  3865.  
  3866. <b:if cond='data:title != &quot;&quot;'>
  3867.     <h2 class='title'><data:title/></h2>
  3868.   </b:if>
  3869.  
  3870. <script>
  3871.   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
  3872.                         </script>
  3873.  
  3874.   </div></b:if>
  3875.   <b:include name='quickedit'/>
  3876. </b:includable>
  3877.         </b:widget>
  3878.         <b:widget id='HTML5' locked='false' title='Instagram' type='HTML' visible='false'>
  3879.           <b:widget-settings>
  3880.             <b:widget-setting name='content'>&lt;div id=&#39;instafeed&#39;/&gt;
  3881.  
  3882.  
  3883. &lt;script type=&#39;text/javascript&#39;&gt;//&lt;![CDATA[
  3884.  
  3885. var feed = new Instafeed({
  3886.  get: &#39;user&#39;,
  3887.  userId: 1091991451,
  3888.   limit:8,
  3889.   sortBy:&#39;random&#39;,
  3890. accessToken: &#39;1091991451.1677ed0.27a05518da0f41259d7992d60690c27d&#39;,
  3891. template: &#39;&lt;li&gt;&lt;a href=&quot;{{link}}&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;{{image}}&quot; /&gt;&lt;div class=&quot;insta-likes&quot;&gt;&lt;div style=&quot;display: table; vertical-align: middle; height: 100%; width: 100%;&quot;&gt;&lt;span style=&quot;display: table-cell; vertical-align: middle; height: 100%; width: 100%;&quot;&gt;{{likes}} &lt;i class=&quot;fa fa-heart&quot;&gt;&lt;/i&gt;&lt;br/&gt;{{comments}} &lt;i class=&quot;fa fa-comment&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;&#39;,
  3892.  resolution: &#39;standard_resolution&#39;
  3893.  });
  3894.  feed.run();
  3895.  
  3896.  
  3897. //]]&gt;
  3898. &lt;/script&gt;&lt;/div&gt;</b:widget-setting>
  3899.           </b:widget-settings>
  3900.           <b:includable id='main'>
  3901.   <b:include name='widget-title'/>
  3902.   <div class='widget-content'>
  3903.     <data:content/>
  3904.   </div>
  3905. </b:includable>
  3906.         </b:widget>
  3907.         <b:widget id='HTML6' locked='false' title='' type='HTML' version='1'>
  3908.           <b:widget-settings>
  3909.             <b:widget-setting name='content'>FLEX</b:widget-setting>
  3910.           </b:widget-settings>
  3911.           <b:includable id='main'>
  3912.   <!-- only display title if it's non-empty -->
  3913.  
  3914. <div class='footerbannercarousel'>
  3915. <script>
  3916.   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
  3917.                         </script>
  3918.  
  3919.                 </div>
  3920.   <b:include name='quickedit'/>
  3921. </b:includable>
  3922.         </b:widget>
  3923.         <b:widget id='HTML7' locked='false' title='recent posts' type='HTML' version='1'>
  3924.           <b:widget-settings>
  3925.             <b:widget-setting name='content'>FLEX</b:widget-setting>
  3926.           </b:widget-settings>
  3927.           <b:includable id='main'>
  3928.   <!-- only display title if it's non-empty -->
  3929.  
  3930. <div class='topbannercarousel'>
  3931. <script>
  3932.   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
  3933.                         </script>
  3934.  
  3935.                 </div>
  3936.   <b:include name='quickedit'/>
  3937. </b:includable>
  3938.         </b:widget>
  3939.         <b:widget id='HTML8' locked='false' title='Main Menu Bar' type='HTML' version='1'>
  3940.           <b:widget-settings>
  3941.             <b:widget-setting name='content'>&lt;ul class=&#39;topmenu1 megamenu&#39; id=&#39;megamenuid&#39;&gt;
  3942.   &lt;li&gt;&lt;a href=&#39;/&#39;&gt;Home&lt;/a&gt;&lt;/li&gt;
  3943. &lt;li&gt;&lt;a class=&#39;menu-target&#39; href=&#39;#&#39;&gt;Megamenu&lt;/a&gt;
  3944.   &lt;ul class=&#39;ulmenu&#39;&gt;
  3945.        &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Travel&#39;&gt;Travel&lt;/a&gt;&lt;/li&gt;
  3946.        &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Lifestyle&#39;&gt;Lifestyle&lt;/a&gt;&lt;/li&gt;
  3947.        &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Fashion&#39;&gt;Fashion&lt;/a&gt;&lt;/li&gt;
  3948.        &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Beauty&#39;&gt;Beauty&lt;/a&gt;&lt;/li&gt;
  3949.   &lt;/ul&gt;&lt;/li&gt;
  3950.   &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Features&lt;/a&gt;
  3951.   &lt;ul class=&#39;singlemenu&#39;&gt;
  3952.        &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/2017/09/posing-near-wardrobe.html&#39;&gt;Left Sidebar Post&lt;/a&gt;&lt;/li&gt;
  3953.        &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/2014/02/traveling-with-my-bike-in-this-awesome.html&#39;&gt;Fullwidth Post&lt;/a&gt;&lt;/li&gt;
  3954.        &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/2014/02/enjoying-breeze-at-small-island.html&#39;&gt;Right Sidebar Post&lt;/a&gt;&lt;/li&gt;
  3955.        &lt;/ul&gt;
  3956. &lt;/li&gt;
  3957.   &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Country&lt;/a&gt;
  3958.   &lt;ul class=&#39;singlemenu&#39;&gt;
  3959.        &lt;li&gt;&lt;a href=&#39;#&#39;&gt;United States&lt;/a&gt;&lt;/li&gt;
  3960.        &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Australia&lt;/a&gt;&lt;/li&gt;
  3961.        &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Denmark&lt;/a&gt;&lt;/li&gt;
  3962.        &lt;li&gt;&lt;a href=&#39;#&#39;&gt;United Kingdom&lt;/a&gt;&lt;/li&gt;
  3963.        &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Egypt&lt;/a&gt;&lt;/li&gt;
  3964.        &lt;li&gt;&lt;a href=&#39;#&#39;&gt;India&lt;/a&gt;&lt;/li&gt;
  3965.        &lt;/ul&gt;
  3966. &lt;/li&gt;
  3967. &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Fashion&lt;/a&gt;&lt;/li&gt;
  3968.   &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Download&lt;/a&gt;&lt;/li&gt;
  3969. &lt;/ul&gt;</b:widget-setting>
  3970.           </b:widget-settings>
  3971.           <b:includable id='main'>
  3972.   <!-- only display title if it's non-empty -->
  3973.  
  3974.     <data:content/>
  3975.  
  3976.   <b:include name='quickedit'/>
  3977. </b:includable>
  3978.         </b:widget>
  3979.         <b:widget id='HTML9' locked='false' mobile='yes' title='Slide Grid' type='HTML' version='1'>
  3980.           <b:widget-settings>
  3981.             <b:widget-setting name='content'>Featured</b:widget-setting>
  3982.           </b:widget-settings>
  3983.           <b:includable id='main'>     
  3984. <div class='preload'>
  3985.                                                 <!-- Begin item -->
  3986.        
  3987. <script>
  3988.                               document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts26\&quot;&gt;&lt;\/script&gt;&quot;);
  3989.                             </script>
  3990.   </div>
  3991. </b:includable>
  3992.         </b:widget>
  3993.         <b:widget id='Label2' locked='false' title='Category' type='Label' visible='false'>
  3994.           <b:widget-settings>
  3995.             <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  3996.             <b:widget-setting name='display'>LIST</b:widget-setting>
  3997.             <b:widget-setting name='selectedLabelsList'>Break,Food,Slider,Sport,Technology,Video</b:widget-setting>
  3998.             <b:widget-setting name='showType'>ALL</b:widget-setting>
  3999.             <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  4000.           </b:widget-settings>
  4001.           <b:includable id='main' var='this'>
  4002.           <details class='collapsible extendable'>
  4003.             <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>
  4004.             <b:with value='true' var='renderAsDetails'>
  4005.             <b:with value='data:messages.labels' var='defaultTitle'>
  4006.               <b:include name='super.main'/>
  4007.             </b:with>
  4008.             </b:with>
  4009.           </details>
  4010.         </b:includable>
  4011.           <b:includable id='cloud'>
  4012.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.cloud&quot;                             }' name='extendableItems'/>
  4013.         </b:includable>
  4014.           <b:includable id='content'>
  4015.   <div class='widget-content'>
  4016.     <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
  4017.     <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  4018.     <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  4019.   </div>
  4020. </b:includable>
  4021.           <b:includable id='list'>
  4022.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.list&quot;                             }' name='extendableItems'/>
  4023.         </b:includable>
  4024.         </b:widget>
  4025.         <b:widget id='HTML10' locked='false' title='Stay Connected' type='HTML' visible='false'>
  4026.           <b:widget-settings>
  4027.             <b:widget-setting name='content'>&lt;ul class=&quot;social-iconz&quot;&gt;
  4028. &lt;li class=&quot;facebook&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4029. &lt;li class=&quot;twitter&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4030. &lt;li class=&quot;instagram&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-instagram&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4031. &lt;li class=&quot;youtube&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-youtube&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4032. &lt;li class=&quot;snapchat&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-snapchat&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4033. &lt;li class=&quot;dribbble&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-dribbble&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4034. &lt;li class=&quot;rss&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-rss&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4035. &lt;li class=&quot;behance&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-behance&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4036. &lt;li class=&quot;vimeo&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-vimeo&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4037. &lt;/ul&gt;</b:widget-setting>
  4038.           </b:widget-settings>
  4039.           <b:includable id='main'>
  4040.   <b:include name='widget-title'/>
  4041.   <div class='widget-content'>
  4042.     <data:content/>
  4043.   </div>
  4044. </b:includable>
  4045.         </b:widget>
  4046.         <b:widget id='HTML11' locked='false' title='About Me' type='HTML' visible='false'>
  4047.           <b:widget-settings>
  4048.             <b:widget-setting name='content'><![CDATA[<a href="http://www.oddthemes.com/2019/09/narrator-personal-blogger-template.html"><img src="http://2.bp.blogspot.com/-O9D66zuqWX8/XYIswv3n7_I/AAAAAAAAflo/e4KlEsAFU3UhM8jAveNeNICClR8LNvXxwCK4BGAYYCw/s1600/sidebar-image-desktop.png"/></a>]]></b:widget-setting>
  4049.           </b:widget-settings>
  4050.           <b:includable id='main'>
  4051.   <b:include name='widget-title'/>
  4052.   <div class='widget-content'>
  4053.     <data:content/>
  4054.   </div>
  4055. </b:includable>
  4056.         </b:widget>
  4057.         <b:widget id='HTML12' locked='false' title='Follow us on Facebook' type='HTML' visible='false'>
  4058.           <b:widget-settings>
  4059.             <b:widget-setting name='content'><![CDATA[<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Foddthemes&width=450&layout=standard&action=like&size=large&show_faces=true&share=true&height=80&appId=778800582250308" width="450" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe>]]></b:widget-setting>
  4060.           </b:widget-settings>
  4061.           <b:includable id='main'>
  4062.   <b:include name='widget-title'/>
  4063.   <div class='widget-content'>
  4064.     <data:content/>
  4065.   </div>
  4066. </b:includable>
  4067.         </b:widget>
  4068.         <b:widget id='ContactForm1' locked='false' title='Formulaire de contact' type='ContactForm' visible='false'>
  4069.           <b:includable id='main'>
  4070.   <b:include name='widget-title'/>
  4071.   <b:include name='content'/>
  4072. </b:includable>
  4073.           <b:includable id='content'>
  4074.   <div class='contact-form-widget'>
  4075.     <div class='form'>
  4076.       <form name='contact-form'>
  4077.         <p/>
  4078.         <data:contactFormNameMsg/>
  4079.         <br/>
  4080.         <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
  4081.         <p/>
  4082.         <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
  4083.         <br/>
  4084.         <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
  4085.         <p/>
  4086.         <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
  4087.         <br/>
  4088.         <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
  4089.         <p/>
  4090.         <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
  4091.         <p/>
  4092.         <div style='text-align: center; max-width: 222px; width: 100%'>
  4093.           <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  4094.           <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  4095.         </div>
  4096.       </form>
  4097.     </div>
  4098.   </div>
  4099. </b:includable>
  4100.         </b:widget>
  4101.         <b:widget id='Header2' locked='false' title='LES JEUNE COMPTABLES (en-tête)' type='Header' visible='false'>
  4102.           <b:widget-settings>
  4103.             <b:widget-setting name='displayUrl'/>
  4104.             <b:widget-setting name='displayHeight'>0</b:widget-setting>
  4105.             <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  4106.             <b:widget-setting name='useImage'>false</b:widget-setting>
  4107.             <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  4108.             <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  4109.             <b:widget-setting name='displayWidth'>0</b:widget-setting>
  4110.           </b:widget-settings>
  4111.           <b:includable id='main' var='this'>
  4112.     <div class='header-widget'>
  4113.       <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
  4114.       <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
  4115.       <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
  4116.     </div>
  4117.     <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
  4118.   </b:includable>
  4119.           <b:includable id='behindImageStyle'>
  4120.     <b:if cond='data:sourceUrl'>
  4121.       <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
  4122.       <style type='text/css'>
  4123.         .header-widget {
  4124.           background-position: <data:blog.locale.languageAlignment/>;
  4125.           background-repeat: no-repeat;
  4126.           background-size: cover;
  4127.         }
  4128.       </style>
  4129.     </b:if>
  4130.   </b:includable>
  4131.           <b:includable id='description'>
  4132.     <p>
  4133.       <data:this.description/>
  4134.     </p>
  4135.   </b:includable>
  4136.           <b:includable id='image'>
  4137.           <b:include name='super.image'/>
  4138.           <!-- If we are replacing the title, force it to render anyway, and it'll be hidden in CSS. -->
  4139.           <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
  4140.         </b:includable>
  4141.           <b:includable id='title'>
  4142.           <div>
  4143.             <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
  4144.             <b:include name='super.title'/>
  4145.           </div>
  4146.         </b:includable>
  4147.         </b:widget>
  4148.         <b:widget id='LinkList2' locked='false' title='Follow Us' type='LinkList' visible='false'>
  4149.           <b:widget-settings>
  4150.             <b:widget-setting name='link-3'>http://dribbble.com</b:widget-setting>
  4151.             <b:widget-setting name='sorting'>NONE</b:widget-setting>
  4152.             <b:widget-setting name='link-4'>HTTPS://instagram.com</b:widget-setting>
  4153.             <b:widget-setting name='text-1'>twitter</b:widget-setting>
  4154.             <b:widget-setting name='link-1'>http://twitter.com</b:widget-setting>
  4155.             <b:widget-setting name='text-0'>facebook</b:widget-setting>
  4156.             <b:widget-setting name='link-2'>http://instagram.com</b:widget-setting>
  4157.             <b:widget-setting name='text-3'>Dribbble</b:widget-setting>
  4158.             <b:widget-setting name='link-0'>http://facebook.com</b:widget-setting>
  4159.             <b:widget-setting name='text-2'>instagram</b:widget-setting>
  4160.             <b:widget-setting name='text-4'>Instagram</b:widget-setting>
  4161.           </b:widget-settings>
  4162.           <b:includable id='main'>
  4163.   <b:include name='widget-title'/>
  4164.   <b:include name='content'/>
  4165. </b:includable>
  4166.           <b:includable id='content'>
  4167.  <div class='widget-content'>
  4168.    <ul>
  4169.      <b:loop values='data:links' var='link'>
  4170.        <li><a expr:href='data:link.target'><data:link.name/></a></li>
  4171.      </b:loop>
  4172.    </ul>
  4173.  </div>
  4174. </b:includable>
  4175.         </b:widget>
  4176.         <b:widget id='Text1' locked='false' title='About me' type='Text' visible='false'>
  4177.           <b:widget-settings>
  4178.             <b:widget-setting name='content'><![CDATA[<center><div class="widget-wrap text-center" itemscope="" itemtype="HTTPS://schema.org/About"><div><img alt="About Me" class="author-img" itemprop="avatar" src="HTTPS://hp.easyblogthemes.com/first-travel/wp-content/uploads/sites/4/2017/04/shutterstock_435511333.jpg" / /></div><br/><br/>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate.</div></center>]]></b:widget-setting>
  4179.           </b:widget-settings>
  4180.           <b:includable id='main'>
  4181.   <b:include name='widget-title'/>
  4182.   <div class='widget-content'>
  4183.     <data:content/>
  4184.   </div>
  4185. </b:includable>
  4186.         </b:widget>
  4187.         <b:widget id='AdSense2' locked='false' title='' type='AdSense' visible='false'>
  4188.           <b:includable id='main'>
  4189.   <div class='widget-content'>
  4190.     <b:if cond='data:adCode'>
  4191.       <data:adCode/>
  4192.     <b:else/>
  4193.       <b:include name='defaultAdUnit'/>
  4194.     </b:if>
  4195.   </div>
  4196. </b:includable>
  4197.           <b:includable id='defaultAdUnit'>
  4198.           <!-- Clear out style (need non-empty string) -->
  4199.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  4200.             <b:include name='super.defaultAdUnit'/>
  4201.           </b:with>
  4202.         </b:includable>
  4203.         </b:widget>
  4204.         <b:widget id='Label3' locked='false' title='Labels Cloud' type='Label' visible='false'>
  4205.           <b:widget-settings>
  4206.             <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4207.             <b:widget-setting name='display'>CLOUD</b:widget-setting>
  4208.             <b:widget-setting name='selectedLabelsList'/>
  4209.             <b:widget-setting name='showType'>ALL</b:widget-setting>
  4210.             <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  4211.           </b:widget-settings>
  4212.           <b:includable id='main' var='this'>
  4213.           <details class='collapsible extendable'>
  4214.             <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>
  4215.             <b:with value='true' var='renderAsDetails'>
  4216.             <b:with value='data:messages.labels' var='defaultTitle'>
  4217.               <b:include name='super.main'/>
  4218.             </b:with>
  4219.             </b:with>
  4220.           </details>
  4221.         </b:includable>
  4222.           <b:includable id='cloud'>
  4223.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.cloud&quot;                             }' name='extendableItems'/>
  4224.         </b:includable>
  4225.           <b:includable id='content'>
  4226.   <div class='widget-content'>
  4227.     <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
  4228.     <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  4229.     <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  4230.   </div>
  4231. </b:includable>
  4232.           <b:includable id='list'>
  4233.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.list&quot;                             }' name='extendableItems'/>
  4234.         </b:includable>
  4235.         </b:widget>
  4236.         <b:widget id='FollowByEmail2' locked='false' title='SUBSCRIBE NEWLETTER' type='FollowByEmail' visible='false'>
  4237.           <b:includable id='main'>
  4238.   <b:include name='widget-title'/>
  4239.   <b:include name='content'/>
  4240. </b:includable>
  4241.           <b:includable id='content'>
  4242.   <div class='widget-content'>
  4243.     <div class='follow-by-email-inner'>
  4244.       <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  4245.         <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
  4246.         <input class='follow-by-email-submit' expr:value='data:messages.getEmailNotifications' type='submit'/>
  4247.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  4248.         <input name='loc' type='hidden' value='en_US'/>
  4249.       </form>
  4250.     </div>
  4251.   </div>
  4252. </b:includable>
  4253.         </b:widget>
  4254.         <b:widget id='HTML13' locked='false' title='featured posts' type='HTML' version='1'>
  4255.           <b:widget-settings>
  4256.             <b:widget-setting name='content'>Fashion</b:widget-setting>
  4257.           </b:widget-settings>
  4258.           <b:includable id='main'> 
  4259. <b:if cond='data:title'>
  4260.     <h2><data:title/></h2>
  4261.   </b:if>
  4262. <ul class='featured-feed'>
  4263. <script>
  4264.   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts23+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts3\&quot;&gt;&lt;\/script&gt;&quot;);
  4265.                                     </script>
  4266.  
  4267. </ul>  
  4268.                                
  4269.                         </b:includable>
  4270.         </b:widget>
  4271.         <b:widget id='HTML14' locked='false' title='' type='HTML' visible='false'>
  4272.           <b:includable id='main'>
  4273.   <b:include name='widget-title'/>
  4274.   <div class='widget-content'>
  4275.     <data:content/>
  4276.   </div>
  4277. </b:includable>
  4278.         </b:widget>
  4279.         <b:widget id='HTML15' locked='false' title='Facebook Page' type='HTML' visible='false'>
  4280.           <b:widget-settings>
  4281.             <b:widget-setting name='content'><![CDATA[<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fthemexpose&amp;width=312&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:312px;height:210px;" allowtransparency="true"></iframe>]]></b:widget-setting>
  4282.           </b:widget-settings>
  4283.           <b:includable id='main'>
  4284.   <b:include name='widget-title'/>
  4285.   <div class='widget-content'>
  4286.     <data:content/>
  4287.   </div>
  4288. </b:includable>
  4289.         </b:widget>
  4290.         <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts' visible='false'>
  4291.           <b:widget-settings>
  4292.             <b:widget-setting name='numItemsToShow'>2</b:widget-setting>
  4293.             <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  4294.             <b:widget-setting name='showSnippets'>false</b:widget-setting>
  4295.             <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  4296.           </b:widget-settings>
  4297.           <b:includable id='main'>
  4298.           <!-- Default the title to 'Popular posts'. -->
  4299.           <b:with value='data:messages.popularPosts' var='defaultTitle'>
  4300.             <b:include name='super.main'/>
  4301.           </b:with>
  4302.         </b:includable>
  4303.           <b:includable id='emailPostIcon'>
  4304.           <!-- Replace icon with text -->
  4305.           <span class='byline'>
  4306.             <a class='flat-button' expr:href='data:post.emailPostUrl'><data:messages.emailPost/></a>
  4307.           </span>
  4308.         </b:includable>
  4309.           <b:includable id='footerBylines'>
  4310.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  4311.             <b:include name='super.footerBylines'/>
  4312.           <b:else/>
  4313.             <b:include data='{ items: [[&quot;share&quot;, &quot;comments&quot;]] }' name='footerBylinesOverride'/>
  4314.           </b:if>
  4315.         </b:includable>
  4316.           <b:includable id='headerByline'>
  4317.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  4318.             <b:include name='super.headerByline'/>
  4319.           <b:else/>
  4320.             <b:include data='{ items: [&quot;author&quot;, &quot;timestamp&quot;] }' name='headerBylineOverride'/>
  4321.           </b:if>
  4322.         </b:includable>
  4323.           <b:includable id='postLabels'>
  4324.           <b:include cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;' name='super.postLabels'/>
  4325.         </b:includable>
  4326.           <b:includable id='sharingButtonContent'>
  4327.           <b:message name='messages.share'/>
  4328.         </b:includable>
  4329.           <b:includable id='snippetedPostContent'>
  4330.           <div class='post'>
  4331.             <b:class cond='data:post.featuredImage' name='has-featured-image'/>
  4332.             <b:class cond='not data:post.featuredImage' name='no-featured-image'/>
  4333.             <b:if cond='data:post.featuredImage'>
  4334.               <div class='snippet-thumbnail'>
  4335.                 <a expr:href='data:post.url'>
  4336.                   <b:include data='{                                      image: data:post.featuredImage,                                      imageSizes: [330,660,1320],                                      sourceSizes: &quot;(max-width: 660px) 100vw, 660px&quot;                                    }' name='responsiveImage'/>
  4337.                 </a>
  4338.                 <b:include name='headerByline'/>
  4339.               </div>
  4340.             <b:else/>
  4341.               <b:include name='headerByline'/>
  4342.             </b:if>
  4343.             <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  4344.             <div class='post-footer'>
  4345.               <b:include name='footerBylines'/>
  4346.             </div>
  4347.           </div>
  4348.         </b:includable>
  4349.         </b:widget>
  4350.         <b:widget id='Label4' locked='false' title='Labels' type='Label' visible='false'>
  4351.           <b:widget-settings>
  4352.             <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4353.             <b:widget-setting name='display'>CLOUD</b:widget-setting>
  4354.             <b:widget-setting name='selectedLabelsList'/>
  4355.             <b:widget-setting name='showType'>ALL</b:widget-setting>
  4356.             <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  4357.           </b:widget-settings>
  4358.           <b:includable id='main' var='this'>
  4359.           <details class='collapsible extendable'>
  4360.             <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>
  4361.             <b:with value='true' var='renderAsDetails'>
  4362.             <b:with value='data:messages.labels' var='defaultTitle'>
  4363.               <b:include name='super.main'/>
  4364.             </b:with>
  4365.             </b:with>
  4366.           </details>
  4367.         </b:includable>
  4368.           <b:includable id='cloud'>
  4369.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.cloud&quot;                             }' name='extendableItems'/>
  4370.         </b:includable>
  4371.           <b:includable id='content'>
  4372.   <div class='widget-content'>
  4373.     <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
  4374.     <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  4375.     <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  4376.   </div>
  4377. </b:includable>
  4378.           <b:includable id='list'>
  4379.           <b:include data='{                               buttonClass: &quot;flat-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.list&quot;                             }' name='extendableItems'/>
  4380.         </b:includable>
  4381.         </b:widget>
  4382.         <b:widget id='HTML16' locked='false' title='Instagram' type='HTML' visible='false'>
  4383.           <b:widget-settings>
  4384.             <b:widget-setting name='content'>&lt;div id=&#39;instafeed&#39;/&gt;&lt;/div&gt;
  4385.  
  4386.  
  4387. &lt;script type=&#39;text/javascript&#39;&gt;//&lt;![CDATA[
  4388. var feed = new Instafeed({
  4389.  get: &#39;user&#39;,
  4390.  userId: 1553982550,
  4391.   limit:8,
  4392.   sortBy:&#39;random&#39;,
  4393. accessToken: &#39;1553982550.277289d.0e6c7bcb9a204642ad34c6f86ecce784&#39;,
  4394. template: &#39;&lt;li&gt;&lt;a href=&quot;{{link}}&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;{{image}}&quot; /&gt; &lt;div class=&quot;instaover&quot;&gt;&lt;div style=&quot;display: table; vertical-align: middle; height: 100%; width: 100%;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;&#39;,
  4395.  resolution: &#39;standard_resolution&#39;
  4396.  });  
  4397.  feed.run();  
  4398. //]]&gt;&lt;/script&gt;</b:widget-setting>
  4399.           </b:widget-settings>
  4400.           <b:includable id='main'>
  4401.   <b:include name='widget-title'/>
  4402.   <div class='widget-content'>
  4403.     <data:content/>
  4404.   </div>
  4405. </b:includable>
  4406.         </b:widget>
  4407.         <b:widget id='HTML17' locked='false' title='' type='HTML' visible='false'>
  4408.           <b:includable id='main'>
  4409.   <b:include name='widget-title'/>
  4410.   <div class='widget-content'>
  4411.     <data:content/>
  4412.   </div>
  4413. </b:includable>
  4414.         </b:widget>
  4415.       </b:section>
  4416.     </aside>
  4417.     <b:template-script async='true' name='fancy' version='1.0.0'/>
  4418.   </body>
  4419. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!