Фޤ礦

チェックの結果は以下のとおりです。

http://occnlrs.blogspot.com/ を HTML4.01 Transitional としてチェックしました。
114個のエラーがありました。このHTMLは -388点です。タグが 20種類 92組使われています。文字コードは UTF-8 のようです。

先頭の数字はエラーのおおまかな重要度を 0〜9 で示しています(減点数ではありません)。少ない数字は軽く、9 になるほど致命的です。このHTMLには重要な問題が多く含まれています。環境によっては閲覧できない可能性が非常に高いと言えます。減点対象外のごく軽度のエラーは割愛されています。

6: line 1: 不明な DOCTYPE宣言です。 → 解説 4
7: line 4: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
7: line 6: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
7: line 8: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
7: line 10: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
7: line 11: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
7: line 12: HTML4.01 Transitional では空要素タグを `<LINK />` と書くことはできません。 → 解説 75
7: line 13: HTML4.01 Transitional では空要素タグを `<LINK />` と書くことはできません。 → 解説 75
7: line 14: HTML4.01 Transitional では空要素タグを `<LINK />` と書くことはできません。 → 解説 75
7: line 15: HTML4.01 Transitional では空要素タグを `<LINK />` と書くことはできません。 → 解説 75
7: line 16: HTML4.01 Transitional では空要素タグを `<LINK />` と書くことはできません。 → 解説 75
7: line 17: HTML4.01 Transitional では空要素タグを `<LINK />` と書くことはできません。 → 解説 75
5: line 19: <META> に他のHTML用の属性 `PROPERTY` が指定されています。 → 解説 80
7: line 19: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
5: line 19: <META> に CONTENT 属性を指定するときは HTTP-EQUIV 属性か NAME 属性を指定しなければなりません。 → 解説 149
5: line 20: <META> に他のHTML用の属性 `PROPERTY` が指定されています。 → 解説 80
7: line 20: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
5: line 20: <META> に CONTENT 属性を指定するときは HTTP-EQUIV 属性か NAME 属性を指定しなければなりません。 → 解説 149
5: line 21: <META> に他のHTML用の属性 `PROPERTY` が指定されています。 → 解説 80
7: line 21: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
1: line 23: <STYLE> を使うときは <HEAD>〜</HEAD> 内に <META HTTP-EQUIV="CONTENT-STYLE-TYPE" CONTENT="〜"> を指定するようにしましょう。 → 解説 146
3: line 23: <STYLE>〜</STYLE> 内の要素はすべてコメントで囲んだ方が安全です。 → 解説 153
5: line 24: <STYLE> に他のHTML用の属性 `ID` が指定されています。 → 解説 80
5: line 2401: <STYLE> に他のHTML用の属性 `ID` が指定されています。 → 解説 80
6: line 2430: <STYLE> には TYPE 属性が必要です。 → 解説 86
3: line 2439: <STYLE>〜</STYLE> 内の要素はすべてコメントで囲んだ方が安全です。 → 解説 153
6: line 2440: <SCRIPT> に不明な属性 `ASYNC` が指定されています。 → 解説 79
6: line 2440: <SCRIPT> には TYPE 属性が必要です。 → 解説 86
1: line 2440: <SCRIPT> を使うときは <HEAD>〜</HEAD> 内に <META HTTP-EQUIV="CONTENT-SCRIPT-TYPE" CONTENT="〜"> を指定するようにしましょう。 → 解説 146
7: line 2441: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
7: line 2442: HTML4.01 Transitional では空要素タグを `<META />` と書くことはできません。 → 解説 75
6: line 2446: <A> のアンカー名 `main` が見つかりませんでした。 → 解説 224
1: line 2450: <DIV> と </DIV> の間が空です。 → 解説 51
1: line 2452: <DIV> と </DIV> の間が空です。 → 解説 51
1: line 2456: <DIV> と </DIV> の間が空です。 → 解説 51
8: line 2457: <header> は不明なタグです。 → 解説 54
8: line 2460: <svg> は不明なタグです。 → 解説 54
8: line 2461: <use> は不明なタグです。 → 解説 54
8: line 2461: </use> は不明なタグです。 → 解説 54
8: line 2462: </svg> は不明なタグです。 → 解説 54
6: line 2465: <BUTTON> に不明な属性 `ARIA-LABEL` が指定されています。 → 解説 79
8: line 2467: <svg> は不明なタグです。 → 解説 54
8: line 2468: <use> は不明なタグです。 → 解説 54
8: line 2468: </use> は不明なタグです。 → 解説 54
8: line 2469: </svg> は不明なタグです。 → 解説 54
6: line 2472: <DIV> に不明な属性 `NAME` が指定されています。 → 解説 79
6: line 2472: <DIV> に不明な属性 `DATA-VERSION` が指定されています。 → 解説 79
6: line 2476: <DIV> に不明な属性 `ROLE` が指定されています。 → 解説 79
1: line 2477: <FORM> の属性 `TARGET` はあまり薦められない属性です。 → 解説 81
6: line 2479: <INPUT> に不明な属性 `ARIA-LABEL` が指定されています。 → 解説 79
5: line 2479: <INPUT> に他のHTML用の属性 `AUTOCOMPLETE` が指定されています。 → 解説 80
6: line 2479: <INPUT> に不明な属性 `PLACEHOLDER` が指定されています。 → 解説 79
7: line 2479: HTML4.01 Transitional では空要素タグを `<INPUT />` と書くことはできません。 → 解説 75
7: line 2481: HTML4.01 Transitional では空要素タグを `<INPUT />` と書くことはできません。 → 解説 75
1: line 2486: <DIV> と </DIV> の間が空です。 → 解説 51
6: line 2488: <DIV> に不明な属性 `NAME` が指定されています。 → 解説 79
6: line 2488: <DIV> に不明な属性 `DATA-VERSION` が指定されています。 → 解説 79
1: line 2496: <P> と </P> の間が空です。 → 解説 51
8: line 2499: <nav> は不明なタグです。 → 解説 54
6: line 2500: <DIV> に不明な属性 `NAME` が指定されています。 → 解説 79
1: line 2501: <DIV> と </DIV> の間が空です。 → 解説 51
8: line 2502: </nav> は不明なタグです。 → 解説 54
8: line 2505: </header> は不明なタグです。 → 解説 54
6: line 2507: <DIV> に不明な属性 `NAME` が指定されています。 → 解説 79
1: line 2508: <DIV> と </DIV> の間が空です。 → 解説 51
8: line 2509: <main> は不明なタグです。 → 解説 54
6: line 2511: <DIV> に不明な属性 `NAME` が指定されています。 → 解説 79
6: line 2512: <DIV> に不明な属性 `DATA-VERSION` が指定されています。 → 解説 79
1: line 2521: <DIV> と </DIV> の間が空です。 → 解説 51
1: line 2523: <DIV> と </DIV> の間が空です。 → 解説 51
8: line 2526: </main> は不明なタグです。 → 解説 54
8: line 2528: <footer> は不明なタグです。 → 解説 54
6: line 2528: <DIV> に不明な属性 `DATA-VERSION` が指定されています。 → 解説 79
8: line 2532: <svg> は不明なタグです。 → 解説 54
8: line 2533: <use> は不明なタグです。 → 解説 54
8: line 2533: </use> は不明なタグです。 → 解説 54
8: line 2534: </svg> は不明なタグです。 → 解説 54
8: line 2542: </footer> は不明なタグです。 → 解説 54
8: line 2546: <aside> は不明なタグです。 → 解説 54
8: line 2549: <svg> は不明なタグです。 → 解説 54
8: line 2550: <use> は不明なタグです。 → 解説 54
8: line 2550: </use> は不明なタグです。 → 解説 54
8: line 2551: </svg> は不明なタグです。 → 解説 54
6: line 2555: <DIV> に不明な属性 `NAME` が指定されています。 → 解説 79
6: line 2555: <DIV> に不明な属性 `DATA-VERSION` が指定されています。 → 解説 79
9: line 2559: <DIV> を 2558行目の <A>〜</A> 内に書くことはできません。<DIV>〜</DIV> 内に <A> を書くことはできます。 → 解説 43
8: line 2560: <svg> は不明なタグです。 → 解説 54
8: line 2561: <use> は不明なタグです。 → 解説 54
8: line 2561: </use> は不明なタグです。 → 解説 54
8: line 2562: </svg> は不明なタグです。 → 解説 54
6: line 2581: <DIV> に不明な属性 `NAME` が指定されています。 → 解説 79
6: line 2582: <DIV> に不明な属性 `DATA-VERSION` が指定されています。 → 解説 79
1: line 2584: <A> の属性 `TARGET` はあまり薦められない属性です。 → 解説 81
8: line 2589: </aside> は不明なタグです。 → 解説 54
6: line 2590: <SCRIPT> に不明な属性 `ASYNC` が指定されています。 → 解説 79
3: line 2603: <SCRIPT>〜</SCRIPT> 内の要素はすべてコメントで囲んだ方が安全です。 → 解説 153


チェックしたHTMLは以下のとおりです。

