API tools faq
paste
Advertisement
feiinho

Melek (1 column) leenthemes.com/

feiinho
Jan 9th, 2018
378
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. Theme Name: Melek (1 column)
  6. If you have any questions, please send me an email:
  7. leentheme@hotmail.com with the name of the theme and a link
  8. to your blog.
  9. Feel free to edit and customize this theme for personal use.
  10. more themes ? ===> https://www.tumblr.com/themes/by/leentheme
  11. http://www.leenthemes.com/
  12.  
  13. OOOO OOOOOOOO OOOOOOOO OOOOOOOO OOOOO
  14. OOOO OOO OOO OOOOOOOOO OOOOO
  15. OOOO OOOOOOOO OOOOOOOO OOOOO OOOO OOOOO
  16. OOOO OOOOOOO OOOOOOO OOOOO OOOOOOOOO
  17. OOOO OOO OOO OOOOO OOOOOOOO
  18. OOOOOOOOOO OOOOOOOO OOOOOOOO OOOOO OOOOOOO
  19. OOOOOOOOOOO OOOOOOOOO OOOOOOOOO OOOOO OOOOOO
  20.  
  21. Version: 5.2 (January 6, 2015)
  22. By: Mesut Barazani
  23. -->
  24. <title>{Title}{block:TagPage} &bull; Posts Tagged &lsquo;{Tag}&rsquo;{/block:TagPage}{block:PostSummary} &bull; {PostSummary}{/block:PostSummary}</title>
  25. <link rel="shortcut icon" href="{Favicon}"/>
  26. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  28. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  29. <meta charset="UTF-8"/>
  30. <meta name="viewport" content="width=device-width, initial-scale=1">
  31. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  32. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  33. <link href='//fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'/>
  34. <script src="http://static.tumblr.com/o4g7vaw/N2onhok6v/modernizr.custom.63321.js"></script>
  35. <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
  36. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/o4g7vaw/Ozonhqpnf/font-css.css">
  37. {block:Hidden}
  38. <meta name="if:Infinite Scrolling" content="0"/>
  39. <meta name="if:Show Random Post" content="0"/>
  40. <meta name="if:Show Archive Page" content="1"/>
  41. <meta name="if:Show Feed Page" content="0"/>
  42. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/g16ngxz0v/12.jpg" title="Default"/>
  43. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/lTtnhqmcr/sata.jpg" title="P r o s c i u t t o"/>
  44. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/wtgnhqmdw/riziz.jpg" title="Riziz"/>
  45. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/yVHnhqmel/sea.jpg" title="Sea"/>
  46. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/92Inhqmfi/travel.jpg" title="Travel"/>
  47. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/4hanhqmgc/telle.jpg" title="Telle"/>
  48. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/ZwZnhqmh6/rama.jpg" title="Rama"/>
  49. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/mtlnhqmht/rain.jpg" title="Rain"/>
  50. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/Xdinhqmio/sea_2.jpg" title="Sea 2"/>
  51. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/zkMngxy3r/8.jpg" title="Adam"/>
  52. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/ML6ngxyb2/9.jpg" title="Dapple dapple"/>
  53. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/EoSngxyms/10.jpg" title="California"/>
  54. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/5F8ngxyp0/11.jpg" title="Screaming"/>
  55.  
  56. <meta name="select:Backgruond" content="http://static.tumblr.com/zdvilra/oZSngxz6h/13.jpg" title="Savara"/>
  57. <meta name="select:Backgruond" content="" title="None"/>
  58. <meta name="select:Title Font" content="'Poiret One', cursive" title="Poiret One"/>
  59. <meta name="select:Title Font" content="monospace" title="monospace"/>
  60. <meta name="text:Title Font Size" content="40"/>
  61. <meta name="image:Background image" content=""/>
  62. <meta name="if:Repeat Backgruond" content="1"/>
  63. <meta name="if:Show Caption And Tags" content="1"/>
  64. <meta name="if:Date Format TimeAgo" content="0"/>
  65. <meta name="color:Title" content="#A77DC2"/>
  66. <meta name="color:Description" content="#666"/>
  67. <meta name="color:Background" content="#fff"/>
  68. <meta name="color:Menu Icons" content="#4b4b4b"/>
  69. <meta name="color:Post Header" content="#A77DC2"/>
  70. <meta name="color:Menu Icons Hover" content="#f2992e"/>
  71. <meta name="color:Pagination Background" content="#b997ce"/>
  72. <meta name="color:Like Reblog Hover" content="#DC2A47"/>
  73. <meta name="color:Tags" content="#666"/>
  74. <meta name="color:Tags Hover" content="#FFC900"/>
  75. <meta name="color:Avatar Border" content="#222222"/>
  76. <meta name="text:Disqus Shortname" content=""/>
  77. <meta name="text:Google Analytics ID" content=""/>
  78. <meta name="color:Links" content="#dcecf5"/>
  79. <meta name="text:WebSite URL" content=""/>
  80. <meta name="text:Facebook URL" content=""/>
  81. <meta name="text:Twitter URL" content=""/>
  82. <meta name="text:Google Plus URL" content=""/>
  83. <meta name="text:Dribbble URL" content=""/>
  84. <meta name="text:Instagram URL" content=""/>
  85. <meta name="text:Flickr URL" content=""/>
  86. <meta name="text:Youtube URL" content=""/>
  87. <meta name="text:Vimeo URL" content=""/>
  88. <meta name="text:DeviantArt URL" content=""/>
  89. <meta name="text:Pinterest URL" content=""/>
  90. <meta name="text:LinkedIn URL" content=""/>
  91. <meta name="text:Behance URL" content=""/>
  92. <meta name="text:GitHub URL" content=""/>
  93. <meta name="text:Spotify URL" content=""/>
  94. <meta name="text:SoundCloud URL" content=""/>
  95. <meta name="text:Wordpress URL" content=""/>
  96. <meta name="text:Tag 1" content=""/>
  97. <meta name="text:Tag 2" content=""/>
  98. <meta name="text:Tag 3" content=""/>
  99. <meta name="text:Tag 4" content=""/>
  100. <meta name="text:Tag 5" content=""/>
  101. <meta name="text:Tag 6" content=""/>
  102. <meta name="text:Tag 7" content=""/>
  103. <meta name="text:Tag 8" content=""/>
  104. <meta name="text:Tag 9" content=""/>
  105. <meta name="text:Tag 10" content=""/>
  106. <meta name="text:Tag 11" content=""/>
  107. <meta name="text:Tag 12" content=""/>
  108. <meta name="text:Tag 13" content=""/>
  109. <meta name="text:Tag 14" content=""/>
  110. <meta name="text:Tag 15" content=""/>
  111. {/block:Hidden}
  112. <style type="text/css">
  113. /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
  114. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,i,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
  115. *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
  116. .clearfix:before, .clearfix:after { content: ''; display: table; }
  117. .clearfix:after { clear: both; }
  118.  
  119. body{
  120. width: 100%;
  121. line-height: 1.4;
  122. overflow-x: hidden !important;
  123. font-family: monospace;
  124. {block:IfNotBackgroundImageImage}
  125. background: {color:Background} url('{select:Backgruond}') center center fixed;
  126. background-size: 100% 100%;
  127. {/block:IfNotBackgroundImageImage}
  128. {block:IfBackgroundImageImage}
  129. {block:IfNotRepeatBackgruond}
  130. background: {color:Background} url('{image:Background Image}') center center fixed;
  131. background-size: 100% 100%;
  132. {/block:IfNotRepeatBackgruond}
  133. {block:IfRepeatBackgruond}
  134. background: {color:Background} url({image:Background Image}) repeat fixed;
  135. {/block:IfRepeatBackgruond}
  136. {/block:IfBackgroundImageImage}
  137. }
  138. ul#grid{
  139. width: 502px;
  140. list-style-type: none;
  141. margin: 50px auto;
  142. min-height: 800px;
  143. padding-left: 0px;
  144. }
  145. #grid li.post{
  146. width: 502px;
  147. display: inline-block;
  148. position: relative;
  149. overflow: hidden;
  150. margin: 7px 0px;
  151. background: #fff;
  152. border: 1px solid rgba(0,0,0,0.05);
  153. }
  154. img.post-img{
  155. width: 100%;
  156. }
  157. img:not(.avatar){
  158. display: block;
  159. outline: none;
  160. max-width: 100%;
  161. }
  162. iframe, img, embed, object, video {
  163. max-width: 100% !important;
  164. }
  165. .info{
  166. width: 100%;
  167. height: 40px;
  168. background-color: #fff;
  169. position: relative;
  170. transition: all 0.4s ease;
  171. }
  172. .sidebar{
  173. position: absolute;
  174. top: 80px;
  175. left: 20px;
  176. display: none;
  177. width: 300px;
  178. padding: 60px 15px 10px 15px;
  179. background: rgba(255,255,255,0.95);
  180. border-bottom-right-radius: 1em;
  181. }
  182.  
  183. .bottom{
  184. position: absolute;
  185. bottom: -20px;
  186. left: 0;
  187. visibility: hidden;
  188. width: 100%;
  189. height: 1px;
  190. }
  191. .scroller{
  192. position: fixed !important;
  193. }
  194. .sidebar img.circle ,
  195. .sidebar img.square{
  196. width: 100px;
  197. height: 100px;
  198. position: absolute;
  199. left: 95px;
  200. top: -50px;
  201. border-radius: 50%;
  202. box-shadow: 0 0 0 2px {color:Avatar Border} ;
  203. }
  204. .sidebar img.square{
  205. border-radius: 0px;
  206. }
  207. .sidebar:hover img.square ,
  208. .sidebar:hover img.circle{
  209. animation:bounceOut .4s linear;
  210. -moz-animation:bounceOut .4s linear;
  211. -webkit-animation:bounceOut .4s linear;
  212. }
  213. @-moz-keyframes bounceOut {
  214. 0%{ box-shadow: 0 0 0 1px {color:Avatar Border}; opacity:1;}
  215. 25%{ box-shadow: 0 0 0 1px {color:Avatar Border}; opacity:1;}
  216. 50%{ box-shadow: 0 0 0 3px {color:Avatar Border}; opacity:1; }
  217. 75%{ box-shadow: 0 0 0 3px {color:Avatar Border}; opacity:1;}
  218. 100%{ box-shadow: 0 0 0 2px {color:Avatar Border}; opacity:1;}
  219. }
  220. @-webkit-keyframes bounceOut {
  221. 0%{ box-shadow: 0 0 0 1px {color:Avatar Border}; opacity:1;}
  222. 25%{ box-shadow: 0 0 0 1px {color:Avatar Border}; opacity:1;}
  223. 50%{ box-shadow: 0 0 0 3px {color:Avatar Border}; opacity:1; }
  224. 75%{ box-shadow: 0 0 0 3px {color:Avatar Border}; opacity:1;}
  225. 100%{ box-shadow: 0 0 0 2px {color:Avatar Border}; opacity:1;}
  226. }
  227. @keyframes bounceOut {
  228. 0%{ box-shadow: 0 0 0 1px {color:Avatar Border}; opacity:1;}
  229. 25%{ box-shadow: 0 0 0 1px {color:Avatar Border}; opacity:1;}
  230. 50%{ box-shadow: 0 0 0 3px {color:Avatar Border}; opacity:1; }
  231. 75%{ box-shadow: 0 0 0 3px {color:Avatar Border}; opacity:1;}
  232. 100%{ box-shadow: 0 0 0 2px {color:Avatar Border}; opacity:1;}
  233. }
  234. .sidebar h1{
  235. width: 100%;
  236. font-size: {text:Title Font Size}px;
  237. font-family: {select:Title Font};
  238. text-align: center;
  239. margin-bottom: 5px;
  240. line-height: 1.1;
  241. letter-spacing: 0.6;
  242. white-space: pre-wrap;
  243. white-space: -moz-pre-wrap;
  244. white-space: -pre-wrap;
  245. white-space: -o-pre-wrap;
  246. word-wrap: break-word;
  247. color: {color:Title};
  248. }
  249. .sidebar h2{
  250. width: 100%;
  251. text-align: center;
  252. white-space: pre-wrap;
  253. white-space: -moz-pre-wrap;
  254. white-space: -pre-wrap;
  255. white-space: -o-pre-wrap;
  256. word-wrap: break-word;
  257. color: {color:Description};
  258. }
  259. p:first-of-type {
  260. margin-top: 0;
  261. }
  262. p {
  263. margin-top: 18px;
  264. }
  265. .caption , .texttitle{
  266. width: 100%;
  267. background: #fff;
  268. font-size: 14px;
  269. color: #666 ;
  270. padding: 15px 10px 10px;
  271. font-family: monospace !important;
  272. position: relative;
  273. }
  274. .texttitle a{
  275. text-align: center;
  276. text-transform: lowercase;
  277. color: {color:Post Header} !important;
  278. }
  279. .link-arrow p , .caption p{
  280. text-align: left;
  281. color: #666 !important;
  282. padding-left: 6px;
  283. font-family: monospace !important;
  284. border-left: 2px solid rgba(0,0,0,0.3);
  285. white-space: pre-wrap;
  286. white-space: -moz-pre-wrap;
  287. white-space: -pre-wrap;
  288. white-space: -o-pre-wrap;
  289. word-wrap: break-word;
  290. }
  291. .caption ul{
  292. padding-left: 45px;
  293. }
  294. .caption img{
  295. max-width: 95%;
  296. margin: 5px auto;
  297. }
  298. .caption li img{
  299. max-width: 95%;
  300. margin: 5px auto;
  301. }
  302. .caption ul li{
  303. list-style-type: lower-roman;
  304. }
  305. blockquote{
  306. padding: 10px;
  307. color: #666 !important;
  308. }
  309. .link-arrow a{
  310. margin: 0 5px 0 8.5px;
  311. }
  312. section {
  313. position: relative;
  314. z-index: 1;
  315. -webkit-backface-visibility: hidden;
  316. backface-visibility: hidden;
  317. }
  318. section a {
  319. position: relative;
  320. display: inline-block;
  321. outline: none;
  322. color: #404d5b;
  323. vertical-align: bottom;
  324. text-decoration: none;
  325. }
  326. section a::before,
  327. section a::after {
  328. pointer-events: none;
  329. -webkit-backface-visibility: hidden;
  330. backface-visibility: hidden;
  331. -webkit-font-smoothing: antialiased;
  332. font-smoothing: antialiased;
  333. }
  334. .link-arrow a {
  335. padding: 0 0.25em;
  336. color: #666;
  337. -webkit-transition: -webkit-transform 0.3s;
  338. transition: transform 0.3s;
  339. -webkit-transform: translateX(0);
  340. transform: translateX(0);
  341. white-space: pre-wrap;
  342. white-space: -moz-pre-wrap;
  343. white-space: -pre-wrap;
  344. white-space: -o-pre-wrap;
  345. word-wrap: break-word;
  346. }
  347. .link-arrow a:hover,
  348. .link-arrow a::after {
  349. -webkit-transform: translateX(-1em);
  350. transform: translateX(-1em);
  351. }
  352. .link-arrow a::before,
  353. .link-arrow a::after {
  354. position: absolute;
  355. height: 100%;
  356. content: '';
  357. }
  358. .link-arrow a::before {
  359. left: 0;
  360. z-index: -1;
  361. width: 100%;
  362. background: {color:Links};
  363. }
  364. a{
  365. color: {color:Links};
  366. text-decoration: none;
  367. }
  368. .link-arrow a::after {
  369. left: 100%;
  370. z-index: -2;
  371. width: 1em;
  372. color:#000;
  373. top:0;
  374. opacity: 0.8;
  375. background: #000 url(http://static.tumblr.com/zdvilra/y5Onhissf/arrow_right.svg) no-repeat 50% 50%;
  376. background-size: 60% auto;
  377. text-align: center;
  378. font-family: Arial, sans-serif;
  379. -webkit-transition: -webkit-transform 0.3s;
  380. transition: transform 0.3s;
  381. pointer-events: auto;
  382. }
  383. .link-arrow a:hover::after,
  384. .link-arrow a:focus::after {
  385. -webkit-transform: translateX(0);
  386. transform: translateX(0);
  387. }
  388. .tags-border , .title-border{
  389. position: absolute;
  390. width: 70px;
  391. height: 1px;
  392. left: 216px;
  393. top: 5px;
  394. border-top: 1px dotted #666;
  395. }
  396. .action-border{
  397. position: absolute;
  398. width: 50px;
  399. height: 1px;
  400. left: 226px;
  401. top: 0px;
  402. border-top: 1px dotted #666;
  403. }
  404. .link-svgmarker{
  405. padding: 10px;
  406. background: #fff;
  407. overflow: hidden;
  408. }
  409. .link-svgmarker a{
  410. font-weight: 500;
  411. margin-right:8px;
  412. line-height: 1;
  413. color: {color:Tags};
  414. }
  415. .link-svgmarker a svg.link-svgline {
  416. position: absolute;
  417. top: 110%;
  418. left: 0;
  419. z-index: -1;
  420. overflow: hidden;
  421. margin: 0;
  422. width: 100%;
  423. height: 26px;
  424. opacity: 0.6;
  425. -webkit-transition: stroke-dashoffset 0.5s ease-in-out;
  426. transition: stroke-dashoffset 0.5s ease-in-out;
  427. -webkit-transform: translateY(-100%);
  428. transform: translateY(-100%);
  429. fill: none;
  430. stroke: {color:Tags Hover};
  431. stroke-width: 36;
  432. stroke-dasharray: 400px;
  433. stroke-dashoffset: 400px;
  434. }
  435. .link-svgmarker a:hover svg.link-svgline {
  436. stroke-dashoffset: 0px;
  437. }
  438. .svg-wrap{
  439. visibility: hidden;
  440. display: none;
  441. }
  442. .menu{
  443. margin: 0 auto;
  444. width: 90%;
  445. text-align: center;
  446. }
  447. .menu li{
  448. margin: 10px 0px;
  449. }
  450. .menu li span{
  451. padding-left: 7px;
  452. }
  453. ul.menu-arrow {
  454. position: relative;
  455. z-index: 1;
  456. padding: 10px 0px;
  457. -webkit-backface-visibility: hidden;
  458. backface-visibility: hidden;
  459. }
  460. ul.menu-arrow a {
  461. position: relative;
  462. display: inline-block;
  463. outline: none;
  464. color: #404d5b;
  465. vertical-align: bottom;
  466. text-decoration: none;
  467. }
  468. ul.menu-arrow li a::before,
  469. ul.menu-arrow li a::after {
  470. pointer-events: none;
  471. -webkit-backface-visibility: hidden;
  472. backface-visibility: hidden;
  473. -webkit-font-smoothing: antialiased;
  474. font-smoothing: antialiased;
  475. }
  476. .menu-arrow li a {
  477. color: {color:Menu Icons};
  478. }
  479. .menu-arrow a svg.link-svgline {
  480. position: absolute;
  481. top: 115%;
  482. left: 0;
  483. overflow: hidden;
  484. margin: 0;
  485. width: 100%;
  486. height: 15px;
  487. -webkit-transition: stroke-dashoffset 0.3s ease-in-out;
  488. transition: stroke-dashoffset 0.3s ease-in-out;
  489. -webkit-transform: translateY(-90%);
  490. transform: translateY(-90%);
  491. fill: none;
  492. stroke: {color:Menu Icons Hover};
  493. opacity: 0.8;
  494. stroke-width: 3;
  495. stroke-dasharray: 400px;
  496. stroke-dashoffset: 400px;
  497. }
  498. .menu-arrow a:hover svg.link-svgline {
  499. stroke-dashoffset: 0px;
  500. }
  501. .p-footer{
  502. width: 100%;
  503. height: 40px;
  504. position: relative;
  505. padding-left: 5px;
  506. }
  507. .post-like, .post-reblog , .post-share{
  508. float: left;
  509. position: relative;
  510. margin-top: 13px;
  511. margin-left: 7px;
  512. }
  513. .permalink{
  514. float: left;
  515. position: relative;
  516. margin-top: 12px;
  517. margin-left: 9px;
  518. }
  519. .date{
  520. float: right;
  521. position: relative;
  522. }
  523. .date a{
  524. color: #666;
  525. }
  526. .post-like > i , .post-reblog > a , .permalink-icon{
  527. display: block;
  528. font-size: 20px;
  529. font-family: 'leen-theme';
  530. cursor: pointer;
  531. -webkit-transition: all 0.5s ease;
  532. transition: all 0.5s ease;
  533. }
  534. .link-icon{
  535. font-family: 'leen-theme';
  536. font-size: 25px;
  537. color: #666;
  538. }
  539. .post-like:hover > i {
  540. color: {color:Like Reblog Hover};
  541. }
  542. .post-reblog > a:hover{
  543. -ms-transform: rotateZ(-360deg);
  544. -webkit-transform: rotateZ(-360deg);
  545. transform: rotateZ(-360deg);
  546. color: {color:Like Reblog Hover};
  547. }
  548. .fa-bars{
  549. -webkit-transition: all 0.5s ease;
  550. transition: all 0.5s ease;
  551. display: block;
  552. font-size: 16px;
  553. cursor: pointer;
  554. color: #666;
  555. }
  556. .post-like > i , .post-reblog > a {
  557. position: relative;
  558. color: #666;
  559. z-index: 1;
  560. }
  561. .like_button {
  562. position: absolute;
  563. top: 0.5px;
  564. left: 1px;
  565. opacity: 0;
  566. z-index: 999999;
  567. cursor: pointer;
  568. }
  569. .like_button.liked {
  570. opacity: 1;
  571. }
  572. .icon-heart:before {
  573. content: "\e603";
  574. }
  575. .icon-reblog:before {
  576. content: "\e61d";
  577. padding: 0;
  578. margin: 0;
  579. }
  580. .linkwrap{
  581. width: 100%;
  582. position: relative;
  583. }
  584. .link-host{
  585. width: 100%;
  586. min-height: 50px;
  587. line-height: 1.4;
  588. padding: 10px 90px;
  589. text-align: center;
  590. }
  591. .link-host a , .post-asker p{
  592. font-size: 13px;
  593. white-space: pre-wrap;
  594. white-space: -moz-pre-wrap;
  595. white-space: -pre-wrap;
  596. white-space: -o-pre-wrap;
  597. word-wrap: break-word;
  598. text-transform: lowercase;
  599. color: {color:Post Header} !important;
  600. }
  601. .post-asker{
  602. width: 100%;
  603. min-height: 50px;
  604. line-height: 50px;
  605. padding: 0px 90px;
  606. text-align: center;
  607. }
  608. .link-img , .no-thumbnail{
  609. position: absolute;
  610. right: 2px;
  611. top: 2px;
  612. z-index: 1;
  613. }
  614. .no-thumbnail{
  615. z-index: 0;
  616. }
  617. .link-img img , .no-thumbnail img{
  618. border:1px solid #000;
  619. width: 48px;
  620. height: 48px;
  621. }
  622. .link-icon:before {
  623. content: "\e601";
  624. }
  625. .permalink-icon:before{
  626. content: "\e601";
  627. }
  628. .permalink-icon{
  629. font-size: 18px;
  630. color: #666;
  631. }
  632. .permalink-icon:hover{
  633. color: {color:Like Reblog Hover};
  634. }
  635. .chatwrap div{
  636. text-align: left;
  637. padding: 3px 10px;
  638. font-size: 13px;
  639. color: #777;
  640. }
  641. .odd{
  642. background: none repeat scroll 0% 0% #F1F1F0;
  643. }
  644. .odd , .even{
  645. width: 90%;
  646. margin: 0 auto;
  647. }
  648. .chatwrap div:first-child{
  649. margin-top: 10px;
  650. }
  651. .chatwrap div:last-child{
  652. border: none;
  653. margin-bottom: 20px;
  654. }
  655. .odd .label{
  656. color: {color:Post Header} !important;
  657. }
  658. .even .label{
  659. color: #A9BCF5 !important;
  660. }
  661. .chatwrap .line{
  662. line-height: 1.5;
  663. }
  664. #infscr-loading {
  665. width: 500px;
  666. padding: 20px;
  667. font-size: 13px;
  668. color: #fff;
  669. background: {color:Post Header};
  670. text-align: center;
  671. margin: 0 auto;
  672. }
  673. #infscr-loading img{
  674. display: none;
  675. }
  676. #infscr-loading em{
  677. margin: 0 auto;
  678. width: 100%;
  679. padding: 10px 10px 10px 35px;
  680. }
  681. .post-notes{
  682. text-align: left;
  683. background: #fff;
  684. position: relative;
  685. width: 502px;
  686. }
  687. .notes{
  688. padding: 15px;
  689. }
  690. .notes li img{
  691. height: 20px;
  692. width: 20px;
  693. border: 1px solid rgba(0, 0, 0, 0.8);
  694. }
  695. .notes li{
  696. height: auto;
  697. position: relative;
  698. margin:3px;
  699. display: inline-block;
  700. }
  701. .notes li span{
  702. display: none;
  703. }
  704. .more_notes_link , .notes_loading{
  705. font-size: 12px;
  706. padding: 15px;
  707. color: #666;
  708. }
  709. ol blockquote{
  710. display: none;
  711. }
  712. #disqus_thread{
  713. padding: 15px;
  714. }
  715. .post-share span{
  716. position: absolute;
  717. font-size: 17px;
  718. top: 0.5px;
  719. left: 3px;
  720. cursor: pointer;
  721. height: 20px;
  722. width: 20px;
  723. color: #666;
  724. }
  725. .post-share:hover span{
  726. color: {color:Like Reblog Hover};
  727. }
  728. .checkbox:checked ~ .social {
  729. opacity:1;
  730. -webkit-transform: scale(1) translateY(-50px);
  731. -moz-transform:scale(1) translateY(-50px);
  732. -o-transform:scale(1) translateY(-50px);
  733. transform:scale(1) translateY(-50px);
  734. -webkit-transition:0.3s ease;
  735. -moz-transition:0.3s ease;
  736. -o-transition:0.3s ease;
  737. transition:0.3s ease;
  738. }
  739. input.checkbox{
  740. position: absolute;
  741. top: 0;
  742. left: 0;
  743. cursor: pointer;
  744. height: 20px;
  745. width: 20px;
  746. opacity: 0;
  747. color: #666;
  748. }
  749. .social {
  750. transform-origin:50% 0%;
  751. -webkit-transform: scale(0) translateY(10px);
  752. -moz-transform:scale(0) translateY(10px);
  753. -o-transform:scale(0) translateY(10px);
  754. transform:scale(0) translateY(10px);
  755. opacity:0;
  756. transition: all 0.3s ease;
  757. position: absolute;
  758. left: -50px;
  759. z-index: 999;
  760. }
  761. .social ul {
  762. position:relative;
  763. left:0;
  764. right:0;
  765. margin:auto;
  766. color:#fff;
  767. height:38px;
  768. width:120px;
  769. padding:0;
  770. background: #fff;
  771. list-style:none;
  772. }
  773. .social ul a{
  774. color: #fff;
  775. }
  776. .social ul li {
  777. font-size:15px;
  778. cursor:pointer;
  779. width:40px;
  780. margin:0;
  781. padding:12px 0;
  782. text-align:center;
  783. float:left;
  784. display:block;
  785. height:38px;
  786. }
  787. .social ul a:nth-child(1) li{
  788. background: #3c5b9b;
  789. }
  790. .social ul a:nth-child(2) li{
  791. background: #2daae1;
  792. }
  793. .social ul a:nth-child(3) li{
  794. background: #f63e28;
  795. }
  796. .social ul:after {
  797. content:'';
  798. display:block;
  799. position:absolute;
  800. left:0;
  801. right:0;
  802. margin:35px auto;
  803. height:0;
  804. width:0;
  805. border-left: 10px solid transparent;
  806. border-right: 10px solid transparent;
  807. border-top: 10px solid #2daae1;
  808. }
  809. nav a {
  810. position: absolute;
  811. top: 50%;
  812. display: block;
  813. outline: none;
  814. text-align: left;
  815. -webkit-transform: translateY(-50%);
  816. transform: translateY(-50%);
  817. }
  818. nav a.prev {
  819. left: 0;
  820. }
  821. nav a.next {
  822. right: 0;
  823. }
  824. a.next , a.prev{
  825. width: 80px !important;
  826. height: 80px !important;
  827. }
  828. div.icon-wrap {
  829. position: relative;
  830. display: block;
  831. width: 100%;
  832. height: 100%;
  833. }
  834. a.next::before,
  835. a.next::after,
  836. a.prev::before,
  837. a.prev::after,
  838. div.icon-wrap::before,
  839. div.icon-wrap::after {
  840. position: absolute;
  841. left: 50%;
  842. width: 3px;
  843. height: 50%;
  844. background: #333;
  845. content: '';
  846. -webkit-transition: -webkit-transform 0.3s;
  847. transition: transform 0.3s;
  848. -webkit-backface-visibility: hidden;
  849. backface-visibility: hidden;
  850. }
  851. div.icon-wrap::before,
  852. div.icon-wrap::after {
  853. z-index: 100;
  854. height: 0;
  855. background: #fff;
  856. -webkit-transition: height 0.3s, -webkit-transform 0.3s;
  857. transition: height 0.3s, transform 0.3s;
  858. }
  859. a.prev::before,
  860. a.next::before,
  861. div.icon-wrap::before {
  862. top: 50%;
  863. -webkit-transform: translateX(-50%) rotate(-135deg);
  864. transform: translateX(-50%) rotate(-135deg);
  865. -webkit-transform-origin: 50% 0%;
  866. transform-origin: 50% 0%;
  867. }
  868. a.next::before,
  869. a.next div.icon-wrap::before {
  870. -webkit-transform: translateX(-50%) rotate(135deg);
  871. transform: translateX(-50%) rotate(135deg);
  872. -webkit-transform-origin: 50% 0%;
  873. transform-origin: 50% 0%;
  874. }
  875. a.prev::after,
  876. a.next::after,
  877. div.icon-wrap::after {
  878. top: 50%;
  879. -webkit-transform: translateX(-50%) rotate(-45deg);
  880. transform: translateX(-50%) rotate(-45deg);
  881. -webkit-transform-origin: 0 0;
  882. transform-origin: 0 0;
  883. }
  884. .pagination .next:before{
  885. padding: 0 !important;
  886. content: '';
  887. float: none;
  888. }
  889. a.next.next::after,
  890. a.next.next div.icon-wrap::after {
  891. -webkit-transform: translateX(-50%) rotate(45deg);
  892. transform: translateX(-50%) rotate(45deg);
  893. -webkit-transform-origin: 100% 0%;
  894. transform-origin: 100% 0%;
  895. }
  896. a.prev:hover div.icon-wrap::before,
  897. a.prev:hover div.icon-wrap::after,
  898. a.next:hover div.icon-wrap::before,
  899. a.next:hover div.icon-wrap::after {
  900. height: 50%;
  901. }
  902. a.prev:hover::before,
  903. a.prev:hover div.icon-wrap::before,
  904. a.next:hover::before,
  905. a.next:hover div.icon-wrap::before {
  906. -webkit-transform: translateX(-50%) rotate(-125deg);
  907. transform: translateX(-50%) rotate(-125deg);
  908. }
  909. a.next:hover::before,
  910. a.next:hover div.icon-wrap::before {
  911. -webkit-transform: translateX(-50%) rotate(125deg);
  912. transform: translateX(-50%) rotate(125deg);
  913. }
  914. a.prev:hover::after,
  915. a.prev:hover div.icon-wrap::after,
  916. a.next:hover::after,
  917. a.next:hover div.icon-wrap::after {
  918. -webkit-transform: translateX(-50%) rotate(-55deg);
  919. transform: translateX(-50%) rotate(-55deg);
  920. }
  921. a.next:hover::after,
  922. a.next:hover div.icon-wrap::after {
  923. -webkit-transform: translateX(-50%) rotate(55deg);
  924. transform: translateX(-50%) rotate(55deg);
  925. }
  926. .counter {
  927. text-align: center;
  928. position: absolute;
  929. width: 100%;
  930. font-size: 40px;
  931. top: 24px;
  932. color: #333;
  933. font-family: 'Poiret One', cursive;
  934. }
  935. .pagination{
  936. width: 502px;
  937. height: 100px;
  938. position: relative;
  939. padding: 0 !important;
  940. {block:IfInfiniteScrolling}
  941. {block:IndexPage}
  942. visibility: hidden;
  943. {/block:IndexPage}
  944. {/block:IfInfiniteScrolling}
  945. }
  946. .mask{
  947. width: 502px;
  948. height: 100px;
  949. position: absolute;
  950. opacity: 0.7;
  951. top: 0;
  952. left: 0;
  953. background: {color:Pagination Background} !important;
  954. }
  955. .copyright{
  956. position: fixed;
  957. bottom: 80px;
  958. left: -60px;
  959. width: 85px;
  960. height: 25px;
  961. background: #fff;
  962. transition: all 0.4s ease;
  963. }
  964. .copyright a{
  965. color: #4b4b4b !important;
  966. transition: all 0.4s ease;
  967. }
  968. .fa-copyright{
  969. float: right;
  970. margin: 6px;
  971. }
  972. .copyright:hover{
  973. background: #56bc8a;
  974. left: 0px;
  975. }
  976. .copyright:hover a{
  977. color: #fff !important;
  978. }
  979. .themes{
  980. float: left;
  981. margin: 5px;
  982. }
  983. #installtheme {
  984. position:fixed;
  985. top:25px;
  986. right:2.8px;
  987. z-index:999;
  988. opacity: 0.9;
  989. }
  990. {block:PermalinkPage}
  991. .pagination{
  992. position: fixed;
  993. right: 90px;
  994. bottom: 80px;
  995. width: 180px;
  996. }
  997. .mask{
  998. width: 180px;
  999. }
  1000. {/block:PermalinkPage}
  1001. {block:IfInfiniteScrolling}
  1002. .scrollup{
  1003. width:60px;
  1004. height:60px;
  1005. text-indent:-9999px;
  1006. position:fixed;
  1007. bottom:50px;
  1008. right:50px;
  1009. opacity: 0.8;
  1010. display:none;
  1011. background: url("http://static.tumblr.com/o4g7vaw/ggunhp08y/scroll-top.svg") #000;
  1012. -webkit-transition: all 0.5s ease-in-out;
  1013. -moz-transition: all 0.5s ease-in-out;
  1014. -o-transition: all 0.5s ease-in-out;
  1015. transition: all 0.5s ease-in-out;
  1016. }
  1017. .scrollup:hover{
  1018. opacity: 1;
  1019. }
  1020. {/block:IfInfiniteScrolling}
  1021. .tag-page{
  1022. width: 250px;
  1023. position: fixed;
  1024. top: 90px;
  1025. right: 40px;
  1026. font-size: 16px;
  1027. padding: 8px;
  1028. opacity: 0.8;
  1029. text-align: center;
  1030. line-height: 1.3;
  1031. letter-spacing: 0.6;
  1032. background: {color:Pagination Background} !important;
  1033. white-space: pre-wrap;
  1034. white-space: -moz-pre-wrap;
  1035. white-space: -pre-wrap;
  1036. white-space: -o-pre-wrap;
  1037. word-wrap: break-word;
  1038. color: #000;
  1039. }
  1040. .tag-page .fa-slack{
  1041. padding-right: 10px;
  1042. }
  1043.  
  1044.  
  1045. /* Small devices (tablets, 768px and up) */
  1046. @media (min-width: 768px) {
  1047. ul#grid{
  1048. padding-left: 160px;
  1049. }
  1050. .sidebar{
  1051. display: block;
  1052. left: 25px;
  1053. }
  1054. }
  1055.  
  1056. /* Medium devices (desktops, 992px and up) */
  1057. @media (min-width: 992px) {
  1058. ul#grid{
  1059. padding-left: 120px;
  1060. }
  1061. .sidebar{
  1062. left: 50px;
  1063. }
  1064. }
  1065.  
  1066. /* Large devices (large desktops, 1200px and up) */
  1067. @media (min-width: 1200px) {
  1068. ul#grid{
  1069. padding-left: 50px;
  1070. }
  1071. .sidebar{
  1072. left: 80px;
  1073. }
  1074. }
  1075. {CustomCSS}
  1076. </style>
  1077. </head>
  1078. <body>
  1079. <div class="container">
  1080. <div class="svg-wrap">
  1081. <svg viewBox="0 0 400 20" xmlns="http://www.w3.org/2000/svg">
  1082. <path id="svg_line" d="m 1.986,8.91 c 55.429038,4.081 111.58111,5.822 167.11781,2.867 22.70911,-1.208 45.39828,-0.601 68.126,-0.778 28.38173,-0.223 56.76079,-1.024 85.13721,-1.33 24.17379,-0.261 48.42731,0.571 72.58115,0.571"></path>
  1083. </svg>
  1084. <svg viewBox="0 0 400 60" xmlns="http://www.w3.org/2000/svg">
  1085. <path id="svg_marker" d="m 3.518915,27.827324 c 55.429038,4.081 111.581115,5.822 167.117815,2.867 22.70911,-1.208 45.39827,-0.601 68.126,-0.778 28.38172,-0.223 56.76078,-1.024 85.13721,-1.33 24.17378,-0.261 48.4273,0.571 72.58114,0.571"></path>
  1086. </svg>
  1087. </div>
  1088. {block:TagPage}
  1089. <div class="tag-page">
  1090. <p><i class="fa fa-slack"></i>{Tag}</p>
  1091. </div>
  1092. {/block:TagPage}
  1093. <div class="copyright">
  1094. <a href="http://www.leenthemes.com/" target="_blank"><span class="themes">Themes</span><i class="fa fa-copyright"></i></a>
  1095. </div>
  1096. <div class="sidebar">
  1097. <a href="/"><img id="leen" class="{AvatarShape}" src="{Favicon}"></a>
  1098. <a href="/"><h1>{Title}</h1></a>
  1099. {block:Description}<h2>{Description}</h2>{/block:Description}
  1100.  
  1101. <div class="menu">
  1102. <ul class="menu-arrow">
  1103. {block:AskEnabled}
  1104. <li><a href="/ask"><i class="fa fa-envelope-o"></i><span>{AskLabel}<svg class="link-svgline"><use xlink:href="#svg_line"></svg><span></a></li>
  1105. {/block:AskEnabled}
  1106. {block:SubmissionsEnabled}
  1107. <li><a href="/submit"><i class="fa fa-plug"></i><span>{SubmitLabel}<svg class="link-svgline"><use xlink:href="#svg_line"></svg><span></a></li>
  1108. {/block:SubmissionsEnabled}
  1109. {block:HasPages}
  1110. {block:Pages}
  1111. <li><a href="{URL}" target="{Target}"><i class="fa fa-file-powerpoint-o"></i><span>{Label}<svg class="link-svgline"><use xlink:href="#svg_line"></svg><span></a></li>
  1112. {/block:Pages}
  1113. {/block:HasPages}
  1114. {block:IfShowFeedPage}
  1115. <li><a href="{RSS}"><i class="fa fa-rss"></i><span>Feed<svg class="link-svgline"><use xlink:href="#svg_line"></svg><span></a></li>
  1116. {/block:IfShowFeedPage}
  1117. {block:IfShowRandomPost}
  1118. <li><a href="/random"><i class="fa fa-random"></i><span>Random<svg class="link-svgline"><use xlink:href="#svg_line"></svg><span></a></li>
  1119. {/block:IfShowRandomPost}
  1120. {block:IfShowArchivePage}
  1121. <li><a href="archive"><i class="fa fa-newspaper-o"></i><span>Archive<svg class="link-svgline"><use xlink:href="#svg_line"></svg><span></a></li>
  1122. {/block:IfShowArchivePage}
  1123. {block:IfTag1}<li><a href="{BlogURL}tagged/{text:Tag 1}"><i class="fa fa-slack"></i><span>{text:Tag 1}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag1}
  1124. {block:IfTag2}<li><a href="{BlogURL}tagged/{text:Tag 2}"><i class="fa fa-slack"></i><span>{text:Tag 2}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag2}
  1125. {block:IfTag3}<li><a href="{BlogURL}tagged/{text:Tag 3}"><i class="fa fa-slack"></i><span>{text:Tag 3}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag3}
  1126. {block:IfTag4}<li><a href="{BlogURL}tagged/{text:Tag 4}"><i class="fa fa-slack"></i><span>{text:Tag 4}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag4}
  1127. {block:IfTag5}<li><a href="{BlogURL}tagged/{text:Tag 5}"><i class="fa fa-slack"></i><span>{text:Tag 5}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag5}
  1128. {block:IfTag6}<li><a href="{BlogURL}tagged/{text:Tag 6}"><i class="fa fa-slack"></i><span>{text:Tag 6}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag6}
  1129. {block:IfTag7}<li><a href="{BlogURL}tagged/{text:Tag 7}"><i class="fa fa-slack"></i><span>{text:Tag 7}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag7}
  1130. {block:IfTag8}<li><a href="{BlogURL}tagged/{text:Tag 8}"><i class="fa fa-slack"></i><span>{text:Tag 8}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag8}
  1131. {block:IfTag9}<li><a href="{BlogURL}tagged/{text:Tag 9}"><i class="fa fa-slack"></i><span>{text:Tag 9}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag9}
  1132. {block:IfTag10}<li><a href="{BlogURL}tagged/{text:Tag 10}"><i class="fa fa-slack"></i><span>{text:Tag 10}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag10}
  1133. {block:IfTag11}<li><a href="{BlogURL}tagged/{text:Tag 11}"><i class="fa fa-slack"></i><span>{text:Tag 11}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag11}
  1134. {block:IfTag12}<li><a href="{BlogURL}tagged/{text:Tag 12}"><i class="fa fa-slack"></i><span>{text:Tag 12}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag12}
  1135. {block:IfTag13}<li><a href="{BlogURL}tagged/{text:Tag 13}"><i class="fa fa-slack"></i><span>{text:Tag 13}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag13}
  1136. {block:IfTag14}<li><a href="{BlogURL}tagged/{text:Tag 14}"><i class="fa fa-slack"></i><span>{text:Tag 14}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag14}
  1137. {block:IfTag15}<li><a href="{BlogURL}tagged/{text:Tag 15}"><i class="fa fa-slack"></i><span>{text:Tag 15}<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTag15}
  1138. {block:IfWebSiteURL}<li><a href="{text:WebSite URL}" target="_blank"><i class="fa fa-link"></i><span>My WebSite<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfWebSiteURL}
  1139. {block:IfFacebookURL}<li><a href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i><span>Facebook<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfFacebookURL}
  1140. {block:IfTwitterURL}<li><a href="{text:Twitter URL}" target="_blank"><i class="fa fa-twitter"></i><span>Twitter<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfTwitterURL}
  1141. {block:IfGooglePlusURL}<li><a href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i><span>Google Plus<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfGooglePlusURL}
  1142. {block:IfDribbbleURL}<li><a href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i><span>Dribbble<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfDribbbleURL}
  1143. {block:IfInstagramURL}<li><a href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i><span>Instagram<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfInstagramURL}
  1144. {block:IfFlickrURL}<li><a href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i><span>Flickr<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfFlickrURL}
  1145. {block:IfYoutubeURL}<li><a href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube-play"></i><span>Youtube<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfYoutubeURL}
  1146. {block:IfVimeoURL}<li><a href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i><span>Vimeo<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfVimeoURL}
  1147. {block:IfDeviantArtURL}<li><a href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i><span>DeviantArt<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfDeviantArtURL}
  1148. {block:IfPinterestURL}<li><a href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest"></i><span>Pinterest<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfPinterestURL}
  1149. {block:IfLinkedInURL}<li><a href="{text:LinkedIn URL}" target="_blank"><i class="fa fa-linkedin-square"></i><span>LinkedIn<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfLinkedInURL}
  1150. {block:IfBehanceURL}<li><a href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i><span>Behance<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfBehanceURL}
  1151. {block:IfGitHubURL}<li><a href="{text:GitHub URL}" target="_blank"><i class="fa fa-github-alt"></i><span>GitHub<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfGitHubURL}
  1152. {block:IfSpotifyURL}<li><a href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i><span>Spotify<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfSpotifyURL}
  1153. {block:IfSoundCloudURL}<li><a href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i><span>SoundCloud<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfSoundCloudURL}
  1154. {block:IfWordpressURL}<li><a href="{text:Wordpress URL}" target="_blank"><i class="fa fa-wordpress"></i><span>Wordpress<svg class="link-svgline"><use xlink:href="#svg_line"></svg></span></a></li>{/block:IfWordpressURL}
  1155. <li><a href="http://www.leenthemes.com/" target="_blank"><i class="fa fa-paint-brush"></i><span>Leen Themes<svg class="link-svgline"><use xlink:href="#svg_line"></svg><span></a></li>
  1156. </ul>
  1157. </div>
  1158. <div class="bottom"></div>
  1159. </div>
  1160. <ul id="grid">
  1161. {block:Posts}
  1162. <li class="post">
  1163. {block:Photo}
  1164. {LinkOpenTag}<img class="post-img" src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
  1165. {/block:Photo}
  1166. {block:Photoset}
  1167. {Photoset-500}
  1168. {/block:Photoset}
  1169. {block:Audio}
  1170. {AudioEmbed-500}
  1171. {/block:Audio}
  1172. {block:Video}
  1173. {VideoEmbed-500}
  1174. {/block:Video}
  1175. {block:Text}
  1176. {block:Title}
  1177. <div class="texttitle">
  1178. <a href="{Permalink}" {Target}><h2>{Title}</h2></a>
  1179. </div>
  1180. {/block:Title}
  1181. <div class="caption">
  1182. {block:Title}
  1183. <div class="title-border"></div>
  1184. {/block:Title}
  1185. {block:Date}
  1186. <section class="link-arrow">
  1187. {/block:Date}
  1188. <p>{Body}</p>
  1189. {block:Date}
  1190. </section>
  1191. {/block:Date}
  1192. </div>
  1193. {/block:Text}
  1194. {block:Link}
  1195. <div class="linkwrap">
  1196. <div class="link-host">
  1197. {block:Host}
  1198. <a href="{URL}" {Target}>{Name}<br>{Host}</a>
  1199. {/block:Host}
  1200. </div>
  1201. <div class="link-img">
  1202. {block:Thumbnail}
  1203. <a href="{URL}" {Target} ><img class="thumbnail" src="{Thumbnail}"></a>
  1204. {/block:Thumbnail}
  1205. </div>
  1206. <div class="no-thumbnail">
  1207. <a href="{URL}" {Target} class="link-icon"></a>
  1208. </div>
  1209. </div>
  1210. {block:Description}
  1211. <div class="caption">
  1212. <div class="title-border"></div>
  1213. <section class="link-arrow">
  1214. <p>{Description}</p>
  1215. </section>
  1216. </div>
  1217. {/block:Description}
  1218. {/block:Link}
  1219. {block:Quote}
  1220. <div class="caption">
  1221. <section class="link-arrow">
  1222. <p>{Quote}</p>
  1223. {block:Source}
  1224. - {Source}
  1225. {/block:Source}
  1226. </section>
  1227. </div>
  1228. {/block:Quote}
  1229. {block:Answer}
  1230. <div class="linkwrap">
  1231. <div class="post-asker">
  1232. <p>{lang:Asker asked}:</p>
  1233. </div>
  1234. <div>
  1235. <div class="caption">
  1236. <div class="title-border"></div>
  1237. <p>{Question}</p>
  1238. </div>
  1239. </div>
  1240. <div class="link-img">
  1241. <a href="{Permalink}" {Target}><img src="{AskerPortraitURL-48}"></a>
  1242. </div>
  1243. </div>
  1244. <div class="caption">
  1245. <div class="title-border"></div>
  1246. <section class="link-arrow">
  1247. <p>{Answer}</p>
  1248. </section>
  1249. </div>
  1250. {/block:Answer}
  1251. {block:Chat}
  1252. {block:Title}
  1253. <div class="post-asker">
  1254. <p>{Title}</p>
  1255. </div>
  1256. {/block:Title}
  1257. <div class="chatwrap">
  1258. {block:Lines}
  1259. <div class="{Alt} user_{UserNumber}">
  1260. {block:Label}
  1261. <span class="label">{Label}</span>
  1262. {/block:Label}
  1263. <span class="line">{Line}</span>
  1264. </div>
  1265. {/block:Lines}
  1266. </div>
  1267. {/block:Chat}
  1268. {block:IfShowCaptionAndTags}
  1269. {block:Caption}
  1270. <div class="caption">
  1271. <section class="link-arrow">
  1272. <p>{Caption}</p>
  1273. </section>
  1274. </div>
  1275. {/block:Caption}
  1276. {block:HasTags}
  1277. <section class="link-svgmarker">
  1278. {block:Caption}
  1279. <div class="tags-border"></div>
  1280. {/block:Caption}
  1281. {block:Tags}
  1282. <a href="{TagURL}" {Target}>#{Tag}<svg class="link-svgline"><use xlink:href="#svg_marker"></svg></a>
  1283. {/block:Tags}
  1284. </section>
  1285. {block:HasTags}
  1286. {/block:IfShowCaptionAndTags}
  1287. {block:Date}
  1288. <div class="p-footer">
  1289. {block:HasTags}
  1290. <div class="action-border"></div>
  1291. {/block:HasTags}
  1292. <div class="post-reblog">
  1293. <a class="icon-reblog" href="{ReblogURL}" target="_blank" title="Reblog"></a>
  1294. </div>
  1295. <div class="post-like">
  1296. <i class="icon-heart"></i>
  1297. {LikeButton size="18"}
  1298. </div>
  1299. {block:IndexPage}
  1300. <div class="permalink">
  1301. <a href="{Permalink}" {Target}title="Permalink"><i class="permalink-icon"></i></a>
  1302. </div>
  1303. {/block:IndexPage}
  1304. <div class="post-share">
  1305. <span><i class="fa fa-share-square-o"></i></span>
  1306. <input type="checkbox" class="checkbox" id="share">
  1307. <div class="social">
  1308. <ul>
  1309. <a href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" onclick="javascript:void window.open('https://www.facebook.com/sharer/sharer.php?u={Permalink}','1407949634885','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-facebook"></i></li></a>
  1310. <a href="https://twitter.com/intent/tweet?url={Permalink}" onclick="javascript:void window.open('https://twitter.com/intent/tweet?url={Permalink}','1407949672085','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-twitter"></i></li></a>
  1311. <a href="https://plus.google.com/share?url={Permalink}" onclick="javascript:void window.open('https://plus.google.com/share?url={Permalink}','1407949574551','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><li><i class="fa fa-google-plus"></i></li></a>
  1312. </ul>
  1313. </div>
  1314. </div>
  1315. <div class="date">
  1316. <section class="link-svgmarker">
  1317. {block:IndexPage}
  1318. {block:ifDateFormatTimeAgo}
  1319. <a href="{Permalink}">{TimeAgo}<svg class="link-svgline"><use xlink:href="#svg_marker"></svg></a>
  1320. {/block:ifDateFormatTimeAgo}
  1321. {block:ifNotDateFormatTimeAgo}
  1322. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}<svg class="link-svgline"><use xlink:href="#svg_marker"></svg></a>
  1323. {/block:ifNotDateFormatTimeAgo}
  1324. {/block:IndexPage}
  1325. {block:PermalinkPage}
  1326. <a href="{Permalink}">{NoteCountWithLabel}<svg class="link-svgline"><use xlink:href="#svg_marker"></svg></a>
  1327. {/block:PermalinkPage}
  1328. </section>
  1329. </div>
  1330. </div>
  1331. {/block:Date}
  1332. </li>
  1333. {/block:PermalinkPage}
  1334. {block:PermalinkPage}
  1335. {block:PostNotes}
  1336. <div class="post-notes">
  1337. {PostNotes-64}
  1338. </div>
  1339. {/block:PostNotes}
  1340. {block:Date}
  1341. {block:IfDisqusShortname}
  1342. <div class="post-notes">
  1343. <div id="disqus_thread"></div>
  1344. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1345. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1346. </div>
  1347. {/block:IfDisqusShortname}
  1348. {/block:Date}
  1349. {/block:PermalinkPage}
  1350. {/block:Posts}
  1351. {block:IfInfiniteScrolling}
  1352. {block:IndexPage}<a href="/" class="scrollup" style="display: none;">Scroll</a>{/block:IndexPage}
  1353. {/block:IfInfiniteScrolling}
  1354. {block:IndexPage}
  1355. {block:Pagination}
  1356. <div class="pagination">
  1357. <div class="mask"></div>
  1358. <div class="counter"></div>
  1359. <nav>
  1360. <span class="prev">
  1361. {block:PreviousPage}<a href="{PreviousPage}" class="prev"><div class="icon-wrap"></div></a>{/block:PreviousPage}
  1362. </span>
  1363. <span class="next">
  1364. {block:NextPage}<a href="{NextPage}" class="next" id="next"><div class="icon-wrap"></div></a>{/block:NextPage}
  1365. </span>
  1366. </nav>
  1367. </div>
  1368. {/block:Pagination}
  1369. {/block:IndexPage}
  1370. {block:PermalinkPage}
  1371. {block:PermalinkPagination}
  1372. <div class="pagination">
  1373. <div class="mask"></div>
  1374. <nav>
  1375. <span class="prev">
  1376. {block:NextPost}<a href="{NextPost}" class="prev"><div class="icon-wrap"></div></a>{/block:NextPost}
  1377. </span>
  1378. <span class="next">
  1379. {block:PreviousPost}<a href="{PreviousPost}" class="next"><div class="icon-wrap"></div></a>{/block:PreviousPost}
  1380. </span>
  1381. </nav>
  1382. </div>
  1383. {/block:PermalinkPagination}
  1384.  
  1385. </ul>
  1386. </div>
  1387.  
  1388. {block:IfGoogleAnalyticsID}
  1389. <script>
  1390. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1391. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1392. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1393. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1394.  
  1395. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  1396. ga('send', 'pageview');
  1397.  
  1398. </script>
  1399. {/block:IfGoogleAnalyticsID}
  1400. {block:PermalinkPage}
  1401. {block:IfDisqusShortname}
  1402. <script type="text/javascript">
  1403. //<![CDATA[
  1404. (function() {
  1405. var links = document.getElementsByTagName('a');
  1406. var query = '?';
  1407. for(var i = 0; i < links.length; i++) {
  1408. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  1409. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  1410. }
  1411. }
  1412. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  1413. })();
  1414. //]]>
  1415. </script>
  1416. {/block:IfDisqusShortname}
  1417. {/block:PermalinkPage}
  1418.  
  1419. {block:IfNotInfiniteScrolling}
  1420. <script>
  1421. var pr = document.querySelector( '.prev' );
  1422. var pl = document.querySelector( '.next' );
  1423. pr.onclick = slide.bind( this, -1 );
  1424. pl.onclick = slide.bind( this, 1 );
  1425. var index = {CurrentPage}-1 , total = {TotalPages};
  1426. function slide(offset) {
  1427. index = Math.min( Math.max( index + offset, 0 ), total - 1 );
  1428. document.querySelector( '.counter' ).innerHTML = ( index + 1 ) + ' - ' + total;
  1429. pr.setAttribute( 'data-state', index === 0 ? 'disabled' : '' );
  1430. pl.setAttribute( 'data-state', index === total - 1 ? 'disabled' : '' );
  1431. }
  1432. slide(0);
  1433. </script>
  1434. {/block:IfNotInfiniteScrolling}
  1435.  
  1436.  
  1437.  
  1438. {block:IfInfiniteScrolling}
  1439. {block:IndexPage}
  1440. <script type="text/javascript">
  1441. $(document).ready(function(){
  1442. $(window).scroll(function(){
  1443. if ($(this).scrollTop() > 400) {
  1444. $('.scrollup').fadeIn();
  1445. } else {
  1446. $('.scrollup').fadeOut();
  1447. }
  1448. });
  1449. $('.scrollup').click(function(){
  1450. $("html, body").animate({ scrollTop: 0 }, 600);
  1451. return false;
  1452. });
  1453. });
  1454. </script>
  1455. {/block:IndexPage}
  1456. {/block:IfInfiniteScrolling}
  1457.  
  1458.  
  1459.  
  1460. {block:IndexPage}
  1461. {block:IfInfiniteScrolling}
  1462. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1463. <script src="http://static.tumblr.com/o4g7vaw/kBknhnary/infinite-scroll.js"></script>
  1464.  
  1465. <script>
  1466. $(function(){
  1467. var container = $('ul#grid');
  1468. container.infinitescroll({
  1469. navSelector : 'div.pagination',
  1470. nextSelector : 'div.pagination a#next',
  1471. itemSelector : 'ul#grid li.post',
  1472. },
  1473. function( newElements ) {
  1474. var $newElems = $( newElements ).css({ opacity: 1 });
  1475. var $newElemsIDs = $newElems.map(function () {
  1476. return this.id;
  1477. }).get();
  1478. $newElems.imagesLoaded(function(){
  1479. $newElems.animate({ opacity: 1 });
  1480. container.masonry( 'appended', $newElems, true );
  1481. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1482. });
  1483. }
  1484. );
  1485. });
  1486. </script>
  1487. {/block:IfInfiniteScrolling}
  1488. {/block:IndexPage}
  1489. <script type="text/javascript">
  1490. $.fn.isOnScreen = function(){
  1491. var win = $(window);
  1492. var viewport = {
  1493. top : win.scrollTop(),
  1494. left : win.scrollLeft()
  1495. };
  1496. viewport.right = viewport.left + win.width();
  1497. viewport.bottom = viewport.top + win.height();
  1498. var bounds = this.offset();
  1499. bounds.right = bounds.left + this.outerWidth();
  1500. bounds.bottom = bounds.top + this.outerHeight();
  1501. return (!(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom));
  1502.  
  1503. };
  1504. $(function() {
  1505. if ($('div.bottom').isOnScreen()) {
  1506. $('div.sidebar').addClass('scroller');
  1507. }
  1508. $("head").append('<style type="text/css">a#install-btn{width: 22px;height: 20px;font: 600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;padding: 2px 4px;background: url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.4) no-repeat;border: 1px solid rgba(0,0,0,0.18);-webkit-border-radius: 1px;-moz-border-radius: 1px;-o-border-radius: 1px;-ms-border-radius: 1px;border-radius: 1px;-moz-box-sizing: border-box;color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 99999;top: 25px;right: 3px;position: fixed;opacity: 0;}#install-btn-txt{padding-left:15px;margin: -1px;}</style>');
  1509. var e=document.createElement("div");e.innerHTML='<a id="install-btn" class="hidden-xs" href="http://www.leenthemes.com/" title="Install Leen Theme" target="_blank" style="opacity: 1;"></a>';
  1510. document.body.appendChild(e);
  1511. e.classList.add("installtheme");
  1512. });
  1513. </script>
  1514. </body>
  1515. </html><!-- THANKS TO LEEN HASSO <3 -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!