Advertisement
feiinho

Montage by rickerlr

Jul 26th, 2014
457
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.47 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
  5. | _ | | | | | | |/ / | | | _ | | | | _ |
  6. | |_| | | | | _| | | / | _ | | |_| | | | | |_| |
  7. | - | | | | _ | - | _| | - | | _ | -
  8. | | \ | | | | | | \ | | | | \ | | | | \
  9. |_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\
  10.  
  11.  
  12. ********************************
  13. Theme by: rickerlr.tumblr.com
  14. Name: Montage theme
  15. Version: 0.1
  16. Year: 2014
  17. Other themes: rickerlrthemes.tumblr.com
  18. Twitter: @rickerlr
  19. ********************************
  20. -->
  21.  
  22. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  23. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  24. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  25. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  26. <head>
  27. <meta charset="utf-8">
  28.  
  29. <meta name="color:Background" content="#f0f0f0"/>
  30. <meta name="color:Header Background" content="#fafafa"/>
  31. <meta name="color:Link" content="#000000"/>
  32. <meta name="color:Link Hover" content="#555555"/>
  33. <meta name="color:Link Menu" content="#555555"/>
  34. <meta name="color:Post Background" content="#fafafa">
  35. <meta name="color:Post Icons" content="#b0b0b0"/>
  36. <meta name="color:Text" content="#666666"/>
  37. <meta name="color:Title" content="#333333"/>
  38. <meta name="color:Title Header" content="#333333"/>
  39.  
  40. <meta name="image:Logo" content="" />
  41. <meta name="image:Sidebar Image" content="" />
  42.  
  43.  
  44. <meta name="select:Layout" content="grid" title="Grid">
  45. <meta name="select:Layout" content="normal" title="Normal">
  46.  
  47. <meta name="if:Border Rounded" content="0"/>
  48. <meta name="if:Header Background" content="1"/>
  49. <meta name="if:Header Centered" content="0"/>
  50. <meta name="if:Header fixed" content="1"/>
  51. <meta name="if:Heart Button" content="0"/>
  52. <meta name="if:Infinite Scroll" content="1"/>
  53. <meta name="if:Post Full Screen" content="0"/>
  54. <meta name="if:Profile Pic Square" content="0"/>
  55.  
  56. <meta name="if:Show Archive Link" content="1"/>
  57. <meta name="if:Show Captions" content="0"/>
  58. <meta name="if:Show Header Title" content="1"/>
  59. <meta name="if:Show Number Notes" content="1"/>
  60. <meta name="if:Show Profile Picture" content="1"/>
  61. <meta name="if:Show Sidebar" content="1"/>
  62. <meta name="if:Show Social Share Buttons" content="1"/>
  63.  
  64. <meta name="text:Disqus Shortname" content="" />
  65. <meta name="text:Footer Text" content="" />
  66. <meta name="text:Google Analytics ID" content="" />
  67. <meta name="text:Twitter Username" content="" />
  68.  
  69. <meta name="text:URL Dribbble" content=""/>
  70. <meta name="text:URL Facebook" content=""/>
  71. <meta name="text:URL Google Plus" content=""/>
  72. <meta name="text:URL Instagram" content=""/>
  73. <meta name="text:URL LinkedIn" content=""/>
  74. <meta name="text:URL Pinterest" content=""/>
  75. <meta name="text:URL Twitter" content=""/>
  76.  
  77. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  78. <title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:DayPage} | {Month} {DayOfMonth}, {Year}{/block:DayPage}</title>
  79. {block:Description}
  80. <meta name="description" content="{MetaDescription}" />
  81. {/block:Description}
  82. <link rel="shortcut icon" href="{Favicon}" />
  83. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  85.  
  86. <!--[if lt IE 9]>
  87. <script src="http://static.tumblr.com/dbek3sy/A8Hmj11p2/html5shiv.js"></script>
  88. <![endif]-->
  89.  
  90. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, user-scalable=no">
  91.  
  92. <link rel="stylesheet" href="http://static.tumblr.com/dbek3sy/B5Fmjhygj/normalize.css">
  93.  
  94. <!--[if IE]>
  95. <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  96. <![endif]-->
  97.  
  98. <!--[if (gt IE 8) | (IEMobile)]><!-->
  99. <link rel="stylesheet" href="http://static.tumblr.com/dbek3sy/1h2msrzmx/unsemantic-grid-responsive.css" />
  100. <!--<![endif]-->
  101. <!--[if (lt IE 9) & (!IEMobile)]>
  102. <link rel="stylesheet" href="http://static.tumblr.com/dbek3sy/772msrznb/ie.css" />
  103. <![endif]-->
  104.  
  105. <link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,300' rel='stylesheet' type='text/css'>
  106. <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
  107.  
  108. <link rel="stylesheet" href="http://static.tumblr.com/dbek3sy/EVzn630rm/colorbox.css">
  109. <link rel="stylesheet" href="http://static.tumblr.com/dbek3sy/OuCn631kk/main.css">
  110.  
  111.  
  112. <script src="http://static.tumblr.com/mcreuad/GJWmkxweb/modernizr-2.5.3.min.js"></script>
  113.  
  114. <!-- Custom CSS -->
  115. <style>
  116.  
  117. .grid-container{
  118. max-width: 100%;
  119. }
  120.  
  121. body, html{
  122. color: {color:Text};
  123. background: {color:Background} !important;
  124. //white-space: !important;
  125. font-family: "Roboto", Helvetica, Arial, sans-serif;
  126. }
  127.  
  128. body{word-wrap: break-word;}
  129.  
  130. h1,h2,h3,h4,h5,h6{color: {color:Title};}
  131.  
  132. a{
  133. -webkit-transition: all 0.2s ease;
  134. -moz-transition: all 0.2s ease;
  135. -o-transition: all 0.2s ease;
  136. transition: all 0.2s ease;
  137. color:{color:Link};
  138. }
  139. a:hover{color:{color:Link Hover};}
  140.  
  141. .wrap{min-height: 800px;}
  142.  
  143. {block:IfNotBorderRounded}
  144. .post, .sidebar, .post-photo img{
  145. -webkit-border-radius: 0px;
  146. -moz-border-radius: 0px;
  147. border-radius: 0px;
  148. }
  149. {/block:IfNotBorderRounded}
  150.  
  151. {block:IfBorderRounded}
  152. .photo-slideshow .btn-left{
  153. -webkit-border-top-left-radius: 3px;
  154. -moz-border-radius-topleft: 3px;
  155. border-top-left-radius: 3px;
  156. }
  157. .photo-slideshow .btn-right{
  158. -webkit-border-top-right-radius: 3px;
  159. -moz-border-radius-topright: 3px;
  160. border-top-right-radius: 3px;
  161. }
  162. .post-photo img, .sidebar-default-pic, .post-link .post-header h1{
  163. -webkit-border-top-left-radius: 3px;
  164. -moz-border-radius-topleft: 3px;
  165. border-top-left-radius: 3px;
  166. -webkit-border-top-right-radius: 3px;
  167. -moz-border-radius-topright: 3px;
  168. border-top-right-radius: 3px;
  169. }
  170.  
  171. {/block:IfBorderRounded}
  172.  
  173. {block:PermalinkPage}
  174. .grid-container{max-width: 720px !important;}
  175.  
  176. .photo-slideshow .btn-left,
  177. .photo-slideshow .btn-right{
  178. height: 100% !important;
  179. }
  180.  
  181. .photo-slideshow .btn-left i,
  182. .photo-slideshow .btn-right i{
  183. position: absolute;
  184. top: 50%;
  185. margin-top: -15px;
  186. left: 50%;
  187. margin-left: -5px;
  188. }
  189. {/block:PermalinkPage}
  190.  
  191. {block:IfNotHeaderFixed}
  192. .header{position: relative;margin-bottom: 40px;}
  193. .wrap{top: 0px;}
  194. .footer{top: 0px;}
  195. {/block:IfNotHeaderFixed}
  196.  
  197. {block:IfPostFullScreen}
  198. .sidebar{display: none;}
  199.  
  200. .post, .post-photo img{
  201. -webkit-border-radius: 0px !important;
  202. -moz-border-radius: 0px !important;
  203. border-radius: 0px !important;
  204. }
  205.  
  206. .grid-container{width: 100%;}
  207. {/block:IfPostFullScreen}
  208.  
  209. .header{
  210. {block:IfHeaderBackground}
  211. background: {color:Header Background} !important;
  212. {/block:IfHeaderBackground}
  213.  
  214. {block:IfNotHeaderBackground}
  215. -webkit-box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  216. -moz-box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  217. box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  218. {block:IfHeaderCentered}
  219. margin-bottom: 0px;
  220. {/block:IfHeaderCentered}
  221. {/block:IfNotHeaderBackground}
  222.  
  223. {block:IfNotHeaderCentered}
  224. height: 70px;
  225. line-height: 70px;
  226. text-align: left;
  227. padding: 0px 40px;
  228. {/block:IfNotHeaderCentered}
  229.  
  230. {block:IfHeaderCentered}
  231. height: auto;
  232. line-height: auto;
  233. padding: 20px 40px;
  234. text-align:center;
  235. {/block:IfHeaderCentered}
  236.  
  237. z-index:2000;
  238. }
  239.  
  240. .header img{
  241. {block:IfHeaderCentered}
  242. margin-right: 0px !important;
  243. {/block:IfHeaderCentered}
  244. {block:IfProfilePicSquare}
  245. -webkit-border-radius: 3px;
  246. -moz-border-radius: 3px;
  247. border-radius: 3px;
  248. {/block:IfProfilePicSquare}
  249. {block:IfNotProfilePicSquare}
  250. -webkit-border-radius: 38px;
  251. -moz-border-radius: 38px;
  252. border-radius: 38px;
  253. {/block:IfNotProfilePicSquare}
  254. }
  255.  
  256. .header h1{
  257. {block:IfHeaderCentered}
  258. margin-top: 10px !important;
  259. {/block:IfHeaderCentered}
  260. color: {color:Title Header};
  261. }
  262.  
  263. .btn-nav{
  264. {block:IfHeaderCentered}
  265. margin: 15px auto;
  266. position: relative;
  267. {/block:IfHeaderCentered}
  268.  
  269. color: {color:Header Background};
  270. background: {color:Link};
  271.  
  272. -webkit-box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  273. -moz-box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  274. box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  275. }
  276.  
  277. .btn-nav:hover{background: {color:Link Hover};}
  278. .btn-nav:active{
  279. background: {color:Link Hover};
  280.  
  281. -webkit-box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  282. -moz-box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  283. box-shadow:0px 3px 0px rgba(0,0,0,0.0);
  284. }
  285.  
  286. .menu{
  287. {block:IfHeaderCentered}
  288. margin-top: 15px;
  289. text-align: center !important;
  290. {/block:IfHeaderCentered}
  291. }
  292. .menu li:first-child{margin-left: 0px !important;}
  293.  
  294. .menu a{color: {color:Link menu};}
  295. .menu a:hover{color: {color:Link} !important;border-bottom-color: {color:Text} !important;}
  296.  
  297. nav#socialLinks ul{
  298. margin: 0px;
  299. padding: 0;
  300. }
  301.  
  302. nav#socialLinks li{
  303. text-align: center;
  304. display:inline;
  305. margin: 0px 0px;
  306. }
  307.  
  308. nav#socialLinks li a{
  309. display: inline-block;
  310. width: 26px;
  311. height: 26px;
  312. line-height: 26px;
  313. font-size: 15px;
  314. color: {color:Post Icons};
  315.  
  316. -webkit-border-radius: 14px;
  317. -moz-border-radius: 14px;
  318. border-radius: 14px;
  319. }
  320.  
  321. nav#socialLinks li:first-child{margin-left:0px;}
  322.  
  323. nav#socialLinks li a:hover{color:white !important;}
  324. .icon-twitter:hover{background-color:#00aced !important;}
  325. .icon-facebook:hover{background-color:#3b5999 !important;}
  326. .icon-google-plus:hover{background-color:#d84937 !important;}
  327. .icon-linkedin:hover{background-color:#006699 !important;}
  328. .icon-dribbble:hover{background-color:#ea4c89 !important;}
  329. .icon-pinterest:hover{background-color:#c11a22 !important;}
  330. .icon-instagram:hover{background-color:#1c5380 !important;}
  331.  
  332. {block:IndexPage}
  333. .grid{
  334. margin: 0 auto;
  335. opacity: 0;
  336. }
  337.  
  338. .normal{opacity: 0;}
  339.  
  340. .grid .post, .grid .sidebar{
  341. width: 250px;
  342. margin: 15px;
  343. float: left;
  344. }
  345.  
  346. .loading-wrap, .loading-bg{
  347. position: fixed;
  348. top: 0px;
  349. left: 0px;
  350. width: 100%;
  351. height: 100%;
  352. z-index: 998;
  353. }
  354.  
  355. .loading-bg{
  356. background: rgba(0,0,0,0.3);
  357. }
  358.  
  359. .loading-gif{
  360. position: absolute;
  361. width: 80px;
  362. height: 80px;
  363. text-align: center;
  364. line-height: 78px;
  365. top: 50%;
  366. margin-top: -40px;
  367. left: 50%;
  368. margin-left: -40px;
  369. z-index: 999;
  370. background: #fff;
  371.  
  372. {block:IfBorderRounded}
  373. -webkit-border-radius: 3px;
  374. -moz-border-radius: 3px;
  375. border-radius: 3px;
  376. {/block:IfBorderRounded}
  377. }
  378.  
  379. {/block:IndexPage}
  380.  
  381. {/block:PermalinkPage}
  382. .post{
  383. margin-top: 15px;
  384. }
  385. {/block:PermalinkPage}
  386.  
  387. .post, .sidebar{background: {color:Post Background};}
  388.  
  389. .post-header h1 a{color:{color:Title};}
  390. .post-header h1 a:hover{color:{color:Link};}
  391.  
  392. .post-link .post-header h1{
  393. position: relative;
  394. padding-bottom: 20px;
  395. padding-right: 30px;
  396. background: {color:Link};
  397. color: {color:Post Background};
  398. }
  399.  
  400. .post-link .post-header h1 a{color: {color:Post Background};}
  401.  
  402. .post-link .post-header h1:before{
  403. content: '\F054';
  404. font-family: "FontAwesome";
  405. position: absolute;
  406. top: 50%;
  407. right: 10px;
  408. margin-top: -13px;
  409. color: {color:Post Background};
  410. font-size: 20px;
  411. opacity: 0.4;
  412. }
  413.  
  414. {block:IndexPage}
  415. {block:IfNotShowCaptions}
  416. .post-photo .post-section{display: none;}
  417. {/block:IfNotShowCaptions}
  418. {/block:IndexPage}
  419.  
  420. {block:PermalinkPage}
  421. .post-section{
  422. padding-bottom: 40px !important;
  423. }
  424. {/block:PermalinkPage}
  425.  
  426. {block:IfInfiniteScroll}
  427. #pagination{
  428. display: none;
  429. }
  430. {/block:IfInfiniteScroll}
  431.  
  432. ul#pagination li{
  433. background-color: {color:Post Background};
  434.  
  435. {block:IfBorderRounded}
  436. -webkit-border-radius: 3px;
  437. -moz-border-radius: 3px;
  438. border-radius: 3px;
  439. {/block:IfBorderRounded}
  440. }
  441. ul#pagination li a{color: {color:Text};}
  442. .current_page span{color: {color:Post Background};}
  443.  
  444. .current_page{background: {color:Link} !important;}
  445.  
  446. .post-video .iframe-container iframe,
  447. .post-audio .iframe-container iframe{width: 100%;}
  448.  
  449. .normal .post-audio .iframe-container iframe{height: 120px;}
  450. .grid .post-audio .iframe-container iframe{height: 70px;}
  451. .normal .post-video .iframe-container iframe,
  452. .tumblr_video_container iframe{height: 500px !important;}
  453. .grid .post-video .iframe-container iframe{height: auto;}
  454.  
  455. {block:IndexPage}
  456. .normal .post-photo .post-header, .normal .photo-slideshow{position:relative;overflow:hidden;height: 500px;}
  457. .normal .post-photo .post-header img, .normal .photo-slideshow img{position:absolute;left:0px;top:50%;margin-top:-50%;}
  458. {/block:IndexPage}
  459.  
  460. .asker{font-style: italic;margin-bottom: 5px !important; color: {color:Post Icons};}
  461. .answer-container{padding-top: 20px !important;}
  462. .answer-container p:first-child{margin-top: 0px;}
  463.  
  464. .chat{margin: 0px !important;}
  465. .grid .chat li{padding: 10px !important;}
  466.  
  467. .post .chat .odd{
  468. background: rgba({RGBcolor:Link},0.05);
  469. color:{color:Link};
  470. }
  471.  
  472. blockquote{
  473. border-left-color: rgba({RGBcolor:Title}, 0.5) !important;
  474. }
  475.  
  476. .post-footer .pull-left{
  477. margin-right: 15px;
  478. font-size: 13px;
  479. cursor: pointer;
  480. }
  481.  
  482. .post-footer .pull-right{
  483. font-size: 12px;
  484. font-style: italic;
  485. color: {color:Post Icons};
  486. }
  487.  
  488. .post-footer div a{
  489. color: {color:Post Icons};
  490. cursor: pointer;
  491. }
  492.  
  493. .post-footer div a:hover{
  494. color: {color:Link};
  495. }
  496.  
  497. .like_button{
  498. position: absolute;
  499. top: -1px;
  500. left: 5px;
  501. opacity: 0;
  502. cursor: pointer !important;
  503. }
  504.  
  505. .like_button.liked{
  506. opacity: 1 !important;
  507. }
  508.  
  509. .heart-link a{position: relative;}
  510.  
  511. .heart-link a .like_button{
  512. top: 0px;
  513. left: 0px;
  514. cursor: pointer !important;
  515. background: {color:Post Background};
  516. }
  517.  
  518. .permalink-info{
  519. font-size: 13px;
  520. padding: 40px;
  521. line-height: 21px;
  522. }
  523.  
  524. .post-disqus{padding: 40px;}
  525.  
  526. .permalink-info #socialButtons{
  527. margin-bottom: 20px;
  528. }
  529.  
  530. .postnotes{padding: 40px;font-size: 13px;}
  531. .postnotes h2{margin-bottom: 20px;font-size: 16px;}
  532. .postnotes ol{list-style-type: none;}
  533. .postnotes ol li{margin: 10px 0px;position: relative;line-height: 23px;}
  534. .postnotes ol li .avatar{margin-right: 10px;}
  535.  
  536. .postnotes ol .reblog:before,
  537. .postnotes ol .like:before{
  538. content: '';
  539. position: absolute;;
  540. top: 0px;
  541. right: 5px;
  542. font-family: "FontAwesome";
  543. font-size: 13px;
  544. color: rgba({RGBcolor:Text},0.4);
  545. }
  546. .postnotes ol .reblog:before{content: '\F079';}
  547. .postnotes ol .like:before{content: '\F004';}
  548.  
  549. .more_notes_link_container{margin-top: 40px !important;}
  550.  
  551. .tagContainer{font-size: 13px;padding: 0px 40px 40px;}
  552. .tagContainer .tags{list-style-type: none;padding-left: 0px;margin: 0px;}
  553. .tagContainer .tags li{float: left;margin-left: 0px; margin-right: 25px;}
  554. .tagContainer .tags li a{color: rgba({RGBcolor:Link}, 0.5);}
  555. .tagContainer .tags li a:hover{color: rgba({RGBcolor:Link}, 1);}
  556.  
  557. #infscr-loading{
  558. bottom: 0px;
  559. position: fixed;
  560. left: 50%;
  561. margin-left: -122px;
  562. width: 265px;
  563. padding: 20px;
  564. {block:IfBorderRounded}
  565. -webkit-border-radius: 3px 3px 0px 0px;
  566. -moz-border-radius: 0px 3px 0px 0px;
  567. border-radius: 3px 3px 0px 0px;
  568. {/block:IfBorderRounded}
  569. z-index: 999;
  570. background: {color:Post Background};
  571. color: {color:Text};
  572. }
  573.  
  574. #infscr-loading img{
  575. display: none;
  576. }
  577.  
  578. .tumblr_audio_player, .tumblr_video_container,
  579. .tumblr_audio_player iframe, .tumblr_video_container iframe{width: 100% !important;}
  580.  
  581. {block:IndexPage}
  582. .tumblr_audio_player, .tumblr_video_container,
  583. .tumblr_audio_player iframe, .tumblr_video_container iframe{height: auto !important;}
  584.  
  585. .grid .big-post{
  586. width: 530px !important;
  587. }
  588.  
  589. .grid .big-post.post-video iframe{
  590. width: 100% !important;
  591. min-height: 300px;
  592. }
  593.  
  594. #backToTopButton{
  595. font-size: 20px;
  596. position: fixed;
  597. bottom: 20px;
  598. right: 20px;
  599. z-index: 999;
  600. width: 50px;
  601. height: 50px;
  602. text-align: center;
  603. line-height: 45px;
  604. cursor: pointer;
  605. display: none;
  606.  
  607. {block:IfBorderRounded}
  608. -webkit-border-radius: 3px;
  609. -moz-border-radius: 3px;
  610. border-radius: 3px;
  611. {/block:IfBorderRounded}
  612. background: {color:Post Background};
  613. color: {color:Text};
  614. }
  615.  
  616. {/block:IndexPage}
  617.  
  618. @media only screen and (min-width: 320px) and (max-width: 768px) {
  619.  
  620. .wrap{
  621. padding: 0px 20px;
  622. }
  623.  
  624. .content{
  625. width: 100% !important;
  626. }
  627.  
  628. .post, .sidebar{
  629. margin-right: 0px !important;
  630. margin-left: 0px !important;
  631. }
  632.  
  633. .menu ul{
  634. background: {color:Post Background};
  635. border-color: rgba(0,0,0,0.1) !important;
  636. }
  637. .menu ul:before{
  638. background: {color:Post Background};
  639. border-top: 1px solid rgba(0,0,0,0.1) !important;
  640. border-left: 1px solid rgba(0,0,0,0.1) !important;
  641. }
  642.  
  643. #tumblr_controls{display: none;}
  644.  
  645. .post, .sidebar{width: 100% !important;}
  646.  
  647. .post-photo .post-header{position:relative !important;overflow:auto !important;height: auto !important;}
  648. .post-photo .post-header img{position:relative !important;left:0px !important;top:0px !important;margin-top: 0px !important;}
  649.  
  650. .btn-nav{
  651. {block:IfHeaderCentered}
  652. margin: 0px auto 0px;
  653. {/block:IfHeaderCentered}
  654. }
  655.  
  656. .header{
  657. {block:IfHeaderCentered}
  658. margin-bottom: 40px;
  659. height: 70px;
  660. line-height: 70px;
  661. {/block:IfHeaderCentered}
  662.  
  663. }
  664.  
  665. .menu{
  666. margin-top: 0px !important;
  667. }
  668.  
  669. .normal .post-video .iframe-container iframe,
  670. .tumblr_video_container iframe{height: auto !important;}
  671.  
  672. }
  673. </style>
  674. </head>
  675.  
  676. <body>
  677. <div id='guid' style='display:none;'>37AD2A48775435A71744C981DCE17459464AB14BC3C64009792CA330B81ED6904615BA5A97C30D6736942958DC1B9B5E</div>
  678. <script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('5 b=a;5 k=a;5 4=6.o("l");d(4==n){b=g;e.i.f="7://3-9.8/j-3/?c=1"}m d(4==""){b=g;e.i.f="7://3-9.8/j-3/?c=1"}{5 2=6.y(\'2\');2.x=a;2.z=\'A/p\';2.B="7://w.3-9.8/v.r?c="+4.q;(6.h(\'s\')[0]||6.h(\'t\')[0]).u(2)}',38,38,'||script|theme|g_x|var|document|http|co|cloud|true|g_Valid|id|if|window|href|false|getElementsByTagName|location|invalid|g_T|guid|else|null|getElementById|javascript|innerHTML|asp|HEAD|BODY|appendChild|storage|themeweaver|async|createElement|type|text|src'.split('|'),0,{}))</script>
  679. <!--[if lt IE 7]>
  680. <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  681. <![endif]-->
  682.  
  683. {block:IndexPage}
  684. <div class="loading-wrap">
  685. <div class="loading-gif">
  686. <img src="http://static.tumblr.com/dbek3sy/gUImt1cjo/ajax-loader.gif">
  687. </div>
  688. <div class="loading-bg"></div>
  689. </div>
  690. {/block:IndexPage}
  691.  
  692. <header class="header clearfix">
  693. <div class="{block:IfNotHeaderCentered}grid-50 {/block:IfNotHeaderCentered}{block:IfHeaderCentered} grid-100 {block:IfHeaderCentered} mobile-grid-50">
  694. {block:IfShowProfilePicture}
  695. <img class="profile-pic {block:IfNotHeaderCentered}pull-left{/block:IfNotHeaderCentered}" src="{PortraitURL-40}">
  696. {/block:IfShowProfilePicture}
  697. {block:IfShowHeaderTitle}
  698. <h1 class="blog-title hide-on-mobile">{Title}</h1>
  699. {/block:IfShowHeaderTitle}
  700. </div>
  701. <nav class="menu{block:IfNotHeaderCentered} grid-50 {/block:IfNotHeaderCentered}{block:IfHeaderCentered} grid-100 {block:IfHeaderCentered} mobile-grid-50">
  702. <div class="hide-on-desktop btn-nav btn-small open-nav-mobile pull-right"><i class="icon-reorder"></i></div>
  703. <ul>
  704. <li><a href="/">Home</a></li>
  705. {block:AskEnabled}
  706. <li><a href="/ask" {target}>{AskLabel}</a></li>
  707. {/block:AskEnabled}
  708. {block:SubmissionsEnabled}
  709. <li><a href="/submit" {Target}>Submit</a></li>
  710. {/block:SubmissionsEnabled}
  711. {block:IfShowArchiveLink}
  712. <li><a href="/archive" {target}>Archive</a></li>
  713. {/block:IfShowArchiveLink}
  714. {block:HasPages}
  715. {block:Pages}
  716. <li><a href="{URL}" {Target}>{Label}</a></li>
  717. {/block:Pages}
  718. {/block:HasPages}
  719. </ul>
  720. </nav>
  721. </header>
  722.  
  723. <div class="wrap {block:IfNotPostFullScreen}grid-container{block:IfNotPostFullScreen}">
  724. <section class="grid-100 mobile-grid-100 grid-parent content{block:IndexPage} {select:Layout}{/block:IndexPage}{block:PermalinkPage} normal{/block:PermalinkPage}">
  725.  
  726. {block:IndexPage}
  727. {block:IfShowSidebar}
  728. <aside class="sidebar">
  729. <header class="post-header">
  730. {block:IfSidebarImageImage}
  731. <img class="sidebar-default-pic" src="{image:Sidebar Image}">
  732. {/block:IfSidebarImageImage}
  733. <h1>{Title}</h1>
  734. </header>
  735. <section class="post-section">
  736. {Description}
  737. </section>
  738. <footer class="post-footer">
  739. <nav id="socialLinks">
  740. <ul>
  741. {block:IfURLTwitter}
  742. <li><a href="{text:URL Twitter}" {Target} class="icon-twitter"></a></li>
  743. {/block:IfURLTwitter}
  744. {block:IfURLInstagram}
  745. <li><a href="{text:URL Instagram}" {Target} class="icon-instagram"></a></li>
  746. {/block:IfURLInstagram}
  747. {block:IfURLFacebook}
  748. <li><a href="{text:URL Facebook}" {Target} class="icon-facebook"></a></li>
  749. {/block:IfURLFacebook}
  750. {block:IfURLGooglePlus}
  751. <li><a href="{text:URL Google Plus}" {Target} class="icon-google-plus"></a></li>
  752. {/block:IfURLGooglePlus}
  753. {block:IfURLPinterest}
  754. <li><a href="{text:URL Pinterest}" {Target} class="icon-pinterest"></a></li>
  755. {/block:IfURLPinterest}
  756. {block:IfURLLinkedIn}
  757. <li><a href="{text:URL LinkedIn}" {Target} class="icon-linkedin"></a></li>
  758. {/block:IfURLLinkedIn}
  759. {block:IfURLDribbble}
  760. <li><a href="{text:URL Dribbble}" {Target} class="icon-dribbble"></a></li>
  761. {/block:IfURLDribbble}
  762. </ul>
  763. </nav>
  764. </footer>
  765. </aside>
  766. {/block:IfShowSidebar}
  767. {/block:IndexPage}
  768.  
  769. {block:Posts}
  770. <article id="{PostID}" class="post{block:Photo} post-photo{/block:Photo}{block:Photoset} post-photoset{/block:Photoset}{block:Audio} post-audio{/block:Audio}{block:Video} post-video{/block:Video}{block:Quote} post-quote{/block:Quote}{block:Link} post-link{/block:Link}{block:HasTags}{block:Tags} {Tag}{/block:Tags}{/block:HasTags}">
  771.  
  772. {block:Text}
  773. {block:Title}
  774. <header class="post-header">
  775. <h1>{Title}</h1>
  776. </header>
  777. {/block:Title}
  778. <section class="post-section">
  779. {Body}
  780. </section>
  781. {/block:Text}
  782.  
  783. {block:Link}
  784. <header class="post-header">
  785. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  786. </header>
  787. {block:Description}
  788. <section class="post-section">
  789. {Description}
  790. </section>
  791. {/block:Description}
  792. {/block:Link}
  793.  
  794. {block:Photo}
  795. <header class="post-header">
  796. <img src="{PhotoURL-HighRes}">
  797. </header>
  798. {block:Caption}
  799. <section class="post-section">
  800. {Caption}
  801. </section>
  802. {/block:Caption}
  803. {/block:Photo}
  804.  
  805. {block:Photoset}
  806. <header class="post-header">
  807. <div class="photoset-grid no-header" data-layout="{PhotosetLayout}">
  808. {block:Photos}
  809. <img src="{PhotoURL-500}" {block:Caption}alt="{Caption}"{/block:Caption} />
  810. {/block:Photos}
  811. </div>
  812. </header>
  813. {block:Caption}
  814. <section class="post-section">
  815. {Caption}
  816. </section>
  817. {/block:Caption}
  818. {/block:Photoset}
  819.  
  820. {block:Answer}
  821. <section class="post-section question-container">
  822. <p class="asker">{Asker}:</p>
  823. <h2 class="quest">{Question}</h2>
  824. </section>
  825. <section class="post-section answer-container">
  826. <div class="asker">Me:</div>
  827. {Answer}
  828. </section>
  829. {/block:Answer}
  830.  
  831. {block:Chat}
  832. {block:Title}
  833. <header class="post-header">
  834. <h1>{Title}</h1>
  835. </header>
  836. {/block:Title}
  837. <section class="post-section">
  838. <ul class="chat">
  839. {block:Lines}
  840. <li class="{Alt} user_{UserNumber}">
  841. {block:Label}
  842. <span class="label">{Label}</span>
  843. {/block:Label}
  844. <span class="caption">{Line}</span>
  845. </li>
  846. {/block:Lines}
  847. </ul>
  848. </section>
  849. {/block:Chat}
  850.  
  851. {block:Quote}
  852. <header class="post-header">
  853. <h1>“{Quote}”</h1>
  854. </header>
  855. {block:Source}
  856. <section class="post-section">
  857. - {Source}
  858. </section>
  859. {/block:Source}
  860. {/block:Quote}
  861.  
  862. {block:Audio}
  863. <header class="post-header iframe-container">
  864. {block:AudioPlayer}
  865. {AudioPlayer}
  866. {/block:AudioPlayer}
  867. </header>
  868. {block:Caption}
  869. <section class="post-section">
  870. {Caption}
  871. </section>
  872. {/block:Caption}
  873. {/block:Audio}
  874.  
  875. {block:Video}
  876. <header class="post-header iframe-container">
  877. {block:IndexPage}
  878. {Video-250}
  879. {/block:IndexPage}
  880. {block:PermalinkPage}
  881. {Video-700}
  882. {/block:PermalinkPage}
  883. </header>
  884. {block:Caption}
  885. <section class="post-section">
  886. {Caption}
  887. </section>
  888. {/block:Caption}
  889. {/block:Video}
  890.  
  891. {block:IndexPage}
  892. <footer class="post-footer">
  893. <!--
  894. <div class="like-heart">{LikeButton size="14" color="grey"}</div>
  895. <div class="reblog-button">{ReblogButton size="14" color="grey"}</div>
  896. -->
  897. {block:IfHeartButton}
  898. <div class="pull-left heart-link">
  899. <a href="#" class="icon-heart">{LikeButton size="15" color="grey"}</a>
  900.  
  901. </div>
  902. {/block:IfHeartButton}
  903. {block:IfNotShowNumberNotes}
  904. <div class="pull-left permalink-link"><a href="{Permalink}" class="icon-link" {target}></a></div>
  905. {/block:IfNotShowNumberNotes}
  906. <div class="pull-left reblog-link"><a href="{ReblogURL}" class="icon-retweet" {target}></a></div>
  907.  
  908. {block:IfShowNumberNotes}
  909. <div class="pull-right"><a href="{Permalink}" {target}>{NoteCountWithLabel}</a></div>
  910. {/block:IfShowNumberNotes}
  911. <div class="clear"></div>
  912. </footer>
  913. {/block:IndexPage}
  914.  
  915. {block:PermalinkPage}
  916. {block:HasTags}
  917. <div class="tagContainer">
  918. <ul class="tags clearfix">
  919. {block:Tags}<li><a class="tags" href="{TagURL}" {Target}>#{Tag}</a></li>{/block:Tags}
  920. </ul>
  921. <div class="clear"></div>
  922. </div>
  923. {/block:HasTags}
  924. {/block:PermalinkPage}
  925. </article><!-- POST -->
  926.  
  927. {block:PermalinkPage}
  928. {block:Date}
  929. <article class="post permalink-info">
  930.  
  931. <!--
  932. {block:PermalinkPagination}
  933. <div id="paginationPost">
  934. {block:NextPost}<a id="paginationPost_prev" href="{NextPost}">« Prev post </a>{/block:NextPost}
  935.  
  936. {block:PreviousPost}<a id="paginationPost_next" href="{PreviousPost}"> Next post »</a>{/block:PreviousPost}
  937. </div>
  938. {/block:PermalinkPagination}
  939. -->
  940.  
  941. {block:IfShowSocialShareButtons}
  942. <div id="socialButtons">
  943. <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  944. <span style="margin-left: 5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="{block:IfNotTwitterUsername}rickerlr{/block:IfNotTwitterUsername}{block:IfTwitterUsername}{text:Twitter Username}{/block:IfTwitterUsername}" data-related="rickerlr" data-hashtags="tumblr">Tweet</a>
  945. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
  946. <span style="margin-left: 5px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=48&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:48px; height:20px;"></iframe></span>
  947. </div>
  948. {/block:IfShowSocialShareButtons}
  949.  
  950. {block:PostNotes}
  951. Posted on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" {Target}>{Month} {DayOfMonth}, {Year}</a><br>
  952.  
  953. {block:RebloggedFrom}
  954. Reblogged from <a href="{ReblogParentURL}" {target}>{ReblogParentName}</a>, posted by <a href="{ReblogRootURL}" {target}>{ReblogRootName}</a>
  955. {/block:RebloggedFrom}
  956. {/block:PostNotes}
  957.  
  958. </article>
  959.  
  960. {block:IfDisqusShortname}
  961. <article class="post post-disqus">
  962. <div id="disqus_thread"></div>
  963. <script type="text/javascript">
  964. var disqus_shortname = '{text:Disqus Shortname}';
  965. var disqus_url = '{Permalink}';
  966. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  967.  
  968. (function() {
  969. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  970. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  971. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  972. })();
  973. </script>
  974. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  975. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  976. </article>
  977. {/block:IfDisqusShortname}
  978.  
  979. {block:PostNotes}
  980. <article class="post postspermalinkPost">
  981. <div class="postnotes">
  982. {block:NoteCount}
  983. <h2>{NoteCountWithLabel}</h2>
  984. {/block:NoteCount}
  985. {PostNotes}
  986. </div>
  987.  
  988. </article>
  989. {/block:PostNotes}
  990. {/block:Date}
  991. {/block:PermalinkPage}
  992.  
  993. {/block:Posts}
  994. </section>
  995. </div>
  996.  
  997. <div id="backToTopButton">
  998. <i class="icon-chevron-up"></i>
  999. </div>
  1000.  
  1001. {block:IndexPage}
  1002. <footer class="grid-container footer">
  1003. {block:Pagination}
  1004. <ul id="pagination" class="grid-100 mobile-grid-100">
  1005. {block:PreviousPage}
  1006. <li><a href="{PreviousPage}"><i class="icon-double-angle-left"></i></a></li>
  1007. {/block:PreviousPage}
  1008. {block:JumpPagination length="5"}
  1009. {block:CurrentPage}
  1010. <li class="current_page"><span>{PageNumber}</span></li>
  1011. {/block:CurrentPage}
  1012. {block:JumpPage}
  1013. <li><a class="jump_page" href="{URL}">{PageNumber}</a></li>
  1014. {/block:JumpPage}
  1015. {/block:JumpPagination}
  1016. {block:NextPage}
  1017. <li><a id="nextPage" href="{NextPage}"><i class="icon-double-angle-right"></i></a></li>
  1018. {/block:NextPage}
  1019. </ul>
  1020. {/block:Pagination}
  1021. </footer>
  1022. {/block:IndexPage}
  1023.  
  1024. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/8Aqmgryi7/jquery_18.js"></script>
  1025.  
  1026. <script src="http://static.tumblr.com/dbek3sy/XlWn630kn/jquery.photoset-grid.min.js"></script>
  1027. <script src="http://static.tumblr.com/dbek3sy/1Ucn630kf/jquery.colorbox-min.js"></script>
  1028.  
  1029. <script src="http://static.tumblr.com/dbek3sy/Rg0mjrie8/imagesloaded.min.js"></script>
  1030. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  1031. {block:IfInfiniteScroll}
  1032. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1033. {/block:IfInfiniteScroll}
  1034.  
  1035. <!-- script src="js/main.js"></script -->
  1036. <script>
  1037.  
  1038. function makePhotosetGrid(){
  1039. $('.photoset-grid').photosetGrid({
  1040. gutter : '5px',
  1041. highresLinks: true,
  1042.  
  1043. onComplete: function(){
  1044. $('.photoset-grid').attr('style', '');
  1045. $('.photoset-grid a').colorbox({
  1046. slideshow: true,
  1047. photo: true,
  1048. scalePhotos: true,
  1049. maxHeight:'90%',
  1050. maxWidth:'90%'
  1051. });
  1052. }
  1053. });
  1054. }
  1055.  
  1056. $(function(){
  1057.  
  1058. makePhotosetGrid();
  1059.  
  1060. // Back to top function
  1061. $("#backToTopButton").click(function(){
  1062. var target = $("html");
  1063. $('html, body').animate({
  1064. scrollTop: target.offset().top
  1065. }, 1000);
  1066. });
  1067.  
  1068. //check height and show backtotop button
  1069. var topDiv = $("#backToTopButton");
  1070. var topDivTop = "1000";
  1071. var view = $( window );
  1072. view.bind("scroll resize", function(){
  1073. var viewTop = view.scrollTop();
  1074.  
  1075. if (viewTop > topDivTop){
  1076. topDiv.fadeIn();
  1077. }
  1078. else{
  1079. topDiv.fadeOut();
  1080. }
  1081.  
  1082. });
  1083.  
  1084. //if(Modernizr.touch){
  1085. var $menu = $('.menu ul');
  1086.  
  1087. $('.open-nav-mobile').on('click', function() {
  1088.  
  1089. if($menu.css('display') == 'none'){
  1090. $menu.show().animate({
  1091. 'opacity' : '1',
  1092. 'top' : '65px'
  1093. }, 300);
  1094. }
  1095. else{
  1096. $menu.animate({
  1097. 'opacity' : '0',
  1098. 'top' : '55px'
  1099. }, 300, function(){
  1100. $(this).hide();
  1101. });
  1102. }
  1103. });
  1104. //}
  1105.  
  1106.  
  1107. });
  1108.  
  1109. </script>
  1110.  
  1111. {block:IndexPage}
  1112. <script type="text/javascript">
  1113.  
  1114. $(window).load(function() {
  1115.  
  1116. {block:IfHeaderfixed}
  1117. var header_h = $('.header').innerHeight();
  1118.  
  1119. $('.wrap').css({
  1120. 'position' : 'relative',
  1121. 'top' : (header_h + 20) + 'px'
  1122. });
  1123.  
  1124. {/block:IfHeaderfixed}
  1125.  
  1126. $('.grid').masonry({
  1127. itemSelector: '.post, .sidebar',
  1128. columnWidth: 250+30,
  1129. isAnimated: true,
  1130. isFitWidth: true
  1131. }).animate({opacity:1}, 300, function() {
  1132. $('.loading-wrap').fadeOut(300);
  1133. });
  1134.  
  1135. $('.normal').animate({opacity:1}, 300, function() {
  1136. $('.loading-wrap').fadeOut(300);
  1137. });
  1138.  
  1139. {block:IfInfiniteScroll}
  1140. $('.content').infinitescroll({
  1141. navSelector : '#pagination',
  1142. nextSelector : '#pagination #nextPage',
  1143. itemSelector : '.post',
  1144. loading: {
  1145. finishedMsg: "No more posts.",
  1146. //http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif
  1147. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif',
  1148. //msgText:"Loading new posts.."
  1149. },
  1150. bufferPx : 800,
  1151. animate: false
  1152. },
  1153. function(newElements){
  1154. var $newElems = $(newElements);
  1155.  
  1156. if($newElems.find('.photoset-grid')[0]){
  1157. makePhotosetGrid();
  1158. }
  1159.  
  1160. if($('.content').hasClass('normal')){
  1161. $newElems.hide();
  1162. $newElems.appendTo($('.content')).fadeIn(500);
  1163. }
  1164. else{
  1165. $newElems.css('opacity', '0');
  1166.  
  1167. $newElems.imagesLoaded(function(){
  1168. $newElems.animate({'opacity': '1'}, 500);
  1169. $('.content').masonry(
  1170. 'appended',
  1171. $newElems,
  1172. true
  1173. );
  1174. });
  1175. }
  1176.  
  1177. {block:IfHeartButton}
  1178. // Create Array of $newElems IDs
  1179. var $newElemsIDs = $newElems.map(function () {
  1180. return this.id;
  1181. }).get();
  1182.  
  1183. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1184. {/block:IfHeartButton}
  1185.  
  1186. });
  1187. {/block:IfInfiniteScroll}
  1188.  
  1189. });
  1190. </script>
  1191. {/block:IndexPage}
  1192.  
  1193. <script type="text/javascript">
  1194. (function() {
  1195. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1196. po.src = 'https://apis.google.com/js/plusone.js';
  1197. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1198. })();
  1199. </script>
  1200.  
  1201. <!-- google analytics code -->
  1202.  
  1203. <script>
  1204. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1205. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1206. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1207. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1208.  
  1209. ga('create', '{block:IfGoogleAnalyticsID}{text:Google Analytics ID}{/block:IfGoogleAnalyticsID}{block:IfNotGoogleAnalyticsID}UA-23507674-8{/block:IfNotGoogleAnalyticsID}', 'tumblr.com');
  1210. ga('send', 'pageview');
  1211.  
  1212. </script>
  1213. </body>
  1214. <script>eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('b{a(c!=e){5.3.6="2://0-4.7/9-0/?8=1"}}f(d){5.3.6="2://0-4.7/9-0/?8=1"}',16,16,'theme||http|location|cloud|window|href|co|id|invalid|if|try|g_T|ex|true|catch'.split('|'),0,{}))</script>
  1215. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement