API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 24th, 2017
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
  6. <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  7. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  16.  
  17. <META name="image:Background" content="">
  18. <META name="color:Background" content="#CD5EA4">
  19. <META name="color:Title" content="#FFFFFF">
  20. <META name="color:Accent" content="#99186b">
  21. <META name="color:Links" content="#AB95C6">
  22. <META name="color:Post Background" content="#FFFFFF">
  23. <META name="color:Post Text" content="#282828">
  24.  
  25. <META name="font:Header" content="'Montserrat', sans-serif;">
  26. <META name="font:Main Text" content="'Montserrat', sans-serif;">
  27.  
  28. <meta name="if:InfiniteScrolling" content="0"/>
  29. <meta name="if:FullSizeBackground" content="0"/>
  30. <meta name="if:SideMenu" content="0"/>
  31. <meta name="if:LightHeader" content="1"/>
  32. <meta name="if:ShowTitle" content="1"/>
  33. <meta name="if:ShowPortrait" content="1"/>
  34. <meta name="if:ShowDescription" content="1"/>
  35. <meta name="if:ShowArchiveLink" content="1"/>
  36. <meta name="if:ShowRSSLink" content="0"/>
  37. <meta name="if:ShowCaptions" content="0"/>
  38.  
  39. <meta name="text:Columns" content="3">
  40.  
  41. <meta name="text:Link1URL" content="http://" />
  42. <meta name="text:Link1Label" content="">
  43. <meta name="text:Link2URL" content="http://" />
  44. <meta name="text:Link2Label" content="">
  45. <meta name="text:Link3URL" content="http://" />
  46. <meta name="text:Link3Label" content="">
  47. <meta name="text:Link4URL" content="http://" />
  48. <meta name="text:Link4Label" content="">
  49. <meta name="text:Link5URL" content="http://" />
  50. <meta name="text:Link5Label" content="">
  51. <meta name="text:Link6URL" content="http://" />
  52. <meta name="text:Link6Label" content="">
  53. <meta name="text:Link7URL" content="http://" />
  54. <meta name="text:Link7Label" content="" />
  55.  
  56. <meta name="select:Link1Icon" content="user" title="about">
  57. <meta name="select:Link1Icon" content="asterisk" title="asterisk">
  58. <meta name="select:Link1Icon" content="book" title="book">
  59. <meta name="select:Link1Icon" content="camera" title="camera">
  60. <meta name="select:Link1Icon" content="flash" title="flash">
  61. <meta name="select:Link1Icon" content="globe" title="globe">
  62. <meta name="select:Link1Icon" content="heart" title="heart">
  63. <meta name="select:Link1Icon" content="info" title="info">
  64. <meta name="select:Link1Icon" content="link" title="link">
  65. <meta name="select:Link1Icon" content="plus" title="plus">
  66. <meta name="select:Link1Icon" content="question" title="question">
  67. <meta name="select:Link1Icon" content="star" title="star">
  68.  
  69. <meta name="select:Link2Icon" content="user" title="about">
  70. <meta name="select:Link2Icon" content="asterisk" title="asterisk">
  71. <meta name="select:Link2Icon" content="book" title="book">
  72. <meta name="select:Link2Icon" content="camera" title="camera">
  73. <meta name="select:Link2Icon" content="flash" title="flash">
  74. <meta name="select:Link2Icon" content="globe" title="globe">
  75. <meta name="select:Link2Icon" content="heart" title="heart">
  76. <meta name="select:Link2Icon" content="info" title="info">
  77. <meta name="select:Link2Icon" content="link" title="link">
  78. <meta name="select:Link2Icon" content="plus" title="plus">
  79. <meta name="select:Link2Icon" content="question" title="question">
  80. <meta name="select:Link2Icon" content="star" title="star">
  81.  
  82. <meta name="select:Link3Icon" content="user" title="about">
  83. <meta name="select:Link3Icon" content="asterisk" title="asterisk">
  84. <meta name="select:Link3Icon" content="book" title="book">
  85. <meta name="select:Link3Icon" content="camera" title="camera">
  86. <meta name="select:Link3Icon" content="flash" title="flash">
  87. <meta name="select:Link3Icon" content="globe" title="globe">
  88. <meta name="select:Link3Icon" content="heart" title="heart">
  89. <meta name="select:Link3Icon" content="info" title="info">
  90. <meta name="select:Link3Icon" content="link" title="link">
  91. <meta name="select:Link3Icon" content="plus" title="plus">
  92. <meta name="select:Link3Icon" content="question" title="question">
  93. <meta name="select:Link3Icon" content="star" title="star">
  94.  
  95. <meta name="select:Link4Icon" content="user" title="about">
  96. <meta name="select:Link4Icon" content="asterisk" title="asterisk">
  97. <meta name="select:Link4Icon" content="book" title="book">
  98. <meta name="select:Link4Icon" content="camera" title="camera">
  99. <meta name="select:Link4Icon" content="flash" title="flash">
  100. <meta name="select:Link4Icon" content="globe" title="globe">
  101. <meta name="select:Link4Icon" content="heart" title="heart">
  102. <meta name="select:Link4Icon" content="info" title="info">
  103. <meta name="select:Link4Icon" content="link" title="link">
  104. <meta name="select:Link4Icon" content="plus" title="plus">
  105. <meta name="select:Link4Icon" content="question" title="question">
  106. <meta name="select:Link4Icon" content="star" title="star">
  107.  
  108. <meta name="select:Link5Icon" content="user" title="about">
  109. <meta name="select:Link5Icon" content="asterisk" title="asterisk">
  110. <meta name="select:Link5Icon" content="book" title="book">
  111. <meta name="select:Link5Icon" content="camera" title="camera">
  112. <meta name="select:Link5Icon" content="flash" title="flash">
  113. <meta name="select:Link5Icon" content="globe" title="globe">
  114. <meta name="select:Link5Icon" content="heart" title="heart">
  115. <meta name="select:Link5Icon" content="info" title="info">
  116. <meta name="select:Link5Icon" content="link" title="link">
  117. <meta name="select:Link5Icon" content="plus" title="plus">
  118. <meta name="select:Link5Icon" content="question" title="question">
  119. <meta name="select:Link5Icon" content="star" title="star">
  120.  
  121. <meta name="select:Link6Icon" content="user" title="about">
  122. <meta name="select:Link6Icon" content="asterisk" title="asterisk">
  123. <meta name="select:Link6Icon" content="book" title="book">
  124. <meta name="select:Link6Icon" content="camera" title="camera">
  125. <meta name="select:Link6Icon" content="flash" title="flash">
  126. <meta name="select:Link6Icon" content="globe" title="globe">
  127. <meta name="select:Link6Icon" content="heart" title="heart">
  128. <meta name="select:Link6Icon" content="info" title="info">
  129. <meta name="select:Link6Icon" content="link" title="link">
  130. <meta name="select:Link6Icon" content="plus" title="plus">
  131. <meta name="select:Link6Icon" content="question" title="question">
  132. <meta name="select:Link6Icon" content="star" title="star">
  133.  
  134. <meta name="select:Link7Icon" content="user" title="about">
  135. <meta name="select:Link7Icon" content="asterisk" title="asterisk">
  136. <meta name="select:Link7Icon" content="book" title="book">
  137. <meta name="select:Link7Icon" content="camera" title="camera">
  138. <meta name="select:Link7Icon" content="flash" title="flash">
  139. <meta name="select:Link7Icon" content="globe" title="globe">
  140. <meta name="select:Link7Icon" content="heart" title="heart">
  141. <meta name="select:Link7Icon" content="info" title="info">
  142. <meta name="select:Link7Icon" content="link" title="link">
  143. <meta name="select:Link7Icon" content="plus" title="plus">
  144. <meta name="select:Link7Icon" content="question" title="question">
  145. <meta name="select:Link7Icon" content="star" title="star">
  146.  
  147. <meta name="text:Disqus Shortname" content="" />
  148. <meta name="text:AnalyticsID" content="" />
  149.  
  150. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  151.  
  152. <style type="text/css">
  153.  
  154. ::-webkit-scrollbar {
  155. width: 5px;
  156. height: 5px;
  157. background: transparent;}
  158.  
  159. ::-webkit-scrollbar-thumb {
  160. background-color: #444444;
  161. border-radius: 4px;
  162. }
  163.  
  164. html {overflow-y: scroll;}
  165.  
  166. body {
  167. margin: 0;
  168. font-family: {font:Main Text};
  169. font-weight:400;
  170. font-size: 11px;
  171. line-height: 18px;
  172. color:{color:Post Text};
  173. text-align: left;
  174. min-height: 110vh;
  175. word-wrap: break-word;
  176. background-image:url({image:Background});
  177. {block:ifNotFullSizeBackground}
  178. background-repeat: repeat;
  179. {/block:ifNotFullSizeBackground}
  180. {block:ifFullSizeBackground}
  181. background-repeat: no-repeat;
  182. background-size: cover;
  183. {/block:ifFullSizeBackground}
  184. background-color: {color:Background};
  185. width: 100%;
  186. }
  187.  
  188. .push {
  189. clear: both;}
  190.  
  191.  
  192. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { opacity:0.7; z-index:9999999!important; padding:3px;}
  193.  
  194.  
  195. a {
  196. color:{color:links};
  197. text-decoration:none;
  198. -webkit-transition: all 0.4s linear;
  199. -moz-transition: all 0.4s linear;
  200. transition: all 0.4s linear;
  201. }
  202.  
  203. a:hover {
  204. color:{color:accent};
  205. text-decoration:none;
  206. }
  207.  
  208. ::selection {
  209. color:#fff;
  210. background-color:{color:Accent};
  211. }
  212. ::-moz-selection {
  213. color:#fff;
  214. background-color:{color:Accent};
  215. }
  216.  
  217. header {
  218. background-image:url("{HeaderImage}");
  219. background-size: cover;
  220. min-height: 300px;
  221. padding:0;
  222. margin:0;
  223. text-align:center;
  224. {block:ifNotShowDescription}
  225. {block:ifLightHeader}
  226. border-bottom: 5px solid #FFFFFF;
  227. {/block:ifLightHeader}
  228. {block:ifNotLightHeader}
  229. border-bottom: 5px solid #000000;
  230. {/block:ifNotLightHeader}
  231. {/block:ifNotShowDescription}
  232. }
  233.  
  234. footer {
  235. {block:ifNotLightHeader}
  236. background: black;
  237. color: white;
  238. {/block:ifNotLightHeader}
  239. {block:ifLightHeader}
  240. background: rgba(255,255,255,0.7);
  241. color: black;
  242. {/block:ifLightHeader}
  243. text-align:center;
  244. padding: 15px;
  245. }
  246.  
  247. /* Side menu */
  248.  
  249. .navigation {
  250. width: 200px;
  251. height: 100%;
  252. position: fixed;
  253. top: 0;
  254. right: 0;
  255. bottom: 0;
  256. left: 0;
  257. z-index: 0;
  258. padding: 0px;
  259. {block:ifNotLightHeader}
  260. background: #000000;
  261. {/block:ifNotLightHeader}
  262. {block:ifLightHeader}
  263. background: rgba(255,255,255,0.9);
  264. {/block:ifLightHeader}
  265. display: none;
  266. }
  267.  
  268. .site-wrap {
  269. min-height: 100%;
  270. min-width: 100%;
  271. position: relative;
  272. top: 0;
  273. bottom: 100%;
  274. left: 0;
  275. z-index: 1;
  276. background: {color:Background};
  277. background-attachment: fixed;
  278. background-image:url({image:Background});
  279. {block:ifNotFullSizeBackground}
  280. background-repeat: repeat;
  281. {/block:ifNotFullSizeBackground}
  282. {block:ifFullSizeBackground}
  283. background-repeat: no-repeat;
  284. background-size: cover;
  285. {/block:ifFullSizeBackground}
  286. -webkit-transition: all .5s ease;
  287. -moz-transition: all .5s ease;
  288. transition: all .5s ease;
  289. }
  290.  
  291.  
  292.  
  293. .menutoggle {
  294. height: 42px;
  295. width: 48px;
  296. {block:ifLightHeader}
  297. background-color: rgba(255,255,255,.6) ;
  298. border: 2px solid white;
  299. color: white;
  300. text-shadow: 1px 1px 10px rgba(0,0,0,0.9);
  301. {/block:ifLightHeader}
  302. {block:ifNotLightHeader}
  303. background-color: rgba(0,0,0,.4);
  304. border: 2px solid black;
  305. color: black;
  306. {/block:ifNotLightHeader}
  307. border-radius: 100%;
  308. position: fixed;
  309. top: 10px;
  310. left: 5px;
  311. font-size: 35px;
  312. text-align: center;
  313. padding-top: 8px;
  314. padding-left: 2px;
  315. z-index: 100;
  316. -webkit-transition: all .5s ease;
  317. -moz-transition: all .5s ease;
  318. transition: all .5s ease;
  319. overflow:hidden;
  320. margin-left: 10px;
  321. }
  322.  
  323. .menutoggle:hover {
  324. background-color: rgba(255,255,255,.4);
  325. /*
  326. text-shadow: 0 1px 8px rgba(255,255,255,0.5);*/
  327. }
  328.  
  329. .menu {
  330. position: absolute;
  331. width: 200px;
  332. left: -200px;
  333. top: 0px;
  334. bottom: 0px;
  335. z-index: 999999;
  336. overflow: hidden;
  337. -webkit-transition: all .5s ease;
  338. -moz-transition: all .5s ease;
  339. transition: all .5s ease;
  340. {block:ifNotLightHeader}
  341. background: rgba(0,0,0,.9);
  342. {/block:ifNotLightHeader}
  343. {block:ifLightHeader}
  344. background: rgba(255,255,255,.9);
  345. {/block:ifLightHeader}
  346. }
  347.  
  348.  
  349.  
  350. .open {
  351. /* width: 200px;*/
  352. left: 0;
  353. -webkit-transition: all .5s ease;
  354. -moz-transition: all .5s ease;
  355. transition: all .5s ease;
  356. }
  357.  
  358. .open2 {
  359. left: 200px;
  360. -webkit-transition: all .5s ease;
  361. -moz-transition: all .5s ease;
  362. transition: all .5s ease;
  363. position: fixed;
  364. }
  365.  
  366.  
  367. #nav {
  368. max-height: 30px;
  369. {block:ifNotLightHeader}
  370. background: rgba(0,0,0,.9);
  371. {/block:ifNotLightHeader}
  372. {block:ifLightHeader}
  373. background: rgba(255,255,255,.9);
  374. {/block:ifLightHeader}
  375. text-align: left;
  376. position:fixed;
  377. width: 100%;
  378. z-index: 101;
  379. overflow: hidden;
  380. {block:ifSideMenu}
  381. display:none;
  382. {/block:ifSideMenu}
  383. }
  384.  
  385. #navmob {
  386. max-height: 40px;
  387. {block:ifNotLightHeader}
  388. background: rgba(0,0,0,.9);
  389. {/block:ifNotLightHeader}
  390. {block:ifLightHeader}
  391. background: rgba(255,255,255,.9);
  392. {/block:ifLightHeader}
  393. text-align: left;
  394. position:fixed;
  395. width: 100%;
  396. z-index: 101;
  397. overflow: hidden;
  398. margin:0;
  399. font-size: 40px;
  400. display: none;
  401. }
  402.  
  403. a.nav {
  404. margin: 7px 3px;
  405. {block:ifNotLightHeader}
  406. color: #B8B5B8;
  407. {block:ifNotLightHeader}
  408. {block:ifLightHeader}
  409. color: #000000;
  410. {/block:ifLightHeader}
  411. font-size: 12.5px;
  412. line-height: 16px;
  413. letter-spacing: 1px;
  414. display:inline-block;
  415. font-weight: normal;
  416. font-family:{font:Header};
  417. margin-bottom: 0;
  418. padding: 0 5px 7px 5px;
  419. }
  420.  
  421. a.nav:hover, a.nav:active{
  422. color:{color:Accent};
  423. border-bottom: 5px solid {color:Accent};
  424. padding-bottom: 3px;
  425. margin-bottom: 0;
  426. -webkit-transition: all 0.3s ease;
  427. -moz-transition: all .3s ease;
  428. transition: all .3s ease;
  429. }
  430.  
  431. a.navi{
  432. {block:ifNotLightHeader}
  433. color: rgba(255,255,255,.7);
  434. {/block:ifNotLightHeader}
  435. {block:ifLightHeader}
  436. color: rgba(0,0,0,.7);
  437. {block:ifLightHeader}
  438. font-size: 14px;
  439. display: block;
  440. padding: 10px 10px;
  441. font-size: 10px;
  442. letter-spacing: 1px;
  443. {block:ifNotLightHeader}
  444. border-bottom: 1px solid rgba(255,255,255,.09);
  445. {/block:ifNotLightHeader}
  446. {block:ifLightHeader}
  447. border-bottom: 1px solid rgba(0,0,0,.09);
  448. {/block:ifLightHeader}
  449. text-transform: uppercase;
  450. font-size: 12px;
  451. }
  452.  
  453. a.navi:hover {
  454. color: {color:Accent};
  455. padding-left: 15px;
  456. }
  457.  
  458. /* Animations */
  459. @keyframes appear {
  460. from {opacity:0;}
  461. to {opacity: 100%} }
  462.  
  463. /* Post Stuff */
  464.  
  465. #title{
  466. font-family: {font:Header};
  467. font-size: 35px;
  468. line-height:40px;
  469. text-align: center;
  470. color: {color:Title};
  471. text-transform: uppercase;
  472. font-weight: 600;
  473. letter-spacing: 10px;
  474. text-align: center;
  475. padding: 50px;
  476. margin: 100px;
  477. display:inline-block;
  478. {block:ifNotLightHeader}
  479. background-color: rgba(0,0,0,0.25);
  480. border: 5px solid rgba(0,0,0,1);
  481. text-shadow: 0 1px 10px rgba(255,255,255,0.5);
  482. {/block:ifNotLightHeader}
  483. {block:ifLightHeader}
  484. background-color: rgba(255,255,255,0.25);
  485. border: 5px solid rgba(255,255,255,1);
  486. text-shadow: 1px 1px 10px rgba(0,0,0,0.9);
  487. {/block:ifLightHeader}
  488. }
  489.  
  490. a.title {
  491. color: {color:Title};
  492. }
  493.  
  494. a.title:hover {
  495. text-shadow: 0 0 20px rgba(255,255,255,1);
  496. -webkit-transition: all 0.8s ease-out;
  497. -moz-transition: all .8s ease-out;
  498. transition: all .8s ease-out;
  499. }
  500.  
  501. a.portrait {
  502. display: block;
  503. height: 100%;
  504. width: 100%;
  505. border-radius: 100%;
  506. opacity: 0;
  507. text-align: center;
  508. {block:ifLightHeader}
  509. background: white;
  510. {/block:ifLightHeader}
  511. {block:ifNotLightHeader}
  512. background: black;
  513. {/block:ifNotLightHeader}
  514. }
  515.  
  516. a.portrait:hover {
  517. opacity: 0.3;
  518. -webkit-transition: all 0.5s ease;
  519. -moz-transition: all .5s ease;
  520. transition: all .5s ease;
  521. }
  522.  
  523. #desc{
  524. {block:ifLightHeader}
  525. background-color:rgba(255,255,255,0.7);
  526. {/block:ifLightHeader}
  527. {block:ifNotLightHeader}
  528. background-color:rgba(0,0,0,0.7);
  529. color: #B8B5B8;
  530. {/block:ifNotLightHeader}
  531. width: 100%;
  532. margin: 0 auto;
  533. {block:ifShowPortrait}
  534. margin-top: -40px;
  535. padding:50px 0 0 0;
  536. {/block:ifShowPortrait}
  537. {block:ifNotShowPortrait}
  538. padding: 15px 0 0 0;
  539. {/block:ifNotShowPortrait}
  540. padding-bottom: 15px;
  541. text-align:center;
  542. position: relative;
  543. letter-spacing: 0.5px;
  544. }
  545.  
  546. #descr{
  547. width: 500px;
  548. max-width: 95%;
  549. text-align:center;
  550. margin: 0 auto;
  551. font-family: {font:Header};
  552. font-size: 12px;
  553. }
  554.  
  555. #descr img{
  556. padding:0;
  557. margin:0;
  558. max-width: 100%;
  559. }
  560.  
  561. #portrait{
  562. margin: 0 auto;
  563. width: 110px;
  564. height: 110px;
  565. margin-top: -80px;
  566. {block:ifLightHeader}
  567. border: 5px solid white;
  568. {/block:ifLightHeader}
  569. {block:ifNotLightHeader}
  570. border: 5px solid black;
  571. {/block:ifNotLightHeader}
  572. border-radius: 100%;
  573. background-image:url("{PortraitURL-128}");
  574. background-size: cover;
  575. position: relative;
  576. z-index: 100!important;}
  577.  
  578. /*Main Content*/
  579.  
  580. #tags{
  581. padding: 10px;}
  582.  
  583. a.tag:link, a.tag:visited, a.tag:active {
  584. color: {color: links};
  585. padding: 3px;
  586. font-size: 9px;
  587. margin: 0 5px 0 0;
  588. text-align: left;
  589. white-space: nowrap;
  590. font-family: 'Montserrat', san-serif;
  591. font-size: 10px;
  592. letter-spacing: 1px;
  593. }
  594.  
  595. a.tag:hover {
  596. color: {color:Accent};}
  597.  
  598. /*Pagination*/
  599.  
  600. #pagination{
  601. display:block;
  602. padding:0;
  603. margin-bottom: 5px;
  604. text-align:center;
  605. font-size:10px;
  606. color: white;
  607. background:transparent;}
  608.  
  609. #pagination a{
  610. display:inline-block;
  611. padding: 3px;
  612. min-width: 17px;
  613. min-height: 16px;
  614. font-size:10px;
  615. background: transparent
  616. color: {color:Accent};
  617. border: 1px solid {color:Accent};
  618. border-radius: 100%;
  619. margin: 0 1px 0 1px;
  620. }
  621.  
  622. #pagination a:hover{
  623. background: {color:Links};}
  624.  
  625. .current_page{
  626. display:inline-block;
  627. font-weight: bold;
  628. min-width: 17px;
  629. min-height:16px;
  630. padding: 3px;
  631. margin: 0 1px 3px 1px;
  632. background: transparent;
  633. color: white;
  634. border: 1px solid white;
  635. border-radius: 100%;
  636. }
  637.  
  638. #pagination a.jump{
  639. font-family: {font:Main Text};
  640. font-weight: bold;
  641. border: 1px solid {color:Accent};
  642. background:transparent;
  643. color: {color:Accent};
  644. }
  645.  
  646. #pagination a.jump_page{
  647. color: {color:Accent};}
  648.  
  649. #pagination a.jump_page:hover{
  650. background: white;}
  651.  
  652. #pagination a.jump:hover{
  653. color: {color:Accent};
  654. background: white;}
  655.  
  656. #pagination a.dnext{
  657. padding: 3px 2px 3px 4px;}
  658.  
  659. #pagination a.dprev{
  660. padding: 3px 4px 3px 2px;}
  661.  
  662. /*Mobile Pagination*/
  663.  
  664. #paginationmob{
  665. display:block;}
  666.  
  667. #paginationmob a{
  668. display:inline-block;
  669. padding: 3px;
  670. min-width: 30px;
  671. min-height: 30px;
  672. font-size:25px;
  673. background: transparen
  674. border: 1px solid {color:Accent};
  675. border-radius: 100%;
  676. margin: 0 1px 0 1px;
  677. }
  678.  
  679. #paginationmob a.next{
  680. padding: 10px 5px 0 10px;
  681. float: right;
  682. }
  683.  
  684. #paginationmob a.prev{
  685. padding: 10px 10px 0 5px;
  686. float: left;
  687. }
  688.  
  689. #paginationmob a.pagejump {
  690. font-weight: bold;
  691. min-width: 30px;
  692. min-height: 35px;
  693. font-size:25px;
  694. background: transparent;
  695. border: 1px solid {color:Accent};
  696. border-radius: 100%;
  697. margin: 0 10px 0 10px;
  698. }
  699.  
  700. /*Entries*/
  701.  
  702. #container{
  703. padding: 0;
  704. left: 0;
  705. right: 0;
  706. clear: both;
  707. }
  708.  
  709. .new {
  710. display:inline;
  711. width:25%;
  712. }
  713.  
  714. #content{
  715. position: relative;
  716. right: 0;
  717. text-align: center;
  718. width: 100%;
  719. height: 100%;
  720. {block:PermalinkPage}
  721. width: 522px;
  722. {/block:PermalinkPage}
  723. display: none;
  724. }
  725.  
  726. .entry{
  727. background-color:{color:Post Background};
  728. text-align: left;
  729. position: relative;
  730. overflow: hidden;
  731. {block:IndexPage}
  732. width: calc((100%) / 4);
  733. margin: 0;
  734. float: right;
  735. {/block:IndexPage}
  736. {block:PermalinkPage}
  737. margin: 20px auto;
  738. width:500px;
  739. max-width:100%;
  740. padding: 10px;
  741. {/block:PermalinkPage}
  742. }
  743.  
  744. .grid-sizer{
  745. width: calc(100% / 4);
  746. }
  747.  
  748. .post{
  749. position: relative;
  750. {block:IndexPage}
  751. margin:calc({text:PostWidth}px * 0.05);
  752. {/block:IndexPage}
  753. {block:PermalinkPage}
  754. margin:10px;
  755. {/block:PermalinkPage}
  756. padding:10px;
  757. border: 1px solid rgba(0,0,0,.07);
  758. max-width:100%;
  759. overflow: hidden;
  760. }
  761.  
  762. .caption{
  763. padding: 10px;
  764. position: relative;
  765. }
  766.  
  767. .entry img{
  768. margin: 0;
  769. padding-bottom: 0;
  770. display: block;
  771. max-width: 100%;
  772. height: auto;
  773. padding:0;
  774. margin: 0;
  775. }
  776.  
  777. /*Permalink Note Count*/
  778.  
  779. a.perma{
  780. top: 0;
  781. left: 0; right: 0; bottom:50px;
  782. position: absolute;
  783. background: rgba(255,255,255,.5);
  784. }
  785.  
  786. .perma {
  787. margin: auto;
  788. position: absolute;
  789. top: 0; left: 0; bottom: 0; right: 0;
  790. -webkit-transition: all 1s ease;
  791. -moz-transition: all 1s ease;
  792. transition: all 1s ease;
  793. opacity: 0;
  794. z-index: 1;
  795. }
  796.  
  797. .permavid {
  798. margin: auto;
  799. position: absolute;
  800. top: 0; left: 0; bottom: 0; right: 0;
  801. -webkit-transition: all 1s ease;
  802. -moz-transition: all 1s ease;
  803. transition: all 1s ease;
  804. opacity: 0;
  805. z-index: 1;
  806. pointer-events: none;
  807. }
  808.  
  809. a.permavid{
  810. top: 0;
  811. left: 0; right: 0; bottom:50px;
  812. position: absolute;
  813. background: rgba(255,255,255,.2);
  814. }
  815.  
  816. .entry:hover .permavid {
  817. opacity: 1;}
  818.  
  819.  
  820. .perma a{
  821. color: #ffffff;}
  822.  
  823. .perma a:hover{
  824. color: {color:Accent};}
  825.  
  826. .entry:hover .perma {
  827. opacity: 1;}
  828.  
  829. .permanotes {
  830. background-color:rgba(0,0,0,0.9);
  831. height: 25px;
  832. padding: 15px 15px 10px 15px;
  833. font-size: 13px;
  834. text-transform: uppercase;
  835. color: #ccc;
  836. font-weight: 700;
  837. letter-spacing: 2px;
  838. position: absolute;
  839. display:block;
  840. bottom: 0; left: 0; right: 0;
  841. pointer-events: auto;
  842. }
  843.  
  844. .permamob {
  845. background-color:{color:PostBackground};
  846. height: 25px;
  847. padding: 15px 15px 10px 15px;
  848. font-size: 13px;
  849. text-transform: uppercase;
  850. color: #ccc;
  851. font-weight: 700;
  852. letter-spacing: 2px;
  853. }
  854.  
  855.  
  856. .tumblrdate {
  857. padding: 10px 1px 2px 1px;
  858. font-family: {font:Header};
  859. color: {color:Accent};
  860. text-transform: uppercase;
  861. font-size: 10px;
  862. line-height: 15px;
  863. letter-spacing:1px;
  864. margin-bottom: 4px;
  865. }
  866.  
  867. .tumblrdate a{color:{color:Accent};}
  868.  
  869. .tumblrdate a:hover{color:{color:Links};}
  870.  
  871.  
  872. /*Ask posts*/
  873.  
  874. .arrow_box {
  875. position: relative;
  876. background: {color:Post Background};
  877. border: 2px solid rgba(0,0,0,.07);
  878. -moz-border-radius: 10px;
  879. border-radius: 15px;
  880. padding: 10px;
  881. margin-top:-1px;
  882. display: inline-block;
  883. }
  884. .arrow_box:after, .arrow_box:before {
  885. bottom: 100%;
  886. border: solid transparent;
  887. content: " ";
  888. height: 0;
  889. width: 0;
  890. position: absolute;
  891. pointer-events: none;
  892. }
  893.  
  894. .arrow_box:after {
  895. border-color: rgba(238, 238, 238, 0);
  896. border-bottom-color: {color:Post Background};
  897. border-width: 5px;
  898. left: 26px;
  899. margin-left: -6px;
  900. margin-bottom:0;
  901. }
  902. .arrow_box:before {
  903. border-color: rgba(189, 189, 189, 0);
  904. border-bottom-color: rgba(0,0,0,.07);
  905. border-width: 6px;
  906. left: 28px;
  907. margin-left: -9px;
  908. margin-bottom: 2px;
  909. }
  910.  
  911. .asker {
  912. padding: 0;
  913. padding-bottom: 3px;
  914. text-transform: uppercase;
  915. font-weight: 700;
  916. line-height: 24px;}
  917.  
  918. .asker img{
  919. border-radius:100%;
  920. margin-top: -2px;
  921.  
  922. }
  923.  
  924. .answered {
  925. padding-top: 0;
  926. padding-bottom: 0;
  927. padding-left: 3px;
  928. padding-right: 3px;
  929. }
  930.  
  931.  
  932. /*Quote Posts*/
  933.  
  934. #quotetext {
  935. font-family: 'Montserrat', san-serif;
  936. font-size: 18px;
  937. line-height: 25px;
  938. padding: 5px;
  939. letter-spacing:1px;
  940. text-align: center;
  941. }
  942.  
  943. #sourcetext {
  944. text-align: right;
  945. width: 100%;
  946. }
  947.  
  948.  
  949. /*Chat Posts*/
  950. ul.chat {
  951. padding:0;
  952. list-style-type: none;
  953. margin: 0;
  954. }
  955.  
  956. li.chat {
  957. border-bottom: 1px dotted rgba(0,0,0,.16);
  958. padding: 10px 0 10px 0;
  959. margin: 0;
  960. line-height: 18px;
  961. }
  962.  
  963. li.chat:last-child { border-bottom: 0; padding-bottom: 0;}
  964.  
  965. li.chat:first-child { padding-top: 0;}
  966.  
  967.  
  968. /*Audio Posts*/
  969.  
  970. .audiopost {
  971. position: relative;
  972. }
  973.  
  974. .audio {
  975. padding:5px;
  976. margin-top: 10px;
  977. border: 1px solid rgba(0,0,0,.09);
  978. max-width:100%;
  979. overflow: hidden;
  980. }
  981.  
  982. .playbutton {
  983. margin: 0 auto;
  984. position: absolute;
  985. padding: 5px 5px 10px 0;
  986. background-color: #FFFFFF;
  987. text-align: left;
  988. border: 3px solid #eee;
  989. width: 50px;
  990. height: 40px;
  991. overflow:hidden;
  992. border-radius:100%;
  993. margin-top: calc((100% - 60px) / 2 );
  994. margin-left: calc((100% - 60px) / 2 );
  995. opacity: .9;
  996. z-index: 2;
  997. }
  998.  
  999. .play {
  1000. margin: 0 auto;
  1001. margin-top: 9px;
  1002. width: 25px;
  1003. height: 25px;
  1004. overflow: hidden;
  1005. position: relative;
  1006. left: -1px;
  1007. }
  1008.  
  1009. /*Video Posts*/
  1010.  
  1011. .video {overflow:hidden; position: relative; z-index: 0;}
  1012. .vine-embed,#youtube_iframe {display:block;}
  1013. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  1014.  
  1015. .media {
  1016. overflow:hidden;
  1017. margin:0 -17px;
  1018. z-index: 30;
  1019. }
  1020. .video iframe {
  1021. display:block;
  1022. z-index: 3;
  1023. }
  1024. .tumblr_video_container {
  1025. width:auto!important;
  1026. height:auto!important;
  1027. z-index: 30;
  1028. }
  1029.  
  1030.  
  1031. /*Post Notes*/
  1032.  
  1033. ol.notes {
  1034. padding: 0;
  1035. margin: 0 0;
  1036. list-style-type: none;
  1037. text-align: left;
  1038. width: 100%;
  1039. }
  1040.  
  1041. ol.notes li.note {
  1042. border-bottom: solid 1px rgba(0,0,0,.09);
  1043. padding: 5px;
  1044. font-family: 'Montserrat', san-serif;
  1045. font-size: 10px;
  1046. letter-spacing: 1px;}
  1047.  
  1048. ol.notes li.note:last-child {border-bottom: 0;}
  1049.  
  1050. ol.notes li.note img.avatar {
  1051. vertical-align: -5px;
  1052. margin-right: 10px;
  1053. display: inline-block;
  1054. border-radius:100%;}
  1055.  
  1056. ol.notes li.note span.action {font-weight: normal;}
  1057.  
  1058. ol.notes li.note .answer_content {
  1059. font-weight: normal;}
  1060.  
  1061. ol.notes li.note blockquote {
  1062. padding: 10px;
  1063. margin: 10px 0 0 0;}
  1064.  
  1065. ol.notes li.note blockquote a {
  1066. text-decoration: none;
  1067. padding: 0;
  1068. margin: 10px 0 0 10px;}
  1069.  
  1070.  
  1071. /*REMOVE!*/
  1072. .arrow-down {
  1073. width: 0;
  1074. height: 0;
  1075. border-left: 10px inset transparent;
  1076. border-right: 10px inset transparent;
  1077. border-top: 10px solid {color:accent};
  1078. margin:0 0 0 20px;
  1079. }
  1080.  
  1081. /*Scrolling*/
  1082.  
  1083.  
  1084. #infscr-loading {
  1085. text-align: center;
  1086. z-index: 100;
  1087. position: fixed;
  1088. left:50%;
  1089. bottom: 20px;
  1090. font-size:0;
  1091. background:#fff;
  1092. padding:2px;
  1093. -webkit-border-radius: 60px;
  1094. -moz-border-radius: 60px;
  1095. border-radius: 60px;
  1096. width:48px;
  1097. height:48px;
  1098. }
  1099.  
  1100. #infscr-loading img {
  1101. -webkit-border-radius: 60px;
  1102. -moz-border-radius: 60px;
  1103. border-radius: 60px;
  1104. }
  1105.  
  1106. /*General Formatting*/
  1107.  
  1108. h1 {
  1109. font-family: {font:Header};
  1110. font-size: 20px;
  1111. line-height: 30px;
  1112. letter-spacing: 1px;
  1113. text-align: center;
  1114. margin-top: 0;
  1115. color: #000000;}
  1116.  
  1117. a.linkpost {
  1118. font-family: {font:Header};
  1119. font-size: 20px;
  1120. line-height: 30px;
  1121. letter-spacing: 1px;
  1122. text-align: center;
  1123. margin-top: 0;
  1124. color: {color:Links};
  1125. }
  1126.  
  1127. a.linkpost:hover {
  1128. color: {color:Accent};
  1129. }
  1130.  
  1131. h2{
  1132. font-family: {font:Header};
  1133. font-size: 16px;
  1134. line-height: 20px;
  1135. letter-spacing: 1px;
  1136. text-align: center;
  1137. padding: 0;
  1138. margin: 5px 0;
  1139. color: {color:Accent};
  1140. }
  1141.  
  1142. h3{
  1143. font-family: {font:Header};
  1144. font-size: 40px;
  1145. letter-spacing: 1px;
  1146. text-align: center;
  1147. padding: 30px;
  1148. margin: 0;
  1149. text-transform: lowercase;
  1150. }
  1151.  
  1152. h4{
  1153. font-family: {font:Header};
  1154. font-size: 16px;
  1155. letter-spacing: 1px;
  1156. text-align: center;
  1157. padding: 0;
  1158. margin: 0;
  1159. color: {color:Accent};
  1160. }
  1161.  
  1162. h5{
  1163. font-family: {font:Header};
  1164. font-size: 16px;
  1165. letter-spacing: 1px;
  1166. text-align: center;
  1167. padding: 0;
  1168. margin: 0;
  1169. color: {color:Accent};
  1170. border-bottom: 1px solid {color:};
  1171.  
  1172. }
  1173.  
  1174. blockquote {
  1175. margin-left: 5px;
  1176. margin-right: 0;
  1177. border-left: 1px solid {color:Accent};
  1178. padding: 2px 0 2px 5px;
  1179. }
  1180.  
  1181.  
  1182. /* Like and Reblog Buttons */
  1183.  
  1184. .reblog-button svg path { fill: {color:Accent}; }
  1185.  
  1186. .like {
  1187. position: relative;
  1188. list-style: none;
  1189. }
  1190. .like svg path {fill: {color:Accent};}
  1191.  
  1192. .like .like_button {
  1193. position: absolute;
  1194. top: 0;
  1195. opacity: 0;
  1196. }
  1197. .like .like_button.liked {opacity: 1;}
  1198.  
  1199. /* Search */
  1200.  
  1201. #searchpage{
  1202. display:block;
  1203. padding:20px;
  1204. margin: 20px 0;}
  1205.  
  1206. #search{
  1207. margin-bottom:20px;}
  1208.  
  1209. #search input{
  1210. width:190px;
  1211. font-size:10px;
  1212. letter-spacing:1px;
  1213. padding:8px;
  1214. text-align:left;
  1215. color:#000000;
  1216. border-radius:15px;
  1217. outline:none;
  1218. {block:ifNotLightHeader}
  1219. border: 0px solid black;
  1220. background: white;
  1221. {/block:ifNotLightHeader}
  1222. {block:ifLightHeader}
  1223. border:1px solid #eee;
  1224. background: rgba(255,255,255,0.7);
  1225. {/block:ifLightHeader}
  1226. outline:none;
  1227. }
  1228.  
  1229. #search input.sbutton{
  1230. position:relative;
  1231. top:4px;
  1232. margin-left:-38px;
  1233. cursor:pointer;
  1234. width:30px;
  1235. outline:none;
  1236. border:none;
  1237. font-family:'icons';
  1238. line-height:22px;
  1239. font-size:20px;
  1240. color:{color:Accent};
  1241. z-index:9;
  1242. background:transparent;
  1243. }
  1244.  
  1245.  
  1246. ::-webkit-input-placeholder{color:black;opacity:0.3;text-transform:uppercase;letter-spacing:2px;}
  1247. ::-moz-input-placeholder{color:black;opacity:0.3;text-transform:uppercase;letter-spacing:2px;}
  1248. ::-o-input-placeholder{color:block;opacity:0.3;text-transform:uppercase;letter-spacing:2px;}
  1249. ::-ms-input-placeholder{color:black;opacity:0.3;text-transform:uppercase;letter-spacing:2px;}
  1250.  
  1251.  
  1252.  
  1253. @media screen and (min-width: 700px) {
  1254. #navmob, #paginationmob, .permamob, .mobile {display:none;}
  1255. .menutoggle{{block:ifNotSideMenu}display: none;{/block:ifNotSideMenu}}
  1256. }
  1257.  
  1258.  
  1259. @media screen and (max-width: 700px) {
  1260.  
  1261. .desk{display:none;}
  1262.  
  1263. body {
  1264. max-width: 100%;
  1265. overflow-x:hidden;}
  1266.  
  1267. header {
  1268. min-height: 0;
  1269. padding: 0;}
  1270.  
  1271. #title {
  1272. font-size: 20px;
  1273. {block:ifLightHeader}
  1274. border: 3px solid white;
  1275. {/block:ifLightHeader}
  1276. {block:ifNotLightHeader}
  1277. border: 3px solid black;
  1278. {/block:ifNotLightHeader}
  1279. padding: 10px;
  1280. margin: 50px 25px 25px 25px;}
  1281.  
  1282. a.nav {font-size:20px;}
  1283.  
  1284. .entry {
  1285. {block:IndexPage}
  1286. width: 100%;
  1287. margin: 0 0 10px 0;
  1288. {/block:IndexPage}
  1289. {block:PermalinkPage}
  1290. width: calc(100% - 20px);
  1291. margin: 0;
  1292. {/block:PermalinkPage}}
  1293.  
  1294. #portrait {
  1295. width: 50px;
  1296. height: 50px;
  1297. margin-top: -20px;
  1298. {block:ifLightHeader}
  1299. border: 2px solid white;
  1300. {/block:ifLightHeader}
  1301. {block:ifNotLightHeader}
  1302. border: 2px solid black;
  1303. {/block:ifNotLightHeader}}
  1304.  
  1305. #desc {
  1306. {block:ifShowPortrait}
  1307. margin-top: -34px;
  1308. {/block:ifShowPortrait}
  1309. {block:ifNotShowPortrait}
  1310. margin-top:0;
  1311. {/block:ifNotShowPortrait}}
  1312.  
  1313. #nav, #pagination, .photoset, .perma {display:none;}
  1314. }
  1315.  
  1316. {CustomCSS}
  1317.  
  1318. </style>
  1319.  
  1320. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1321. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1322. </head>
  1323. <body>
  1324.  
  1325. <div class="menu">
  1326. <a class="navi" href="{BlogURL}">{lang:Home}<span style="float:right"><i class="fa fa-home" aria-hidden="true"></i></span></a>
  1327. {block:AskEnabled}
  1328. <a class="navi" href="{BlogURL}ask">{AskLabel}<span style="float:right"><i class="fa fa-envelope" aria-hidden="true"></i></span></a>
  1329. {/block:AskEnabled}
  1330. {block:SubmissionsEnabled}
  1331. <a class="navi" href="{BlogURL}submit">{SubmitLabel}<span style="float:right"><i class="fa fa-paper-plane" aria-hidden="true"></i></span></a>
  1332. {/block:SubmissionsEnabled}
  1333. {block:ifShowArchiveLink}
  1334. <a class="navi" href="{BlogURL}archive">{lang:Archive}<span style="float:right"><i class="fa fa-th" aria-hidden="true"></i></span></a>{/block:ifShowArchiveLink}
  1335. {block:ifShowRSSLink}
  1336. <a class="navi" href="{BlogURL}rss">{lang:RSS feed}<span style="float:right"><i class="fa fa-rss" aria-hidden="true"></i></span></a>{/block:ifShowRSSLink}
  1337. {block:HasPages}
  1338. {block:Pages}
  1339. <a class="navi" href="{URL}">{Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>
  1340. {/block:Pages}
  1341. {/block:HasPages}
  1342.  
  1343. {block:ifLink1Label}<a class="navi" href="{text:Link1URL}">{text:Link1Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>{/block:ifLink1Label}
  1344. {block:ifLink2Label}<a class="navi" href="{text:Link2URL}">{text:Link2Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>{/block:ifLink2Label}
  1345. {block:ifLink3Label}<a class="navi" href="{text:Link3URL}">{text:Link3Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>{/block:ifLink3Label}
  1346. {block:ifLink4Label}<a class="navi" href="{text:Link4URL}">{text:Link4Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>{/block:ifLink4Label}
  1347. {block:ifLink5Label}<a class="navi" href="{text:Link5URL}">{text:Link5Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>{/block:ifLink5Label}
  1348. {block:ifLink6Label}<a class="navi" href="{text:Link6URL}">{text:Link6Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>{/block:ifLink6Label}
  1349. {block:ifLink7Label}<a class="navi" href="{text:Link7URL}">{text:Link7Label}<span style="float:right"><i class="fa fa-link" aria-hidden="true"></i></span></a>{/block:ifLink7Label}
  1350.  
  1351. {block:ifInstagramUsername}<a class="navi" href="http://instagram.com/{text:InstagramUsername}">Instagram<span style="float:right"><i class="fa fa-instagram" aria-hidden="true"></i></span></a>{/block:ifInstagramUsername}
  1352.  
  1353. {block:ifTwitterUsername}<a class="navi" href="http://twitter.com/{text:TwitterUsername}">Twitter<span style="float:right"><i class="fa fa-twitter" aria-hidden="true"></i></span></a>{/block:ifTwitterUsername}
  1354.  
  1355. <a class="navi" href="http://themewonderland.com">{lang:Install this theme}<span style="float:right"><i class="fa fa-code" aria-hidden="true"></i></span></a>
  1356.  
  1357. </div>
  1358.  
  1359. <div class="menutoggle">
  1360. <div class="bars">
  1361. <i class="fa fa-bars" aria-hidden="true"></i>
  1362. </div>
  1363. <div class"close">
  1364. <i class="fa fa-times" aria-hidden="true"></i></div>
  1365. </div>
  1366. <div class="site-wrap">
  1367.  
  1368. {block:SearchPage}
  1369. <div id="searchresults"><h1><br>
  1370. {lang:Found SearchResultCount results for SearchQuery}
  1371. {block:NoSearchResults}{lang:No results for SearchQuery}{/block:NoSearchResults}
  1372. </h1></div>
  1373. {/block:SearchPage}
  1374.  
  1375. <img src="http://68.media.tumblr.com/tumblr_m2muoyq2Rq1qgbeh6o1_500.jpg" class="new"><img src="http://68.media.tumblr.com/tumblr_m098luVWTT1qh5myqo1_500.jpg" class="new"><img src="http://68.media.tumblr.com/tumblr_lwo7pdZVla1qgbeh6o1_500.jpg" class="new"><img src="http://68.media.tumblr.com/tumblr_lwo7pdZVla1qgbeh6o1_500.jpg" class="new"><img src="http://68.media.tumblr.com/tumblr_m2muoyq2Rq1qgbeh6o1_500.jpg" class="new"><img src="http://68.media.tumblr.com/tumblr_m098luVWTT1qh5myqo1_500.jpg" class="new"><img src="http://68.media.tumblr.com/tumblr_lwo7pdZVla1qgbeh6o1_500.jpg" class="new"><img src="http://68.media.tumblr.com/tumblr_lwo7pdZVla1qgbeh6o1_500.jpg" class="new">
  1376.  
  1377. <div id="content">
  1378. {block:Posts}
  1379. <div class="entry" id="{PostID}">
  1380.  
  1381. {block:Text}
  1382.  
  1383. {block:IndexPage}
  1384. <div class="perma">
  1385. <div class="permanotes">
  1386. <span style="float:left">
  1387. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1388. </span><span style="float:right; margin-right:10px;">
  1389. {LikeButton size="18" color="white"}</span>
  1390. </div>
  1391. <a class="perma" href="{Permalink}"></a>
  1392. </div>
  1393. {/block:IndexPage}
  1394.  
  1395. <div class="post">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  1396.  
  1397. {block:Photo}
  1398. {block:IndexPage}
  1399. <div class="perma">
  1400. <div class="permanotes">
  1401. <span style="float:left">
  1402. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1403. </span><span style="float:right; margin-right:10px;">
  1404. {LikeButton size="18" color="white"}</span>
  1405. </div>
  1406. <a class="perma" href="{Permalink}"></a>
  1407. </div>
  1408. {/block:IndexPage}
  1409. <a href="{permalink}"><img src="{PhotoURL-500}" width="100%"/></a>{block:IndexPage}
  1410. {block:ifshowcaptions}
  1411. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1412. {/block:ifshowcaptions}
  1413. {/block:IndexPage}
  1414. {block:PermalinkPage}
  1415. {block:caption}{caption}{/block:caption}
  1416. {/block:PermalinkPage}
  1417. {/block:Photo}
  1418.  
  1419. {block:Photoset}
  1420. {block:IndexPage}
  1421. <div class="perma">
  1422. <div class="permanotes">
  1423. <span style="float:left">
  1424. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1425. </span><span style="float:right; margin-right:10px;">
  1426. {LikeButton size="18" color="white"}</span>
  1427. </div>
  1428. <a class="perma" href="{Permalink}"></a>
  1429. </div>
  1430.  
  1431.  
  1432.  
  1433. {block:Photos}
  1434. <img src="{PhotoURL-500}" width="100%"/>
  1435. {/block:Photos}
  1436.  
  1437. {block:ifshowcaptions}
  1438. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1439. {/block:ifshowcaptions}{/block:indexpage}
  1440. {block:permalinkpage}
  1441. <div class="desk">{Photoset}</div>
  1442. <div class="mobile">
  1443. {block:Photos}
  1444. <img src="{PhotoURL-500}" width="100%"/>
  1445. {/block:Photos}
  1446. </div>
  1447. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1448. {/block:permalinkpage}
  1449. {/block:Photoset}
  1450.  
  1451.  
  1452. {block:Quote}
  1453. {block:IndexPage}
  1454. <div class="perma">
  1455. <div class="permanotes">
  1456. <span style="float:left">
  1457. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1458. </span><span style="float:right; margin-right:10px;">
  1459. {LikeButton size="18" color="white"}</span>
  1460. </div>
  1461. <a class="perma" href="{Permalink}"></a>
  1462. </div>
  1463. {/block:IndexPage}
  1464. <div class="post">
  1465. <div id="quotetext">
  1466. &ldquo;{Quote}&rdquo;</div>
  1467. {block:IndexPage}
  1468. {block:ifshowcaptions}
  1469. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1470. {/block:ifshowcaptions}
  1471. {/block:IndexPage}
  1472. {block:PermalinkPage}
  1473. {block:Source}<div id="sourcetext"><i>{Source}</i></div>{/block:Source}
  1474. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1475. {/block:PermalinkPage}
  1476. </div>
  1477. {/block:Quote}
  1478.  
  1479. {block:Video}
  1480. {block:IndexPage}
  1481. <div class="permavid">
  1482. <div class="permanotes">
  1483. <span style="float:left">
  1484. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1485. </span><span style="float:right; margin-right:10px;">
  1486. {LikeButton size="18" color="white"}</span>
  1487. </div>
  1488. <a class="permavid" href="{Permalink}"></a>
  1489. </div>
  1490. {/block:IndexPage}
  1491. <div class="video">{Video-500}</div>
  1492. {block:IndexPage}
  1493. {block:ifshowcaptions}
  1494. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1495. {/block:ifshowcaptions}
  1496. {/block:IndexPage}
  1497. {block:PermalinkPage}
  1498. {block:caption}{caption}{/block:caption}
  1499. {/block:PermalinkPage}
  1500. {/block:Video}
  1501.  
  1502.  
  1503. {block:Link}
  1504. {block:IndexPage}
  1505. <div class="perma">
  1506. <div class="permanotes">
  1507. <span style="float:left">
  1508. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1509. </span><span style="float:right; margin-right:10px;">
  1510. {LikeButton size="18" color="white"}</span>
  1511. </div>
  1512. <a class="perma" href="{Permalink}"></a>
  1513. </div>
  1514. {/block:IndexPage}
  1515. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  1516. <div class="post">
  1517. <a href="{URL}" class="linkpost" {Target}><i class="fa fa-globe" aria-hidden="true"></i> {Name} &rarr;</a><br>
  1518. {block:Excerpt}{Excerpt}{/block:Excerpt}
  1519. {block:Description}{Description}{/block:Description}
  1520. {block:IndexPage}
  1521. {block:ifshowcaptions}
  1522. {block:caption}{caption}{/block:caption}
  1523. {/block:ifshowcaptions}
  1524. {/block:IndexPage}
  1525. {block:PermalinkPage}
  1526. {block:caption}{caption}{/block:caption}
  1527. {/block:PermalinkPage}
  1528. </div>
  1529. {/block:Link}
  1530.  
  1531. {block:Chat}
  1532. {block:IndexPage}
  1533. <div class="perma">
  1534. <div class="permanotes">
  1535. <span style="float:left">
  1536. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1537. </span><span style="float:right; margin-right:10px;">
  1538. {LikeButton size="18" color="white"}</span>
  1539. </div>
  1540. <a class="perma" href="{Permalink}"></a>
  1541. </div>
  1542. {/block:IndexPage}
  1543. <div class="post">
  1544. <h1>{Title}</h1>
  1545. <ul class="chat">
  1546. {block:Lines}
  1547. <li class="chat">{block:Label}
  1548. <span style="letter-spacing: 1px; text-transform: uppercase"><b>{Label}</b></span>
  1549. {/block:Label}
  1550. {Line}</li>
  1551. {/block:Lines}</ul>
  1552. {block:IndexPage}
  1553. {block:ifshowcaptions}
  1554. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1555. {/block:ifshowcaptions}
  1556. {/block:IndexPage}
  1557. {block:PermalinkPage}
  1558. {block:caption}{caption}{/block:caption}
  1559. {/block:PermalinkPage}
  1560. </div>
  1561. {/block:Chat}
  1562.  
  1563. {block:Audio}
  1564. {block:IndexPage}
  1565. <div class="perma">
  1566. <div class="permanotes">
  1567. <span style="float:left">
  1568. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1569. </span><span style="float:right; margin-right:10px;">
  1570. {LikeButton size="18" color="white"}</span>
  1571. </div>
  1572. <a class="perma" href="{Permalink}"></a>
  1573. </div>
  1574. {/block:IndexPage}
  1575. <div class="audiopost">
  1576. <div class="playbutton">
  1577. <div class="play">
  1578. {AudioPlayer}</div></div>
  1579. {block:AlbumArt}
  1580. <img src="{AlbumArtURL}" width="100%" margin="0px">
  1581. {/block:AlbumArt}
  1582. {block:AudioPlayer}
  1583. {/block:AudioPlayer}
  1584. </div>
  1585. {block:IndexPage}
  1586. {block:ifshowcaptions}
  1587. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  1588. {/block:ifshowcaptions}
  1589. {/block:IndexPage}
  1590. {block:PermalinkPage}
  1591. <div class="audio">
  1592. <center>
  1593. <span style="font-size:9px; font-style:italic; line-height:15px; margin-bottom:5px;">{PlayCountWithLabel}<br></span>
  1594. {block:TrackName}
  1595. <b>{TrackName}</b>
  1596. {/block:TrackName}
  1597. {block:Artist}
  1598. - {Artist}
  1599. {/block:Artist}
  1600. {block:Album}<br>
  1601. <i>{Album}</i>
  1602. {/block:Album}
  1603. </center>
  1604. </div>
  1605. {block:caption}{caption}{/block:caption}
  1606. {/block:PermalinkPage}
  1607. {/block:Audio}
  1608.  
  1609.  
  1610.  
  1611.  
  1612. {block:Answer}
  1613. {block:IndexPage}
  1614. <div class="perma">
  1615. <div class="permanotes">
  1616. <span style="float:left">
  1617. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1618. </span><span style="float:right; margin-right:10px;">
  1619. {LikeButton size="18" color="white"}</span>
  1620. </div>
  1621. <a class="perma" href="{Permalink}"></a>
  1622. </div>
  1623. {/block:IndexPage}
  1624. <div class="post">
  1625. <div class="asker">
  1626. <img src="{AskerPortraitURL-24}" align="left"> &nbsp; {lang:Asker asked 2}:</div>
  1627. <div class="arrow_box">{Question}</div>
  1628. <div class="answered">{Answer}</div>
  1629. {block:IndexPage}
  1630. {block:ifshowcaptions}
  1631. {block:caption}{caption}{/block:caption}
  1632. {/block:ifshowcaptions}
  1633. {/block:IndexPage}
  1634. {block:PermalinkPage}
  1635. {block:caption}{caption}{/block:caption}
  1636. {/block:PermalinkPage}
  1637. </div>
  1638. {/block:Answer}
  1639.  
  1640. {block:PermalinkPage}
  1641.  
  1642. {block:HasTags}
  1643. <div id="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a>
  1644. {/block:Tags}</div>
  1645. {/block:HasTags}
  1646.  
  1647. <div class="tumblrdate">
  1648. <div style="float:right; text-align:center;">
  1649. <li class="like">
  1650. <svg width="16" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
  1651. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  1652. </svg>
  1653. {LikeButton size="16"}
  1654. </li>
  1655. </div>
  1656. <div style="float:right; text-align:center; margin-right:5px">
  1657. <div class="reblog-button">
  1658. {ReblogButton size="16"}</div>
  1659. </div>
  1660. <div style="float:left;text-align:left;">
  1661. {block:Date}<a href="{Permalink}" class="notes">Posted {TimeAgo}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}</a>{/block:NoteCount}{block:ContentSource}<br><b>{lang:Source}</b>: <a href="{SourceURL}" target="_blank" class="notes">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /></a>{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}{/block:ContentSource}
  1662. </div></div>
  1663.  
  1664.  
  1665. {block:IfDisqusShortname}
  1666. <div id="disqus_thread"></div>
  1667. <script type="text/javascript">
  1668. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1669. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1670. var disqus_url = '{Permalink}';
  1671.  
  1672. /* * * DON'T EDIT BELOW THIS LINE * * */
  1673. (function() {
  1674. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1675. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1676. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1677. })();
  1678. </script>
  1679. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1680. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1681.  
  1682. {/block:IfDisqusShortname}
  1683.  
  1684.  
  1685. {block:IfNotDisqusShortname}<br><br>{/block:IfNotDisqusShortname}
  1686.  
  1687. {block:PostNotes}
  1688. {PostNotes-16}</a>
  1689. {/block:PostNotes}
  1690. {/block:PermalinkPage}
  1691.  
  1692. {block:IndexPage}
  1693. <div class="permamob">
  1694. <span style="float:left">
  1695. <a href="{permalink}">{NoteCountWithLabel}</a></span><span style="float:right">{ReblogButton size="18" color="white"}
  1696. </span><span style="float:right; margin-right:10px;">
  1697. {LikeButton size="18" color="white"}</span>
  1698. </div>
  1699. {/block:IndexPage}
  1700. </div>
  1701. {/block:Posts}
  1702. </div>
  1703. {block:ifNotInfiniteScrolling}
  1704. <footer>
  1705. {block:Pagination}
  1706. <div id="pagination">
  1707. {block:PreviousPage}<a href="{PreviousPage}" class="jump dprev"><i class="fa fa-caret-left" aria-hidden="true"></i></a>{/block:PreviousPage}
  1708. {block:JumpPagination length="5"}{block:CurrentPage}
  1709. <span class="current_page">{PageNumber}</span>
  1710. {/block:CurrentPage}{block:JumpPage}
  1711. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1712. {/block:JumpPage}{/block:JumpPagination}
  1713. {block:NextPage}<a href="{NextPage}" class="jump dnext"><i class="fa fa-caret-right" aria-hidden="true"></i></a>{/block:NextPage}
  1714. </div>
  1715.  
  1716. <div id="paginationmob">
  1717. {block:PreviousPage}<a href="{PreviousPage}" class="prev pagejump"><i class="fa fa-caret-left" aria-hidden="true"></i> </a>{/block:PreviousPage}
  1718. {block:NextPage}<a href="{NextPage}" class="pagejump next"> <i class="fa fa-caret-right" aria-hidden="true"></i></a>{/block:NextPage}
  1719. </div><div class="push"></div>
  1720.  
  1721. {/block:Pagination}
  1722. <div id="search">
  1723. <form action="/search" method="get">
  1724. <input type="text" name="q" value="" placeholder=" {lang:Search}" />
  1725. <input type="submit" value="&#xe909;" class="sbutton" />
  1726. </form>
  1727. </div>
  1728.  
  1729. &copy; {CopyrightYears} {Title} | {lang:Powered by Tumblr}
  1730. <br>
  1731. <a href="#">Amethyst</a> Responsive Tumblr Theme by <a href="http://themeology.co">Themeology</a>
  1732.  
  1733. </footer>{/block:ifNotInfiniteScrolling}
  1734. </div>
  1735.  
  1736. <nav id="page-nav">
  1737. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
  1738.  
  1739.  
  1740. <script src="http://static.tumblr.com/ihdmiub/fXOm2ke05/jquery-1.7.1.min.js"></script>
  1741. <script src="http://static.tumblr.com/ihdmiub/e8tm2kdze/jquery.masonry.min.js"></script>
  1742.  
  1743. <script src="http://static.tumblr.com/sci2ml1/73zorz9rz/imagesloaded.pkgd.min.js"></script>
  1744.  
  1745. {block:ifInfiniteScrolling}
  1746. <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
  1747. {/block:ifInfiniteScrolling}
  1748. <script src="/js/imagesloaded.pkgd.min.js"></script>
  1749.  
  1750. {block:IndexPage}
  1751.  
  1752. <script>
  1753. $(function(){
  1754. var $container = $('#content');
  1755. $container.imagesLoaded(function() {
  1756. $container.masonry({
  1757. itemSelector: '.entry',
  1758. columnWidth: '.grid-sizer',
  1759. percentPosition: true,
  1760. isAnimated:true,
  1761. columnWidth:1,
  1762. animationOptions:{duration:350, queue:false},
  1763. isFitWidth: false,
  1764. });
  1765. });
  1766.  
  1767. $container.infinitescroll({
  1768. navSelector : '#page-nav',
  1769. nextSelector : '#page-nav a',
  1770. itemSelector : '.entry',
  1771. loading: {
  1772. finishedMsg: '{lang:No more posts}',
  1773. img: 'http://24.media.tumblr.com/tumblr_m3j5g3KlEm1r0fipko8_r1_100.gif'
  1774. }
  1775. },
  1776.  
  1777. // trigger Masonry as a callback
  1778. function( newElements ) {
  1779. // hide new elements
  1780. var $newElems = $( newElements ).css({ opacity: 0 });
  1781. // create $newElemsIDs
  1782. var $newElemsIDs = $newElems.map(function () {
  1783. return this.id;
  1784. }).get();
  1785. // give tumblr the $newElemsIDs
  1786. Tumblr.LikeButton.get_status_by_post_ids( $newElemsIDs );
  1787. // ensure that images load before adding to masonry layout
  1788. $newElems.imagesLoaded( function() {
  1789. // tell masonry we have added new elems
  1790. $container.masonry( 'appended', $newElems, true );
  1791. // show $newElems
  1792. $newElems.animate({ opacity: 1 });
  1793. });
  1794. // resize videos for $newElems
  1795. $newElems.find('.video').each( function() {
  1796. resizeVideos();
  1797. });
  1798. }
  1799. );
  1800. });
  1801. </script>
  1802. {/block:IndexPage}
  1803.  
  1804. <script>
  1805. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1806. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1807. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1808. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  1809.  
  1810. ga('create', '{Text:AnalyticsID}', 'auto');
  1811. ga('send', 'pageview');
  1812.  
  1813. </script>
  1814.  
  1815. <script>
  1816. //open menu
  1817. $(".menutoggle").on('click touch', function() {
  1818. $(".menu").toggleClass('open');
  1819. });
  1820. // change to x
  1821. $(".menutoggle").on('click touch', function() {
  1822. $(".bars").toggle();
  1823. });
  1824. // move menu and button
  1825. $(".menutoggle").on('click touch', function() {
  1826. $(".menutoggle, .site-wrap").toggleClass('open2');
  1827. });
  1828.  
  1829. </script>
  1830.  
  1831. </body>
  1832. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!