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

- Bleach -

b0rn-to-be-wild
Jul 25th, 2016
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.74 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.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | "Bleach"
  7.  
  8. + Please do not redistribute this theme or remove credits.
  9. + You are allowed to make changes as long as you keep our credits.
  10. + If you have any questions or concerns, just contact us.
  11. + Thanks for using our theme! We hope that you enjoy it!
  12.  
  13. ---->
  14.  
  15. <html>
  16.  
  17. <head>
  18.  
  19. <!--Google fonts-->
  20.  
  21. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  30.  
  31. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  32.  
  33.  
  34. <meta name="image:Background" content="1"/>
  35. <meta name="image:Avatar" content="1"/>
  36. <meta name="image:Header background" content="1"/>
  37.  
  38. <meta name="color:Background" content="#fff"/>
  39. <meta name="color:Container background" content="#fff"/>
  40. <meta name="color:Menu background" content="#fff"/>
  41. <meta name="color:Blog Title" content="#333"/>
  42. <meta name="color:Main link" content="#333"/>
  43. <meta name="color:Main icon" content="#D4C3CB"/>
  44. <meta name="color:Header background" content="#eee"/>
  45. <meta name="color:Sidebar box background" content="#fff"/>
  46. <meta name="color:Sidebar link" content="#333"/>
  47. <meta name="color:Sidebar icon" content="#D4C3CB"/>
  48. <meta name="color:Footer background" content="#fff"/>
  49. <meta name="color:Footer text" content="#333"/>
  50. <meta name="color:Footer link" content="#BAD4DC"/>
  51. <meta name="color:Footer icon" content="#D4C3CB"/>
  52. <meta name="color:Post background" content="#fff"/>
  53. <meta name="color:Link" content="#BAD4DC"/>
  54. <meta name="color:Hover" content="#CCC"/>
  55. <meta name="color:Icon" content="#D4C3CB"/>
  56. <meta name="color:Text" content="#333"/>
  57. <meta name="color:Bold" content="#222"/>
  58. <meta name="color:Italic" content="#bbb"/>
  59. <meta name="color:Title" content="#333"/>
  60. <meta name="color:PLR buttons background" content="#333"/>
  61. <meta name="color:Borders" content="#eee"/>
  62. <meta name="color:Accent" content="#BAD4DC"/>
  63. <meta name="color:Scrollbar" content="#222"/>
  64.  
  65. <meta name="font:Body font" content="Helvetica"/>
  66. <meta name="select:Body font size" content="12px" title="12px">
  67. <meta name="select:Body font size" content="13px" title="13px">
  68. <meta name="select:Body font size" content="14px" title="14px">
  69. <meta name="select:Body font size" content="15px" title="15px">
  70. <meta name="select:Body font size" content="16px" title="16px">
  71.  
  72. <meta name="select:Title Font" content="Lato" title="Lato">
  73. <meta name="select:Title Font" content="Cinzel" title="Cinzel">
  74. <meta name="select:Title Font" content="Play" title="Play">
  75. <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
  76. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  77.  
  78. <meta name="select:Title Font size" content="18px" title="30px">
  79. <meta name="select:Title Font size" content="20px" title="32px">
  80. <meta name="select:Title Font size" content="22px" title="22px">
  81. <meta name="select:Title Font size" content="25px" title="25px">
  82. <meta name="select:Title Font size" content="27px" title="27px">
  83.  
  84. <meta name="if:Header Background Stretch" content="0"/>
  85. <meta name="if:Infinite Scroll" content="0"/>
  86. <meta name="if:Sidebar Right" content="0"/>
  87. <meta name="if:Show Search Box" content="1" />
  88. <meta name="if:Faded Images" content="0" />
  89. <meta name="if:Monochrome Images" content="0" />
  90. <meta name="if:Show Captions" content="1" />
  91. <meta name="if:Show Tags" content="1" />
  92.  
  93. <meta name="if:Show Link One" content="1" />
  94. <meta name="if:Show Link Two" content="1" />
  95. <meta name="if:Show Link Three" content="1" />
  96. <meta name="if:Show Link Four" content="1" />
  97. <meta name="if:Show Link Five" content="1" />
  98.  
  99. <meta name="text:Scroll to top image url" content="http://i63.tinypic.com/mcvijc.jpg"/>
  100. <meta name="text:Link 1" content="Link 1"/>
  101. <meta name="text:Link 2" content="Link 2"/>
  102. <meta name="text:Link 3" content="Link 3"/>
  103. <meta name="text:Link 4" content="Link 4"/>
  104. <meta name="text:Link 5" content="Link 5"/>
  105. <meta name="text:Link 1 url" content="Link 1 url"/>
  106. <meta name="text:Link 2 url" content="Link 2 url"/>
  107. <meta name="text:Link 3 url" content="Link 3 url"/>
  108. <meta name="text:Link 4 url" content="Link 4 url"/>
  109. <meta name="text:Link 5 url" content="Link 5 url"/>
  110.  
  111. <meta name='text:Disqus Shortname' content='' />
  112. <meta name='text:Footer box 1 title' content='Title' />
  113. <meta name='text:Footer box 1 text' content='Lorem Ipsum' />
  114. <meta name='text:Footer box 3 title' content='Title' />
  115. <meta name='text:Footer box 3 text' content='Lorem Ipsum' />
  116.  
  117. </style><style type="text/css">
  118.  
  119. /* ---------------------------- GENERAL ----------------------------- */
  120.  
  121. /* -------- BASICS ------- */
  122.  
  123.  
  124. body {
  125. margin:0;
  126. padding:0;
  127. width:100%;
  128. height:100%;
  129. color:{color:text};
  130. font-family:{font:Body font};
  131. font-size:{select:Body font size};
  132. line-height: -moz-calc({select:Body font size} + 3px);
  133. line-height: -webkit-calc({select:Body font size} + 3px);
  134. line-height: -o-calc({select:Body font size} + 3px);
  135. line-height: calc({select:Body font size} + 3px);
  136. background-color: {color:Background};
  137. background-image:url({image:Background});
  138. background-attachment: fixed;
  139. background-repeat: repeat;
  140. }
  141.  
  142. /* Paragraph */
  143.  
  144. p {margin-top:5px; margin-bottom:5px;}
  145.  
  146. <--ses-->
  147. small{font-size: 90%;}
  148.  
  149. big{font-size: 110%;}
  150.  
  151. /* Title */
  152.  
  153. h1{
  154. margin:0;
  155. margin-bottom:10px;
  156. color:{color:Title};
  157. font-family:{select:Title Font};
  158. font-size:{select:Title font size};
  159. font-style:normal;
  160. line-height: -moz-calc({select:Title font size} + 3px);
  161. line-height: -webkit-calc({select:Title font size} + 3px);
  162. line-height: -o-calc({select:Title font size} + 3px);
  163. line-height: calc({select:Title font size} + 3px);
  164. border-bottom:1px solid {color:Borders};
  165. }
  166.  
  167. /* Captions */
  168.  
  169. h2{
  170. font-family:{font:Body font};
  171. font-size:{select:Body font size};
  172. line-height: -moz-calc({select:Body font size} + 3px);
  173. line-height: -webkit-calc({select:Body font size} + 3px);
  174. line-height: -o-calc({select:Body font size} + 3px);
  175. line-height: calc({select:Body font size} + 3px);
  176. font-weight:normal;
  177. }
  178.  
  179. /* Links */
  180.  
  181. a{
  182. color:{color:Link};
  183. text-decoration:none;
  184. }
  185.  
  186. a:hover{
  187. color:{color:Hover};
  188. -webkit-transition: all .3s;
  189. -moz-transition: all .3s;
  190. -o-transition: all .3s;
  191. -ms-transition: all .3s;
  192. transition: all .3s;
  193. }
  194.  
  195. ul, ol, li{ margin:5px 10px; padding:0px;}
  196.  
  197. /* Bold and italic */
  198.  
  199. b, strong {color:{color:Bold};}
  200. i, em {color:{color:Italic};}
  201.  
  202. blockquote{
  203. padding:0px 0px 2px 5px;
  204. margin-right:5px;
  205. border-left: 1px solid {color:Accent};
  206. }
  207.  
  208. ul{
  209. margin:0px;
  210. padding:0px;
  211. }
  212.  
  213. a img{border: 0px;}
  214.  
  215.  
  216. <--ses-->
  217. small{font-size: 90%;}
  218.  
  219. big{font-size: 110%;}
  220.  
  221. /* Selection */
  222.  
  223. ::-moz-selection {
  224. color: {color:Text};
  225. color: {color:Background};
  226. }
  227.  
  228. ::selection {
  229. color: {color:Text};
  230. color: {color:Background};
  231. }
  232.  
  233. /* Webkit scrollbar */
  234.  
  235. ::-webkit-scrollbar {
  236. width: 9px;
  237. height: 0px;
  238. }
  239.  
  240. ::-webkit-scrollbar-button:start:decrement,
  241. ::-webkit-scrollbar-button:end:increment {
  242. height: 0px;
  243. display: block;
  244. background-color: {color:Background};
  245. }
  246.  
  247. ::-webkit-scrollbar-track-piece {
  248. background-color: {color:Background};
  249. }
  250.  
  251. ::-webkit-scrollbar-thumb:vertical {
  252. height: 0px;
  253. background-color: {color:Scrollbar};
  254. border:4px solid {color:Background};
  255. }
  256.  
  257. /* Tumblr controls */
  258.  
  259. .iframe-controls--desktop {
  260. right:45px!important;
  261. bottom:10px!important;
  262. margin-top:auto;
  263. opacity:.9!important;
  264. position:fixed!important;
  265. white-space:nowrap!important;
  266. filter: invert(1);
  267. -webkit-filter: invert(1);
  268. -moz-filter: invert(1);
  269. -o-filter: invert(1);
  270. -ms-filter: invert(1);
  271. z-index:1000000!important;
  272. }
  273.  
  274. /* Tooltips */
  275.  
  276. #s-m-t-tooltip {
  277. max-width:250px;
  278. margin:10px;
  279. padding:5px;
  280. color:{color:Text};
  281. background:{color:Link};
  282. font-size:12px;
  283. line-height:15px;
  284. border:1px solid {color:Borders};
  285. z-index:10000;
  286. }
  287.  
  288. /* ----------------------------- CONTAINER ---------------------------*/
  289.  
  290. #container{
  291. position:absolute;
  292. width:100%;
  293. height:100%;
  294. left:0%;
  295. top:100%;
  296. margin-bottom:0px;
  297. {block:PermalinkPage}
  298. top: 40px;
  299. {/block:PermalinkPage}
  300. }
  301.  
  302. /* ----------------------------- HEADER ---------------------------*/
  303.  
  304. #header{
  305. position:absolute;
  306. top:75px;
  307. left:50%;
  308. width:840px;
  309. height: -moz-calc(100% - 170px);
  310. height: -webkit-calc(100% - 170px);
  311. height: -o-calc(100% - 170px);
  312. border:1px solid {color:Borders};
  313. background-image:url({image:Header background});
  314. {block:ifHeaderBackgroundStretch}
  315. background-size:cover;
  316. {/block:ifHeaderBackgroundStretch}
  317. border-bottom:5px solid {color:Accent};
  318. border-bottom-left-radius:2px;
  319. border-bottom-right-radius:2px;
  320. -webkit-transform: translateX(-50%);
  321. -moz-transform: translateX(-50%);
  322. -ms-transform: translateX(-50%);
  323. transform: translateX(-50%);
  324. }
  325.  
  326. .sticky {
  327. top: -moz-calc(100% - 100px);
  328. top: -webkit-calc(100% - 100px);
  329. top: -o-calc(100% - 100px);
  330. top: calc(100% - 100px);
  331. height:10px;
  332. width:100%;
  333. position:absolute;
  334. z-index:10000;
  335. }
  336.  
  337. /* Menu */
  338.  
  339. #menu{
  340. position:absolute;
  341. top:75px;
  342. left:50%;
  343. width:840px;
  344. height:55px;
  345. border:1px solid {color:Borders};
  346. -webkit-transform: translateX(-50%);
  347. -moz-transform: translateX(-50%);
  348. -ms-transform: translateX(-50%);
  349. transform: translateX(-50%);
  350. font-size:12px;
  351. background: {color:Menu background};
  352. text-align:left;
  353. {block:PermalinkPage}
  354. top:0;
  355. {/block:PermalinkPage}
  356. animation:fadein 2s 1;
  357. -webkit-animation:fadein 2s 1;
  358. -moz-animation:fadein 2s 1;
  359. -ms-animation:fadein 2s 1;
  360. -o-animation:fadein 2s 1;
  361. -webkit-transition-duration:500ms;
  362. -o-transition-duration:500ms;
  363. -moz-transition-duration:500ms;
  364. -ms-transition-duration:500ms;
  365. transition-duration:500ms;
  366. overflow:hidden;
  367. z-index:100;
  368. }
  369.  
  370. /* Avatar */
  371.  
  372. #avatar{
  373. position:absolute;
  374. margin:5px;
  375. margin-left:15px;
  376. width:43px;
  377. height:43px;
  378. border-radius:40px;
  379. border:1px solid {color:Borders};
  380. }
  381.  
  382. #avatar img{
  383. width:100%;
  384. height:100%;
  385. border-radius:100%;
  386. }
  387.  
  388. /* Blog title */
  389.  
  390. #blogtitle{
  391. position:absolute;
  392. margin-top:0px;
  393. margin-left:70px;
  394. height:55px;
  395. line-height:55px;
  396. width:300px;
  397. overflow:hidden;
  398. font-family:{select:Title Font};
  399. font-size:{select:Title Font size};
  400. color:{color:Blog Title};
  401. z-index:100;
  402. }
  403.  
  404. /* Main links */
  405.  
  406. #mainlinks{
  407. margin-top:0px;
  408. margin-left:460px;
  409. width:500px;
  410. height:40px;
  411. line-height:40px;
  412. }
  413.  
  414. #mainlinks a{
  415. font-size:12px;
  416. margin-left:10px;
  417. padding:10px;
  418. display:inline-block;
  419. color:{color:Main link};
  420. }
  421.  
  422. #mainlinks a:hover{
  423. color:{color:Hover};
  424. }
  425.  
  426. #mainlinks i{
  427. margin-right:5px;
  428. color:{color:Main icon};
  429. }
  430.  
  431. #mainlinks a:hover i{
  432. color:{color:Hover};
  433. -webkit-transition: all .3s;
  434. -moz-transition: all .3s;
  435. -o-transition: all .3s;
  436. -ms-transition: all .3s;
  437. transition: all .3s;
  438. }
  439.  
  440. /* ----------------------------- CONTAINER ---------------------------*/
  441.  
  442. #content {
  443. margin-top:0px;
  444. margin-left:auto;
  445. margin-right:auto;
  446. width:840px;
  447. margin-bottom:0px;
  448. background:{color:Container background};
  449. border:1px solid {color:Borders};
  450. z-index:1000;
  451. overflow:hidden;
  452. {block:PermalinkPage}
  453. margin-top:40px;
  454. {/block:PermalinkPage}
  455. }
  456.  
  457. /* ----------------------------- SIDEBAR ---------------------------*/
  458.  
  459. #sidebar{
  460. position:absolute;
  461. margin-top:32px;
  462. left:50%;
  463. width:785px;
  464. height:auto;
  465. -webkit-transform: translateX(-50%);
  466. -moz-transform: translateX(-50%);
  467. -ms-transform: translateX(-50%);
  468. transform: translateX(-50%);
  469. }
  470.  
  471. /* Sidebar links */
  472.  
  473. #sidebarlinks{
  474. margin-top:0px;
  475. margin-left:0px;
  476. width:200px;
  477. background:{color:Sidebar box background};
  478. border:1px solid {color:Borders};
  479. border-top:5px solid {color:Accent};
  480. {block:ifSidebarRight}
  481. margin-left:580px;
  482. {/block:ifSidebarRight}
  483. }
  484.  
  485. #sidebarlinks a{
  486. display:block;
  487. width:190px;
  488. height:25px;
  489. line-height:25px;
  490. font-size:11px;
  491. border-top:1px solid {color:Borders};
  492. color:{color:Sidebar link};
  493. padding-left:10px;
  494. }
  495.  
  496. #sidebarlinks i{
  497. border-right:1px solid {color:Borders};
  498. margin-right:8px;
  499. padding:5px;
  500. width:15px;
  501. color:{color:Sidebar icon};
  502. }
  503.  
  504. #sidebarlinks a:hover{
  505. color:{color:Hover};
  506. background:{color:Borders};
  507. }
  508.  
  509. /* Search 1 */
  510.  
  511. #search1{
  512. margin-top:-2px;
  513. width:200px;
  514. background:{color:Sidebar box background};
  515. border:1px solid {color:Borders};
  516. {block:ifSidebarRight}
  517. margin-left:580px;
  518. {/block:ifSidebarRight}
  519. }
  520.  
  521. #search1 i{
  522. position:absolute;
  523. margin-left:10px;
  524. margin-top:0px;
  525. border-right:1px solid {color:Borders};
  526. padding:5px;
  527. width:15px;
  528. color:{color:Sidebar icon};
  529. }
  530.  
  531. /* ------------------------- FOOTER ------------------------- */
  532.  
  533. /* Footer */
  534.  
  535. #footer {
  536. display:block;
  537. margin-top:-1px;
  538. margin-left:auto;
  539. margin-right:auto;
  540. margin-bottom:50px;
  541. width:840px;
  542. height:180px;
  543. color:{color:Footer text};
  544. background:{color:Footer background};
  545. border:1px solid {color:Borders};
  546. border-bottom:5px solid {color:Accent};
  547. border-bottom-left-radius:2px;
  548. border-bottom-right-radius:2px;
  549. z-index:10000;
  550. }
  551.  
  552. #footer a{
  553. color:{color:Footer link};
  554. }
  555.  
  556. /* Footer boxes */
  557.  
  558. .footerbox {
  559. display:block;
  560. position:relative;
  561. margin-left:auto;
  562. margin-right:auto;
  563. width:840px;
  564. padding:10px;
  565. padding-left:20px;
  566. height:auto;
  567. min-height:160px;
  568. font-size:12px;
  569. line-height:15px;
  570. color:{color:Footer text};
  571. }
  572.  
  573. .footerbox h1{
  574. color:{color:Footer text};
  575. font-size:18px;
  576. margin-top:0px;
  577. border-bottom:4px double {color:Accent};
  578. }
  579.  
  580. .box1{
  581. position:absolute;
  582. height:200px;
  583. width:250px;
  584. padding:5px;
  585. margin-top:0px;
  586. margin-left:0px;
  587. display:block;
  588. }
  589.  
  590. .box2 {
  591. position:absolute;
  592. width:220px;
  593. height:200px;
  594. padding:5px;
  595. margin-top:0px;
  596. margin-left:272px;
  597. display:block;
  598. text-align:center;
  599. }
  600.  
  601. /* Search */
  602.  
  603. #search {
  604. position:absolute;
  605. text-align:center;
  606. margin-left:20px;
  607. margin-top:70px;
  608. z-index:100000;
  609. overflow:hidden;
  610. }
  611.  
  612. #search i{
  613. position:absolute;
  614. margin-left:70px;
  615. margin-top:5px;
  616. font-size:12px;
  617. color:{color:Footer icon};
  618. }
  619.  
  620. .box3{
  621. position:absolute;
  622. width:250px;
  623. height:150px;
  624. padding:5px;
  625. margin-top:0px;
  626. margin-left:540px;
  627. display:block;
  628. overflow-y:auto;
  629. text-align:justify;
  630. }
  631.  
  632. .box1 b, .box1 i, .box3 b{
  633. color:{color:Accent};
  634. font-weight:700;
  635. }
  636.  
  637. /* ----------------------------- POSTS ---------------------------*/
  638.  
  639. /* Post container */
  640.  
  641. #posts{
  642. margin-top:0px;
  643. margin-left:260px;
  644. padding-bottom:20px;
  645. width:555px;
  646. height:500px;
  647. display:block;
  648. {block:ifSidebarRight}
  649. margin-left:0px;
  650. {/block:ifSidebarRight}
  651. }
  652.  
  653. /* Entries */
  654.  
  655. .entry{
  656. display:inline-block;
  657. float:left;
  658. margin:30px;
  659. margin-bottom:10px;
  660. padding:10px;
  661. padding-bottom:0px;
  662. width:500px;
  663. height:auto;
  664. border:1px solid {color:Borders};
  665. background: {color:Post background};
  666. border-top:5px solid {color:Accent};
  667. border-top-left-radius:2px;
  668. border-bottom-right-radius:2px;
  669. overflow:hidden;
  670. }
  671. .entry img { max-width: 100%; }
  672.  
  673. /* -------- POSTS STYLES ------- */
  674.  
  675. /* Photoset posts */
  676.  
  677. .photoset-img { width: 500px; /* can be any value you want */ }
  678.  
  679. /* Audio posts */
  680.  
  681. .album_art {
  682. display: block;
  683. float: left;
  684. margin-top: 1px;
  685. width: 72px;
  686. }
  687.  
  688. .player {
  689. width:20px;
  690. overflow:hidden;
  691. height:20px;
  692. padding:0px;
  693. padding-left:5px;
  694. padding-top:3px;
  695. position:absolute;
  696. left:50%;
  697. top:50%;
  698. margin-top:-5px;
  699. margin-top:-17px;
  700. margin-left:-17px;
  701. }
  702.  
  703. .audio_box{
  704. position:absolute;
  705. margin-top:23px;
  706. margin-left:23px;
  707. max-width:28px;
  708. max-height:30px;
  709. overflow:hidden;
  710. }
  711.  
  712. .cover {
  713. display: block;
  714. float: left;
  715. width: 96px;
  716. height: 76px;
  717. margin-left: -74px;
  718. background-image: url('http://static.tumblr.com/imovwvl/i1Hl4rcp8/vinyl.png');
  719. z-index: 1;
  720. margin-right: 20px;
  721. margin-bottom:10px;
  722. }
  723.  
  724. .album {
  725. margin-left: 1px;
  726. }
  727.  
  728. .audioinfo {
  729. float: left;
  730. margin-top:0px;
  731. line-height:17px;
  732. min-height:76px;
  733. }
  734.  
  735. .audioinfo i{
  736. font-size:10px;
  737. color:{color:Icon};
  738. }
  739.  
  740. /* Quote posts */
  741.  
  742. .quote {
  743. margin-top:0px;
  744. margin-left:10px;
  745. margin-right:10px;
  746. margin-bottom:5px;
  747. padding:5px;
  748. font-family:{select:Title Font};
  749. font-size:{select:Title font size};
  750. line-height: -moz-calc({select:Title font size} + 3px);
  751. line-height: -webkit-calc({select:Title font size} + 3px);
  752. line-height: -o-calc({select:Title font size} + 3px);
  753. line-height: calc({select:Title font size} + 3px);
  754. color:{color:Italic};
  755. text-align:center;
  756. letter-spacing:2px;
  757. }
  758.  
  759. .quote i{
  760. float:center;
  761. font-size:15px;
  762. padding:10px;
  763. margin-top:0px;
  764. border:1px solid {color:Borders};
  765. margin-right:5px;
  766. z-index:2000;
  767. }
  768.  
  769. .source {
  770. font-size:15px;
  771. line-height:25px;
  772. color:{color:Italic};
  773. height:auto;
  774. margin-top:10px;
  775. margin-left:10px;
  776. margin-right:10px;
  777. margin-bottom:5px;
  778. padding:5px;
  779. text-align:right;
  780. letter-spacing:1px;
  781. }
  782.  
  783. /* Ask Posts */
  784.  
  785. .bubble {
  786. position: relative;
  787. height:auto;
  788. min-height:35px;
  789. margin:0px;
  790. padding-bottom:5px;
  791. border-bottom: 1px solid {color:Borders};
  792. z-index:0;
  793. line-height:17px;
  794. }
  795.  
  796. .asker img {
  797. float:left;
  798. max-width:30px;
  799. border-radius:30px;
  800. border:1px solid {color:Borders};
  801. margin-right:5px;
  802. z-index:2000;
  803. }
  804.  
  805. .bubble2 {
  806. position: relative;
  807. height:auto;
  808. min-height:40px;
  809. margin:0px;
  810. padding-bottom:5px;
  811. z-index:1;
  812. line-height:17px;
  813. text-align:left;
  814. }
  815.  
  816. .answer img {
  817. float:left;
  818. max-width:30px;
  819. border-radius:30px;
  820. border:1px solid {color:Borders};
  821. margin:5px;
  822. z-index:2000;
  823. }
  824.  
  825. .bubble a{
  826. color:{color:Accent};
  827. }
  828.  
  829. /* Link posts */
  830.  
  831. .linkpost{
  832. width:500px;
  833. height:70px;
  834. line-height:17px;
  835. overflow:hidden;
  836. }
  837.  
  838. .linktitle{
  839. font-size:14px;
  840. letter-spacing:2px;
  841. background:{color:Accent};
  842. color:{color:Title};
  843. max-width:420px;
  844. max-height:71px;
  845. height:71px;
  846. overflow:hidden;
  847. padding:5px;
  848. }
  849.  
  850. .linkthumb{
  851. position:absolute;
  852. margin-left:430px;
  853. margin-top:-81px;
  854. }
  855.  
  856. .linkthumb img{
  857. width:70px;
  858. height:70px;
  859. }
  860.  
  861. /* Chat posts*/
  862.  
  863. .chat .line{
  864. margin:0 0 -1px;
  865. color: {color:Bold};
  866. padding:5px;
  867. }
  868.  
  869. .label{
  870. color:{color:Accent};
  871. }
  872.  
  873. /* -------- POST INFO ------- */
  874.  
  875. /* Date and post notes */
  876.  
  877. .infodate{
  878. height:20px;
  879. width:520px;
  880. margin-left:-10px;
  881. margin-bottom:10px;
  882. border-bottom:1px solid {color:Borders};
  883. text-align:center;
  884. color:{color:Accent};
  885. }
  886.  
  887. .postinfo{
  888. float:center;
  889. position:absolute;
  890. margin-left:-10px;
  891. margin-top:0px;
  892. padding:5px;
  893. font-size:12px;
  894. height:16px;
  895. border-top:1px solid {color:Borders};
  896. border-left:2px solid {color:Accent};
  897. color:{color:Text};
  898. z-index:1000;
  899. width:430px;
  900. {block:PermalinkPage}
  901. width:460px;
  902. {/block:PermalinkPage}
  903. }
  904.  
  905. .postinfo big, .infodate big{
  906. font-size:120%;
  907. color:{color:Text};
  908. }
  909.  
  910. .postinfo a, .infodate a{
  911. color:{color:Link};
  912. }
  913.  
  914. .postinfo i, .infodate i{
  915. color:{color:Icon};
  916. }
  917.  
  918. /* PLR buttons */
  919.  
  920. .plrbuttons {
  921. width:110px;
  922. height:5px;
  923. padding-top:0px;
  924. margin-top:0px;
  925. margin-left:400px;
  926. letter-spacing:1px;
  927. line-height:50px;
  928. z-index:100000;
  929. }
  930.  
  931. .like_and_reblog_buttons {
  932. display:inline;
  933. margin-left:-50px;
  934. margin-top:0px;
  935. border: 0px solid #e8e8e8;
  936. }
  937.  
  938. .like_and_reblog_buttons li {
  939. list-style: none;
  940. }
  941.  
  942. .like_and_reblog_buttons li {
  943. float:right;
  944. margin: 0px 0px;
  945. width:15px;
  946. height:16px;
  947. line-height:16px;
  948. padding:5px;
  949. background:{color:PLR buttons background};
  950. border-top:1px solid {color:Borders};
  951. border-left:1px solid {color:Borders};
  952. }
  953.  
  954. .like_and_reblog_buttons li:first-child {
  955. border-right: 0px solid #e8e8e8;
  956. margin-top:0px;
  957. }
  958.  
  959. .like_and_reblog_buttons li i{
  960. font-size:15px;
  961. color:#ccc;
  962. }
  963.  
  964. /* Permalink pagination */
  965.  
  966. .permapag{
  967. margin-top:15px;
  968. margin-left:0px;
  969. }
  970.  
  971. .permapag a{
  972. font-size:20px;
  973. margin-top:20px;
  974. color:{color:Title};
  975. font:{select:Title font};
  976. }
  977.  
  978. /* Post notes */
  979.  
  980. .notes{
  981. text-transform: normal;
  982. display: block;
  983. font-size:12px;
  984. width:525px;
  985. padding:5px;
  986. color:{color:Text};
  987. margin-left:10px;
  988. margin-top:10px;
  989. text-align: left;
  990. text-decoration: none;
  991. }
  992.  
  993. .notes b{
  994. color:{color:Bold};
  995. }
  996.  
  997. ol.notes {
  998. padding: 0px;
  999. margin: 0px 0px;
  1000. list-style-type: none;
  1001. }
  1002.  
  1003. ol.notes, .notes li {
  1004. list-style:none;
  1005. margin: 0px;
  1006. padding: 0px;
  1007. line-height:20px;
  1008. }
  1009.  
  1010. ol.notes a {
  1011. text-transform: lowercase;
  1012. font-size: 12px;
  1013. line-height:20px;
  1014. }
  1015.  
  1016. ol.notes img {
  1017. width: 20px;
  1018. height: 20px;
  1019. border: 1px solid {color:Borders};
  1020. margin-right: 5px;
  1021. }
  1022.  
  1023. /* ------------------------- PAGINATION ------------------------- */
  1024.  
  1025. /* Pagination */
  1026.  
  1027. .pagination {
  1028. padding-left:2px;
  1029. margin-top:20px;
  1030. margin-bottom:20px;
  1031. margin-left:auto;
  1032. margin-right:auto;
  1033. width:600px;
  1034. height:35px;
  1035. text-align:center;
  1036. border-top:1px solid {color:Borders};
  1037. }
  1038.  
  1039. .pagination a{
  1040. display:inline-block;
  1041. margin-top:5px;
  1042. padding: 4.5px 6px;
  1043. color: {color:Link};
  1044. font-size:14px;
  1045. text-decoration:none;
  1046. }
  1047.  
  1048. .pagination a:hover{
  1049. color:{color:Accent};
  1050. }
  1051.  
  1052. .jumppage a{
  1053. color:{color:Link};
  1054. border-top:1px solid {color:Accent};
  1055. }
  1056.  
  1057. .currentpage a{
  1058. color:{color:Link};
  1059. border-top:1px solid {color:Accent};
  1060. }
  1061.  
  1062. /* SCROLL TO TOP */
  1063.  
  1064. #scrollToTop:link,
  1065. #scrollToTop:visited {
  1066. display: none;
  1067. position: fixed;
  1068. bottom: 40px;
  1069. right: 4px;
  1070. }
  1071.  
  1072. /*-- CREDITS --*/
  1073.  
  1074. #credits {
  1075. position:fixed;
  1076. right:5px;
  1077. bottom:2px;
  1078. z-index:100000;
  1079. }
  1080.  
  1081. #credits img{
  1082. border:1px solid {color:Borders};
  1083. }
  1084.  
  1085. /* --------------------------- Custom CSS -------------------------- */
  1086. {CustomCSS}
  1087.  
  1088. </style>
  1089.  
  1090. <!--Scroll to top-->
  1091.  
  1092. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1093. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1094. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{text:Scroll to top image url}" title="Go to Top" alt="Go to Top"/></a>
  1095.  
  1096.  
  1097. <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  1098. <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  1099.  
  1100. <script>
  1101. $(document).ready(function () {
  1102. $.localScroll();
  1103. });
  1104. </script>
  1105.  
  1106. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1107. <script type="text/javascript">
  1108. $(function(){
  1109. var stickyRibbonTop = $('.sticky').offset().top;
  1110. $(window).scroll(function(){
  1111. if( $(window).scrollTop() > stickyRibbonTop ) {
  1112. $('#menu').css({position: 'fixed', top: '0px'});
  1113. } else {
  1114. $('#menu').css({position: 'absolute', width:'840px', top: '40px'});
  1115. }
  1116. });
  1117. });
  1118. </script>
  1119.  
  1120. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1121. <script type="text/javascript">
  1122. $(function(){
  1123. var stickyRibbonTop = $('.sticky').offset().top;
  1124. $(window).scroll(function(){
  1125. if( $(window).scrollTop() > stickyRibbonTop ) {
  1126. $('#sidebar').css({position: 'fixed', top: '70px'});
  1127. } else {
  1128. $('#sidebar').css({position: 'absolute', top: 'auto', marginTtop: '32px'});
  1129. }
  1130. });
  1131. });
  1132. </script>
  1133.  
  1134. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1135.  
  1136. <script type="text/javascript">
  1137. <!--
  1138. function toggle_visibility(id) {
  1139. var e = document.getElementById(id);
  1140. if(e.style.display == 'block')
  1141. e.style.display = 'none';
  1142. else
  1143. e.style.display = 'block';
  1144. }
  1145. //-->
  1146. </script>
  1147.  
  1148. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  1149.  
  1150. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1151.  
  1152. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1153.  
  1154. <!-- STYLE MY TOOLTIPS -->
  1155.  
  1156. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1157. <script>
  1158. (function($){
  1159. $(document).ready(function(){
  1160. $("a[title]").style_my_tooltips({
  1161. tip_follows_cursor:true,
  1162. tip_delay_time:90,
  1163. tip_fade_speed:600,
  1164. attribute:"title"
  1165. });
  1166. });
  1167. })(jQuery);
  1168. </script>
  1169.  
  1170. {block:IndexPage}
  1171. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1172. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1173.  
  1174. <script type="text/javascript">
  1175. $(window).load(function(){
  1176. var $wall = $('#posts');
  1177. $wall.imagesLoaded(function(){
  1178. $wall.masonry({
  1179. itemSelector: '.entry, .entry_photo',
  1180. isAnimated : false
  1181. });
  1182. });
  1183.  
  1184. $wall.infinitescroll({
  1185. navSelector : '#pagination',
  1186. nextSelector : '#pagination a',
  1187. itemSelector : '.entry, .entry_photo',
  1188. bufferPx : 2000,
  1189. debug : false,
  1190. errorCallback: function() {
  1191. $('#infscr-loading').fadeOut('normal');
  1192. }},
  1193. function( newElements ) {
  1194. var $newElems = $( newElements );
  1195. $newElems.hide();
  1196. $newElems.imagesLoaded(function(){
  1197. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1198. });
  1199. }); $('#posts').show(500);
  1200. });
  1201. </script>
  1202. {/block:IndexPage}
  1203.  
  1204. <meta charset="utf-8">
  1205. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1206. {block:Description}
  1207. <meta name="description" content="{MetaDescription}" />
  1208. {/block:Description}
  1209. <link rel="shortcut icon" href="{Favicon}">
  1210. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1211.  
  1212. </head>
  1213.  
  1214. <body>
  1215.  
  1216.  
  1217. <!-- MENU -->
  1218.  
  1219. <div id="menu">
  1220.  
  1221. <div id="avatar"><img src="{image:Avatar}"></div>
  1222.  
  1223. <div id="blogtitle">{Title}</div>
  1224.  
  1225. <div id="mainlinks">
  1226.  
  1227. <a href="/"><i class="fa fa-home"></i> INDEX</a></li>
  1228. <a href="/ask"><i class="fa fa-envelope"></i> ASK</a></li>
  1229. <a href="/submit"><i class="fa fa-pencil"></i> SUBMIT</a></li>
  1230. <a href="/archive"><i class="fa fa-clock-o"></i> ARCHIVE</i></a></li>
  1231.  
  1232. </div>
  1233. <!--End mainlinks-->
  1234.  
  1235. </div>
  1236. <!--End menu-->
  1237.  
  1238. {block:IndexPage}
  1239. <div id="header"></div>
  1240. {/block:IndexPage}
  1241.  
  1242.  
  1243. <div class="sticky"></div>
  1244.  
  1245. <div id="container">
  1246.  
  1247. <div id="sidebar">
  1248.  
  1249. <div id="sidebarlinks">
  1250. {block:IfShowLinkOne}<a href="{text:Link 1 url}"><i class="fa fa-umbrella fa"></i> {text:Link 1}</a>{/block:IfShowLinkOne}
  1251. {block:IfShowLinkTwo}<a href="{text:Link 2 url}"><i class="fa fa-bolt fa"></i> {text:Link 2}</a>{/block:IfShowLinkTwo}
  1252. {block:IfShowLinkThree}<a href="{text:Link 3 url}"><i class="fa fa-coffee fa"></i> {text:Link 3}</a>{/block:IfShowLinkThree}
  1253. {block:IfShowLinkFour}<a href="{text:Link 4 url}"><i class="fa fa-cloud fa"></i> {text:Link 4}</a>{/block:IfShowLinkFour}
  1254. {block:IfShowLinkFive}<a href="{text:Link 5 url}"><i class="fa fa-leaf fa"></i> {text:Link 5}</a>{/block:IfShowLinkFive}
  1255. </div>
  1256.  
  1257. <div id="search1">
  1258. <i class="fa fa-search fa"></i>
  1259. <form action="/search" method="get">
  1260. <input type="text" name="q" value="Enter your search..." style="width:151px; padding-left:9px; height:20px; border:1px solid transparent; background:transparent; color:{color:Sidebar link}; font-size: 11px; margin-top:0px; margin-left:35px;"/>
  1261. </form>
  1262. </div>
  1263.  
  1264. </div>
  1265. <!--end sidebar-->
  1266.  
  1267. <!-- content container -->
  1268. <div id="content">
  1269.  
  1270. <!-- posts start -->
  1271. <div id="posts">
  1272.  
  1273. {block:Posts}
  1274.  
  1275. <div class="entry">
  1276.  
  1277. {block:Date}
  1278. <div class="infodate">
  1279. {Month} <big>{DayofMonth}{DayofMonthSuffix}</big> {Year}
  1280. </div>
  1281. {block:Date}
  1282.  
  1283. <!-- text post -->
  1284. {block:Text}
  1285. {block:Title}
  1286. <a href="{Permalink}">
  1287. <h1>{Title}</h1></a>
  1288. {/block:Title}
  1289. {Body}
  1290. {/block:Text}
  1291.  
  1292. <!-- photo post -->
  1293. {block:Photo}
  1294. {block:IndexPage}
  1295. {LinkOpenTag}
  1296. <center>
  1297. <img src="{PhotoURL-500}"
  1298. alt="{PhotoAlt}" width="500px"/></a>
  1299. </center><br>
  1300. {LinkCloseTag}
  1301. {/block:IndexPage}
  1302. {block:PermalinkPage}
  1303. {LinkOpenTag}
  1304. <center>
  1305. <img src="{PhotoURL-500}"
  1306. alt="{PhotoAlt}" width="500"/>
  1307. </center>
  1308. {LinkCloseTag}
  1309. {/block:PermalinkPage}
  1310. {/block:Photo}
  1311.  
  1312. <!-- photoset post -->
  1313. {block:Photoset}
  1314. {Photoset-500}
  1315. {/block:Photoset}
  1316.  
  1317. <!-- chat post -->
  1318. {block:Chat}
  1319. {block:Title}
  1320. <h2>{Title}</h2>{/block:Title}
  1321. <div class="chat">
  1322. {block:Lines}
  1323. <div class="chat">
  1324. <div class="line {Alt}">
  1325. <div class="{Alt} user_{UserNumber}">
  1326. {block:Label}
  1327. <span class="label">
  1328. <font face="Cinzel">
  1329. {Label}</font></span>
  1330. {/block:Label}
  1331. {Line}</div>
  1332. </div></div>
  1333. {/block:Lines}
  1334. </div><br>
  1335. {/block:Chat}
  1336.  
  1337. <!-- quote post -->
  1338. {block:Quote}
  1339. <div class="quote">
  1340. <i class="fa fa-quote-left"></i><br>
  1341. {Quote}
  1342. </div>
  1343. <div class="source">
  1344. — <b><i>{Source}</i></b>
  1345. </div>
  1346. {/block:Quote}
  1347.  
  1348. <!-- link post -->
  1349. {block:Link}
  1350. <div class="linkpost">
  1351. <div class="linktitle"><a href="{URL}">{Name} »</div></a>
  1352. {block:Thumbnail}
  1353. <div class="linkthumb">
  1354. <img src="{Thumbnail}" alt="{Name}">
  1355. </div>
  1356. {/block:Thumbnail}
  1357. </div><br>
  1358. {block:Description}
  1359. {Description}
  1360. {/block:Description}
  1361. <br>
  1362. {/block:Link}
  1363.  
  1364. <!-- video post -->
  1365. {block:Video}
  1366. {block:IndexPage}
  1367. {VideoEmbed-250}
  1368. {/block:IndexPage}
  1369. {block:PermalinkPage}
  1370. {VideoEmbed-500}
  1371. {/block:PermalinkPage}
  1372. {/block:Video}
  1373.  
  1374. <!-- audio post -->
  1375. {block:Audio}
  1376. {block:AlbumArt}<div class="album">
  1377. <img src="{AlbumArtURL}" class="album_art" alt="" />
  1378. <span class="cover"></span>
  1379. </div>{/block:AlbumArt}
  1380. <div class="audioinfo"{block:AlbumArt} style="margin-top: 2px;"
  1381. {/block:AlbumArt}></div>
  1382. <div class="audio_box" id="{PostID}">
  1383. {AudioPlayerBlack}
  1384. </div>
  1385. <div style="margin-top:0px; font-size:13px; margin-left:105px;">
  1386. {block:TrackName}<span><i class="fa fa-microphone"></i> {TrackName}</span>{/block:TrackName}<br>
  1387. {block:Artist}<span> <i class="fa fa-user"></i> {Artist}</span>{/block:Artist}<br>
  1388. {block:Album}<span><i class="fa fa-music"></i> {Album}</span>{/block:Album}<br>
  1389. {block:PlayCount}<span><i class="fa fa-heart"></i> {PlayCount}</span>{/block:PlayCount}
  1390. </div><br><br><br>
  1391. {/block:Audio}
  1392.  
  1393. <!-- ask post -->
  1394. {block:Answer}
  1395. <div class="bubble">
  1396. <div class="asker">
  1397. <img src="{AskerPortraitURL-48}">
  1398. </div>
  1399. {Asker}: {Question}</div>
  1400. <div class="bubble2">
  1401. <div class="answer">
  1402. <img src="{PortraitURL-48}">
  1403. </div>
  1404. {Answer}
  1405. </div>
  1406. {/block:Answer}
  1407.  
  1408. {block:Caption}
  1409. {Caption}
  1410. {/block:Caption}
  1411.  
  1412. {block:Date}
  1413. <div class="postinfo">
  1414.  
  1415. <a href="{Permalink}">
  1416. <i class="fa fa-heart-o"></i>
  1417. {NoteCountWithLabel}
  1418. </a>
  1419. <i class="fa fa-comment-o"></i>
  1420. <a class="dsq-comment-count"
  1421. href="{Permalink}#disqus_thread">
  1422. Comments</a>
  1423. <script type="text/javascript">
  1424. var disqus_shortname = 'borntobewildthemes';
  1425.  
  1426. (function () {
  1427. var s = document.createElement('script'); s.async = true;
  1428. s.type = 'text/javascript';
  1429. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1430. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1431. }());
  1432. </script>
  1433. </div>
  1434. <!--End postinfo-->
  1435.  
  1436. <div class="plrbuttons">
  1437. <ul class="like_and_reblog_buttons">
  1438. {block:IndexPage}
  1439. <li><a href="{Permalink}"><i class="fa fa-link"></i></a></li>
  1440. {/block:IndexPage}
  1441. <li>{ReblogButton size="15"}</li>
  1442. <li>{LikeButton size="15"}</li>
  1443. </ul><br>
  1444. </div>
  1445. <!--End plrbuttons-->
  1446. {/block:Date}
  1447.  
  1448. <!--Permalink page-->
  1449.  
  1450. {block:PermalinkPage}
  1451.  
  1452. {block:PostNotes}
  1453. <div style="margin-left:0px; margin-top:50px; padding:10px; max-height: 500px; width:480px; overflow: auto; overflow-x: hidden; color:{color:Text};">
  1454.  
  1455. {block:RebloggedFrom}
  1456. <h1>Post info:</h1>
  1457. Reblogged from:
  1458. <a href="{ReblogParentURL}">
  1459. {ReblogParentName}</a>
  1460. {/block:RebloggedFrom}
  1461.  
  1462. {block:ContentSource}
  1463. <br>Originally posted by:
  1464. <a href="{SourceURL}">
  1465. {SourceTitle}</a>
  1466. {/block:ContentSource}<br>
  1467.  
  1468. {block:HasTags}
  1469. Tagged as:
  1470. {block:Tags}
  1471. <a href="{TagURL}">
  1472. <i class="fa fa-tag"></i>
  1473. {Tag}</a> &nbsp;
  1474. {/block:Tags}
  1475. {/block:HasTags}
  1476.  
  1477. <br><br><h1>Post notes:</h1>
  1478. {PostNotes}
  1479. </div>
  1480. {/block:PostNotes}
  1481.  
  1482. {block:PermalinkPagination}
  1483. <div class="permapag">
  1484. <center>
  1485. {block:PreviousPost}
  1486. <a href="{PreviousPost}">&laquo; Previous Post –</a>
  1487. {/block:PreviousPost}
  1488.  
  1489. {block:NextPost}
  1490. <a href="{NextPost}">Next Post &raquo;</a>
  1491. {/block:NextPost}
  1492. </center>
  1493. </div><br>
  1494. {/block:PermalinkPagination}
  1495.  
  1496. {block:Date}
  1497.  
  1498. {block:IfDisqusShortname}
  1499.  
  1500. <div id="disqus_thread"></div>
  1501. <script type="text/javascript">
  1502. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1503. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1504. var disqus_url = '{Permalink}';
  1505.  
  1506. /* * * DON'T EDIT BELOW THIS LINE * * */
  1507. (function() {
  1508. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1509. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1510. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1511. })();
  1512. </script>
  1513. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1514. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1515.  
  1516. {/block:IfDisqusShortname}
  1517.  
  1518. {/block:Date}
  1519.  
  1520. <br><br>
  1521.  
  1522. {/block:PermalinkPage}
  1523.  
  1524. </div>
  1525. <!--End entry-->
  1526.  
  1527. {/block:Posts}
  1528. </div>
  1529. <!-- end posts -->
  1530.  
  1531. <center>
  1532. <div class="pagination">
  1533. {block:Pagination}
  1534. {block:PreviousPage}<a href="{PreviousPage}" class="jumppage">&laquo; NEWER</a>{/block:PreviousPage}
  1535. {block:JumpPagination length="5"}
  1536. {block:CurrentPage}
  1537. <a class="currentpage">{PageNumber}</a>
  1538. {/block:CurrentPage}
  1539. {block:JumpPage}<a class="jumppage" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1540. {block:NextPage}<a href="{NextPage}" class="jumppage"> OLDER &raquo;</a>{/block:NextPage}
  1541. {/block:Pagination}
  1542. </div>
  1543. </center>
  1544.  
  1545. </div>
  1546. <!-- end content container -->
  1547.  
  1548.  
  1549. <!-- footer -->
  1550. <div id="footer">
  1551.  
  1552. <div class="footerbox">
  1553.  
  1554. <!-- Box 1 -->
  1555. <div class="box1">
  1556. <center>
  1557. <h1>{text:Footer box 1 title}</h1>
  1558. </center>
  1559.  
  1560. {text:Footer box 1 text}
  1561.  
  1562. </div>
  1563. <!--End box 1-->
  1564.  
  1565. <!-- Box 2 -->
  1566. <div class="box2">
  1567. <center>
  1568.  
  1569. <div id="search">
  1570. <i class="fa fa-search fa"></i>
  1571. <form action="/search" method="get">
  1572. <input type="text" name="q" value="Enter your search..." style="width:170px; padding-left:10px; height:20px; border:1px solid {color:Accent}; background:transparent; color:{color:Footer text}; font-size: 12px; margin-top:0px; margin-left:0px;"/>
  1573. </form>
  1574. </div><br>
  1575. <!--End search-->
  1576.  
  1577. </center>
  1578. </div>
  1579. <!--End box 2-->
  1580.  
  1581. <!-- Box 3 -->
  1582. <div class="box3">
  1583. <center>
  1584. <h1>{text:Footer box 3 title}</h1>
  1585. </center>
  1586.  
  1587. {text:Footer box 3 text}
  1588.  
  1589. </div>
  1590. <!-- end footerbox -->
  1591.  
  1592. </div>
  1593. <!-- end footer -->
  1594.  
  1595. <!--Credit (do not remove)-->
  1596.  
  1597. <a href="http://borntobewildthemes.tumblr.com"><div id="credits" title="theme AUTOGRAPH by borntobewildthemes">
  1598. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1599.  
  1600.  
  1601. </body>
  1602. </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!