API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: PRETTY IN PINK/BLUE (vol.3)

b0rn-to-be-wild
Dec 22nd, 2013
421
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.68 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ©borntobewildcodes.tumblr.com | PRETTY IN PINK/BLUE (vol.3)
  4.  
  5. + Do not redistribute this theme or remove the credits.
  6. + Edit as long as you keep the credits intact
  7. + Contact me if you have any questions or concerns.
  8. + If you want a custom theme you can commission me.
  9. + Thanks for using my theme, I hope that you enjoy it.
  10.  
  11. Other credits:
  12.  
  13. - Jquery
  14. - Disqus
  15. - Google fonts
  16. - Font Awesome icons
  17. - Masonry by David Desandro
  18. - Infinite scroll by Paul Irish
  19. - PXU Photosets
  20. - Masonry with Infinite Scroll and PXU Photosets tutorial by @shythemes
  21. - Load more buttons tutorial by @shythemes
  22. - Hide stuff tutorial by @lmthemes
  23.  
  24. ---->
  25.  
  26. <!DOCTYPE html>
  27. <head>
  28.  
  29. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  30.  
  31. <link rel="shortcut icon" href="{favicon}">
  32.  
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <meta name="image:Background" content="1"/>
  37. <meta name="image:Container background" content="1"/>
  38. <meta name="image:Sidebar background" content="1"/>
  39. <meta name="image:Avatar" content="1"/>
  40.  
  41. <meta name="color:Background" content="#ffffff"/>
  42. <meta name="color:Blog title" content="#869FEC"/>
  43. <meta name="color:Search" content="#00D3F8"/>
  44. <meta name="color:Search box background" content="#ffffff"/>
  45. <meta name="color:Main link" content="#ffffff"/>
  46. <meta name="color:Sidebar background" content="#ffffff"/>
  47. <meta name="color:Sidebar border" content="#5cbbe7"/>
  48. <meta name="color:Sidebar title" content="#ffffff"/>
  49. <meta name="color:Sidebar text" content="#222222"/>
  50. <meta name="color:Sidebar link" content="#5cbbe7"/>
  51. <meta name="color:Social icon" content="#00D3F8"/>
  52. <meta name="color:Container background" content="#fff"/>
  53. <meta name="color:Buttons" content="#00D3F8"/>
  54. <meta name="color:Ask bubble" content="#eeeeee"/>
  55. <meta name="color:Title" content="#E78380"/>
  56. <meta name="color:Text" content="#222222"/>
  57. <meta name="color:Link" content="#cab1da"/>
  58. <meta name="color:Hover" content="#5cbbe7"/>
  59. <meta name="color:Bold" content="#E78380"/>
  60. <meta name="color:Italic" content="#5cbbe7"/>
  61. <meta name="color:Borders" content="#dddddd"/>
  62. <meta name="color:Pagination" content="#00D3F8"/>
  63. <meta name="color:Scrollbar" content="#dddddd"/>
  64. <meta name="color:Scrollbar background" content="#ffffff"/>
  65.  
  66. <meta name="select:Post transparency color" content="255,255,255" title="white">
  67. <meta name="select:Post transparency color" content="0,0,0" title="black">
  68. <meta name="select:Post transparency color" content="238,238,238" title="gray">
  69. <meta name="select:Post transparency color" content="255,168,212" title="pink">
  70. <meta name="select:Post transparency color" content="127,88,242" title="purple">
  71. <meta name="select:Post transparency color" content="184,168,255" title="indigo">
  72. <meta name="select:Post transparency color" content="184,208,255" title="blue">
  73. <meta name="select:Post transparency color" content="103,173,90" title="green">
  74. <meta name="select:Post transparency color" content="33,209,297" title="turquoise">
  75. <meta name="select:Post transparency color" content="226,229,23" title="yellow">
  76. <meta name="select:Post transparency color" content="112,38,11" title="brown">
  77.  
  78. <meta name="select:Post info transparency color" content="255,255,255" title="white">
  79. <meta name="select:Post info transparency color" content="0,0,0" title="black">
  80. <meta name="select:Post info transparency color" content="238,238,238" title="gray">
  81. <meta name="select:Post info transparency color" content="255,168,212" title="pink">
  82. <meta name="select:Post info transparency color" content="127,88,242" title="purple">
  83. <meta name="select:Post info transparency color" content="184,168,255" title="indigo">
  84. <meta name="select:Post info transparency color" content="184,208,255" title="blue">
  85. <meta name="select:Post info transparency color" content="103,173,90" title="green">
  86. <meta name="select:Post info transparency color" content="33,209,297" title="turquoise">
  87. <meta name="select:Post info transparency color" content="226,229,23" title="yellow">
  88. <meta name="select:Post info transparency color" content="112,38,11" title="brown">
  89.  
  90. <meta name="select:Transparency" content="1" title="opaque">
  91. <meta name="select:Transparency" content=".9" title=".9">
  92. <meta name="select:Transparency" content=".8" title=".8">
  93. <meta name="select:Transparency" content=".7" title=".7">
  94. <meta name="select:Transparency" content=".6" title=".6">
  95. <meta name="select:Transparency" content=".5" title=".5">
  96. <meta name="select:Transparency" content=".4" title=".4">
  97. <meta name="select:Transparency" content=".3" title=".3">
  98. <meta name="select:Transparency" content=".2" title=".2">
  99. <meta name="select:Transparency" content=".1" title=".1">
  100. <meta name="select:Transparency" content=".0" title="transparent">
  101.  
  102. <meta name="font:Body font" content="Helvetica"/>
  103. <meta name="font:Body font size" content="12px" title="12px">
  104. <meta name="font:Body font size" content="13px" title="13px">
  105. <meta name="font:Body font size" content="14px" title="14px">
  106. <meta name="font:Body font size" content="15px" title="15px">
  107. <meta name="font:Body font size" content="16px" title="16px">
  108.  
  109. <meta name="select:Title font" content="Cinzel" title="Cinzel">
  110. <meta name="select:Title font" content="Poiret One" title="Poiret One">
  111. <meta name="select:Title font" content="Pacifico" title="Pacifico">
  112. <meta name="select:Title font" content="Caveat" title="Caveat">
  113. <meta name="select:Title font" content="Leckerli One" title="Leckerli One">
  114.  
  115. <meta name="select:Title font size" content="18px" title="18px">
  116. <meta name="select:Title font size" content="20px" title="20px">
  117. <meta name="select:Title font size" content="22px" title="22px">
  118. <meta name="select:Title font size" content="25px" title="25px">
  119. <meta name="select:Title font size" content="27px" title="27px">
  120.  
  121. <meta name="select:Post width" content="400" title="400px">
  122. <meta name="select:Post width" content="500" title="500px">
  123. <meta name="select:Post width" content="540" title="540px">
  124.  
  125. <meta name="if:Inverted Controls" content="0" />
  126. <meta name="if:Blue Header" content="0" />
  127. <meta name="if:Blue Avatar" content="0" />
  128. <meta name="if:Blue Ribbons" content="0" />
  129. <meta name="if:Show Search Box" content="1" />
  130. <meta name="if:Sidebar Right" content="0" />
  131. <meta name="if:Show Avatar" content="1" />
  132. <meta name="if:Show Description" content="1" />
  133. <meta name="if:Show Navigation" content="1" />
  134. <meta name="if:Show Updates" content="1" />
  135. <meta name="if:Show Stats" content="1" />
  136. <meta name="if:Show Social" content="1" />
  137. <meta name="if:Show Disclaimer" content="1" />
  138. <meta name="if:Infinite Scroll" content="0"/>
  139. <meta name="if:Load More" content="0"/>
  140. <meta name="if:Faded Images" content="0" />
  141. <meta name="if:Monochrome Images" content="0" />
  142. <meta name="if:Show Captions" content="1" />
  143. <meta name="if:Show Tags" content="1" />
  144. <meta name="if:Ask Enabled" content="1" />
  145. <meta name="if:Submissions Enabled" content="1" />
  146. <meta name="if:Show Archive" content="1" />
  147. <meta name="if:Show Random Link" content="1" />
  148. <meta name="if:Disqus Shortname" content="0"/>
  149.  
  150. <meta name="if:Show Link One" content="1" />
  151. <meta name="if:Show Link Two" content="1" />
  152. <meta name="if:Show Link Three" content="1" />
  153. <meta name="if:Show Link Four" content="1" />
  154. <meta name="if:Show Link Five" content="1" />
  155.  
  156. <meta name="if:Show Instagram" content="1" />
  157. <meta name="if:Show Facebook" content="1" />
  158. <meta name="if:Show Twitter" content="1" />
  159. <meta name="if:Show Deviantart" content="1" />
  160. <meta name="if:Show Flickr" content="1" />
  161.  
  162. <meta name="text:Title One" content="About">
  163. <meta name="text:Title Two" content="Navigation">
  164. <meta name="text:Link One Title" content="Link one"/>
  165. <meta name="text:Link One url" content="Link One url"/>
  166. <meta name="text:Link Two Title" content="Link two"/>
  167. <meta name="text:Link Two url" content="Link Two url"/>
  168. <meta name="text:Link Three Title" content="Link three"/>
  169. <meta name="text:Link Three url" content="Link Three url"/>
  170. <meta name="text:Link Four Title" content="Link four"/>
  171. <meta name="text:Link Four url" content="Link Four url"/>
  172. <meta name="text:Link Five Title" content="Link five"/>
  173. <meta name="text:Link Five url" content="Link Five url"/>
  174. <meta name="text:Title Three" content="Updates">
  175. <meta name="text:Updates" content="Add text here" />
  176. <meta name="text:Title Four" content="Stats">
  177. <meta name="text:Stats" content="Add text here" />
  178. <meta name="text:Title Five" content="Social">
  179. <meta name="text:Instagram url" content="http://" />
  180. <meta name="text:Facebook url" content="http://" />
  181. <meta name="text:Twitter url" content="http://" />
  182. <meta name="text:Deviantart url" content="http://" />
  183. <meta name="text:Flickr url" content="http://" />
  184. <meta name="text:Title Six" content="Disclaimer">
  185. <meta name="text:Disclaimer" content="Add text here" />
  186. <meta name="text:Border radius" content="0px" />
  187. <meta name="text:Blog alias" content="blogalias"/>
  188. <meta name="text:Scroll to top image url" content="http://i63.tinypic.com/mcvijc.jpg"/>
  189. <meta name='text:Disqus Shortname' content='' />
  190.  
  191. </style>
  192. <style type="text/css">
  193.  
  194. /* ---------------------------- GENERAL ----------------------------- */
  195.  
  196. /* -------- BASICS ------- */
  197.  
  198. body {
  199. margin: 0;
  200. padding: 0;
  201. width: 100%;
  202. height: 100%;
  203. color: {color:text};
  204. font-family:{font:Body font};
  205. font-size: {font:Body font size};
  206. line-height: -moz-calc({font:Body font size} + 5px);
  207. line-height: -webkit-calc({font:Body font size} + 5px);
  208. line-height: -o-calc({font:Body font size} + 5px);
  209. line-height: calc({font:Body font size} + 5px);
  210. background-color: {color:Background};
  211. background-image:url({image:Background});
  212. background-attachment: fixed;
  213. background-repeat: repeat;
  214. word-wrap:break-word;
  215. }
  216.  
  217.  
  218. /* Tumblr lightbox */
  219.  
  220. .tmblr-lightbox {background:rgba({RGBcolor:Background}, .95)!important;}
  221.  
  222. .tmblr-lightbox img {opacity:0;}
  223.  
  224. .lightbox-caption {
  225. color:{color:Title}!important;
  226. font-family:inherit!important;
  227. font-size:1em!important;
  228. font-weight:normal!important;
  229. text-shadow:none!important;
  230. }
  231.  
  232. .lightbox-image {
  233. -moz-box-shadow:none!important;
  234. -webkit-box-shadow:none!important;
  235. box-shadow:none!important;
  236. -moz-border-radius:0px!important;
  237. -webkit-border-radius:0px!important;
  238. border-radius:0px!important;
  239. padding:0px!important;
  240. border:0!important;
  241. opacity:1!important;
  242. }
  243.  
  244. .vignette {opacity:0!Important;}
  245.  
  246. /* Webkit scrollbar */
  247.  
  248. ::-webkit-scrollbar {
  249. width: 9px;
  250. height: 0px;
  251. }
  252.  
  253. ::-webkit-scrollbar-button:start:decrement,
  254. ::-webkit-scrollbar-button:end:increment {
  255. height: 0px;
  256. display: block;
  257. background-color: {color:Scrollbar background};
  258. border-bottom-right-radius:30px;
  259. }
  260.  
  261. ::-webkit-scrollbar-track-piece {
  262. background-color: {color:Scrollbar background};
  263. }
  264.  
  265. ::-webkit-scrollbar-thumb:vertical {
  266. height: 0px;
  267. background-color: {color:Scrollbar};
  268. border: 4px solid {color:Scrollbar background};
  269. }
  270.  
  271. /* Selection */
  272.  
  273. ::-moz-selection {
  274. background: {color:Hover};
  275. color: {color:Background};
  276. }
  277.  
  278. ::selection {
  279. background: {color:Hover};
  280. color: {color:Background};
  281. }
  282.  
  283. /* Tumblr controls */
  284.  
  285. iframe.tmblr-iframe {
  286. top:0px!important;
  287. right:35px!important;
  288. {block:ifInvertedControls}
  289. filter:invert(100%) hue-rotate(180deg);
  290. -webkit-filter:invert(100%) hue-rotate(180deg);
  291. -moz-filter:invert(100%) hue-rotate(180deg);
  292. -o-filter:invert(100%) hue-rotate(180deg);
  293. -ms-filter:invert(100%) hue-rotate(180deg);
  294. {/block:ifInvertedControls}
  295. transform:scale(0.8);
  296. transform-origin:100% 0;
  297. -webkit-transform:scale(0.8);
  298. -webkit-transform-origin:100% 0;
  299. -o-transform:scale(0.8);
  300. -o-transform-origin:100% 0;
  301. -moz-transform:scale(0.8);
  302. -moz-transform-origin:100% 0;
  303. -ms-transform:scale(0.8);
  304. -ms-transform-origin:100% 0;
  305. z-index:100000!important;
  306. }
  307.  
  308. iframe.tmblr-iframe:hover {
  309. opacity:0.7!important;
  310. }
  311.  
  312. /* Tooltips */
  313.  
  314. .ui-tooltip {
  315. position:absolute;
  316. z-index:9999;
  317. padding-top:10px;
  318. }
  319.  
  320. .ui-tooltip-content {
  321. background:{color:Background};
  322. padding:0 4px;
  323. font-style:italic;
  324. color:{color:Link};
  325. text-transform:lowercase;
  326. border:1px solid {color:Borders};
  327. }
  328.  
  329. img {
  330. opacity:1;
  331. border:0;
  332. text-decoration:none;
  333. max-width:100%;
  334. height:auto;
  335. display:block;
  336. }
  337.  
  338. /* Image style */
  339.  
  340. {block:IfFadedImages}
  341. img {
  342. -webkit-transition: opacity 0.8s linear;
  343. -moz-transition: opacity 0.8s linear;
  344. -o-transition: opacity 0.8s linear;
  345. -ms-transition: opacity 0.8s linear;
  346. opacity: 0.60;
  347. }
  348.  
  349. img:hover {
  350. -webkit-transition: opacity 0.8s linear;
  351. -moz-transition: opacity 0.8s linear;
  352. -o-transition: opacity 0.8s linear;
  353. -ms-transition: opacity 0.8s linear;
  354. opacity: 1;
  355. }
  356. {/block:IfFadedImages}
  357.  
  358. {block:IfMonochromeImages}
  359. img {
  360. -webkit-filter: grayscale(1);
  361. -webkit-transition: all 0.5s ease-in-out;
  362. -moz-transition: all 0.5s ease-in-out;
  363. -o-transition: all 0.5s ease-in-out;
  364. -ms-transition: all 0.5s ease-in-out;
  365. transition: all 0.5s ease-in-out;
  366. }
  367.  
  368. img:hover {
  369. filter: none;
  370. -webkit-filter: grayscale(0);
  371. -webkit-transition: all 0.3s ease-in-out;
  372. -moz-transition: all 0.3s ease-in-out;
  373. -o-transition: all 0.3s ease-in-out;
  374. }
  375. {/block:IfMonochromeImages}
  376.  
  377. blockquote {
  378. padding:.25em 0 .25em 15px;
  379. margin:.5em 0;
  380. border-left:1px solid {color:Borders};
  381. }
  382.  
  383. pre {
  384. padding:0;
  385. margin:0;
  386. line-height:inherit!important;
  387. background:transparent;
  388. font-family:inherit!Important;
  389. font-size:inherit!important;
  390. white-space:pre-wrap;
  391. white-space:-moz-pre-wrap;
  392. white-space:-pre-wrap;
  393. white-space:-o-pre-wrap;
  394. word-wrap:break-word;
  395. }
  396.  
  397. /* Fix */
  398.  
  399. iframe, img, embed, object, video {
  400. max-width: 100%;
  401. border: none;
  402. }
  403.  
  404. input, textarea, select, a { outline: none; }
  405.  
  406. /* Headings */
  407.  
  408. h1, h2, h3, h4 {
  409. margin:1.5em 0;
  410. font-size:1.5em;
  411. padding:0;
  412. color:{color:Title};
  413. font-weight:bold;
  414. }
  415.  
  416. h1 {
  417. font-size:{select:Title font size};
  418. }
  419.  
  420. .entry h1:first-child, .entry h2:first-child, .entry h3:first-child, .entry h4:first-child {margin-top:0;}
  421.  
  422. /* Paragraph */
  423.  
  424. p { margin:5px 0px;}
  425.  
  426. p:first-of-type { margin-top:0;}
  427.  
  428. p:last-of-type { margin-bottom:0;}
  429.  
  430. small, big, sub, pre {
  431. font-size:1em!important;
  432. line-height:1.4em!important;
  433. vertical-align:baseline!important;
  434. }
  435.  
  436. /* Bold and italic */
  437.  
  438. b, strong, b a, strong a {
  439. font-weight:bold!important;
  440. color: {color:Bold};
  441. }
  442.  
  443. i, em {
  444. color: {color:Italic};
  445. }
  446.  
  447. /* Links */
  448.  
  449. a {
  450. color:{color:Link};
  451. text-decoration:none;
  452. transition:all .3s linear;
  453. -webkit-transition:all .3s linear;
  454. -o-transition:all .3s linear;
  455. -moz-transition:all .3s linear;
  456. }
  457.  
  458. a, a img {cursor:pointer;}
  459.  
  460. a:hover {
  461. color:{color:Hover}!important;
  462. text-decoration:none;
  463. }
  464.  
  465. ul, ol, li {
  466. margin: 5px 10px;
  467. padding: 0px;
  468. }
  469.  
  470. /* Line break */
  471.  
  472. hr {
  473. border:none;
  474. box-shadow:0;
  475. margin:2em auto;
  476. width:75px;
  477. border-top:1px solid {color:Borders};
  478. }
  479.  
  480. /*-- CREDIT --*/
  481.  
  482. #credit {
  483. position:fixed;
  484. top:9px;
  485. right:10px;
  486. width:25px;
  487. height:25px;
  488. z-index: 100000;
  489. }
  490.  
  491. #credit img{
  492. border: 1px solid {color:Borders};
  493. }
  494.  
  495. #credit img:hover{
  496. border: 1px solid {color:Hover};
  497. }
  498.  
  499. /* ----------------------------- CONTAINER ---------------------------*/
  500.  
  501. #container {
  502. margin-top:5px;
  503. margin-left:auto;
  504. margin-right:auto;
  505. width:920px;
  506. height:500px;
  507. z-index:100!important;
  508. }
  509.  
  510. /* -------- HEADER ------- */
  511.  
  512. #header{
  513. margin-top:0px;
  514. margin-left:58px;
  515. width:855px;
  516. height:200px;
  517. background:url('https://i.imgur.com/kWJw90L.png');
  518. {block:ifBlueHeader}
  519. background:url('https://i.imgur.com/o8al6ex.png');
  520. {/block:ifBlueHeader}
  521. background-repeat:no-repeat;
  522. z-index:100;
  523. {block:ifSidebarRight}
  524. margin-left:0px;
  525. {/block:ifSidebarRight}
  526. }
  527.  
  528. /* Blog title */
  529.  
  530. #blogtitle{
  531. position:absolute;
  532. margin-left:70px;
  533. margin-top:60px;
  534. height:40px;
  535. width:300px;
  536. font-size:25px;
  537. letter-spacing:2px;
  538. line-height:40px;
  539. font-family:{select:Title Font};
  540. color:{color:Blog title};
  541. text-shadow: 1px 0px {color:Borders},
  542. }
  543.  
  544. #blogtitle:hover{
  545. color: {color:Hover};
  546. -webkit-transition: opacity .3s linear;
  547. -webkit-transition: all .3s ease-in-out;
  548. -moz-transition: all .3s ease-in-out;
  549. -o-transition: all .3s ease-in-out;
  550. }
  551.  
  552. /* Search box */
  553.  
  554. #searchbox{
  555. position:absolute;
  556. margin-top:74px;
  557. margin-left:600px;
  558. width:178px;
  559. height:28px;
  560. z-index:1000;
  561. }
  562.  
  563. input:focus::-webkit-input-placeholder {color: transparent;}
  564. input:focus:-moz-placeholder {color: transparent;}
  565. input:focus::-moz-placeholder {color: transparent;}
  566. input:focus:-ms-input-placeholder { color: transparent;}
  567.  
  568. .requiro input{
  569. outline:none;
  570. border:0;
  571. width:100%;
  572. margin:0;
  573. padding:0;
  574. background:transparent;
  575. }
  576.  
  577. .requiro{
  578. width:160px;
  579. padding:5px;
  580. padding-left:10px;
  581. background:{color:Search box background};
  582. border:1px solid {color:Borders};
  583. border-top-left-radius:15px;
  584. border-bottom-right-radius:15px;
  585. }
  586.  
  587. .requiro input[type=text]{
  588. color: {color:Search};}
  589. input::-webkit-input-placeholder{
  590. color: {color:Search};}
  591. input::-moz-placeholder{
  592. color: {color:Search};}
  593. input:-moz-placeholder{
  594. color: {color:Search};}
  595. input:-ms-input-placeholder{
  596. color: {color:Search};}
  597.  
  598. /* Menu */
  599.  
  600. #menu {
  601. position:absolute;
  602. top:120px;
  603. margin-left:50px;
  604. height:58px;
  605. width:750px;
  606. text-align:center;
  607. z-index:10000;
  608. }
  609.  
  610. #menu a {
  611. display:inline-block;
  612. margin-top:0px;
  613. margin-left:-4px;
  614. width:80px!important;
  615. height:37px;
  616. padding:10px;
  617. font-size:17px;
  618. line-height:37px;
  619. text-align:center;
  620. color:{color:Main link};
  621. font-family: {select:Title font};
  622. border-left:3px solid #d96261;
  623. {block:ifBlueHeader}
  624. border-left:3px solid #4eace5;
  625. {/block:ifBlueHeader}
  626. }
  627.  
  628. #menu a:first-child {
  629. border-left:3px solid transparent;
  630. }
  631.  
  632. #menu a:hover{
  633. background: #d96261;
  634. {block:ifBlueHeader}
  635. background: #4eace5;
  636. {/block:ifBlueHeader}
  637. -webkit-transition: all .7s ease;
  638. -moz-transition: all .7s ease;
  639. -o-transition: all .7s ease;
  640. transition: all .7s ease;
  641. }
  642.  
  643. /* -------- SIDEBAR ------- */
  644.  
  645. #sidebar{
  646. position:absolute; !important;
  647. margin-top:200px;
  648. margin-left:0px;
  649. width:143px;
  650. height:auto;
  651. padding:10px;
  652. padding-top:0;
  653. border-radius:20px;
  654. border:5px solid {color:Sidebar border};
  655. color:{color:Sidebar text};
  656. background-color:{color:Sidebar background};
  657. background-image:url({image:Sidebar background});
  658. z-index:100;
  659. {block:ifSidebarRight}
  660. margin-left:720px;
  661. {/block:ifSidebarRight}
  662. }
  663.  
  664. /* Avatar */
  665.  
  666. #avatar {
  667. position:absolute;
  668. margin:-170px 0px;
  669. width:142px;
  670. height:148px;
  671. background:url('https://i.imgur.com/kf51ivo.png');
  672. {block:ifBlueAvatar}
  673. background:url('https://i.imgur.com/f3TvvmM.png');
  674. {/block:ifBlueAvatar}
  675. border-radius:110px;
  676. }
  677.  
  678. #avatar img {
  679. margin-top:26px;
  680. margin-left:18px;
  681. width:105px;
  682. height:105px;
  683. border-radius:110px;}
  684.  
  685. #avatar:hover {
  686. transition: all .7s ease;
  687. -ms-transform: rotate(360deg);
  688. -webkit-transform: rotate(360deg);
  689. transform: rotate(360deg);
  690. }
  691.  
  692. /* Sidebar titles */
  693.  
  694. .sidebartitle {
  695. margin-top:10px;
  696. margin-left:-10px;
  697. height:44px;
  698. width:160px;
  699. padding-right:40px;
  700. font-size:15px;
  701. line-height:46px;
  702. text-align:right;
  703. font-family:{select:Title Font};
  704. color:{color:Sidebar title};
  705. background:url('https://i.imgur.com/Ld4Agwg.png');
  706. {block:ifBlueRibbons}
  707. background:url('https://i.imgur.com/B47vlj8.png');
  708. {/block:ifBlueRibbons}
  709. }
  710.  
  711. .sidebartitle:hover {
  712. color: {color:Hover};
  713. }
  714.  
  715. /* Description */
  716.  
  717. .description {
  718. margin-top:10px;
  719. margin-left:0px;
  720. width:140px;
  721. height:auto;
  722. font-size:12px;
  723. line-height:17px;
  724. text-align:justify;
  725. }
  726.  
  727. .description:first-letter {
  728. float:left;
  729. margin-right: 10px;
  730. margin-bottom: 2px;
  731. padding:7px 5px;
  732. color:{color:Link};
  733. background:{color:Link background};
  734. font-size: 30px;
  735. font-family:{select:Title Font};
  736. }
  737.  
  738. /* Navigation */
  739.  
  740. .navigation{
  741. margin-top:10px;
  742. margin-bottom:10px;
  743. margin-left:0px;
  744. width:140px;
  745. height:auto;
  746. }
  747.  
  748. .navigation a{
  749. display:block;
  750. margin-top:5px;
  751. margin-left:3px;
  752. width:128px;
  753. height:20px;
  754. padding:2px 5px;
  755. padding-left:0px;
  756. font-size:12px;
  757. line-height:20px;
  758. text-align:left;
  759. border:1px solid {color:Sidebar border};
  760. border-radius:4px;
  761. }
  762.  
  763. .navigation b{
  764. margin-right:2px;
  765. padding:5px;
  766. color:{color:Sidebar background};
  767. background: {color:Sidebar border};
  768. }
  769.  
  770. .navigation a:hover{
  771. color:{color:Hover};
  772. border:1px solid {color:Sidebar border};
  773. -webkit-transition: all .7s ease;
  774. -moz-transition: all .7s ease;
  775. -o-transition: all .7s ease;
  776. transition: all .7s ease;
  777. }
  778.  
  779. /* Updates */
  780.  
  781. .updates{
  782. margin-top:10px;
  783. margin-left:2px;
  784. width:136px;
  785. height:auto;
  786. line-height:25px;
  787. text-align:center;
  788. }
  789.  
  790. .updates b{
  791. color: {color:Sidebar border};
  792. padding:2px 4px;
  793. border:1px solid {color:Sidebar border};
  794. border-radius:4px;
  795. }
  796.  
  797. /* Stats */
  798.  
  799. .stats{
  800. margin-top:10px;
  801. margin-left:2px;
  802. width:136px;
  803. height:auto;
  804. text-align:center;
  805. }
  806.  
  807. .stats a{
  808. padding-left:5px;
  809. padding-right:5px;
  810. border:1px solid {color:Borders};
  811. }
  812.  
  813. .stats b{
  814. color: {color:Sidebar border};
  815. }
  816.  
  817. /* Social icons */
  818.  
  819. .social{
  820. margin-top:10px;
  821. margin-left:0px;
  822. width:140px;
  823. height:auto;
  824. text-align:center;
  825. }
  826.  
  827. .social i{
  828. margin:5px;
  829. font-size:15px;
  830. }
  831.  
  832. /* Disclaimer */
  833.  
  834. .disclaimer{
  835. margin-top:10px;
  836. margin-left:2px;
  837. width:136px;
  838. height:auto;
  839. text-align:left;
  840. }
  841.  
  842. /* ----------------------- POSTS AND ENTRIES ----------------------------- */
  843.  
  844. #postcon{
  845. margin-top:-26px;
  846. margin-left:130px;
  847. width:700px;
  848. height:auto;
  849. min-height:1000px;
  850. background-color:{color:Container background};
  851. background-image:url({image:Container background});
  852. background-attachment: fixed;
  853. background-repeat: repeat;
  854. border:5px solid {color:Sidebar border};
  855. border-top:none;
  856. -webkit-box-shadow: 0px 7px 0px 7px rgba(0,0,0,0.25);
  857. -moz-box-shadow: 0px 7px 0px 7px rgba(0,0,0,0.25);
  858. box-shadow: 0px 7px 0px 7px rgba(0,0,0,0.25);
  859. {block:ifSidebarRight}
  860. margin-left:72px;
  861. {/block:ifSidebarRight}
  862. }
  863.  
  864. #posts {
  865. margin-top:0px;
  866. margin-left:auto;
  867. margin-right:auto;
  868. padding-top:15px;
  869. width:calc({select:Post width}px + 40px)!important;
  870. padding-left:40px;
  871. padding-right:40px;
  872. overflow:hidden;
  873. z-index:1000;
  874. }
  875.  
  876. .entry {
  877. display: inline-block;
  878. float: left;
  879. margin: 18px;
  880. width: {select:Post width}px;
  881. height:auto;
  882. background:rgba({select:Post transparency color}, {select:Transparency});
  883. overflow: hidden;
  884. border: 1px solid {color:Borders};
  885. border-radius:{text:Border radius};
  886. }
  887.  
  888. .entry img { max-width: 100%; }
  889.  
  890. .content {
  891. padding: 10px;
  892. }
  893.  
  894. /*--------------------------- RESPONSIVE DESIGN ---------------------------*/
  895.  
  896. @media only screen and (max-width: 750px) {
  897.  
  898.  
  899. }
  900. /* End media screen 750 */
  901.  
  902.  
  903. @media only screen and (max-width: 520px) {
  904.  
  905.  
  906.  
  907. }
  908. /* End media screen 520 */
  909.  
  910.  
  911. /* Caption */
  912.  
  913. .comment {
  914. padding:0px 10px;
  915. list-style:none;
  916. }
  917.  
  918. .comment:last-of-type { padding-bottom:0!important;}
  919.  
  920. .user {
  921. display:inline-block;
  922. line-height:1em;
  923. margin-bottom:.75em;
  924. }
  925.  
  926. .captioned .comment:first-of-type { margin-top:2em;}
  927.  
  928. /* -------- POSTS STYLES ------- */
  929.  
  930. /* Titles */
  931.  
  932. .title {
  933. margin:10px;
  934. margin-top:0px;
  935. color:{color:Title};
  936. font-family:{select:Title font};
  937. font-size:{select:Title font size};
  938. line-height: -moz-calc({select:Title font size} + 3px);
  939. line-height: -webkit-calc({select:Title font size} + 3px);
  940. line-height: -o-calc({select:Title font size} + 3px);
  941. line-height: calc({select:Title font size} + 3px);
  942. }
  943.  
  944. .title a { color:{color:Title}; }
  945.  
  946. .title a:hover { color:{color:L ink}; }
  947.  
  948. .tex li, .tex blockquote {text-align:left; }
  949.  
  950. /* Quote posts */
  951.  
  952. .quote {
  953. margin: 10px;
  954. padding: 5px;
  955. font-family: {select:Title font};
  956. font-size: {select:Title font size};
  957. line-height: -moz-calc({select:Title font size} + 3px);
  958. line-height: -webkit-calc({select:Title font size} + 3px);
  959. line-height: -o-calc({select:Title font size} + 3px);
  960. line-height: calc({select:Title font size} + 3px);
  961. color: {color:Italic};
  962. text-align: left;
  963. letter-spacing: 2px;
  964. }
  965.  
  966. .source {
  967. font-size: 12px;
  968. line-height: 20px;
  969. }
  970.  
  971. /* Link posts */
  972.  
  973. .linkthumb img {
  974. width:100%;
  975. }
  976.  
  977. .linkp {
  978. background: {color:Link post background};
  979. padding:10px;
  980. }
  981.  
  982. .linkp i {
  983. color: {color:Title};
  984. }
  985.  
  986. /* Chat posts */
  987.  
  988. .line {
  989. margin: 5px 15px;
  990. line-height: 18px;
  991. }
  992.  
  993. /* Ask Posts */
  994.  
  995. .asker {
  996. margin: 5px;
  997. width: -moz-calc(100% - 10px);
  998. width: -webkit-calc(100% - 10px);
  999. width: -o-calc(100% - 10px);
  1000. width: calc(100% - 10px);
  1001. height: auto;
  1002. }
  1003.  
  1004. .bubble {
  1005. width: -moz-calc(100% - 70px);
  1006. width: -webkit-calc(100% - 70px);
  1007. width: -o-calc(100% - 70px);
  1008. width: calc(100% - 70px);
  1009. height: auto;
  1010. min-height: 35px;
  1011. padding: 10px;
  1012. line-height: 20px;
  1013. background: {color:Ask bubble};
  1014. z-index: 10;
  1015. }
  1016.  
  1017. .triangle {
  1018. position: absolute;
  1019. margin-left: -moz-calc(100% - 90px);
  1020. margin-left: -webkit-calc(100% - 90px);
  1021. margin-left: -o-calc(100% - 90px);
  1022. margin-left: calc(100% - 90px);
  1023. width: 0;
  1024. z-index:0;
  1025. border-left: 8px solid {color:Ask bubble};
  1026. border-bottom: 8px solid transparent;
  1027. border-top: 8px solid transparent;
  1028. }
  1029.  
  1030. .asker img {
  1031. float: right;
  1032. margin-right: 0px;
  1033. max-width: 30px;
  1034. border: 1.5px solid {color:Ask bubble};
  1035. border-radius: 2px;
  1036. z-index:1000;
  1037. opacity:1;
  1038. }
  1039.  
  1040. .answer {
  1041. margin: 10px 15px;
  1042. margin-bottom: 0;
  1043. }
  1044.  
  1045. /* ----------------------- POST INFO ----------------------------- */
  1046.  
  1047. .topinfo {
  1048. margin:0px;
  1049. width: -moz-calc(100% - 30px);
  1050. width: -webkit-calc(100% - 30px);
  1051. width: -o-calc(100% - 30px);
  1052. width: calc(100% - 30px);
  1053. height: 10px;
  1054. padding: 15px;
  1055. line-height: 15px;
  1056. background:rgba({select:Post info transparency color}, {select:Transparency});
  1057. }
  1058.  
  1059. .topinfourl {
  1060. margin:0;
  1061. font-size: 12px;
  1062. }
  1063.  
  1064. /* Date */
  1065.  
  1066. .topinfod {
  1067. float: right;
  1068. margin-top:-15px;
  1069. font-size:12px;
  1070. }
  1071.  
  1072. /* Bottom info */
  1073.  
  1074. .botinfo {
  1075. width: -moz-calc(100% - 30px);
  1076. width: -webkit-calc(100% - 30px);
  1077. width: -o-calc(100% - 30px);
  1078. width: calc(100% - 30px);
  1079. height:auto;
  1080. min-height: 50px;
  1081. margin: 0px;
  1082. padding: 15px;
  1083. padding-top: 10px;
  1084. padding-bottom: 10px;
  1085. font-size: 12px;
  1086. line-height: 25px;
  1087. color: {color:Text};
  1088. background:rgba({select:Post info transparency color}, {select:Transparency});
  1089. overflow:hidden;
  1090. }
  1091.  
  1092. .botinfo a {
  1093. margin-right: 25px;
  1094. color: {color:Link};
  1095. }
  1096.  
  1097. .tags {
  1098. {block:IndexPage}
  1099. {block:ifNotShowTags}
  1100. display: none;
  1101. {/block:ifNotShowTags}
  1102. {/block:IndexPage}
  1103. }
  1104.  
  1105. .notec {
  1106. float: left;
  1107. }
  1108.  
  1109. /* Butttons */
  1110.  
  1111. .buttons {
  1112. float:right;
  1113. margin-top:0px;
  1114. margin-right:-5px;
  1115. width:77px;
  1116. height:26px;
  1117. line-height:26px;
  1118. z-index:100;
  1119. list-style:none;
  1120. {block:ifDisqusShortname}
  1121. width: 103px;
  1122. {/block:ifDisqusShortname}
  1123. {block:PermalinkPage}
  1124. width:52px;
  1125. {/block:PermalinkPage}
  1126. }
  1127.  
  1128. .buttons li {
  1129. display:inline-block;
  1130. margin:0;
  1131. margin-left:2px;
  1132. margin-right:0;
  1133. width:20px;
  1134. height:26px;
  1135. padding:0px;
  1136. text-align:center;
  1137. }
  1138.  
  1139. .perma i {
  1140. font-size:13px;
  1141. color:{color:Buttons};
  1142. }
  1143.  
  1144. .cmnt i {
  1145. font-size:15px;
  1146. color:{color:Buttons};
  1147. }
  1148.  
  1149. .reblog i {
  1150. font-size:17px;
  1151. color:{color:Buttons};
  1152. }
  1153.  
  1154. .like .like_button {
  1155. position:absolute;
  1156. width:100%;
  1157. height:100%;
  1158. }
  1159.  
  1160. .like .like_button iframe {
  1161. position:absolute;
  1162. top:0;
  1163. bottom:0;
  1164. left:0;
  1165. right:0;
  1166. width:100%;
  1167. height:100%;
  1168. z-index:10;
  1169. opacity:0.0000001;
  1170. }
  1171.  
  1172. .like i {
  1173. font-size:15px;
  1174. color:{color:Buttons};
  1175. }
  1176.  
  1177. .like .liked + i {
  1178. font-size:14px;
  1179. color:#D95E40;
  1180. }
  1181.  
  1182.  
  1183. /* Permalink pagination */
  1184.  
  1185. .permapag {
  1186. margin-top: 15px;
  1187. margin-left: 0px;
  1188. }
  1189.  
  1190. .permapag a{
  1191. font-size: 15px;
  1192. margin:10px;
  1193. margin-top: 20px;
  1194. padding:5px;
  1195. color:{color:Link};
  1196. }
  1197.  
  1198. /* Show/hide */
  1199.  
  1200. .clickme {
  1201. margin: 10px;
  1202. width: 130px;
  1203. color: {color:Link};
  1204. text-align: left;
  1205. cursor: pointer;
  1206. padding: 5px 10px;
  1207. border-bottom: 1.5px solid {color:Borders};
  1208. }
  1209.  
  1210. .clickme:hover {
  1211. color: {color:Hover};
  1212. background:{color:Post info background};
  1213. }
  1214.  
  1215. /* Post notes */
  1216.  
  1217. #notes {
  1218. margin: 10px;
  1219. width: 500px;
  1220. font-size: 12px;
  1221. color: {color:Text};
  1222. display:none;
  1223. }
  1224.  
  1225. ol.notes {
  1226. padding: 0px;
  1227. margin: 5px 0px;
  1228. list-style-type: none;
  1229. }
  1230.  
  1231. ol.notes li.note {
  1232. padding: 5px;
  1233. }
  1234.  
  1235. ol.notes li.note img.avatar {
  1236. float:left;
  1237. vertical-align: -5px;
  1238. width: 15px;
  1239. height: 15px;
  1240. margin-left:10px;
  1241. margin-right:10px;
  1242. }
  1243.  
  1244. li.more_notes_link_container {
  1245. text-transform: uppercase;
  1246. font-size: 12px;
  1247. }
  1248.  
  1249. /* Disqus box */
  1250.  
  1251. #disqusbox {
  1252. padding:15px;
  1253. }
  1254.  
  1255. /* ------------------- PAGINATION AND INFINITE SCROLL -------------------- */
  1256.  
  1257. #pagcon {
  1258. margin:15px auto;
  1259. width:calc({select:Post width}px + 40px)!important;
  1260. height:60px;
  1261. text-align: center;
  1262. z-index:100;
  1263. }
  1264.  
  1265. /* Pagination */
  1266.  
  1267. #pagination {
  1268. width: 100%;
  1269. height: 35px;
  1270. z-index:10000;
  1271. {block:ifInfiniteScroll}
  1272. display: none;
  1273. {/block:ifInfiniteScroll}
  1274. }
  1275.  
  1276. .previous, .next, .load-more{
  1277. display:inline;
  1278. margin-left:10px;
  1279. width:100px;
  1280. height:20px;
  1281. padding:8px 10px;
  1282. font-size:12px;
  1283. line-height:22px;
  1284. text-align:center;
  1285. color:{color:Pagination};
  1286. background:{color:Sidebar background};
  1287. border-radius:{text:Border radius};
  1288. -webkit-transition: all .3s ease;
  1289. -moz-transition: all .3s ease;
  1290. -o-transition: all .3s ease;
  1291. transition: all .3s ease;
  1292. {block:ifDisplayBoxShadow}
  1293. -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
  1294. -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
  1295. box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
  1296. {/block:ifDisplayBoxShadow}
  1297. }
  1298.  
  1299. .previous:hover, .next:hover, .load-more:hover{
  1300. color:{color:Hover};
  1301. }
  1302.  
  1303. .previous i, .next i, .load-more i{
  1304. color:{color:Hover};
  1305. font-size:15px;
  1306. margin:10px;
  1307. text-decoration:none;
  1308. }
  1309.  
  1310. .previous:hover i, .next:hover i, .load-more:hover i{
  1311. color:{color:Hover};
  1312. }
  1313.  
  1314. /* INFINITE SCROLL */
  1315.  
  1316. #infscr-loading {
  1317. display:none!important;
  1318. }
  1319.  
  1320. #iscon{
  1321. width: 100%;
  1322. height: 35px;
  1323. z-index:10000;
  1324. }
  1325.  
  1326. {block:ifLoadMore}
  1327. .load-more{
  1328. width:400px;
  1329. height:35px;
  1330. }
  1331. {/block:ifLoadMore}
  1332.  
  1333. /* --------------------------- Custom CSS -------------------------- */
  1334.  
  1335. {CustomCSS}
  1336.  
  1337. </style>
  1338.  
  1339. <meta charset="utf-8">
  1340. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1341. {block:Description}
  1342. <meta name="description" content="{MetaDescription}" />
  1343. {/block:Description}
  1344.  
  1345. </head>
  1346.  
  1347. <!------------------------------ HTML ------------------------------->
  1348.  
  1349. <body>
  1350.  
  1351. <div id="container">
  1352.  
  1353. <div id="header">
  1354.  
  1355. <div id="blogtitle">{Title}</div>
  1356.  
  1357. {block:ifShowSearchBox}
  1358. <div id="searchbox">
  1359. <form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="🔍 Search..." value=""/></form>
  1360. </div>
  1361. {/block:ifShowSearchBox}
  1362.  
  1363. <div id="menu">
  1364. <a href="/" title="Index"> Index </a>
  1365. {block:ifAskEnabled}
  1366. <a href="/ask"> Ask </a>
  1367. {/block:ifAskEnabled}
  1368. {block:ifSubmissionsEnabled}
  1369. <a href="/submit"> Submit </a>
  1370. {/block:ifSubmissionsEnabled}
  1371. {block:ifShowArchive}
  1372. <a href="/archive"> Archive </a>
  1373. {/block:ifShowArchive}
  1374. {block:ifShowRandomLink}
  1375. <a href="/random"> Random </a>
  1376. {/block:ifShowRandomLink}
  1377. </div>
  1378. <!--End menu-->
  1379.  
  1380. </div>
  1381. <!--End header-->
  1382.  
  1383. <div id="sidebar">
  1384.  
  1385. {block:ifShowAvatar}
  1386. <div id="avatar"><img src="{image:Avatar}"></div>
  1387. {/block:ifShowAvatar}
  1388.  
  1389. {block:ifShowDescription}
  1390. <div class="sidebartitle">{text:Title One}</div>
  1391. <div class="description">{Description}</div>
  1392. {/block:ifShowDescription}
  1393.  
  1394. {block:ifShowNavigation}
  1395. <div class="sidebartitle">{text:Title Two}</div>
  1396. <div class="navigation">
  1397. {block:IfShowLinkOne}
  1398. <a href="{text:Link One Url}"><b>01.</b> {text:Link One Title}</a>
  1399. {/block:IfShowLinkOne}
  1400. {block:IfShowLinkTwo}
  1401. <a href="{text:Link Two Url}"><b>02.</b>. {text:Link Two Title}</a>
  1402. {/block:IfShowLinkTwo}
  1403. {block:IfShowLinkThree}
  1404. <a href="{text:Link Three Url}"><b>03.</b> {text:Link Three Title}</a>
  1405. {/block:IfShowLinkThree}
  1406. {block:IfShowLinkFour}
  1407. <a href="{text:Link Four Url}"><b>04.</b> {text:Link Four Title}</a>
  1408. {/block:IfShowLinkFour}
  1409. {block:IfShowLinkFive}
  1410. <a href="{text:Link Five Url}"><b>05.</b> {text:Link Five Title}</a>
  1411. {/block:IfShowLinkFive}
  1412. </div>
  1413. {/block:ifShowNavigation}
  1414.  
  1415. {block:ifShowUpdates}
  1416. <div class="sidebartitle">{text:Title Three}</div>
  1417. <div class="updates">{text:Updates}</div>
  1418. {/block:ifShowUpdates}
  1419.  
  1420. {block:ifShowStats}
  1421. <div class="sidebartitle">{text:Title Four}</div>
  1422. <div class="stats">{text:Stats}</div>
  1423. {/block:ifShowStats}
  1424.  
  1425. {block:ifShowSocial}
  1426. <div class="sidebartitle">{text:Title Five}</div>
  1427. <div class="social">
  1428. {block:IfShowInstagram}<a href="{text:Instagram url}" title="instagram"><i class="fa fa-instagram"></i></a>{/block:IfShowInstagram}
  1429. {block:IfShowFacebook}<a href="{text:Facebook url}" target = "_blank" title="facebook"><i class="fa fa-facebook-square"></i></a>{/block:IfShowFacebook}
  1430. {block:IfShowTwitter}<a href="{text:Twitter url}" title="twitter"><i class="fa fa-twitter-square"></i></a>{/block:IfShowTwitter}
  1431. {block:IfShowFlickr}<a href="{text:Flickr url}" title="flickr"><i class="fa fa-flickr"></i></a>{/block:IfShowFlickr}
  1432. {block:IfShowDeviantart}<a href="{text:Deviantart url}" title="deviantart"><i class="fa fa-deviantart"></i></a>{/block:IfShowDeviantart}
  1433. </div>
  1434. {/block:ifShowSocial}
  1435.  
  1436. {block:ifShowDisclaimer}
  1437. <div class="sidebartitle">{text:Title Six}</div>
  1438. <div class="disclaimer">{text:Disclaimer}</div>
  1439. {/block:ifShowDisclaimer}
  1440.  
  1441. </div>
  1442. <!--End sidebar-->
  1443.  
  1444. <div id="postcon">
  1445.  
  1446. <!-- Posts -->
  1447. <section id="posts">
  1448.  
  1449. {block:posts}
  1450.  
  1451. <article class="entry {block:Caption}captioned{/block:Caption}">
  1452.  
  1453. {block:Date}
  1454.  
  1455. <div class="topinfo">
  1456.  
  1457. <div class="topinfourl">
  1458. {block:RebloggedFrom}
  1459. <a href="/"> {text:Blog alias}</a>
  1460. <i class="fa fa-retweet" aria-hidden="true"></i>
  1461. <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a>
  1462. {/block:RebloggedFrom}
  1463.  
  1464. {block:NotReblog}
  1465. <a href="/">{text:Blog alias}</a>
  1466. {/block:NotReblog}
  1467. </div>
  1468. <!-- End topinfourl-->
  1469.  
  1470. <div class="topinfod"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {ShortMonth} {DayOfMonthWithZero} </a></div>
  1471.  
  1472. </div>
  1473. <!-- End topinfo-->
  1474.  
  1475. {/block:Date}
  1476.  
  1477. <!-- Text post -->
  1478. {block:Text}
  1479. <div class="content">
  1480. {block:Title}
  1481. <div class="title">{Title}</div>{/block:Title}
  1482. {block:RebloggedFrom}
  1483. {block:Reblogs}
  1484. <li class="comment {block:Title}{/block:Title}">
  1485. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1486. <div class="tex">{body}</div>
  1487. </li>
  1488. {/block:Reblogs}
  1489. {/block:RebloggedFrom}
  1490. {block:NotReblog}
  1491. <li class="comment {block:Title}{/block:Title}">
  1492. <div class="tex">{body}</div>
  1493. </li>
  1494. {/block:NotReblog}
  1495. </div>
  1496. <!-- End content -->
  1497. {/block:Text}
  1498.  
  1499. <!-- Photo post -->
  1500. {block:Photo}
  1501. {block:IndexPage}
  1502. {LinkOpenTag}
  1503. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1504. {LinkCloseTag}
  1505. {/block:IndexPage}
  1506. {block:PermalinkPage}
  1507. {LinkOpenTag}
  1508. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1509. {LinkCloseTag}
  1510. {/block:PermalinkPage}
  1511. {/block:Photo}
  1512.  
  1513. <!-- Photoset post -->
  1514. {block:Photoset}
  1515. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1516. {/block:Photoset}
  1517.  
  1518. <!-- Quote post -->
  1519. {block:Quote}
  1520. <div class="content">
  1521. <div class="quote">
  1522. "{Quote}"
  1523. </div>
  1524. <!-- End quote-->
  1525. <div class="source">
  1526. — {Source}
  1527. </div>
  1528. <!-- End source-->
  1529. </div>
  1530. <!-- End content -->
  1531. {/block:Quote}
  1532.  
  1533. <!-- Link post -->
  1534. {block:Link}
  1535. {block:Thumbnail}
  1536. <div class="linkthumb">
  1537. <img src="{Thumbnail}" alt="{Name}">
  1538. </div>
  1539. <!-- End linkthumb-->
  1540. {/block:Thumbnail}
  1541. <div class="linkp">
  1542. <a href="{URL}"><h1>{Name} <i class="fa fa-angle-right" aria-hidden="true"></i></h1></a>
  1543. {block:Description}
  1544. {Description}
  1545. {/block:Description}
  1546. </div>
  1547. <!-- End linkp-->
  1548. {/block:Link}
  1549.  
  1550. <!-- Chat post -->
  1551. {block:Chat}
  1552. <div class="content">
  1553. {block:Title}<h1>{Title}</h1>{/block:Title}
  1554. {block:Lines}
  1555. <div class="line">
  1556. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1557. </div>
  1558. <!-- End line-->
  1559. {/block:Lines}
  1560. </div>
  1561. <!-- End content -->
  1562. {/block:Chat}
  1563.  
  1564. <!-- Audio post -->
  1565. {block:Audio}
  1566. <div style="height: 85px">{AudioEmbed-640}</div>
  1567. {/block:Audio}
  1568.  
  1569. <!-- Video post -->
  1570. {block:Video}
  1571. {Video-500}
  1572. {/block:Video}
  1573.  
  1574. <!-- Ask post -->
  1575. {block:Answer}
  1576. <div class="content">
  1577. <div class="asker">
  1578. <img src="{AskerPortraitURL-48}">
  1579. <div class="bubble">
  1580. <div class="triangle"></div>{Asker}:
  1581. <br>{Question}
  1582. </div>
  1583. <!-- End bubble-->
  1584. </div>
  1585. <!-- End asker -->
  1586. <div class="answer">
  1587. {Answer}
  1588. </div>
  1589. <!-- End answer -->
  1590. </div>
  1591. <!-- End content -->
  1592. {/block:Answer}
  1593.  
  1594. <!-- Caption -->
  1595. {block:Caption}
  1596. {block:Reblogs}
  1597. <li class="comment">
  1598. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} } class="user" target="_blank">{Username}</a>
  1599. <div class="tex">{Body}</div>
  1600. </li>
  1601. {/block:Reblogs}
  1602. {block:NotReblog}
  1603. <li class="comment">
  1604. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Name}</a>
  1605. <div class="tex">{caption}</div>
  1606. </li>
  1607. {/block:NotReblog}
  1608. {/block:Caption}
  1609.  
  1610. {block:Date}
  1611.  
  1612. <div class="botinfo">
  1613.  
  1614. {block:RebloggedFrom}
  1615. {block:ContentSource}
  1616. Source: <a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a><br>
  1617. {/block:ContentSource}
  1618. {/block:RebloggedFrom}
  1619.  
  1620. {block:HasTags}
  1621. <div class="tags">
  1622. {block:Tags}
  1623. <a href="{TagURL}">
  1624. #{Tag}</a> &nbsp;
  1625. {/block:Tags}<br>
  1626. </div>
  1627. {/block:HasTags}
  1628.  
  1629. {block:NoteCount}
  1630. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1631. {/block:NoteCount}
  1632.  
  1633. <div class="buttons">
  1634.  
  1635. {block:IndexPage}
  1636. <li class="perma"><a href="{Permalink}"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
  1637.  
  1638. {block:ifDisqusShortname}
  1639. <li class="cmnt"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>
  1640. {/block:ifDisqusShortname}
  1641. {/block:IndexPage}
  1642.  
  1643. <li class="reblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>
  1644.  
  1645. <li class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>
  1646.  
  1647. </div>
  1648. <!-- End buttons -->
  1649.  
  1650. </div>
  1651. <!-- End botinfo-->
  1652.  
  1653.  
  1654. <!--Permalink page-->
  1655. {block:PermalinkPage}
  1656.  
  1657. {block:PostNotes}
  1658.  
  1659. <div class="clickme">Show/hide post notes</div>
  1660.  
  1661. <div id="notes">
  1662. {PostNotes}
  1663. </div>
  1664. <!-- End notes-->
  1665. {/block:PostNotes}
  1666.  
  1667. {block:PermalinkPagination}
  1668. <div class="permapag">
  1669. <center>
  1670. {block:PreviousPost}
  1671. <a href="{PreviousPost}"><i class="fa fa-caret-left" aria-hidden="true"></i> Prev post</a>
  1672. {/block:PreviousPost}
  1673.  
  1674. {block:NextPost}
  1675. <a href="{NextPost}"> Next post <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  1676. {/block:NextPost}
  1677. </center>
  1678. </div><br>
  1679. {/block:PermalinkPagination}
  1680.  
  1681. {block:ifDisqusShortname}
  1682. <div id="disqusbox">
  1683.  
  1684. <div id="disqus_thread"></div>
  1685. <script type="text/javascript">
  1686. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1687. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1688. var disqus_url = '{Permalink}';
  1689.  
  1690. /* * * DON'T EDIT BELOW THIS LINE * * */
  1691. (function() {
  1692. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1693. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1694. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1695. })();
  1696. </script>
  1697. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1698. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1699.  
  1700. </div>
  1701. <!-- End disqus box-->
  1702. {/block:ifDisqusShortname}
  1703.  
  1704. {/block:PermalinkPage}
  1705.  
  1706. {/block:Date}
  1707.  
  1708. </article>
  1709.  
  1710. {/block:Posts}
  1711.  
  1712. </section>
  1713.  
  1714. {block:Pagination}
  1715.  
  1716. <div id="pagcon">
  1717.  
  1718. <div id="pagination">
  1719. {block:PreviousPage}
  1720. <a class="previous" href="{PreviousPage}"><i class="fa fa-caret-left" aria-hidden="true"></i> NEWER </a>
  1721. {/block:PreviousPage}
  1722.  
  1723. {block:NextPage}
  1724. <a class="next" href="{NextPage}"> OLDER <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  1725. {/block:NextPage}
  1726. </div>
  1727. <!--End pagination-->
  1728.  
  1729. <div id="iscon">
  1730. {block:ifLoadMore}
  1731.  
  1732. <a href="#" class="load-more"> LOAD MORE <i class="fa fa-caret-down" aria-hidden="true"></i></a>
  1733. {/block:ifLoadMore}
  1734. </div>
  1735. <!--End iscon-->
  1736.  
  1737. </div>
  1738. <!--End pagcon-->
  1739.  
  1740. {/block:Pagination}
  1741.  
  1742. </div>
  1743. <!--End postcon-->
  1744.  
  1745. </div>
  1746. <!-- End container -->
  1747.  
  1748. <!-------------------------------- SCRIPTS -------------------------------->
  1749.  
  1750. <!--Google fonts-->
  1751.  
  1752. <link href="https://fonts.googleapis.com/css?family=Cinzel|Pacifico|Poiret+One|Caveat|Leckerli+One" rel="stylesheet">
  1753.  
  1754. <!-- Font awesome -->
  1755.  
  1756. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1757.  
  1758. <!--Jquery-->
  1759.  
  1760. <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
  1761.  
  1762. <!--Sticky-->
  1763.  
  1764. {block:IndexPage}
  1765. <script type="text/javascript">
  1766. $(function(){
  1767. var stickyRibbonTop = $('#sticky').offset().top;
  1768. $(window).scroll(function(){
  1769. if( $(window).scrollTop() > stickyRibbonTop ) {
  1770.  
  1771. $('#menu').addClass("stickymenu");
  1772. } else {
  1773. $('#menu').removeClass("stickymenu");
  1774. }
  1775. });
  1776.  
  1777. });
  1778. </script>
  1779.  
  1780. <!-- PXU photoset & responsive photosets -->
  1781.  
  1782. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1783. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1784. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1785.  
  1786. {block:IndexPage}
  1787.  
  1788. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1789.  
  1790. {block:ifInfiniteScroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1791. {/block:ifInfiniteScroll}
  1792.  
  1793. {/block:IndexPage}
  1794.  
  1795. <script>
  1796. $(document).ready(function(){
  1797. $('.photo-slideshow').pxuPhotoset({
  1798. lightbox: true,
  1799. rounded: false,
  1800. gutter: '1px',
  1801. photoset: '.photo-slideshow',
  1802. photoWrap: '.photo-data',
  1803. photo: '.pxu-photo'
  1804. });
  1805. {block:IndexPage}
  1806. var $container = $('section');
  1807. $container.masonry({ itemSelector: 'article' });
  1808. $container.imagesLoaded(function(){
  1809. $container.masonry();
  1810. $container.find('article').animate({ opacity: 1, zIndex: 1 });
  1811. });
  1812. {block:ifInfiniteScroll}
  1813. $container.infinitescroll({
  1814. itemSelector: 'article',
  1815. navSelector: '.pagination',
  1816. nextSelector: '.next',
  1817. loadingImg: '',
  1818. loadingText: '<em></em>',
  1819. bufferPx: 2000
  1820. },
  1821. function( newElements ) {
  1822. var $newElems = $( newElements );
  1823. $newElems.find('.photo-slideshow').pxuPhotoset({
  1824. lightbox: true,
  1825. rounded: false,
  1826. gutter: '1px',
  1827. photoset: '.photo-slideshow',
  1828. photoWrap: '.photo-data',
  1829. photo: '.pxu-photo'
  1830. },
  1831. function(){
  1832. $container.masonry();
  1833. });
  1834. $newElems.imagesLoaded(function(){
  1835. $container.masonry( 'appended', $newElems );
  1836. $newElems.animate({ opacity: 1, zIndex: 1 });
  1837. });
  1838. });
  1839. {/block:ifInfiniteScroll}
  1840. $container.infinitescroll({
  1841. itemSelector: "article",
  1842. navSelector: "#pagination",
  1843. nextSelector: ".next",
  1844. loadingImg: "",
  1845. loadingText: "<em></em>",
  1846. bufferPx: 10000,
  1847. extraScrollPx: 12000,
  1848. errorCallback: function() {
  1849. $('.load-more').fadeOut();
  1850. }
  1851. }, function(newElements) {
  1852. var $newElems = $(newElements).css({
  1853. opacity: 0
  1854. });
  1855. $newElems.imagesLoaded(function() {
  1856. $newElems.animate({
  1857. opacity: 1
  1858. });
  1859. $container.masonry('appended', $newElems,
  1860. true);
  1861. });
  1862. });
  1863. {/block:IndexPage}
  1864. });
  1865. </script>
  1866.  
  1867. <!-- Show/Hide tumblr notes -->
  1868. <script>
  1869. $(document).ready(function(){
  1870. $(".clickme").click(function(){
  1871. $("#notes").toggle(500);
  1872. });
  1873. });
  1874. </script>
  1875.  
  1876. <!-- CREDIT (do not remove) -->
  1877.  
  1878. <div id="credit"><a href="http://borntobewildcodes.tumblr.com" title="PRETTY IN PINK/BLUE by @borntobewildcodes"><img src="https://i.imgur.com/YsnOAtA.png"></a></div>
  1879.  
  1880. {block:ContentSource}
  1881. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1882. width="{LogoWidth}" height= "{LogoHeight}" alt="{SourceTitle}" />
  1883. {/block:SourceLogo}
  1884. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1885. {/block:ContentSource}
  1886. </body>
  1887. </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!