https://occnlrs.blogspot.com/

  1. <!DOCTYPE html>
  2. <html dir='ltr' lang='ko'>
  3. <head>
  4. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  5. <title>occnlrs</title>
  6. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  7. <!-- Chrome, Firefox OS and Opera -->
  8. <meta content='#eeeeee' name='theme-color'/>
  9. <!-- Windows Phone -->
  10. <meta content='#eeeeee' name='msapplication-navbutton-color'/>
  11. <meta content='blogger' name='generator'/>
  12. <link href='https://occnlrs.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
  13. <link href='https://occnlrs.blogspot.com/' rel='canonical'/>
  14. <link rel="alternate" type="application/atom+xml" title="occnlrs - Atom" href="https://occnlrs.blogspot.com/feeds/posts/default" />
  15. <link rel="alternate" type="application/rss+xml" title="occnlrs - RSS" href="https://occnlrs.blogspot.com/feeds/posts/default?alt=rss" />
  16. <link rel="service.post" type="application/atom+xml" title="occnlrs - Atom" href="https://www.blogger.com/feeds/2584966568745725006/posts/default" />
  17. <link rel="me" href="https://www.blogger.com/profile/08503422815892672301" />
  18. <!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
  19. <meta content='https://occnlrs.blogspot.com/' property='og:url'/>
  20. <meta content='occnlrs' property='og:title'/>
  21. <meta content='' property='og:description'/>
  22. <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
  23. <style type='text/css'>@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxP.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc9.ttf)format('truetype');}</style>
  24. <style id='page-skin-1' type='text/css'><!--
  25. /*! 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}
  26. /*!************************************************
  27. * Blogger Template Style
  28. * Name: Contempo
  29. **************************************************/
  30. body{
  31. overflow-wrap:break-word;
  32. word-break:break-word;
  33. word-wrap:break-word
  34. }
  35. .hidden{
  36. display:none
  37. }
  38. .invisible{
  39. visibility:hidden
  40. }
  41. .container::after,.float-container::after{
  42. clear:both;
  43. content:"";
  44. display:table
  45. }
  46. .clearboth{
  47. clear:both
  48. }
  49. #comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit,.widget.Profile .profile-link,.widget.Profile .profile-link.visit-profile{
  50. background:0 0;
  51. border:0;
  52. box-shadow:none;
  53. color:#2196f3;
  54. cursor:pointer;
  55. font-size:14px;
  56. font-weight:700;
  57. outline:0;
  58. text-decoration:none;
  59. text-transform:uppercase;
  60. width:auto
  61. }
  62. .dim-overlay{
  63. background-color:rgba(0,0,0,.54);
  64. height:100vh;
  65. left:0;
  66. position:fixed;
  67. top:0;
  68. width:100%
  69. }
  70. #sharing-dim-overlay{
  71. background-color:transparent
  72. }
  73. input::-ms-clear{
  74. display:none
  75. }
  76. .blogger-logo,.svg-icon-24.blogger-logo{
  77. fill:#ff9800;
  78. opacity:1
  79. }
  80. .loading-spinner-large{
  81. -webkit-animation:mspin-rotate 1.568s infinite linear;
  82. animation:mspin-rotate 1.568s infinite linear;
  83. height:48px;
  84. overflow:hidden;
  85. position:absolute;
  86. width:48px;
  87. z-index:200
  88. }
  89. .loading-spinner-large>div{
  90. -webkit-animation:mspin-revrot 5332ms infinite steps(4);
  91. animation:mspin-revrot 5332ms infinite steps(4)
  92. }
  93. .loading-spinner-large>div>div{
  94. -webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
  95. animation:mspin-singlecolor-large-film 1333ms infinite steps(81);
  96. background-size:100%;
  97. height:48px;
  98. width:3888px
  99. }
  100. .mspin-black-large>div>div,.mspin-grey_54-large>div>div{
  101. background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)
  102. }
  103. .mspin-white-large>div>div{
  104. background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)
  105. }
  106. .mspin-grey_54-large{
  107. opacity:.54
  108. }
  109. @-webkit-keyframes mspin-singlecolor-large-film{
  110. from{
  111. -webkit-transform:translateX(0);
  112. transform:translateX(0)
  113. }
  114. to{
  115. -webkit-transform:translateX(-3888px);
  116. transform:translateX(-3888px)
  117. }
  118. }
  119. @keyframes mspin-singlecolor-large-film{
  120. from{
  121. -webkit-transform:translateX(0);
  122. transform:translateX(0)
  123. }
  124. to{
  125. -webkit-transform:translateX(-3888px);
  126. transform:translateX(-3888px)
  127. }
  128. }
  129. @-webkit-keyframes mspin-rotate{
  130. from{
  131. -webkit-transform:rotate(0);
  132. transform:rotate(0)
  133. }
  134. to{
  135. -webkit-transform:rotate(360deg);
  136. transform:rotate(360deg)
  137. }
  138. }
  139. @keyframes mspin-rotate{
  140. from{
  141. -webkit-transform:rotate(0);
  142. transform:rotate(0)
  143. }
  144. to{
  145. -webkit-transform:rotate(360deg);
  146. transform:rotate(360deg)
  147. }
  148. }
  149. @-webkit-keyframes mspin-revrot{
  150. from{
  151. -webkit-transform:rotate(0);
  152. transform:rotate(0)
  153. }
  154. to{
  155. -webkit-transform:rotate(-360deg);
  156. transform:rotate(-360deg)
  157. }
  158. }
  159. @keyframes mspin-revrot{
  160. from{
  161. -webkit-transform:rotate(0);
  162. transform:rotate(0)
  163. }
  164. to{
  165. -webkit-transform:rotate(-360deg);
  166. transform:rotate(-360deg)
  167. }
  168. }
  169. .skip-navigation{
  170. background-color:#fff;
  171. box-sizing:border-box;
  172. color:#000;
  173. display:block;
  174. height:0;
  175. left:0;
  176. line-height:50px;
  177. overflow:hidden;
  178. padding-top:0;
  179. position:fixed;
  180. text-align:center;
  181. top:0;
  182. -webkit-transition:box-shadow .3s,height .3s,padding-top .3s;
  183. transition:box-shadow .3s,height .3s,padding-top .3s;
  184. width:100%;
  185. z-index:900
  186. }
  187. .skip-navigation:focus{
  188. 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);
  189. height:50px
  190. }
  191. #main{
  192. outline:0
  193. }
  194. .main-heading{
  195. position:absolute;
  196. clip:rect(1px,1px,1px,1px);
  197. padding:0;
  198. border:0;
  199. height:1px;
  200. width:1px;
  201. overflow:hidden
  202. }
  203. .Attribution{
  204. margin-top:1em;
  205. text-align:center
  206. }
  207. .Attribution .blogger img,.Attribution .blogger svg{
  208. vertical-align:bottom
  209. }
  210. .Attribution .blogger img{
  211. margin-right:.5em
  212. }
  213. .Attribution div{
  214. line-height:24px;
  215. margin-top:.5em
  216. }
  217. .Attribution .copyright,.Attribution .image-attribution{
  218. font-size:.7em;
  219. margin-top:1.5em
  220. }
  221. .BLOG_mobile_video_class{
  222. display:none
  223. }
  224. .bg-photo{
  225. background-attachment:scroll!important
  226. }
  227. body .CSS_LIGHTBOX{
  228. z-index:900
  229. }
  230. .extendable .show-less,.extendable .show-more{
  231. border-color:#2196f3;
  232. color:#2196f3;
  233. margin-top:8px
  234. }
  235. .extendable .show-less.hidden,.extendable .show-more.hidden{
  236. display:none
  237. }
  238. .inline-ad{
  239. display:none;
  240. max-width:100%;
  241. overflow:hidden
  242. }
  243. .adsbygoogle{
  244. display:block
  245. }
  246. #cookieChoiceInfo{
  247. bottom:0;
  248. top:auto
  249. }
  250. iframe.b-hbp-video{
  251. border:0
  252. }
  253. .post-body img{
  254. max-width:100%
  255. }
  256. .post-body iframe{
  257. max-width:100%
  258. }
  259. .post-body a[imageanchor="1"]{
  260. display:inline-block
  261. }
  262. .byline{
  263. margin-right:1em
  264. }
  265. .byline:last-child{
  266. margin-right:0
  267. }
  268. .link-copied-dialog{
  269. max-width:520px;
  270. outline:0
  271. }
  272. .link-copied-dialog .modal-dialog-buttons{
  273. margin-top:8px
  274. }
  275. .link-copied-dialog .goog-buttonset-default{
  276. background:0 0;
  277. border:0
  278. }
  279. .link-copied-dialog .goog-buttonset-default:focus{
  280. outline:0
  281. }
  282. .paging-control-container{
  283. margin-bottom:16px
  284. }
  285. .paging-control-container .paging-control{
  286. display:inline-block
  287. }
  288. .paging-control-container .comment-range-text::after,.paging-control-container .paging-control{
  289. color:#2196f3
  290. }
  291. .paging-control-container .comment-range-text,.paging-control-container .paging-control{
  292. margin-right:8px
  293. }
  294. .paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{
  295. content:"\b7";
  296. cursor:default;
  297. padding-left:8px;
  298. pointer-events:none
  299. }
  300. .paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{
  301. content:none
  302. }
  303. .byline.reactions iframe{
  304. height:20px
  305. }
  306. .b-notification{
  307. color:#000;
  308. background-color:#fff;
  309. border-bottom:solid 1px #000;
  310. box-sizing:border-box;
  311. padding:16px 32px;
  312. text-align:center
  313. }
  314. .b-notification.visible{
  315. -webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);
  316. transition:margin-top .3s cubic-bezier(.4,0,.2,1)
  317. }
  318. .b-notification.invisible{
  319. position:absolute
  320. }
  321. .b-notification-close{
  322. position:absolute;
  323. right:8px;
  324. top:8px
  325. }
  326. .no-posts-message{
  327. line-height:40px;
  328. text-align:center
  329. }
  330. @media screen and (max-width:800px){
  331. body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{
  332. float:none!important;
  333. clear:none!important
  334. }
  335. body.item-view .post-body a[imageanchor="1"] img{
  336. display:block;
  337. height:auto;
  338. margin:0 auto
  339. }
  340. body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{
  341. margin-top:20px
  342. }
  343. .post-body a[imageanchor]{
  344. display:block
  345. }
  346. body.item-view .post-body a[imageanchor="1"]{
  347. margin-left:0!important;
  348. margin-right:0!important
  349. }
  350. body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{
  351. margin-top:16px
  352. }
  353. }
  354. .item-control{
  355. display:none
  356. }
  357. #comments{
  358. border-top:1px dashed rgba(0,0,0,.54);
  359. margin-top:20px;
  360. padding:20px
  361. }
  362. #comments .comment-thread ol{
  363. margin:0;
  364. padding-left:0;
  365. padding-left:0
  366. }
  367. #comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{
  368. margin-left:60px
  369. }
  370. #comments .comment-thread .thread-count{
  371. display:none
  372. }
  373. #comments .comment{
  374. list-style-type:none;
  375. padding:0 0 30px;
  376. position:relative
  377. }
  378. #comments .comment .comment{
  379. padding-bottom:8px
  380. }
  381. .comment .avatar-image-container{
  382. position:absolute
  383. }
  384. .comment .avatar-image-container img{
  385. border-radius:50%
  386. }
  387. .avatar-image-container svg,.comment .avatar-image-container .avatar-icon{
  388. border-radius:50%;
  389. border:solid 1px #707070;
  390. box-sizing:border-box;
  391. fill:#707070;
  392. height:35px;
  393. margin:0;
  394. padding:7px;
  395. width:35px
  396. }
  397. .comment .comment-block{
  398. margin-top:10px;
  399. margin-left:60px;
  400. padding-bottom:0
  401. }
  402. #comments .comment-author-header-wrapper{
  403. margin-left:40px
  404. }
  405. #comments .comment .thread-expanded .comment-block{
  406. padding-bottom:20px
  407. }
  408. #comments .comment .comment-header .user,#comments .comment .comment-header .user a{
  409. color:#212121;
  410. font-style:normal;
  411. font-weight:700
  412. }
  413. #comments .comment .comment-actions{
  414. bottom:0;
  415. margin-bottom:15px;
  416. position:absolute
  417. }
  418. #comments .comment .comment-actions>*{
  419. margin-right:8px
  420. }
  421. #comments .comment .comment-header .datetime{
  422. bottom:0;
  423. color:rgba(33,33,33,.54);
  424. display:inline-block;
  425. font-size:13px;
  426. font-style:italic;
  427. margin-left:8px
  428. }
  429. #comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{
  430. color:rgba(33,33,33,.54)
  431. }
  432. #comments .comment .comment-content,.comment .comment-body{
  433. margin-top:12px;
  434. word-break:break-word
  435. }
  436. .comment-body{
  437. margin-bottom:12px
  438. }
  439. #comments.embed[data-num-comments="0"]{
  440. border:0;
  441. margin-top:0;
  442. padding-top:0
  443. }
  444. #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{
  445. display:none
  446. }
  447. #comment-editor-src{
  448. display:none
  449. }
  450. .comments .comments-content .loadmore.loaded{
  451. max-height:0;
  452. opacity:0;
  453. overflow:hidden
  454. }
  455. .extendable .remaining-items{
  456. height:0;
  457. overflow:hidden;
  458. -webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
  459. transition:height .3s cubic-bezier(.4,0,.2,1)
  460. }
  461. .extendable .remaining-items.expanded{
  462. height:auto
  463. }
  464. .svg-icon-24,.svg-icon-24-button{
  465. cursor:pointer;
  466. height:24px;
  467. width:24px;
  468. min-width:24px
  469. }
  470. .touch-icon{
  471. margin:-12px;
  472. padding:12px
  473. }
  474. .touch-icon:active,.touch-icon:focus{
  475. background-color:rgba(153,153,153,.4);
  476. border-radius:50%
  477. }
  478. svg:not(:root).touch-icon{
  479. overflow:visible
  480. }
  481. html[dir=rtl] .rtl-reversible-icon{
  482. -webkit-transform:scaleX(-1);
  483. -ms-transform:scaleX(-1);
  484. transform:scaleX(-1)
  485. }
  486. .svg-icon-24-button,.touch-icon-button{
  487. background:0 0;
  488. border:0;
  489. margin:0;
  490. outline:0;
  491. padding:0
  492. }
  493. .touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{
  494. background-color:transparent
  495. }
  496. .touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{
  497. background-color:rgba(153,153,153,.4);
  498. border-radius:50%
  499. }
  500. .Profile .default-avatar-wrapper .avatar-icon{
  501. border-radius:50%;
  502. border:solid 1px #707070;
  503. box-sizing:border-box;
  504. fill:#707070;
  505. margin:0
  506. }
  507. .Profile .individual .default-avatar-wrapper .avatar-icon{
  508. padding:25px
  509. }
  510. .Profile .individual .avatar-icon,.Profile .individual .profile-img{
  511. height:120px;
  512. width:120px
  513. }
  514. .Profile .team .default-avatar-wrapper .avatar-icon{
  515. padding:8px
  516. }
  517. .Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{
  518. height:40px;
  519. width:40px
  520. }
  521. .snippet-container{
  522. margin:0;
  523. position:relative;
  524. overflow:hidden
  525. }
  526. .snippet-fade{
  527. bottom:0;
  528. box-sizing:border-box;
  529. position:absolute;
  530. width:96px
  531. }
  532. .snippet-fade{
  533. right:0
  534. }
  535. .snippet-fade:after{
  536. content:"\2026"
  537. }
  538. .snippet-fade:after{
  539. float:right
  540. }
  541. .post-bottom{
  542. -webkit-box-align:center;
  543. -webkit-align-items:center;
  544. -ms-flex-align:center;
  545. align-items:center;
  546. display:-webkit-box;
  547. display:-webkit-flex;
  548. display:-ms-flexbox;
  549. display:flex;
  550. -webkit-flex-wrap:wrap;
  551. -ms-flex-wrap:wrap;
  552. flex-wrap:wrap
  553. }
  554. .post-footer{
  555. -webkit-box-flex:1;
  556. -webkit-flex:1 1 auto;
  557. -ms-flex:1 1 auto;
  558. flex:1 1 auto;
  559. -webkit-flex-wrap:wrap;
  560. -ms-flex-wrap:wrap;
  561. flex-wrap:wrap;
  562. -webkit-box-ordinal-group:2;
  563. -webkit-order:1;
  564. -ms-flex-order:1;
  565. order:1
  566. }
  567. .post-footer>*{
  568. -webkit-box-flex:0;
  569. -webkit-flex:0 1 auto;
  570. -ms-flex:0 1 auto;
  571. flex:0 1 auto
  572. }
  573. .post-footer .byline:last-child{
  574. margin-right:1em
  575. }
  576. .jump-link{
  577. -webkit-box-flex:0;
  578. -webkit-flex:0 0 auto;
  579. -ms-flex:0 0 auto;
  580. flex:0 0 auto;
  581. -webkit-box-ordinal-group:3;
  582. -webkit-order:2;
  583. -ms-flex-order:2;
  584. order:2
  585. }
  586. .centered-top-container.sticky{
  587. left:0;
  588. position:fixed;
  589. right:0;
  590. top:0;
  591. width:auto;
  592. z-index:50;
  593. -webkit-transition-property:opacity,-webkit-transform;
  594. transition-property:opacity,-webkit-transform;
  595. transition-property:transform,opacity;
  596. transition-property:transform,opacity,-webkit-transform;
  597. -webkit-transition-duration:.2s;
  598. transition-duration:.2s;
  599. -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  600. transition-timing-function:cubic-bezier(.4,0,.2,1)
  601. }
  602. .centered-top-placeholder{
  603. display:none
  604. }
  605. .collapsed-header .centered-top-placeholder{
  606. display:block
  607. }
  608. .centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{
  609. display:none
  610. }
  611. .centered-top-container.sticky .Header .replaced h1{
  612. display:block
  613. }
  614. .centered-top-container.sticky .Header .header-widget{
  615. background:0 0
  616. }
  617. .centered-top-container.sticky .Header .header-image-wrapper{
  618. display:none
  619. }
  620. .centered-top-container img,.centered-top-placeholder img{
  621. max-width:100%
  622. }
  623. .collapsible{
  624. -webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
  625. transition:height .3s cubic-bezier(.4,0,.2,1)
  626. }
  627. .collapsible,.collapsible>summary{
  628. display:block;
  629. overflow:hidden
  630. }
  631. .collapsible>:not(summary){
  632. display:none
  633. }
  634. .collapsible[open]>:not(summary){
  635. display:block
  636. }
  637. .collapsible:focus,.collapsible>summary:focus{
  638. outline:0
  639. }
  640. .collapsible>summary{
  641. cursor:pointer;
  642. display:block;
  643. padding:0
  644. }
  645. .collapsible:focus>summary,.collapsible>summary:focus{
  646. background-color:transparent
  647. }
  648. .collapsible>summary::-webkit-details-marker{
  649. display:none
  650. }
  651. .collapsible-title{
  652. -webkit-box-align:center;
  653. -webkit-align-items:center;
  654. -ms-flex-align:center;
  655. align-items:center;
  656. display:-webkit-box;
  657. display:-webkit-flex;
  658. display:-ms-flexbox;
  659. display:flex
  660. }
  661. .collapsible-title .title{
  662. -webkit-box-flex:1;
  663. -webkit-flex:1 1 auto;
  664. -ms-flex:1 1 auto;
  665. flex:1 1 auto;
  666. -webkit-box-ordinal-group:1;
  667. -webkit-order:0;
  668. -ms-flex-order:0;
  669. order:0;
  670. overflow:hidden;
  671. text-overflow:ellipsis;
  672. white-space:nowrap
  673. }
  674. .collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{
  675. display:block
  676. }
  677. .collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{
  678. display:none
  679. }
  680. .flat-button{
  681. cursor:pointer;
  682. display:inline-block;
  683. font-weight:700;
  684. text-transform:uppercase;
  685. border-radius:2px;
  686. padding:8px;
  687. margin:-8px
  688. }
  689. .flat-icon-button{
  690. background:0 0;
  691. border:0;
  692. margin:0;
  693. outline:0;
  694. padding:0;
  695. margin:-12px;
  696. padding:12px;
  697. cursor:pointer;
  698. box-sizing:content-box;
  699. display:inline-block;
  700. line-height:0
  701. }
  702. .flat-icon-button,.flat-icon-button .splash-wrapper{
  703. border-radius:50%
  704. }
  705. .flat-icon-button .splash.animate{
  706. -webkit-animation-duration:.3s;
  707. animation-duration:.3s
  708. }
  709. .overflowable-container{
  710. max-height:46px;
  711. overflow:hidden;
  712. position:relative
  713. }
  714. .overflow-button{
  715. cursor:pointer
  716. }
  717. #overflowable-dim-overlay{
  718. background:0 0
  719. }
  720. .overflow-popup{
  721. 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);
  722. background-color:#ffffff;
  723. left:0;
  724. max-width:calc(100% - 32px);
  725. position:absolute;
  726. top:0;
  727. visibility:hidden;
  728. z-index:101
  729. }
  730. .overflow-popup ul{
  731. list-style:none
  732. }
  733. .overflow-popup .tabs li,.overflow-popup li{
  734. display:block;
  735. height:auto
  736. }
  737. .overflow-popup .tabs li{
  738. padding-left:0;
  739. padding-right:0
  740. }
  741. .overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{
  742. display:none
  743. }
  744. .pill-button{
  745. background:0 0;
  746. border:1px solid;
  747. border-radius:12px;
  748. cursor:pointer;
  749. display:inline-block;
  750. padding:4px 16px;
  751. text-transform:uppercase
  752. }
  753. .ripple{
  754. position:relative
  755. }
  756. .ripple>*{
  757. z-index:1
  758. }
  759. .splash-wrapper{
  760. bottom:0;
  761. left:0;
  762. overflow:hidden;
  763. pointer-events:none;
  764. position:absolute;
  765. right:0;
  766. top:0;
  767. z-index:0
  768. }
  769. .splash{
  770. background:#ccc;
  771. border-radius:100%;
  772. display:block;
  773. opacity:.6;
  774. position:absolute;
  775. -webkit-transform:scale(0);
  776. -ms-transform:scale(0);
  777. transform:scale(0)
  778. }
  779. .splash.animate{
  780. -webkit-animation:ripple-effect .4s linear;
  781. animation:ripple-effect .4s linear
  782. }
  783. @-webkit-keyframes ripple-effect{
  784. 100%{
  785. opacity:0;
  786. -webkit-transform:scale(2.5);
  787. transform:scale(2.5)
  788. }
  789. }
  790. @keyframes ripple-effect{
  791. 100%{
  792. opacity:0;
  793. -webkit-transform:scale(2.5);
  794. transform:scale(2.5)
  795. }
  796. }
  797. .search{
  798. display:-webkit-box;
  799. display:-webkit-flex;
  800. display:-ms-flexbox;
  801. display:flex;
  802. line-height:24px;
  803. width:24px
  804. }
  805. .search.focused{
  806. width:100%
  807. }
  808. .search.focused .section{
  809. width:100%
  810. }
  811. .search form{
  812. z-index:101
  813. }
  814. .search h3{
  815. display:none
  816. }
  817. .search form{
  818. display:-webkit-box;
  819. display:-webkit-flex;
  820. display:-ms-flexbox;
  821. display:flex;
  822. -webkit-box-flex:1;
  823. -webkit-flex:1 0 0;
  824. -ms-flex:1 0 0px;
  825. flex:1 0 0;
  826. border-bottom:solid 1px transparent;
  827. padding-bottom:8px
  828. }
  829. .search form>*{
  830. display:none
  831. }
  832. .search.focused form>*{
  833. display:block
  834. }
  835. .search .search-input label{
  836. display:none
  837. }
  838. .centered-top-placeholder.cloned .search form{
  839. z-index:30
  840. }
  841. .search.focused form{
  842. border-color:#ffffff;
  843. position:relative;
  844. width:auto
  845. }
  846. .collapsed-header .centered-top-container .search.focused form{
  847. border-bottom-color:transparent
  848. }
  849. .search-expand{
  850. -webkit-box-flex:0;
  851. -webkit-flex:0 0 auto;
  852. -ms-flex:0 0 auto;
  853. flex:0 0 auto
  854. }
  855. .search-expand-text{
  856. display:none
  857. }
  858. .search-close{
  859. display:inline;
  860. vertical-align:middle
  861. }
  862. .search-input{
  863. -webkit-box-flex:1;
  864. -webkit-flex:1 0 1px;
  865. -ms-flex:1 0 1px;
  866. flex:1 0 1px
  867. }
  868. .search-input input{
  869. background:0 0;
  870. border:0;
  871. box-sizing:border-box;
  872. color:#ffffff;
  873. display:inline-block;
  874. outline:0;
  875. width:calc(100% - 48px)
  876. }
  877. .search-input input.no-cursor{
  878. color:transparent;
  879. text-shadow:0 0 0 #ffffff
  880. }
  881. .collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{
  882. color:#212121
  883. }
  884. .collapsed-header .centered-top-container .search-input input.no-cursor{
  885. color:transparent;
  886. text-shadow:0 0 0 #212121
  887. }
  888. .collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{
  889. outline:0
  890. }
  891. .search-focused>*{
  892. visibility:hidden
  893. }
  894. .search-focused .search,.search-focused .search-icon{
  895. visibility:visible
  896. }
  897. .search.focused .search-action{
  898. display:block
  899. }
  900. .search.focused .search-action:disabled{
  901. opacity:.3
  902. }
  903. .widget.Sharing .sharing-button{
  904. display:none
  905. }
  906. .widget.Sharing .sharing-buttons li{
  907. padding:0
  908. }
  909. .widget.Sharing .sharing-buttons li span{
  910. display:none
  911. }
  912. .post-share-buttons{
  913. position:relative
  914. }
  915. .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{
  916. fill:#212121
  917. }
  918. .sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{
  919. background-color:transparent
  920. }
  921. .share-buttons{
  922. background-color:#ffffff;
  923. border-radius:2px;
  924. 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);
  925. color:#212121;
  926. list-style:none;
  927. margin:0;
  928. padding:8px 0;
  929. position:absolute;
  930. top:-11px;
  931. min-width:200px;
  932. z-index:101
  933. }
  934. .share-buttons.hidden{
  935. display:none
  936. }
  937. .sharing-button{
  938. background:0 0;
  939. border:0;
  940. margin:0;
  941. outline:0;
  942. padding:0;
  943. cursor:pointer
  944. }
  945. .share-buttons li{
  946. margin:0;
  947. height:48px
  948. }
  949. .share-buttons li:last-child{
  950. margin-bottom:0
  951. }
  952. .share-buttons li .sharing-platform-button{
  953. box-sizing:border-box;
  954. cursor:pointer;
  955. display:block;
  956. height:100%;
  957. margin-bottom:0;
  958. padding:0 16px;
  959. position:relative;
  960. width:100%
  961. }
  962. .share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{
  963. background-color:rgba(128,128,128,.1);
  964. outline:0
  965. }
  966. .share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{
  967. position:absolute;
  968. top:10px
  969. }
  970. .share-buttons li span.sharing-platform-button{
  971. position:relative;
  972. top:0
  973. }
  974. .share-buttons li .platform-sharing-text{
  975. display:block;
  976. font-size:16px;
  977. line-height:48px;
  978. white-space:nowrap
  979. }
  980. .share-buttons li .platform-sharing-text{
  981. margin-left:56px
  982. }
  983. .sidebar-container{
  984. background-color:#ffffff;
  985. max-width:284px;
  986. overflow-y:auto;
  987. -webkit-transition-property:-webkit-transform;
  988. transition-property:-webkit-transform;
  989. transition-property:transform;
  990. transition-property:transform,-webkit-transform;
  991. -webkit-transition-duration:.3s;
  992. transition-duration:.3s;
  993. -webkit-transition-timing-function:cubic-bezier(0,0,.2,1);
  994. transition-timing-function:cubic-bezier(0,0,.2,1);
  995. width:284px;
  996. z-index:101;
  997. -webkit-overflow-scrolling:touch
  998. }
  999. .sidebar-container .navigation{
  1000. line-height:0;
  1001. padding:16px
  1002. }
  1003. .sidebar-container .sidebar-back{
  1004. cursor:pointer
  1005. }
  1006. .sidebar-container .widget{
  1007. background:0 0;
  1008. margin:0 16px;
  1009. padding:16px 0
  1010. }
  1011. .sidebar-container .widget .title{
  1012. color:#212121;
  1013. margin:0
  1014. }
  1015. .sidebar-container .widget ul{
  1016. list-style:none;
  1017. margin:0;
  1018. padding:0
  1019. }
  1020. .sidebar-container .widget ul ul{
  1021. margin-left:1em
  1022. }
  1023. .sidebar-container .widget li{
  1024. font-size:16px;
  1025. line-height:normal
  1026. }
  1027. .sidebar-container .widget+.widget{
  1028. border-top:1px dashed #cccccc
  1029. }
  1030. .BlogArchive li{
  1031. margin:16px 0
  1032. }
  1033. .BlogArchive li:last-child{
  1034. margin-bottom:0
  1035. }
  1036. .Label li a{
  1037. display:inline-block
  1038. }
  1039. .BlogArchive .post-count,.Label .label-count{
  1040. float:right;
  1041. margin-left:.25em
  1042. }
  1043. .BlogArchive .post-count::before,.Label .label-count::before{
  1044. content:"("
  1045. }
  1046. .BlogArchive .post-count::after,.Label .label-count::after{
  1047. content:")"
  1048. }
  1049. .widget.Translate .skiptranslate>div{
  1050. display:block!important
  1051. }
  1052. .widget.Profile .profile-link{
  1053. display:-webkit-box;
  1054. display:-webkit-flex;
  1055. display:-ms-flexbox;
  1056. display:flex
  1057. }
  1058. .widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{
  1059. -webkit-box-flex:0;
  1060. -webkit-flex:0 0 auto;
  1061. -ms-flex:0 0 auto;
  1062. flex:0 0 auto;
  1063. margin-right:1em
  1064. }
  1065. .widget.Profile .individual .profile-link{
  1066. -webkit-box-orient:vertical;
  1067. -webkit-box-direction:normal;
  1068. -webkit-flex-direction:column;
  1069. -ms-flex-direction:column;
  1070. flex-direction:column
  1071. }
  1072. .widget.Profile .team .profile-link .profile-name{
  1073. -webkit-align-self:center;
  1074. -ms-flex-item-align:center;
  1075. align-self:center;
  1076. display:block;
  1077. -webkit-box-flex:1;
  1078. -webkit-flex:1 1 auto;
  1079. -ms-flex:1 1 auto;
  1080. flex:1 1 auto
  1081. }
  1082. .dim-overlay{
  1083. background-color:rgba(0,0,0,.54);
  1084. z-index:100
  1085. }
  1086. body.sidebar-visible{
  1087. overflow-y:hidden
  1088. }
  1089. @media screen and (max-width:1439px){
  1090. .sidebar-container{
  1091. bottom:0;
  1092. position:fixed;
  1093. top:0;
  1094. left:0;
  1095. right:auto
  1096. }
  1097. .sidebar-container.sidebar-invisible{
  1098. -webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);
  1099. transition-timing-function:cubic-bezier(.4,0,.6,1);
  1100. -webkit-transform:translateX(-284px);
  1101. -ms-transform:translateX(-284px);
  1102. transform:translateX(-284px)
  1103. }
  1104. }
  1105. @media screen and (min-width:1440px){
  1106. .sidebar-container{
  1107. position:absolute;
  1108. top:0;
  1109. left:0;
  1110. right:auto
  1111. }
  1112. .sidebar-container .navigation{
  1113. display:none
  1114. }
  1115. }
  1116. .dialog{
  1117. 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);
  1118. background:#ffffff;
  1119. box-sizing:border-box;
  1120. color:#757575;
  1121. padding:30px;
  1122. position:fixed;
  1123. text-align:center;
  1124. width:calc(100% - 24px);
  1125. z-index:101
  1126. }
  1127. .dialog input[type=email],.dialog input[type=text]{
  1128. background-color:transparent;
  1129. border:0;
  1130. border-bottom:solid 1px rgba(117,117,117,.12);
  1131. color:#757575;
  1132. display:block;
  1133. font-family:Roboto, sans-serif;
  1134. font-size:16px;
  1135. line-height:24px;
  1136. margin:auto;
  1137. padding-bottom:7px;
  1138. outline:0;
  1139. text-align:center;
  1140. width:100%
  1141. }
  1142. .dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{
  1143. color:#757575
  1144. }
  1145. .dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{
  1146. color:#757575
  1147. }
  1148. .dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{
  1149. color:#757575
  1150. }
  1151. .dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{
  1152. color:#757575
  1153. }
  1154. .dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{
  1155. color:#757575
  1156. }
  1157. .dialog input[type=email]:focus,.dialog input[type=text]:focus{
  1158. border-bottom:solid 2px #2196f3;
  1159. padding-bottom:6px
  1160. }
  1161. .dialog input.no-cursor{
  1162. color:transparent;
  1163. text-shadow:0 0 0 #757575
  1164. }
  1165. .dialog input.no-cursor:focus{
  1166. outline:0
  1167. }
  1168. .dialog input.no-cursor:focus{
  1169. outline:0
  1170. }
  1171. .dialog input[type=submit]{
  1172. font-family:Roboto, sans-serif
  1173. }
  1174. .dialog .goog-buttonset-default{
  1175. color:#2196f3
  1176. }
  1177. .subscribe-popup{
  1178. max-width:364px
  1179. }
  1180. .subscribe-popup h3{
  1181. color:#212121;
  1182. font-size:1.8em;
  1183. margin-top:0
  1184. }
  1185. .subscribe-popup .FollowByEmail h3{
  1186. display:none
  1187. }
  1188. .subscribe-popup .FollowByEmail .follow-by-email-submit{
  1189. color:#2196f3;
  1190. display:inline-block;
  1191. margin:0 auto;
  1192. margin-top:24px;
  1193. width:auto;
  1194. white-space:normal
  1195. }
  1196. .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{
  1197. cursor:default;
  1198. opacity:.3
  1199. }
  1200. @media (max-width:800px){
  1201. .blog-name div.widget.Subscribe{
  1202. margin-bottom:16px
  1203. }
  1204. body.item-view .blog-name div.widget.Subscribe{
  1205. margin:8px auto 16px auto;
  1206. width:100%
  1207. }
  1208. }
  1209. .tabs{
  1210. list-style:none
  1211. }
  1212. .tabs li{
  1213. display:inline-block
  1214. }
  1215. .tabs li a{
  1216. cursor:pointer;
  1217. display:inline-block;
  1218. font-weight:700;
  1219. text-transform:uppercase;
  1220. padding:12px 8px
  1221. }
  1222. .tabs .selected{
  1223. border-bottom:4px solid #ffffff
  1224. }
  1225. .tabs .selected a{
  1226. color:#ffffff
  1227. }
  1228. body#layout .bg-photo,body#layout .bg-photo-overlay{
  1229. display:none
  1230. }
  1231. body#layout .page_body{
  1232. padding:0;
  1233. position:relative;
  1234. top:0
  1235. }
  1236. body#layout .page{
  1237. display:inline-block;
  1238. left:inherit;
  1239. position:relative;
  1240. vertical-align:top;
  1241. width:540px
  1242. }
  1243. body#layout .centered{
  1244. max-width:954px
  1245. }
  1246. body#layout .navigation{
  1247. display:none
  1248. }
  1249. body#layout .sidebar-container{
  1250. display:inline-block;
  1251. width:40%
  1252. }
  1253. body#layout .hamburger-menu,body#layout .search{
  1254. display:none
  1255. }
  1256. .centered-top-container .svg-icon-24,body.collapsed-header .centered-top-placeholder .svg-icon-24{
  1257. fill:#ffffff
  1258. }
  1259. .sidebar-container .svg-icon-24{
  1260. fill:#707070
  1261. }
  1262. .centered-bottom .svg-icon-24,body.collapsed-header .centered-top-container .svg-icon-24{
  1263. fill:#707070
  1264. }
  1265. .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{
  1266. fill:#212121
  1267. }
  1268. body{
  1269. background-color:#eeeeee;
  1270. color:#757575;
  1271. font:15px Roboto, sans-serif;
  1272. margin:0;
  1273. min-height:100vh
  1274. }
  1275. img{
  1276. max-width:100%
  1277. }
  1278. h3{
  1279. color:#757575;
  1280. font-size:16px
  1281. }
  1282. a{
  1283. text-decoration:none;
  1284. color:#2196f3
  1285. }
  1286. a:visited{
  1287. color:#2196f3
  1288. }
  1289. a:hover{
  1290. color:#2196f3
  1291. }
  1292. blockquote{
  1293. color:#444444;
  1294. font:italic 300 15px Roboto, sans-serif;
  1295. font-size:x-large;
  1296. text-align:center
  1297. }
  1298. .pill-button{
  1299. font-size:12px
  1300. }
  1301. .bg-photo-container{
  1302. height:480px;
  1303. overflow:hidden;
  1304. position:absolute;
  1305. width:100%;
  1306. z-index:1
  1307. }
  1308. .bg-photo{
  1309. background:#eeeeee url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) no-repeat scroll top center /* Credit: Michael Elkan (http://www.offset.com/photos/394244) */;;
  1310. background-attachment:scroll;
  1311. background-size:cover;
  1312. -webkit-filter:blur(0px);
  1313. filter:blur(0px);
  1314. height:calc(100% + 2 * 0px);
  1315. left:0px;
  1316. position:absolute;
  1317. top:0px;
  1318. width:calc(100% + 2 * 0px)
  1319. }
  1320. .bg-photo-overlay{
  1321. background:rgba(0,0,0,.26);
  1322. background-size:cover;
  1323. height:480px;
  1324. position:absolute;
  1325. width:100%;
  1326. z-index:2
  1327. }
  1328. .hamburger-menu{
  1329. float:left;
  1330. margin-top:0
  1331. }
  1332. .sticky .hamburger-menu{
  1333. float:none;
  1334. position:absolute
  1335. }
  1336. .search{
  1337. border-bottom:solid 1px rgba(255, 255, 255, 0);
  1338. float:right;
  1339. position:relative;
  1340. -webkit-transition-property:width;
  1341. transition-property:width;
  1342. -webkit-transition-duration:.5s;
  1343. transition-duration:.5s;
  1344. -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  1345. transition-timing-function:cubic-bezier(.4,0,.2,1);
  1346. z-index:101
  1347. }
  1348. .search .dim-overlay{
  1349. background-color:transparent
  1350. }
  1351. .search form{
  1352. height:36px;
  1353. -webkit-transition-property:border-color;
  1354. transition-property:border-color;
  1355. -webkit-transition-delay:.5s;
  1356. transition-delay:.5s;
  1357. -webkit-transition-duration:.2s;
  1358. transition-duration:.2s;
  1359. -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  1360. transition-timing-function:cubic-bezier(.4,0,.2,1)
  1361. }
  1362. .search.focused{
  1363. width:calc(100% - 48px)
  1364. }
  1365. .search.focused form{
  1366. display:-webkit-box;
  1367. display:-webkit-flex;
  1368. display:-ms-flexbox;
  1369. display:flex;
  1370. -webkit-box-flex:1;
  1371. -webkit-flex:1 0 1px;
  1372. -ms-flex:1 0 1px;
  1373. flex:1 0 1px;
  1374. border-color:#ffffff;
  1375. margin-left:-24px;
  1376. padding-left:36px;
  1377. position:relative;
  1378. width:auto
  1379. }
  1380. .item-view .search,.sticky .search{
  1381. right:0;
  1382. float:none;
  1383. margin-left:0;
  1384. position:absolute
  1385. }
  1386. .item-view .search.focused,.sticky .search.focused{
  1387. width:calc(100% - 50px)
  1388. }
  1389. .item-view .search.focused form,.sticky .search.focused form{
  1390. border-bottom-color:#757575
  1391. }
  1392. .centered-top-placeholder.cloned .search form{
  1393. z-index:30
  1394. }
  1395. .search_button{
  1396. -webkit-box-flex:0;
  1397. -webkit-flex:0 0 24px;
  1398. -ms-flex:0 0 24px;
  1399. flex:0 0 24px;
  1400. -webkit-box-orient:vertical;
  1401. -webkit-box-direction:normal;
  1402. -webkit-flex-direction:column;
  1403. -ms-flex-direction:column;
  1404. flex-direction:column
  1405. }
  1406. .search_button svg{
  1407. margin-top:0
  1408. }
  1409. .search-input{
  1410. height:48px
  1411. }
  1412. .search-input input{
  1413. display:block;
  1414. color:#ffffff;
  1415. font:16px Roboto, sans-serif;
  1416. height:48px;
  1417. line-height:48px;
  1418. padding:0;
  1419. width:100%
  1420. }
  1421. .search-input input::-webkit-input-placeholder{
  1422. color:#ffffff;
  1423. opacity:.3
  1424. }
  1425. .search-input input::-moz-placeholder{
  1426. color:#ffffff;
  1427. opacity:.3
  1428. }
  1429. .search-input input:-ms-input-placeholder{
  1430. color:#ffffff;
  1431. opacity:.3
  1432. }
  1433. .search-input input::-ms-input-placeholder{
  1434. color:#ffffff;
  1435. opacity:.3
  1436. }
  1437. .search-input input::placeholder{
  1438. color:#ffffff;
  1439. opacity:.3
  1440. }
  1441. .search-action{
  1442. background:0 0;
  1443. border:0;
  1444. color:#ffffff;
  1445. cursor:pointer;
  1446. display:none;
  1447. height:48px;
  1448. margin-top:0
  1449. }
  1450. .sticky .search-action{
  1451. color:#757575
  1452. }
  1453. .search.focused .search-action{
  1454. display:block
  1455. }
  1456. .search.focused .search-action:disabled{
  1457. opacity:.3
  1458. }
  1459. .page_body{
  1460. position:relative;
  1461. z-index:20
  1462. }
  1463. .page_body .widget{
  1464. margin-bottom:16px
  1465. }
  1466. .page_body .centered{
  1467. box-sizing:border-box;
  1468. display:-webkit-box;
  1469. display:-webkit-flex;
  1470. display:-ms-flexbox;
  1471. display:flex;
  1472. -webkit-box-orient:vertical;
  1473. -webkit-box-direction:normal;
  1474. -webkit-flex-direction:column;
  1475. -ms-flex-direction:column;
  1476. flex-direction:column;
  1477. margin:0 auto;
  1478. max-width:922px;
  1479. min-height:100vh;
  1480. padding:24px 0
  1481. }
  1482. .page_body .centered>*{
  1483. -webkit-box-flex:0;
  1484. -webkit-flex:0 0 auto;
  1485. -ms-flex:0 0 auto;
  1486. flex:0 0 auto
  1487. }
  1488. .page_body .centered>#footer{
  1489. margin-top:auto
  1490. }
  1491. .blog-name{
  1492. margin:24px 0 16px 0
  1493. }
  1494. .item-view .blog-name,.sticky .blog-name{
  1495. box-sizing:border-box;
  1496. margin-left:36px;
  1497. min-height:48px;
  1498. opacity:1;
  1499. padding-top:12px
  1500. }
  1501. .blog-name .subscribe-section-container{
  1502. margin-bottom:32px;
  1503. text-align:center;
  1504. -webkit-transition-property:opacity;
  1505. transition-property:opacity;
  1506. -webkit-transition-duration:.5s;
  1507. transition-duration:.5s
  1508. }
  1509. .item-view .blog-name .subscribe-section-container,.sticky .blog-name .subscribe-section-container{
  1510. margin:0 0 8px 0
  1511. }
  1512. .blog-name .PageList{
  1513. margin-top:16px;
  1514. padding-top:8px;
  1515. text-align:center
  1516. }
  1517. .blog-name .PageList .overflowable-contents{
  1518. width:100%
  1519. }
  1520. .blog-name .PageList h3.title{
  1521. color:#ffffff;
  1522. margin:8px auto;
  1523. text-align:center;
  1524. width:100%
  1525. }
  1526. .centered-top-container .blog-name{
  1527. -webkit-transition-property:opacity;
  1528. transition-property:opacity;
  1529. -webkit-transition-duration:.5s;
  1530. transition-duration:.5s
  1531. }
  1532. .item-view .return_link{
  1533. margin-bottom:12px;
  1534. margin-top:12px;
  1535. position:absolute
  1536. }
  1537. .item-view .blog-name{
  1538. display:-webkit-box;
  1539. display:-webkit-flex;
  1540. display:-ms-flexbox;
  1541. display:flex;
  1542. -webkit-flex-wrap:wrap;
  1543. -ms-flex-wrap:wrap;
  1544. flex-wrap:wrap;
  1545. margin:0 48px 27px 48px
  1546. }
  1547. .item-view .subscribe-section-container{
  1548. -webkit-box-flex:0;
  1549. -webkit-flex:0 0 auto;
  1550. -ms-flex:0 0 auto;
  1551. flex:0 0 auto
  1552. }
  1553. .item-view #header,.item-view .Header{
  1554. margin-bottom:5px;
  1555. margin-right:15px
  1556. }
  1557. .item-view .sticky .Header{
  1558. margin-bottom:0
  1559. }
  1560. .item-view .Header p{
  1561. margin:10px 0 0 0;
  1562. text-align:left
  1563. }
  1564. .item-view .post-share-buttons-bottom{
  1565. margin-right:16px
  1566. }
  1567. .sticky{
  1568. background:#ffffff;
  1569. box-shadow:0 0 20px 0 rgba(0,0,0,.7);
  1570. box-sizing:border-box;
  1571. margin-left:0
  1572. }
  1573. .sticky #header{
  1574. margin-bottom:8px;
  1575. margin-right:8px
  1576. }
  1577. .sticky .centered-top{
  1578. margin:4px auto;
  1579. max-width:890px;
  1580. min-height:48px
  1581. }
  1582. .sticky .blog-name{
  1583. display:-webkit-box;
  1584. display:-webkit-flex;
  1585. display:-ms-flexbox;
  1586. display:flex;
  1587. margin:0 48px
  1588. }
  1589. .sticky .blog-name #header{
  1590. -webkit-box-flex:0;
  1591. -webkit-flex:0 1 auto;
  1592. -ms-flex:0 1 auto;
  1593. flex:0 1 auto;
  1594. -webkit-box-ordinal-group:2;
  1595. -webkit-order:1;
  1596. -ms-flex-order:1;
  1597. order:1;
  1598. overflow:hidden
  1599. }
  1600. .sticky .blog-name .subscribe-section-container{
  1601. -webkit-box-flex:0;
  1602. -webkit-flex:0 0 auto;
  1603. -ms-flex:0 0 auto;
  1604. flex:0 0 auto;
  1605. -webkit-box-ordinal-group:3;
  1606. -webkit-order:2;
  1607. -ms-flex-order:2;
  1608. order:2
  1609. }
  1610. .sticky .Header h1{
  1611. overflow:hidden;
  1612. text-overflow:ellipsis;
  1613. white-space:nowrap;
  1614. margin-right:-10px;
  1615. margin-bottom:-10px;
  1616. padding-right:10px;
  1617. padding-bottom:10px
  1618. }
  1619. .sticky .Header p{
  1620. display:none
  1621. }
  1622. .sticky .PageList{
  1623. display:none
  1624. }
  1625. .search-focused>*{
  1626. visibility:visible
  1627. }
  1628. .search-focused .hamburger-menu{
  1629. visibility:visible
  1630. }
  1631. .item-view .search-focused .blog-name,.sticky .search-focused .blog-name{
  1632. opacity:0
  1633. }
  1634. .centered-bottom,.centered-top-container,.centered-top-placeholder{
  1635. padding:0 16px
  1636. }
  1637. .centered-top{
  1638. position:relative
  1639. }
  1640. .item-view .centered-top.search-focused .subscribe-section-container,.sticky .centered-top.search-focused .subscribe-section-container{
  1641. opacity:0
  1642. }
  1643. .page_body.has-vertical-ads .centered .centered-bottom{
  1644. display:inline-block;
  1645. width:calc(100% - 176px)
  1646. }
  1647. .Header h1{
  1648. color:#ffffff;
  1649. font:bold 45px Roboto, sans-serif;
  1650. line-height:normal;
  1651. margin:0 0 13px 0;
  1652. text-align:center;
  1653. width:100%
  1654. }
  1655. .Header h1 a,.Header h1 a:hover,.Header h1 a:visited{
  1656. color:#ffffff
  1657. }
  1658. .item-view .Header h1,.sticky .Header h1{
  1659. font-size:24px;
  1660. line-height:24px;
  1661. margin:0;
  1662. text-align:left
  1663. }
  1664. .sticky .Header h1{
  1665. color:#757575
  1666. }
  1667. .sticky .Header h1 a,.sticky .Header h1 a:hover,.sticky .Header h1 a:visited{
  1668. color:#757575
  1669. }
  1670. .Header p{
  1671. color:#ffffff;
  1672. margin:0 0 13px 0;
  1673. opacity:.8;
  1674. text-align:center
  1675. }
  1676. .widget .title{
  1677. line-height:28px
  1678. }
  1679. .BlogArchive li{
  1680. font-size:16px
  1681. }
  1682. .BlogArchive .post-count{
  1683. color:#757575
  1684. }
  1685. #page_body .FeaturedPost,.Blog .blog-posts .post-outer-container{
  1686. background:#ffffff;
  1687. min-height:40px;
  1688. padding:30px 40px;
  1689. width:auto
  1690. }
  1691. .Blog .blog-posts .post-outer-container:last-child{
  1692. margin-bottom:0
  1693. }
  1694. .Blog .blog-posts .post-outer-container .post-outer{
  1695. border:0;
  1696. position:relative;
  1697. padding-bottom:.25em
  1698. }
  1699. .post-outer-container{
  1700. margin-bottom:16px
  1701. }
  1702. .post:first-child{
  1703. margin-top:0
  1704. }
  1705. .post .thumb{
  1706. float:left;
  1707. height:20%;
  1708. width:20%
  1709. }
  1710. .post-share-buttons-bottom,.post-share-buttons-top{
  1711. float:right
  1712. }
  1713. .post-share-buttons-bottom{
  1714. margin-right:24px
  1715. }
  1716. .post-footer,.post-header{
  1717. clear:left;
  1718. color:rgba(0, 0, 0, 0.54);
  1719. margin:0;
  1720. width:inherit
  1721. }
  1722. .blog-pager{
  1723. text-align:center
  1724. }
  1725. .blog-pager a{
  1726. color:#2196f3
  1727. }
  1728. .blog-pager a:visited{
  1729. color:#2196f3
  1730. }
  1731. .blog-pager a:hover{
  1732. color:#2196f3
  1733. }
  1734. .post-title{
  1735. font:bold 22px Roboto, sans-serif;
  1736. float:left;
  1737. margin:0 0 8px 0;
  1738. max-width:calc(100% - 48px)
  1739. }
  1740. .post-title a{
  1741. font:bold 30px Roboto, sans-serif
  1742. }
  1743. .post-title,.post-title a,.post-title a:hover,.post-title a:visited{
  1744. color:#212121
  1745. }
  1746. .post-body{
  1747. color:#757575;
  1748. font:15px Roboto, sans-serif;
  1749. line-height:1.6em;
  1750. margin:1.5em 0 2em 0;
  1751. display:block
  1752. }
  1753. .post-body img{
  1754. height:inherit
  1755. }
  1756. .post-body .snippet-thumbnail{
  1757. float:left;
  1758. margin:0;
  1759. margin-right:2em;
  1760. max-height:128px;
  1761. max-width:128px
  1762. }
  1763. .post-body .snippet-thumbnail img{
  1764. max-width:100%
  1765. }
  1766. .main .FeaturedPost .widget-content{
  1767. border:0;
  1768. position:relative;
  1769. padding-bottom:.25em
  1770. }
  1771. .FeaturedPost img{
  1772. margin-top:2em
  1773. }
  1774. .FeaturedPost .snippet-container{
  1775. margin:2em 0
  1776. }
  1777. .FeaturedPost .snippet-container p{
  1778. margin:0
  1779. }
  1780. .FeaturedPost .snippet-thumbnail{
  1781. float:none;
  1782. height:auto;
  1783. margin-bottom:2em;
  1784. margin-right:0;
  1785. overflow:hidden;
  1786. max-height:calc(600px + 2em);
  1787. max-width:100%;
  1788. text-align:center;
  1789. width:100%
  1790. }
  1791. .FeaturedPost .snippet-thumbnail img{
  1792. max-width:100%;
  1793. width:100%
  1794. }
  1795. .byline{
  1796. color:rgba(0, 0, 0, 0.54);
  1797. display:inline-block;
  1798. line-height:24px;
  1799. margin-top:8px;
  1800. vertical-align:top
  1801. }
  1802. .byline.post-author:first-child{
  1803. margin-right:0
  1804. }
  1805. .byline.reactions .reactions-label{
  1806. line-height:22px;
  1807. vertical-align:top
  1808. }
  1809. .byline.post-share-buttons{
  1810. position:relative;
  1811. display:inline-block;
  1812. margin-top:0;
  1813. width:100%
  1814. }
  1815. .byline.post-share-buttons .sharing{
  1816. float:right
  1817. }
  1818. .flat-button.ripple:hover{
  1819. background-color:rgba(33,150,243,.12)
  1820. }
  1821. .flat-button.ripple .splash{
  1822. background-color:rgba(33,150,243,.4)
  1823. }
  1824. a.timestamp-link,a:active.timestamp-link,a:visited.timestamp-link{
  1825. color:inherit;
  1826. font:inherit;
  1827. text-decoration:inherit
  1828. }
  1829. .post-share-buttons{
  1830. margin-left:0
  1831. }
  1832. .clear-sharing{
  1833. min-height:24px
  1834. }
  1835. .comment-link{
  1836. color:#2196f3;
  1837. position:relative
  1838. }
  1839. .comment-link .num_comments{
  1840. margin-left:8px;
  1841. vertical-align:top
  1842. }
  1843. #comment-holder .continue{
  1844. display:none
  1845. }
  1846. #comment-editor{
  1847. margin-bottom:20px;
  1848. margin-top:20px
  1849. }
  1850. #comments .comment-form h4,#comments h3.title{
  1851. position:absolute;
  1852. clip:rect(1px,1px,1px,1px);
  1853. padding:0;
  1854. border:0;
  1855. height:1px;
  1856. width:1px;
  1857. overflow:hidden
  1858. }
  1859. .post-filter-message{
  1860. background-color:rgba(0,0,0,.7);
  1861. color:#fff;
  1862. display:table;
  1863. margin-bottom:16px;
  1864. width:100%
  1865. }
  1866. .post-filter-message div{
  1867. display:table-cell;
  1868. padding:15px 28px
  1869. }
  1870. .post-filter-message div:last-child{
  1871. padding-left:0;
  1872. text-align:right
  1873. }
  1874. .post-filter-message a{
  1875. white-space:nowrap
  1876. }
  1877. .post-filter-message .search-label,.post-filter-message .search-query{
  1878. font-weight:700;
  1879. color:#2196f3
  1880. }
  1881. #blog-pager{
  1882. margin:2em 0
  1883. }
  1884. #blog-pager a{
  1885. color:#2196f3;
  1886. font-size:14px
  1887. }
  1888. .subscribe-button{
  1889. border-color:#ffffff;
  1890. color:#ffffff
  1891. }
  1892. .sticky .subscribe-button{
  1893. border-color:#757575;
  1894. color:#757575
  1895. }
  1896. .tabs{
  1897. margin:0 auto;
  1898. padding:0
  1899. }
  1900. .tabs li{
  1901. margin:0 8px;
  1902. vertical-align:top
  1903. }
  1904. .tabs .overflow-button a,.tabs li a{
  1905. color:#cccccc;
  1906. font:700 normal 15px Roboto, sans-serif;
  1907. line-height:18px
  1908. }
  1909. .tabs .overflow-button a{
  1910. padding:12px 8px
  1911. }
  1912. .overflow-popup .tabs li{
  1913. text-align:left
  1914. }
  1915. .overflow-popup li a{
  1916. color:#757575;
  1917. display:block;
  1918. padding:8px 20px
  1919. }
  1920. .overflow-popup li.selected a{
  1921. color:#212121
  1922. }
  1923. a.report_abuse{
  1924. font-weight:400
  1925. }
  1926. .Label li,.Label span.label-size,.byline.post-labels a{
  1927. background-color:#f7f7f7;
  1928. border:1px solid #f7f7f7;
  1929. border-radius:15px;
  1930. display:inline-block;
  1931. margin:4px 4px 4px 0;
  1932. padding:3px 8px
  1933. }
  1934. .Label a,.byline.post-labels a{
  1935. color:rgba(0,0,0,0.54)
  1936. }
  1937. .Label ul{
  1938. list-style:none;
  1939. padding:0
  1940. }
  1941. .PopularPosts{
  1942. background-color:#eeeeee;
  1943. padding:30px 40px
  1944. }
  1945. .PopularPosts .item-content{
  1946. color:#757575;
  1947. margin-top:24px
  1948. }
  1949. .PopularPosts a,.PopularPosts a:hover,.PopularPosts a:visited{
  1950. color:#2196f3
  1951. }
  1952. .PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts .post-title a:hover,.PopularPosts .post-title a:visited{
  1953. color:#212121;
  1954. font-size:18px;
  1955. font-weight:700;
  1956. line-height:24px
  1957. }
  1958. .PopularPosts,.PopularPosts h3.title a{
  1959. color:#757575;
  1960. font:15px Roboto, sans-serif
  1961. }
  1962. .main .PopularPosts{
  1963. padding:16px 40px
  1964. }
  1965. .PopularPosts h3.title{
  1966. font-size:14px;
  1967. margin:0
  1968. }
  1969. .PopularPosts h3.post-title{
  1970. margin-bottom:0
  1971. }
  1972. .PopularPosts .byline{
  1973. color:rgba(0, 0, 0, 0.54)
  1974. }
  1975. .PopularPosts .jump-link{
  1976. float:right;
  1977. margin-top:16px
  1978. }
  1979. .PopularPosts .post-header .byline{
  1980. font-size:.9em;
  1981. font-style:italic;
  1982. margin-top:6px
  1983. }
  1984. .PopularPosts ul{
  1985. list-style:none;
  1986. padding:0;
  1987. margin:0
  1988. }
  1989. .PopularPosts .post{
  1990. padding:20px 0
  1991. }
  1992. .PopularPosts .post+.post{
  1993. border-top:1px dashed #cccccc
  1994. }
  1995. .PopularPosts .item-thumbnail{
  1996. float:left;
  1997. margin-right:32px
  1998. }
  1999. .PopularPosts .item-thumbnail img{
  2000. height:88px;
  2001. padding:0;
  2002. width:88px
  2003. }
  2004. .inline-ad{
  2005. margin-bottom:16px
  2006. }
  2007. .desktop-ad .inline-ad{
  2008. display:block
  2009. }
  2010. .adsbygoogle{
  2011. overflow:hidden
  2012. }
  2013. .vertical-ad-container{
  2014. float:right;
  2015. margin-right:16px;
  2016. width:128px
  2017. }
  2018. .vertical-ad-container .AdSense+.AdSense{
  2019. margin-top:16px
  2020. }
  2021. .inline-ad-placeholder,.vertical-ad-placeholder{
  2022. background:#ffffff;
  2023. border:1px solid #000;
  2024. opacity:.9;
  2025. vertical-align:middle;
  2026. text-align:center
  2027. }
  2028. .inline-ad-placeholder span,.vertical-ad-placeholder span{
  2029. margin-top:290px;
  2030. display:block;
  2031. text-transform:uppercase;
  2032. font-weight:700;
  2033. color:#212121
  2034. }
  2035. .vertical-ad-placeholder{
  2036. height:600px
  2037. }
  2038. .vertical-ad-placeholder span{
  2039. margin-top:290px;
  2040. padding:0 40px
  2041. }
  2042. .inline-ad-placeholder{
  2043. height:90px
  2044. }
  2045. .inline-ad-placeholder span{
  2046. margin-top:36px
  2047. }
  2048. .Attribution{
  2049. color:#757575
  2050. }
  2051. .Attribution a,.Attribution a:hover,.Attribution a:visited{
  2052. color:#2196f3
  2053. }
  2054. .Attribution svg{
  2055. fill:#707070
  2056. }
  2057. .sidebar-container{
  2058. box-shadow:1px 1px 3px rgba(0,0,0,.1)
  2059. }
  2060. .sidebar-container,.sidebar-container .sidebar_bottom{
  2061. background-color:#ffffff
  2062. }
  2063. .sidebar-container .navigation,.sidebar-container .sidebar_top_wrapper{
  2064. background-color:#ffffff
  2065. }
  2066. .sidebar-container .sidebar_top{
  2067. overflow:auto
  2068. }
  2069. .sidebar-container .sidebar_bottom{
  2070. width:100%;
  2071. padding-top:16px
  2072. }
  2073. .sidebar-container .widget:first-child{
  2074. padding-top:0
  2075. }
  2076. .sidebar_top .widget.Profile{
  2077. padding-bottom:16px
  2078. }
  2079. .widget.Profile{
  2080. margin:0;
  2081. width:100%
  2082. }
  2083. .widget.Profile h2{
  2084. display:none
  2085. }
  2086. .widget.Profile h3.title{
  2087. color:rgba(0,0,0,0.52);
  2088. margin:16px 32px
  2089. }
  2090. .widget.Profile .individual{
  2091. text-align:center
  2092. }
  2093. .widget.Profile .individual .profile-link{
  2094. padding:1em
  2095. }
  2096. .widget.Profile .individual .default-avatar-wrapper .avatar-icon{
  2097. margin:auto
  2098. }
  2099. .widget.Profile .team{
  2100. margin-bottom:32px;
  2101. margin-left:32px;
  2102. margin-right:32px
  2103. }
  2104. .widget.Profile ul{
  2105. list-style:none;
  2106. padding:0
  2107. }
  2108. .widget.Profile li{
  2109. margin:10px 0
  2110. }
  2111. .widget.Profile .profile-img{
  2112. border-radius:50%;
  2113. float:none
  2114. }
  2115. .widget.Profile .profile-link{
  2116. color:#212121;
  2117. font-size:.9em;
  2118. margin-bottom:1em;
  2119. opacity:.87;
  2120. overflow:hidden
  2121. }
  2122. .widget.Profile .profile-link.visit-profile{
  2123. border-style:solid;
  2124. border-width:1px;
  2125. border-radius:12px;
  2126. cursor:pointer;
  2127. font-size:12px;
  2128. font-weight:400;
  2129. padding:5px 20px;
  2130. display:inline-block;
  2131. line-height:normal
  2132. }
  2133. .widget.Profile dd{
  2134. color:rgba(0, 0, 0, 0.54);
  2135. margin:0 16px
  2136. }
  2137. .widget.Profile location{
  2138. margin-bottom:1em
  2139. }
  2140. .widget.Profile .profile-textblock{
  2141. font-size:14px;
  2142. line-height:24px;
  2143. position:relative
  2144. }
  2145. body.sidebar-visible .page_body{
  2146. overflow-y:scroll
  2147. }
  2148. body.sidebar-visible .bg-photo-container{
  2149. overflow-y:scroll
  2150. }
  2151. @media screen and (min-width:1440px){
  2152. .sidebar-container{
  2153. margin-top:480px;
  2154. min-height:calc(100% - 480px);
  2155. overflow:visible;
  2156. z-index:32
  2157. }
  2158. .sidebar-container .sidebar_top_wrapper{
  2159. background-color:#f7f7f7;
  2160. height:480px;
  2161. margin-top:-480px
  2162. }
  2163. .sidebar-container .sidebar_top{
  2164. display:-webkit-box;
  2165. display:-webkit-flex;
  2166. display:-ms-flexbox;
  2167. display:flex;
  2168. height:480px;
  2169. -webkit-box-orient:horizontal;
  2170. -webkit-box-direction:normal;
  2171. -webkit-flex-direction:row;
  2172. -ms-flex-direction:row;
  2173. flex-direction:row;
  2174. max-height:480px
  2175. }
  2176. .sidebar-container .sidebar_bottom{
  2177. max-width:284px;
  2178. width:284px
  2179. }
  2180. body.collapsed-header .sidebar-container{
  2181. z-index:15
  2182. }
  2183. .sidebar-container .sidebar_top:empty{
  2184. display:none
  2185. }
  2186. .sidebar-container .sidebar_top>:only-child{
  2187. -webkit-box-flex:0;
  2188. -webkit-flex:0 0 auto;
  2189. -ms-flex:0 0 auto;
  2190. flex:0 0 auto;
  2191. -webkit-align-self:center;
  2192. -ms-flex-item-align:center;
  2193. align-self:center;
  2194. width:100%
  2195. }
  2196. .sidebar_top_wrapper.no-items{
  2197. display:none
  2198. }
  2199. }
  2200. .post-snippet.snippet-container{
  2201. max-height:120px
  2202. }
  2203. .post-snippet .snippet-item{
  2204. line-height:24px
  2205. }
  2206. .post-snippet .snippet-fade{
  2207. background:-webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
  2208. background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
  2209. color:#757575;
  2210. height:24px
  2211. }
  2212. .popular-posts-snippet.snippet-container{
  2213. max-height:72px
  2214. }
  2215. .popular-posts-snippet .snippet-item{
  2216. line-height:24px
  2217. }
  2218. .PopularPosts .popular-posts-snippet .snippet-fade{
  2219. color:#757575;
  2220. height:24px
  2221. }
  2222. .main .popular-posts-snippet .snippet-fade{
  2223. background:-webkit-linear-gradient(left,#eeeeee 0,#eeeeee 20%,rgba(238, 238, 238, 0) 100%);
  2224. background:linear-gradient(to left,#eeeeee 0,#eeeeee 20%,rgba(238, 238, 238, 0) 100%)
  2225. }
  2226. .sidebar_bottom .popular-posts-snippet .snippet-fade{
  2227. background:-webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
  2228. background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%)
  2229. }
  2230. .profile-snippet.snippet-container{
  2231. max-height:192px
  2232. }
  2233. .has-location .profile-snippet.snippet-container{
  2234. max-height:144px
  2235. }
  2236. .profile-snippet .snippet-item{
  2237. line-height:24px
  2238. }
  2239. .profile-snippet .snippet-fade{
  2240. background:-webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
  2241. background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%);
  2242. color:rgba(0, 0, 0, 0.54);
  2243. height:24px
  2244. }
  2245. @media screen and (min-width:1440px){
  2246. .profile-snippet .snippet-fade{
  2247. background:-webkit-linear-gradient(left,#f7f7f7 0,#f7f7f7 20%,rgba(247, 247, 247, 0) 100%);
  2248. background:linear-gradient(to left,#f7f7f7 0,#f7f7f7 20%,rgba(247, 247, 247, 0) 100%)
  2249. }
  2250. }
  2251. @media screen and (max-width:800px){
  2252. .blog-name{
  2253. margin-top:0
  2254. }
  2255. body.item-view .blog-name{
  2256. margin:0 48px
  2257. }
  2258. .centered-bottom{
  2259. padding:8px
  2260. }
  2261. body.item-view .centered-bottom{
  2262. padding:0
  2263. }
  2264. .page_body .centered{
  2265. padding:10px 0
  2266. }
  2267. body.item-view #header,body.item-view .widget.Header{
  2268. margin-right:0
  2269. }
  2270. body.collapsed-header .centered-top-container .blog-name{
  2271. display:block
  2272. }
  2273. body.collapsed-header .centered-top-container .widget.Header h1{
  2274. text-align:center
  2275. }
  2276. .widget.Header header{
  2277. padding:0
  2278. }
  2279. .widget.Header h1{
  2280. font-size:24px;
  2281. line-height:24px;
  2282. margin-bottom:13px
  2283. }
  2284. body.item-view .widget.Header h1{
  2285. text-align:center
  2286. }
  2287. body.item-view .widget.Header p{
  2288. text-align:center
  2289. }
  2290. .blog-name .widget.PageList{
  2291. padding:0
  2292. }
  2293. body.item-view .centered-top{
  2294. margin-bottom:5px
  2295. }
  2296. .search-action,.search-input{
  2297. margin-bottom:-8px
  2298. }
  2299. .search form{
  2300. margin-bottom:8px
  2301. }
  2302. body.item-view .subscribe-section-container{
  2303. margin:5px 0 0 0;
  2304. width:100%
  2305. }
  2306. #page_body.section div.widget.FeaturedPost,div.widget.PopularPosts{
  2307. padding:16px
  2308. }
  2309. div.widget.Blog .blog-posts .post-outer-container{
  2310. padding:16px
  2311. }
  2312. div.widget.Blog .blog-posts .post-outer-container .post-outer{
  2313. padding:0
  2314. }
  2315. .post:first-child{
  2316. margin:0
  2317. }
  2318. .post-body .snippet-thumbnail{
  2319. margin:0 3vw 3vw 0
  2320. }
  2321. .post-body .snippet-thumbnail img{
  2322. height:20vw;
  2323. width:20vw;
  2324. max-height:128px;
  2325. max-width:128px
  2326. }
  2327. div.widget.PopularPosts div.item-thumbnail{
  2328. margin:0 3vw 3vw 0
  2329. }
  2330. div.widget.PopularPosts div.item-thumbnail img{
  2331. height:20vw;
  2332. width:20vw;
  2333. max-height:88px;
  2334. max-width:88px
  2335. }
  2336. .post-title{
  2337. line-height:1
  2338. }
  2339. .post-title,.post-title a{
  2340. font-size:20px
  2341. }
  2342. #page_body.section div.widget.FeaturedPost h3 a{
  2343. font-size:22px
  2344. }
  2345. .mobile-ad .inline-ad{
  2346. display:block
  2347. }
  2348. .page_body.has-vertical-ads .vertical-ad-container,.page_body.has-vertical-ads .vertical-ad-container ins{
  2349. display:none
  2350. }
  2351. .page_body.has-vertical-ads .centered .centered-bottom,.page_body.has-vertical-ads .centered .centered-top{
  2352. display:block;
  2353. width:auto
  2354. }
  2355. div.post-filter-message div{
  2356. padding:8px 16px
  2357. }
  2358. }
  2359. @media screen and (min-width:1440px){
  2360. body{
  2361. position:relative
  2362. }
  2363. body.item-view .blog-name{
  2364. margin-left:48px
  2365. }
  2366. .page_body{
  2367. margin-left:284px
  2368. }
  2369. .search{
  2370. margin-left:0
  2371. }
  2372. .search.focused{
  2373. width:100%
  2374. }
  2375. .sticky{
  2376. padding-left:284px
  2377. }
  2378. .hamburger-menu{
  2379. display:none
  2380. }
  2381. body.collapsed-header .page_body .centered-top-container{
  2382. padding-left:284px;
  2383. padding-right:0;
  2384. width:100%
  2385. }
  2386. body.collapsed-header .centered-top-container .search.focused{
  2387. width:100%
  2388. }
  2389. body.collapsed-header .centered-top-container .blog-name{
  2390. margin-left:0
  2391. }
  2392. body.collapsed-header.item-view .centered-top-container .search.focused{
  2393. width:calc(100% - 50px)
  2394. }
  2395. body.collapsed-header.item-view .centered-top-container .blog-name{
  2396. margin-left:40px
  2397. }
  2398. }
  2399. --></style>
  2400. <style id='template-skin-1' type='text/css'><!--
  2401. body#layout .hidden,
  2402. body#layout .invisible {
  2403. display: inherit;
  2404. }
  2405. body#layout .navigation {
  2406. display: none;
  2407. }
  2408. body#layout .page,
  2409. body#layout .sidebar_top,
  2410. body#layout .sidebar_bottom {
  2411. display: inline-block;
  2412. left: inherit;
  2413. position: relative;
  2414. vertical-align: top;
  2415. }
  2416. body#layout .page {
  2417. float: right;
  2418. margin-left: 20px;
  2419. width: 55%;
  2420. }
  2421. body#layout .sidebar-container {
  2422. float: right;
  2423. width: 40%;
  2424. }
  2425. body#layout .hamburger-menu {
  2426. display: none;
  2427. }
  2428. --></style>
  2429. <style>
  2430.     .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw);}
  2431. @media (max-width: 480px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w480);}}
  2432. @media (max-width: 640px) and (min-width: 481px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w640);}}
  2433. @media (max-width: 800px) and (min-width: 641px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w800);}}
  2434. @media (max-width: 1200px) and (min-width: 801px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w1200);}}
  2435. /* Last tag covers anything over one higher than the previous max-size cap. */
  2436. @media (min-width: 1201px) { .bg-photo {background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w1600);}}
  2437.   </style>
  2438. <script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'></script>
  2439. <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
  2440. <meta name='google-adsense-platform-domain' content='blogspot.com'/>
  2441. </head>
  2442. <body class='version-1-3-3 variant-indie_light'>
  2443. <a class='skip-navigation' href='#main' tabindex='0'>
  2444. 기본 콘텐츠로 건너뛰기
  2445. </a>
  2446. <div class='page'>
  2447. <div class='bg-photo-overlay'></div>
  2448. <div class='bg-photo-container'>
  2449. <div class='bg-photo'></div>
  2450. </div>
  2451. <div class='page_body'>
  2452. <div class='centered'>
  2453. <div class='centered-top-placeholder'></div>
  2454. <header class='centered-top-container' role='banner'>
  2455. <div class='centered-top'>
  2456. <button class='svg-icon-24-button hamburger-menu flat-icon-button ripple'>
  2457. <svg class='svg-icon-24'>
  2458. <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_menu_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
  2459. </svg>
  2460. </button>
  2461. <div class='search'>
  2462. <button aria-label='검색' class='search-expand touch-icon-button'>
  2463. <div class='flat-icon-button ripple'>
  2464. <svg class='svg-icon-24 search-expand-icon'>
  2465. <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_search_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
  2466. </svg>
  2467. </div>
  2468. </button>
  2469. <div class='section' id='search_top' name='Search (Top)'><div class='widget BlogSearch' data-version='2' id='BlogSearch1'>
  2470. <h3 class='title'>
  2471. 이 블로그 검색
  2472. </h3>
  2473. <div class='widget-content' role='search'>
  2474. <form action='https://occnlrs.blogspot.com/search' target='_top'>
  2475. <div class='search-input'>
  2476. <input aria-label='이 블로그 검색' autocomplete='off' name='q' placeholder='이 블로그 검색' value=''/>
  2477. </div>
  2478. <input class='search-action flat-button' type='submit' value='검색'/>
  2479. </form>
  2480. </div>
  2481. </div></div>
  2482. </div>
  2483. <div class='clearboth'></div>
  2484. <div class='blog-name container'>
  2485. <div class='container section' id='header' name='헤더'><div class='widget Header' data-version='2' id='Header1'>
  2486. <div class='header-widget'>
  2487. <div>
  2488. <h1>
  2489. occnlrs
  2490. </h1>
  2491. </div>
  2492. <p>
  2493. </p>
  2494. </div>
  2495. </div></div>
  2496. <nav role='navigation'>
  2497. <div class='clearboth no-items section' id='page_list_top' name='페이지 목록(상단)'>
  2498. </div>
  2499. </nav>
  2500. </div>
  2501. </div>
  2502. </header>
  2503. <div>
  2504. <div class='vertical-ad-container no-items section' id='ads' name='광고'>
  2505. </div>
  2506. <main class='centered-bottom' id='main' role='main' tabindex='-1'>
  2507. <h2 class='main-heading'>글</h2>
  2508. <div class='main section' id='page_body' name='페이지 본문'>
  2509. <div class='widget Blog' data-version='2' id='Blog1'>
  2510. <div class='blog-posts hfeed container'>
  2511. <div class='post-outer-container'>
  2512. <div class='no-posts-message'>
  2513. 표시할 글이 없습니다.
  2514. </div>
  2515. </div>
  2516. </div>
  2517. <div class='blog-posts hfeed container'>
  2518. </div>
  2519. <div class='blog-pager container' id='blog-pager'>
  2520. </div>
  2521. </div>
  2522. </div>
  2523. </main>
  2524. </div>
  2525. <footer class='footer section' id='footer' name='바닥글'><div class='widget Attribution' data-version='2' id='Attribution1'>
  2526. <div class='widget-content'>
  2527. <div class='blogger'>
  2528. <a href='https://www.blogger.com' rel='nofollow'>
  2529. <svg class='svg-icon-24'>
  2530. <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
  2531. </svg>
  2532. Powered by Blogger
  2533. </a>
  2534. </div>
  2535. <div class='image-attribution'>
  2536. 테마 이미지 제공: <a href="http://www.offset.com/photos/394244">Michael Elkan</a>
  2537. </div>
  2538. </div>
  2539. </div></footer>
  2540. </div>
  2541. </div>
  2542. </div>
  2543. <aside class='sidebar-container container sidebar-invisible' role='complementary'>
  2544. <div class='navigation'>
  2545. <button class='svg-icon-24-button flat-icon-button ripple sidebar-back'>
  2546. <svg class='svg-icon-24'>
  2547. <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_arrow_back_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
  2548. </svg>
  2549. </button>
  2550. </div>
  2551. <div class='sidebar_top_wrapper'>
  2552. <div class='sidebar_top section' id='sidebar_top' name='사이드바(상단)'><div class='widget Profile' data-version='2' id='Profile1'>
  2553. <div class='wrapper solo'>
  2554. <div class='widget-content individual'>
  2555. <a href='https://www.blogger.com/profile/08503422815892672301' rel='nofollow'>
  2556. <div class='default-avatar-wrapper'>
  2557. <svg class='svg-icon-24 avatar-icon'>
  2558. <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_person_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use>
  2559. </svg>
  2560. </div>
  2561. </a>
  2562. <div class='profile-info'>
  2563. <dl class='profile-datablock'>
  2564. <dt class='profile-data'>
  2565. <a class='profile-link g-profile' href='https://www.blogger.com/profile/08503422815892672301' rel='author nofollow'>
  2566. occnlrs
  2567. </a>
  2568. </dt>
  2569. </dl>
  2570. <a class='profile-link visit-profile pill-button' href='https://www.blogger.com/profile/08503422815892672301' rel='author'>
  2571. 프로필로 이동
  2572. </a>
  2573. </div>
  2574. </div>
  2575. </div>
  2576. </div></div>
  2577. </div>
  2578. <div class='sidebar_bottom section' id='sidebar_bottom' name='사이드바(하단)'>
  2579. <div class='widget ReportAbuse' data-version='2' id='ReportAbuse1'>
  2580. <h3 class='title'>
  2581. <a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'>
  2582. 신고하기
  2583. </a>
  2584. </h3>
  2585. </div></div>
  2586. </aside>
  2587. <script type="text/javascript" src="https://resources.blogblog.com/blogblog/data/res/2623852226-indie_compiled.js" async="true"></script>
  2588. <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3630122430-widgets.js"></script>
  2589. <script type='text/javascript'>
  2590. window['__wavt'] = 'AOuZoY5iRAMQyvGnjkilLUr5LynfjAJTwQ:1638703641887';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2584966568745725006','//occnlrs.blogspot.com/','2584966568745725006');
  2591. _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2584966568745725006', 'title': 'occnlrs', 'url': 'https://occnlrs.blogspot.com/', 'canonicalUrl': 'https://occnlrs.blogspot.com/', 'homepageUrl': 'https://occnlrs.blogspot.com/', 'searchUrl': 'https://occnlrs.blogspot.com/search', 'canonicalHomepageUrl': 'https://occnlrs.blogspot.com/', 'blogspotFaviconUrl': 'https://occnlrs.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'ko', 'localeUnderscoreDelimited': 'ko', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22occnlrs - Atom\x22 href\x3d\x22https://occnlrs.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22occnlrs - RSS\x22 href\x3d\x22https://occnlrs.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22occnlrs - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2584966568745725006/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/08503422815892672301\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/3f6f2296c2541ccc', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'key': 'link', 'shareMessage': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Facebook\uc5d0 \uacf5\uc720', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Twitter\uc5d0 \uacf5\uc720', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Pinterest\uc5d0 \uacf5\uc720', 'target': 'pinterest'}, {'name': '\uc774\uba54\uc77c', 'key': 'email', 'shareMessage': '\uc774\uba54\uc77c', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ko\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': '\uc790\uc138\ud55c \ub0b4\uc6a9 \ubcf4\uae30', 'pageType': 'index', 'pageName': '', 'pageTitle': 'occnlrs'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': '\uc218\uc815', 'linkCopiedToClipboard': '\ub9c1\ud06c\ub97c \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud588\uc2b5\ub2c8\ub2e4.', 'ok': '\ud655\uc778', 'postLink': '\uae00 \ub9c1\ud06c'}}, {'name': 'template', 'data': {'name': 'Contempo', 'localizedName': 'Contempo', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'indie_light', 'variantId': 'indie_light'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'occnlrs', 'description': '', 'url': 'https://occnlrs.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': '\uc774 \ube14\ub85c\uadf8 \uac80\uc0c9', 'type': 'BlogSearch', 'sectionId': 'search_top', 'id': 'BlogSearch1'}, {'title': 'occnlrs(\ud5e4\ub354)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'sidebar_bottom', 'id': 'ReportAbuse1'}, {'title': '\ube14\ub85c\uadf8 \uac8c\uc2dc\ubb3c', 'type': 'Blog', 'sectionId': 'page_body', 'id': 'Blog1', 'posts': [], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': '\uac1c\uc758 \ub313\uae00'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': '\uc704\uce58:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': '\uac1c\uc758 \ub313\uae00'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}, {'name': 'location', 'label': '\uc704\uce58:'}]}, {'title': '', 'type': 'PopularPosts', 'sectionId': 'page_body', 'id': 'PopularPosts1', 'posts': []}, {'type': 'Attribution', 'sectionId': 'footer', 'id': 'Attribution1'}, {'title': '\ud504\ub85c\ud544', 'type': 'Profile', 'sectionId': 'sidebar_top', 'id': 'Profile1'}]}]);
  2592. _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'search_top', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
  2593. _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
  2594. _WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar_bottom', document.getElementById('ReportAbuse1'), {}, 'displayModeFull'));
  2595. _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'page_body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': '\uae00\uc774 \uc5c6\uc2b5\ub2c8\ub2e4.', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1240871207-lbx__ko.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/4076883957-lightbox_bundle.css'}, 'displayModeFull'));
  2596. _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'page_body', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
  2597. _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer', document.getElementById('Attribution1'), {}, 'displayModeFull'));
  2598. _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar_top', document.getElementById('Profile1'), {}, 'displayModeFull'));
  2599. </script>
  2600. </body>
  2601. </html>

-- cost 2 sec --
This page was generated by htmllint.cgi 1.28 / htmllint.pm 3.58
LWP 5.837 / CGI 3.43 / Jcode 2.07
1997-2009 © by k16@chiba.email.ne.jp