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

- FB -

b0rn-to-be-wild
Nov 17th, 2015
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.98 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!----
  3.  
  4. © borntobewildthemes.tumolr.com | "FB"
  5.  
  6. + Please do not redistribute this theme or remove credits.
  7. + You are allowed to make changes as long as you keep our credits.
  8. + If you have any questions or concerns, just contact us.
  9. + Thanks for using our theme! We hope that you enjoy it!
  10.  
  11. ---->
  12.  
  13. <html>
  14.  
  15. <head>
  16.  
  17. <!--Google fonts-->
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  28.  
  29. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  30.  
  31. <meta name="viewport" content="width=device-width, initial-scale=1">
  32.  
  33. <!--DEFAULT VARIABLES-->
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  35.  
  36. <meta name="image:Background" content="1"/>
  37. <meta name="image:Avatar" content="1"/>
  38.  
  39. <meta name="color:Background" content="#fff"/>
  40. <meta name="color:Container background" content="#eee"/>
  41. <meta name="color:Post background" content="#fff"/>
  42. <meta name="color:Header background" content="#fff"/>
  43. <meta name="color:Blog Title" content="#fff"/>
  44. <meta name="color:Main icon" content="#777"/>
  45. <meta name="color:Main icon background" content="#fff"/>
  46. <meta name="color:Navigation background" content="#fff"/>
  47. <meta name="color:Avatar background" content="#fff"/>
  48. <meta name="color:Description" content="#777"/>
  49. <meta name="color:Description background" content="#fff"/>
  50. <meta name="color:Search background" content="#fff"/>
  51. <meta name="color:Pagination background" content="#fff"/>
  52. <meta name="color:Title" content="#777"/>
  53. <meta name="color:Text" content="#000"/>
  54. <meta name="color:Hover" content="#ddd"/>
  55. <meta name="color:Italic" content="#bbb"/>
  56. <meta name="color:Bold" content="#aaa"/>
  57. <meta name="color:Link" content="#ccc"/>
  58. <meta name="color:Icon" content="#777"/>
  59. <meta name="color:Borders" content="#eee"/>
  60. <meta name="color:Scrollbar" content="#ddd"/>
  61.  
  62. <meta name="select:Title Font" content="Exo" title="Exo">
  63. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  64. <meta name="select:Title Font" content="Julius Sans One" title="Julius Sans One">
  65. <meta name="select:Title Font" content="Marvel" title="Marvel">
  66. <meta name="select:Title Font" content="Nova Slim" title="Nova Slim">
  67.  
  68. <meta name="select:Title font size" content="20px" title="20px">
  69. <meta name="select:Title font size" content="22px" title="22px">
  70. <meta name="select:Title font size" content="25px" title="25px">
  71. <meta name="select:Title font size" content="27px" title="27px">
  72. <meta name="select:Title font size" content="30px" title="30px">
  73.  
  74. <meta name="font:Body font" content="Helvetica"/>
  75. <meta name="select:Body font size" content="11px" title="11px">
  76. <meta name="select:Body font size" content="12px" title="12px">
  77. <meta name="select:Body font size" content="13px" title="13px">
  78. <meta name="select:Body font size" content="14px" title="14px">
  79. <meta name="select:Body font size" content="15px" title="15px">
  80.  
  81. <meta name="if:500px Posts" content="0" />
  82. <meta name="if:Ask Enabled" content="1" />
  83. <meta name="if:Submissions Enabled" content="1" />
  84. <meta name="if:Show Archive" content="1" />
  85. <meta name="if:Show Avatar" content="1" />
  86. <meta name="if:Circular Avatar" content="1" />
  87. <meta name="if:Show Description" content="1" />
  88. <meta name="if:Show Search" content="1" />
  89. <meta name="if:Show Navigation" content="1" />
  90. <meta name="if:Show Captions" content="1" />
  91. <meta name="if:Show Tags" content="1" />
  92. <meta name="if:Show Custom Cursor" content="1" />
  93.  
  94. <meta name="if:Show Link 1" content="1" />
  95. <meta name="if:Show Link 2" content="1" />
  96. <meta name="if:Show Link 3" content="1" />
  97. <meta name="if:Show Link 4" content="1" />
  98. <meta name="if:Show Link 5" content="1" />
  99.  
  100. <meta name="text:Link 1" content="link one"/>
  101. <meta name="text:Link 1 url" content="http://"/>
  102. <meta name="text:Link 2" content="link two"/>
  103. <meta name="text:Link 2 url" content="http://"/>
  104. <meta name="text:Link 3" content="link three"/>
  105. <meta name="text:Link 3 url" content="http://"/>
  106. <meta name="text:Link 4" content="link four"/>
  107. <meta name="text:Link 4 url" content="http://"/>
  108. <meta name="text:Link 5" content="link five"/>
  109. <meta name="text:Link 5 url" content="http://"/>
  110.  
  111. <style type="text/css">
  112.  
  113. /* ---------------------------- GENERAL ----------------------------- */
  114.  
  115. /* -------- BASICS ------- */
  116.  
  117. body {
  118. margin:0;
  119. padding:0;
  120. width:100%;
  121. height:100%;
  122. color:{color:Text};
  123. font-family:{font:Body font};
  124. font-size:{select:Body font size};
  125. line-height: -moz-calc({select:Body font size} + 3px);
  126. line-height: -webkit-calc({select:Body font size} + 3px);
  127. line-height: -o-calc({select:Body font size} + 3px);
  128. line-height: calc({select:Body font size} + 3px);
  129. background-color: {color:Background};
  130. background-image:url({image:Background});
  131. background-attachment: fixed;
  132. background-repeat: repeat;
  133. }
  134.  
  135. /* Paragraph */
  136.  
  137. p {margin-top:5px; margin-bottom:5px;}
  138.  
  139. <--ses-->
  140. small{font-size: 90%;}
  141.  
  142. big{font-size: 110%;}
  143.  
  144. /* Title */
  145.  
  146. h1{
  147. margin-top:0px;
  148. color:{color:Blog Title};
  149. padding:5px;
  150. font-family:{select:Title Font};
  151. font-size:{select:Title font size};
  152. line-height: -moz-calc({select:Title font size} + 3px);
  153. line-height: -webkit-calc({select:Title font size} + 3px);
  154. line-height: -o-calc({select:Title font size} + 3px);
  155. line-height: calc({select:Title font size} + 3px);
  156. font-weight:normal;
  157. }
  158.  
  159. /* Captions */
  160.  
  161. h2{
  162. font-family:{font:Body font};
  163. font-size:{select:Body font size};
  164. line-height: -moz-calc({select:Body font size} + 3px);
  165. line-height: -webkit-calc({select:Body font size} + 3px);
  166. line-height: -o-calc({select:Body font size} + 3px);
  167. line-height: calc({select:Body font size} + 3px);
  168. font-weight:normal;
  169. }
  170.  
  171. /* Links */
  172.  
  173. a:link, a:active, a:visited{
  174. -webkit-transition: all .7s ease;
  175. -moz-transition: all .7s ease;
  176. -o-transition: all .7s ease;
  177. transition: all .7s ease;
  178. color:{color:Link};
  179. text-decoration:none;
  180. }
  181.  
  182. a:hover {
  183. color: {color:Hover};
  184. }
  185.  
  186. a img{border: 0px;}
  187.  
  188. ul, ol, li{ margin:5px 10px; padding:0px;}
  189.  
  190. /* Bold and italic */
  191.  
  192. b, strong {color:{color:Bold};}
  193. i, em {color:{color:Italic};}
  194.  
  195. /* Blockquote */
  196.  
  197. blockquote{
  198. padding:0px 0px 2px 5px;
  199. margin:0px 0px 2px 10px;
  200. border-left: 1px solid {color:Borders};
  201. }
  202.  
  203. /* Text selection */
  204.  
  205. ::-moz-selection {
  206. background: {color:Borders};
  207. color: {color:Scrollbar};
  208. }
  209.  
  210. ::selection {
  211. background: {color:Borders};
  212. color: {color:Scrollbar};
  213. }
  214.  
  215. /* Webkit scrollbar */
  216.  
  217. ::-webkit-scrollbar {
  218. width: 9px;
  219. height: 0px;
  220. }
  221.  
  222. ::-webkit-scrollbar-button:start:decrement,
  223. ::-webkit-scrollbar-button:end:increment {
  224. height: 0px;
  225. display: block;
  226. background-color: {color:Borders};
  227. }
  228.  
  229. ::-webkit-scrollbar-track-piece {
  230. background-color: {color:Borders};
  231. }
  232.  
  233. ::-webkit-scrollbar-thumb:vertical {
  234. height: 0px;
  235. background-color: {color:Scrollbar};
  236. border:4px solid {color:Borders};
  237. }
  238.  
  239. /* Tooltips */
  240.  
  241. #s-m-t-tooltip {
  242. max-width:300px;
  243. z-index:10000000;
  244. margin:24px 14px 7px 12px;
  245. padding:8px;
  246. color:{color:Link};
  247. background:{color:Post background};
  248. border:1px solid {color:Borders};
  249. font-size:13px;
  250. line-height:16px;
  251. }
  252.  
  253. /* ----------------------- MAIN CONTAINER --------------------------- */
  254.  
  255. div#center{
  256. position:fixed;
  257. left:50%;
  258. top:50%;
  259. width:452px;
  260. height:600px;
  261. overflow:hidden;
  262. margin-left:auto;
  263. margin-right:auto;
  264. -webkit-transform: translateX(-50%) translateY(-50%);
  265. -moz-transform: translateX(-50%) translateY(-50%);
  266. -ms-transform: translateX(-50%) translateY(-50%);
  267. transform: translateX(-50%) translateY(-50%);
  268. {block:if500pxPosts}
  269. width:552px;
  270. {/block:if500pxPosts}
  271. }
  272.  
  273. /* -------- HEADER ------- */
  274.  
  275. #header{
  276. margin-top:20px;
  277. margin-left:auto;
  278. margin-right:auto;
  279. width:450px;
  280. height:50px;
  281. z-index:10000;
  282. border:1px solid {color:Borders};
  283. background:{color:Header background};
  284. {block:if500pxPosts}
  285. width:550px;
  286. {/block:if500pxPosts}
  287. }
  288.  
  289. /* Blog titles */
  290.  
  291. #blogtitle{
  292. position:absolute;
  293. margin-left:5px;
  294. margin-top:5px;
  295. padding:5px;
  296. font-family:{select:Title Font};
  297. color:{color:Blog Title};
  298. font-size:20px;
  299. height:30px;
  300. width:250px;
  301. line-height:30px;
  302. z-index:1000000;
  303. }
  304.  
  305. #blogtitle:hover{
  306. color: {color:Hover};
  307. -webkit-transition: opacity .3s linear;
  308. -webkit-transition: all .3s ease-in-out;
  309. -moz-transition: all .3s ease-in-out;
  310. -o-transition: all .3s ease-in-out;
  311. }
  312.  
  313. /* Header links */
  314.  
  315. #morelinks{
  316. position:absolute;
  317. margin-top:14px;
  318. margin-left:236px;
  319. width:100px;
  320. height:11px;
  321. line-height:11px;
  322. font-size:12px;
  323. padding:5px;
  324. text-align:center;
  325. z-index:10000;
  326. border:1px solid {color:Borders};
  327. cursor:pointer;
  328. background:{color:Navigation background};
  329. {block:if500pxPosts}
  330. margin-top:13px;
  331. margin-left:336px;
  332. {/block:if500pxPosts}
  333. }
  334.  
  335. #morelinks i{
  336. color:{color:Main icon};
  337. }
  338.  
  339. #morelinks:hover i{
  340. color:{color:Hover};
  341. }
  342.  
  343. #links{
  344. position:absolute;
  345. margin-top:36px;
  346. margin-left:236px;
  347. width:100px;
  348. padding:5px;
  349. z-index:10000;
  350. border:1px solid {color:Borders};
  351. background:{color:Navigation background};
  352. {block:if500pxPosts}
  353. margin-left:336px;
  354. {/block:if500pxPosts}
  355. display:none;
  356. }
  357.  
  358. #links a{
  359. display:block;
  360. color:{color:Link};
  361. border-bottom:1px solid {color:Borders};
  362. font-size:11px;
  363. padding:2px;
  364. line-height:15px;
  365. }
  366.  
  367. #links a:last-child{
  368. border-bottom:1px solid transparent;
  369. }
  370.  
  371. #links a:hover{
  372. color:{color:Hover};
  373. padding-left:10px;
  374. -webkit-transition: all .7s ease;
  375. -moz-transition: all .7s ease;
  376. -o-transition: all .7s ease;
  377. transition: all .7s ease;
  378. }
  379.  
  380. #links i{
  381. color:{color:Navigation background};
  382. }
  383.  
  384. #links a:hover i{
  385. color:{color:Icon};
  386. }
  387.  
  388. /* Main icons */
  389.  
  390. .mainicons{
  391. position:absolute;
  392. margin-left:350px;
  393. margin-top:5px;
  394. height:40px;
  395. line-height:40px;
  396. text-align:center;
  397. {block:if500pxPosts}
  398. margin-left:450px;
  399. {/block:if500pxPosts}
  400. }
  401.  
  402. .mainicons i{
  403. display:inline;
  404. margin-left:-3px;
  405. width:10px;
  406. height:10px;
  407. padding:5px;
  408. line-height:10px;
  409. border:1px solid {color:Borders};
  410. border-left:1px solid transparent;
  411. color:{color:Main icon};
  412. background:{color:Main icon background};
  413. z-index:10000;
  414. }
  415.  
  416. .mainicons i:hover{
  417. background:{color:Borders};
  418. color:{color:Hover};
  419. -webkit-transition: all .7s ease;
  420. -moz-transition: all .7s ease;
  421. -o-transition: all .7s ease;
  422. transition: all .7s ease;
  423. }
  424.  
  425. /* -------- Footer ------- */
  426.  
  427. #footer{
  428. position:fixed;
  429. top:472px;
  430. width:450px;
  431. height:100px;
  432. z-index:100000;
  433. border:1px solid {color:Borders};
  434. background:{color:Footer background};
  435. {block:if500pxPosts}
  436. width:550px;
  437. {/block:if500pxPosts}
  438. }
  439.  
  440. /* Avatar */
  441.  
  442. #avatar {
  443. position:absolute;
  444. margin:0px;
  445. width:100px;
  446. height:100px;
  447. z-index:1000000;
  448. background:{color:Avatar Background};
  449. border-right:1px solid {color:Borders};
  450. }
  451.  
  452. #avatar img {
  453. margin:10px;
  454. width:80px;
  455. height:80px;
  456. {block:IfCircularAvatar}
  457. border-radius:100px;
  458. {/block:IfCircularAvatar}
  459. }
  460.  
  461. #avatar:hover {
  462. transition: all .7s ease;
  463. }
  464.  
  465. /* Description */
  466.  
  467. #desc{
  468. position:absolute;
  469. margin-left:101px;
  470. top:0;
  471. width:339px;
  472. height:60px;
  473. padding:5px;
  474. padding-bottom:10px;
  475. overflow-y:auto;
  476. overflow-x:hidden;
  477. color:{color:Description};
  478. background:{color:Description background};
  479. {block:if500pxPosts}
  480. width:439px;
  481. {/block:if500pxPosts}
  482. }
  483.  
  484. /* Search box */
  485.  
  486. .search{
  487. position:absolute;
  488. width:150px;
  489. height:24px;
  490. margin-top:75px;
  491. margin-left:100px;
  492. border-top:1px solid {color:Borders};
  493. border-bottom:1px solid {color:Borders};
  494. background:{color:Search background};
  495. }
  496.  
  497. .search i{
  498. position:absolute;
  499. margin-left:130px;
  500. margin-top:-17px;
  501. color:{color:Main icon};
  502. }
  503.  
  504. .pagination{
  505. position:absolute;
  506. font-family:{font:Body font};
  507. margin-top:75px;
  508. margin-left:250px;
  509. width:199px;
  510. height:24px;
  511. line-height:24px;
  512. overflow:hidden;
  513. text-align:center;
  514. border:1px solid {color:Borders};
  515. background:{color:Pagination background};
  516. {block:if500pxPosts}
  517. width:299px;
  518. {/block:if500pxPosts}
  519. }
  520.  
  521. .pagination a, .current_page{
  522. font-size:12px;
  523. padding:0px 7px;
  524. width:20px;
  525. height:20px;
  526. line-height:20px;
  527. margin-left:2px;
  528. margin-right:2px;
  529. color:{color:Link};
  530. text-align:center;
  531. }
  532.  
  533. .pagination i{
  534. color:{color:Icon};
  535. }
  536.  
  537. /* -------- POSTS AND ENTRIES ------- */
  538.  
  539. #posts {
  540. position:fixed;
  541. width:450px;
  542. padding-left:0px;
  543. max-height:400px;
  544. overflow-y:auto;
  545. background:{color:Container background};
  546. border-left:1px solid {color:Borders};
  547. border-right:1px solid {color:Borders};
  548. {block:if500pxPosts}
  549. width:550px;
  550. {/block:if500pxPosts}
  551. }
  552.  
  553. .entry {
  554. float:left;
  555. display: block;
  556. margin:10px;
  557. overflow:hidden;
  558. width:400px;
  559. padding:10px;
  560. background:{color:Post Background};
  561. border:1px solid {color:Borders};
  562. color:{color:Text};
  563. {block:if500pxPosts}
  564. width:500px;
  565. {/block:if500pxPosts}
  566. }
  567.  
  568. .entry:hover{
  569. border:1px solid {color:Scrollbar};
  570. -webkit-transition: all .7s ease;
  571. -moz-transition: all .7s ease;
  572. -o-transition: all .7s ease;
  573. transition: all .7s ease;
  574. }
  575.  
  576. .entry p img, .entry blockquote img { max-width: 100%; }
  577.  
  578.  
  579. /* ----------------------- POST STYLES ----------------------------- */
  580.  
  581. /* Quote posts */
  582.  
  583. .quote {
  584. font-family:{select:Title Font};
  585. font-size:{select:Title font size};
  586. line-height: -moz-calc({select:Title font size} + 3px);
  587. line-height: -webkit-calc({select:Title font size} + 3px);
  588. line-height: -o-calc({select:Title font size} + 3px);
  589. line-height: calc({select:Title font size} + 3px);
  590. color:{color:Italic};
  591. height:auto;
  592. margin:10px;
  593. padding:5px;
  594. text-align:center;
  595. letter-spacing:1px;
  596. }
  597.  
  598. .source {
  599. font-family:{font:Body font};
  600. font-size:{select:Body font size};
  601. line-height: -moz-calc({select:Body font size} + 3px);
  602. line-height: -webkit-calc({select:Body font size} + 3px);
  603. line-height: -o-calc({select:Body font size} + 3px);
  604. line-height: calc({select:Body font size} + 3px);
  605. height:auto;
  606. margin-top:10px;
  607. margin-left:10px;
  608. margin-right:10px;
  609. margin-bottom:5px;
  610. padding:5px;
  611. text-align:right;
  612. letter-spacing:1px;
  613. }
  614.  
  615. /* Link posts */
  616.  
  617. #linktitle{
  618. font-family:{select:Title Font};
  619. font-size:{select:Title font size};
  620. line-height: -moz-calc({select:Title font size} + 3px);
  621. line-height: -webkit-calc({select:Title font size} + 3px);
  622. line-height: -o-calc({select:Title font size} + 3px);
  623. line-height: calc({select:Title font size} + 3px);
  624. width:96%;
  625. padding:2%;
  626. border:1px solid {color:Borders};
  627. }
  628.  
  629. #linktitle a{
  630. color:{color:Link};
  631. }
  632.  
  633. #linktitle i{
  634. color:{color:Icon};
  635. }
  636.  
  637. /* Chat posts */
  638.  
  639. .chat .line {
  640. color: {color:Text};
  641. padding:2px;
  642. }
  643.  
  644. .label {
  645. color:{color:Bold};
  646. padding-right:2px;
  647. }
  648.  
  649. /* Audio posts */
  650.  
  651. #audiocon{
  652. width:100%;
  653. height:auto;
  654. min-height:75px;
  655. overflow:hidden;
  656. margin-bottom:10px;
  657. }
  658.  
  659. .album{
  660. width:65px;
  661. height:65px;
  662. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  663. border: 5px solid {color:Borders};
  664. }
  665.  
  666. .album img{
  667. max-width:65px;
  668. margin-left:0px;
  669. float:left;
  670. margin-top:0px;
  671. z-index:10;
  672. }
  673.  
  674. .audio{
  675. position:absolute;
  676. max-width:325px;
  677. margin-left:80px;
  678. float:left;
  679. margin-top:0;
  680. z-index:10;
  681. font-size:12px;
  682. overflow:hidden;
  683. }
  684.  
  685. .audio i{
  686. color:{color:Icon};
  687. border:1px solid {color:Borders};
  688. padding:2px;
  689. width:12px;
  690. height:12px;
  691. font-size:12px;
  692. margin-bottom:1px;
  693. text-align:center;
  694. }
  695.  
  696. .play{
  697. position:absolute;
  698. margin:20px;
  699. max-width:25px;
  700. max-height:25px;
  701. overflow:hidden;
  702. opacity:0.8;
  703. }
  704.  
  705. /* Ask Posts */
  706.  
  707. .bubble {
  708. position: relative;
  709. height:auto;
  710. margin:0px;
  711. padding:5px;
  712. border: 1px solid {color:Borders};
  713. z-index:1;
  714. min-height:50px;
  715. }
  716.  
  717. .asker img {
  718. float:left;
  719. border:1px solid {color:Borders};
  720. margin-right:5px;
  721. z-index:2000;
  722. }
  723.  
  724. /* ----------------------- POST INFO ----------------------------- */
  725.  
  726. #postinfo{
  727. margin-top:10px;
  728. width:400px;
  729. {block:IfShowInfoOnHover}
  730. display:none;
  731. height:0;
  732. {block:PermalinkPage}
  733. display:block;
  734. height:auto;
  735. {/block:PermalinkPage}
  736. {/block:IfShowInfoOnHover}
  737. z-index:1000;
  738. {block:if500pxPosts}
  739. width:500px;
  740. {/block:if500pxPosts}
  741. }
  742.  
  743. .entry:hover #postinfo{
  744. {block:IfShowInfoOnHover}
  745. height:auto;
  746. display:block;
  747. bottom:0px;
  748. left:0px;
  749. padding-left:10px;
  750. padding-right:10px;
  751. position:absolute;
  752. background:{color:Info background};
  753. opacity:0.9;
  754. color:{color:Link};
  755. border-top:1px solid {color:Borders};
  756. {/block:IfShowInfoOnHover}
  757. }
  758.  
  759. #postinfo a {
  760. font-size:11px;
  761. }
  762.  
  763. .info {
  764. height:28px;
  765. line-height:20px;
  766. float:center;
  767. padding-top:5px;
  768. margin-top:0px;
  769. margin-bottom:5px;
  770. font-size:11px;
  771. width:400px;
  772. color:{color:Link};
  773. {block:PermalinkPage}
  774. width:400px;
  775. {/block:PermalinkPage}
  776. color:{color:Link};
  777. border-top:1px solid {color:Borders};
  778. text-transform:lowercase;
  779. {block:IfShowInfoOnHover}
  780. border:none;
  781. {/block:IfShowInfoOnHover}
  782. {block:if500pxPosts}
  783. width:500px;
  784. {/block:if500pxPosts}
  785. }
  786.  
  787. .info i{
  788. color:{color:Icon};
  789. }
  790.  
  791. /* Like reblog and permalink buttons */
  792.  
  793. .plrbuttons {
  794. float:right;
  795. margin-left:300px;
  796. margin-top:-22px;
  797. z-index:200000;
  798. list-style: none;
  799. padding:5px;
  800. padding-bottom:2px;
  801. {block:if500pxPosts}
  802. margin-left:400px;
  803. {/block:if500pxPosts}
  804. }
  805.  
  806. .plrbuttons i {
  807. float:left;
  808. display:inline-block;
  809. margin-left:5px;
  810. list-style:none;
  811. color:#cccccc;
  812. font-size:15px;
  813. }
  814.  
  815. .plrbuttons li:first-child {
  816. border-right: 0px solid #e8e8e8;
  817. }
  818.  
  819. /* Tags */
  820.  
  821. .tags {
  822. margin-top:5px;
  823. display:inline;
  824. width:100%;
  825. }
  826.  
  827. .tags i{
  828. color:{color:Icon};
  829. display:inline;
  830. }
  831.  
  832.  
  833. /* ----------------------- CREDITS ----------------------------- */
  834.  
  835. #credits {
  836. position:fixed;
  837. right:10px;
  838. top:35px;
  839. z-index:100000;
  840. }
  841.  
  842. #credits img{
  843. border:1px solid {color:Borders};
  844. }
  845.  
  846. /* ------------------------ CUSTOM CSS ----------------------------- */
  847.  
  848. {CustomCSS}
  849.  
  850.  
  851. </style>
  852.  
  853. <script type="text/javascript"
  854. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  855.  
  856. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  857.  
  858. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  859.  
  860. <script type="text/javascript">
  861. <!--
  862. function toggle_visibility(id) {
  863. var e = document.getElementById(id);
  864. if(e.style.display == 'block')
  865. e.style.display = 'none';
  866. else
  867. e.style.display = 'block';
  868. }
  869. //-->
  870. </script>
  871.  
  872. <!--Style my tooltips-->
  873.  
  874. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  875.  
  876. <script src="jquery.style-my-tooltips.js"></script>
  877.  
  878. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  879.  
  880. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  881. <script>
  882. (function($){
  883. $(document).ready(function(){
  884. $("[title]").style_my_tooltips({
  885. tip_follows_cursor:true,
  886. tip_delay_time:200,
  887. tip_fade_speed:300
  888. }
  889. );
  890. });
  891. })(jQuery);
  892. </script>
  893.  
  894. {block:IndexPage}
  895. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  896. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  897.  
  898. <script type="text/javascript">
  899. $(window).load(function(){
  900. var $wall = $('#posts');
  901. $wall.imagesLoaded(function(){
  902. $wall.masonry({
  903. itemSelector: '.entry, .entry_photo',
  904. isAnimated : false
  905. });
  906. });
  907.  
  908. $wall.infinitescroll({
  909. navSelector : '#pagination',
  910. nextSelector : '#pagination a',
  911. itemSelector : '.entry, .entry_photo',
  912. bufferPx : 2000,
  913. debug : false,
  914. errorCallback: function() {
  915. $('#infscr-loading').fadeOut('normal');
  916. }},
  917. function( newElements ) {
  918. var $newElems = $( newElements );
  919. $newElems.hide();
  920. $newElems.imagesLoaded(function(){
  921. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  922. });
  923. }); $('#posts').show(500);
  924. });
  925. </script>
  926.  
  927. {/block:IndexPage}
  928.  
  929. <meta charset="utf-8">
  930. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  931. {block:Description}
  932. <meta name="description" content="{MetaDescription}" />
  933. {/block:Description}
  934. <link rel="shortcut icon" href="{Favicon}">
  935. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  936.  
  937. </head>
  938.  
  939. <body>
  940.  
  941. <!--Main container-->
  942.  
  943. <div id="center">
  944.  
  945. <!--Header-->
  946.  
  947. <div id="header">
  948.  
  949. <!--Blog title-->
  950. <div id="blogtitle">{Title}</div>
  951.  
  952. <div id="morelinks"><a onclick="toggle_visibility('links');"><i class="fa fa-bars"></i></a></div>
  953.  
  954. <div id="links">
  955. {block:IfShowLink1}
  956. <a href="{text:Link 1 url}"> <i>›</i> {text:Link 1}</a>
  957. {/block:IfShowLink1}
  958. {block:IfShowLink2}
  959. <a href="{text:Link 2 url}"> <i>›</i> {text:Link 2}</a>
  960. {/block:IfShowLink2}
  961. {block:IfShowLink3}
  962. <a href="{text:Link 3 url}"> <i>›</i> {text:Link 3}</a>
  963. {/block:IfShowLink3}
  964. {block:IfShowLink4}
  965. <a href="{text:Link 4 url}"> <i>›</i> {text:Link 4}</a>
  966. {/block:IfShowLink4}
  967. {block:IfShowLink5}
  968. <a href="{text:Link 5 url}"> <i>›</i> {text:Link 5}</a>
  969. {/block:IfShowLink5}
  970. </div>
  971. <!--End links-->
  972.  
  973. <!--Main icons-->
  974. <div class="mainicons">
  975. <a href="/" title="Home"><i class="fa fa-home"></i></a>
  976. {block:ifAskEnabled}
  977. <a href="/ask" title="Ask"><i class="fa fa-envelope"></i></a>
  978. {/block:ifAskEnabled}
  979. {block:ifSubmissionsEnabled}
  980. <a href="/submit" title="Submit"><i class="fa fa-pencil"></i></a>
  981. {/block:IfSubmissionsEnabled}
  982. {block:IfShowArchive}
  983. <a href="/archive" title="Archive"><i class="fa fa-clock-o"></i></a>
  984. {/block:IfShowArchive}
  985. </div>
  986.  
  987. </div>
  988. <!--End header-->
  989.  
  990. <!--Posts start-->
  991.  
  992. <div id="posts">
  993.  
  994. {block:Posts}
  995.  
  996. <div class="entry">
  997.  
  998. <!--Hide via and source in captions-->
  999.  
  1000. <!-- {block:NoRebloggedFrom}
  1001. {block:RebloggedFrom}
  1002. {ReblogParentName}
  1003. {/block:RebloggedFrom}
  1004. {/block:NoRebloggedFrom} -->
  1005.  
  1006. {block:ContentSource}
  1007. <!-- {SourceURL}
  1008. {block:SourceLogo}
  1009. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1010. {/block:SourceLogo}
  1011. {block:NoSourceLogo}
  1012. {SourceLink}
  1013. {/block:NoSourceLogo} -->
  1014. {/block:ContentSource}
  1015.  
  1016. <!--Text post-->
  1017. {block:Text}
  1018. {block:Title}
  1019. <h1>{Title}</h1></a>
  1020. {/block:Title}
  1021. {Body}
  1022. {/block:Text}
  1023.  
  1024. <!--Photo post-->
  1025. {block:Photo}
  1026. {block:ifNot500pxPosts}
  1027. <a href="{permalink}">
  1028. <img src="{PhotoURL-400}"
  1029. alt="{PhotoAlt}" width="400"/>
  1030. {block:ifNot500pxPosts}
  1031. {block:if500pxPosts}
  1032. <a href="{permalink}">
  1033. <img src="{PhotoURL-500}"
  1034. alt="{PhotoAlt}" width="500"/>
  1035. {/block:if500pxPosts}
  1036. {/block:Photo}
  1037.  
  1038. <!--Photoset post-->
  1039. {block:Photoset}
  1040. {block:ifNot500pxPosts}
  1041. {Photoset-400}
  1042. {/block:ifNot500pxPosts}
  1043. {block:if500pxPosts}
  1044. {Photoset-500}
  1045. {/block:if500pxPosts}
  1046. {/block:Photoset}
  1047.  
  1048. <!--Quote post-->
  1049. {block:Quote}
  1050. <div class="quote">
  1051. <i class="fa fa-quote-left"></i><br>
  1052. {Quote}
  1053. {block:Source}
  1054. <div class="source">-{Source}
  1055. </div>{/block:Source}</div>
  1056. {/block:Quote}
  1057.  
  1058. <!--Link post-->
  1059. {block:Link}
  1060. <div id="linktitle">
  1061. <a href="{URL}" class="linkpost" target="_blank">{Name}
  1062. <i class="fa fa-angle-double-right"></i>
  1063. </a></div>
  1064. {block:Description}
  1065. <p>{Description}
  1066. {/block:Description}
  1067. {/block:Link}
  1068.  
  1069. <!--Chat post-->
  1070. {block:Chat}
  1071. {block:Title}<h1>{Title}</h1>{/block:Title}
  1072. <div class="chat">
  1073. {block:Lines}<div class="chat"><div class="line {Alt}">
  1074. <div class="{Alt} user_{UserNumber}">
  1075. {block:Label}
  1076. <span class="label">{Label}</span>
  1077. {/block:Label}
  1078. {Line}</div>
  1079. </div></div>
  1080. {/block:Lines}
  1081. </div>
  1082. {/block:Chat}
  1083.  
  1084. <!--Audio post-->
  1085. {block:Audio}
  1086. <div id="audiocon">
  1087. <div class="audio">
  1088. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  1089. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  1090. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  1091. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  1092. <div class="album">
  1093. {block:AlbumArt}
  1094. <img src="{AlbumArtURL}">
  1095. {/block:AlbumArt}
  1096. <div class="play">
  1097. {AudioPlayerWhite}
  1098. </div>
  1099. </div>
  1100. </div>
  1101. {/block:Audio}
  1102.  
  1103. <!--Video post-->
  1104. {block:Video}
  1105. {block:ifNot500pxPosts}
  1106. {Video-400}
  1107. {/block:ifNot500pxPosts}
  1108. {block:ifNot500pxPosts}
  1109. {Video-500}
  1110. {/block:ifNot500pxPosts}
  1111. {/block:Video}
  1112.  
  1113. <!--Ask post-->
  1114. {block:Answer}
  1115. <div class="bubble">
  1116. <div class="asker">
  1117. <img src="{AskerPortraitURL-48}">
  1118. </div>
  1119. <span></span>{Asker}:
  1120. {Question}</div>
  1121. {Answer}
  1122. {/block:Answer}
  1123.  
  1124. {block:IndexPage}
  1125. {block:IfShowCaptions}
  1126. {block:Caption}
  1127. <h2>{Caption}</h2>
  1128. {/block:Caption}
  1129. {/block:IfShowCaptions}
  1130. {/block:IndexPage}
  1131. {block:PermalinkPage}
  1132. {block:Caption}
  1133. <h2>{Caption}</h2>
  1134. {/block:Caption}
  1135. {/block:PermalinkPage}
  1136.  
  1137. {block:Date}
  1138. <div id="postinfo">
  1139.  
  1140. <div class="info">
  1141. <i class="fa fa-clock-o"></i>
  1142. {ShortMonth} {DayOfMonthWithZero}
  1143. {block:NoteCount}
  1144. <i class="fa fa-heart-o"></i>
  1145. {NoteCount}
  1146. {/block:NoteCount}
  1147.  
  1148. {block:RebloggedFrom}
  1149. <i>//</i>
  1150. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
  1151. {/block:RebloggedFrom}
  1152. {block:RebloggedFrom}
  1153. <i>//</i>
  1154. <a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
  1155. {/block:RebloggedFrom}
  1156.  
  1157. <div class="plrbuttons">
  1158. <a href="{Permalink}">
  1159. <i class="fa fa-external-link"></i></a>
  1160. <i>{LikeButton size="15"}</i>
  1161. <i>{ReblogButton size="15"}</i>
  1162. </div>
  1163.  
  1164. </div>
  1165. <!--End info -->
  1166.  
  1167. {block:IndexPage}
  1168. {block:IfShowTags}
  1169. {block:HasTags}
  1170. <div class="tags">
  1171. {block:Tags}
  1172. <a href="{TagURL}">
  1173. <i class="fa fa-tag"></i> {Tag}</a>
  1174. {/block:Tags}
  1175. </div>
  1176. {/block:HasTags}
  1177. {/block:IfShowTags}
  1178. {/block:IndexPage}
  1179. {block:PermalinkPage}
  1180. {block:HasTags}
  1181. <div class="tags">
  1182. {block:Tags}
  1183. <a href="{TagURL}">
  1184. <i class="fa fa-tag"></i>
  1185. {Tag}</a> &nbsp;
  1186. {/block:Tags}
  1187. </div>
  1188. {/block:HasTags}
  1189. {/block:PermalinkPage}
  1190.  
  1191. </div>
  1192. <!--End post info-->
  1193. {/block:Date}
  1194.  
  1195. <!-- Permalink page -->
  1196. {block:PermalinkPage}
  1197. <div class="notes">
  1198.  
  1199. {block:PermalinkPagination}
  1200. <center><br>
  1201. {block:PreviousPost}
  1202. <a href="{PreviousPost}"> &laquo; Previous Post – </a>
  1203. {/block:PreviousPost}
  1204.  
  1205. {block:NextPost}
  1206. <a href="{NextPost}">Next Post &raquo;</a>
  1207. {/block:NextPost}
  1208. </center>
  1209. {/block:PermalinkPagination} <br>
  1210.  
  1211. {block:PostNotes}<br>
  1212. <div style="text-align:left; max-height: 400px; width:400px; overflow: auto; overflow-x: hidden;">
  1213. {PostNotes}</div>
  1214. {/block:PostNotes}</div>
  1215. <br><br>
  1216.  
  1217. {/block:PermalinkPage}
  1218.  
  1219. </div>
  1220. <!--End entry-->
  1221.  
  1222. {/block:Posts}
  1223.  
  1224. </div>
  1225. <!--End posts-->
  1226.  
  1227. <!--Footer-->
  1228.  
  1229. <div id="footer">
  1230.  
  1231. {block:IfShowavatar}
  1232. <div id="avatar"><img src="{image:Avatar}"></div>
  1233. {/block:IfShowavatar}
  1234.  
  1235. {block:IfShowDescription}
  1236. <div id="desc">
  1237. {description}
  1238. </div>
  1239. {/block:IfShowDescription}
  1240.  
  1241. <!--Search box-->
  1242. {block:IfShowSearch}
  1243. <div class="search">
  1244. <form action="/search" method="get">
  1245. <input type="text" name="q" value="SEARCH" style="width:140px; padding-left:10px; height:20px; color:{color:Link};font-size:12px;font-family:{font:Body font};margin-top:0px; margin-left:0px; border:1px solid transparent;background:transparent"/><i class="fa fa-search"></i></form>
  1246. </div>
  1247. {/block:IfShowSearch}
  1248.  
  1249. <!--Pagination-->
  1250. <div class="pagination">
  1251. {block:Pagination}
  1252. {block:PreviousPage}
  1253. <a href="{PreviousPage}" class="jump_page">&laquo;</a>
  1254. {/block:PreviousPage}
  1255. {block:JumpPagination length="3"}
  1256. {block:CurrentPage}
  1257. <span class="current_page">{PageNumber}</span>
  1258. {/block:CurrentPage}
  1259. {block:JumpPage}
  1260. <a class="jump_page" href="{URL}">
  1261. {PageNumber}</a>
  1262. {/block:JumpPage}
  1263. {/block:JumpPagination}
  1264. {block:NextPage}
  1265. <a href="{NextPage}" class="jump_page">&raquo;</a>
  1266. {/block:NextPage}
  1267. {/block:Pagination}
  1268. </div>
  1269. <!--End pagination-->
  1270.  
  1271. </div>
  1272. <!--End footer-->
  1273.  
  1274.  
  1275. </div>
  1276. <!--End container-->
  1277.  
  1278.  
  1279. <a href="http://borntobewildthemes.tumblr.com" title="Theme FB by borntobewildthemes"><div id="credits">
  1280. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1281.  
  1282. </body>
  1283. </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!