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

Facebook

b0rn-to-be-wild
Sep 1st, 2015
300
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.48 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!----
  4.  
  5. © borntobewildthemes.tumblr.com | "Facebook"
  6.  
  7. + Please do not redistribute this theme or remove credits.
  8. + You are allowed to make changes as long as you keep our credits.
  9. + If you have any questions or concerns, just contact us.
  10. + Thanks for using our theme! We hope that you enjoy it!
  11.  
  12. ---->
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. <!--Google fonts-->
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  29.  
  30.  
  31. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  32.  
  33. <meta name="viewport" content="width=device-width, initial-scale=1">
  34.  
  35. <!--DEFAULT VARIABLES-->
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  38.  
  39. <meta name="image:Background" content="1"/>
  40. <meta name="image:Header background" content="1"/>
  41. <meta name="image:Avatar" content="1"/>
  42.  
  43. <meta name="image:Member 1" content="1"/>
  44. <meta name="image:Member 2" content="1"/>
  45. <meta name="image:Member 3" content="1"/>
  46. <meta name="image:Member 4" content="1"/>
  47. <meta name="image:Member 5" content="1"/>
  48. <meta name="image:Member 6" content="1"/>
  49.  
  50. <meta name="color:Background" content="#f2f2f2"/>
  51. <meta name="color:Header background" content="#48649f"/>
  52. <meta name="color:Menu background" content="#43609c"/>
  53. <meta name="color:Menu border" content="#1c326c"/>
  54. <meta name="color:Blog title" content="#f2f2f2"/>
  55. <meta name="color:Topbar background" content="#fff"/>
  56. <meta name="color:Topbar link" content="#777"/>
  57. <meta name="color:Sidebar title" content="#4e5665"/>
  58. <meta name="color:Sidebar text" content="#777"/>
  59. <meta name="color:Sidebar link" content="#000"/>
  60. <meta name="color:Sidebar icon" content="#bbb"/>
  61. <meta name="color:Sidebar link border" content="#bbb"/>
  62. <meta name="color:Borders" content="#d3d6db"/>
  63. <meta name="color:Post background" content="#fff"/>
  64. <meta name="color:Topbar background" content="#fff"/>
  65. <meta name="color:Sidebar background" content="#fff"/>
  66. <meta name="color:Post info link" content="#777"/>
  67. <meta name="color:Post info icon" content="#bbb"/>
  68. <meta name="color:Title" content="#000"/>
  69. <meta name="color:Text" content="#ddd"/>
  70. <meta name="color:Hover" content="#eee"/>
  71. <meta name="color:Bold" content="#000"/>
  72. <meta name="color:Italic" content="#333"/>
  73. <meta name="color:Icon" content="#000"/>
  74. <meta name="color:Link" content="#777"/>
  75. <meta name="color:Link border" content="#777"/>
  76. <meta name="color:Info border" content="#000"/>
  77. <meta name="color:Borders" content="#fff"/>
  78. <meta name="color:Description" content="#bbb"/>
  79. <meta name="color:Music player text" content="#000"/>
  80. <meta name="color:Music player background" content="#f2f2f2"/>
  81. <meta name="color:Search bar background" content="#f2f2f2"/>
  82. <meta name="color:Icon background" content="#f2f2f2"/>
  83.  
  84. <meta name="select:Title Font" content="Exo" title="Exo">
  85. <meta name="select:Title Font" content="Baumans" title="Baumans">
  86. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  87. <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
  88. <meta name="select:Title Font" content="Julius Sans One" title="Julius Sans One">
  89.  
  90. <meta name="select:Title font size" content="20px" title="20px">
  91. <meta name="select:Title font size" content="22px" title="22px">
  92. <meta name="select:Title font size" content="25px" title="25px">
  93. <meta name="select:Title font size" content="27px" title="27px">
  94. <meta name="select:Title font size" content="30px" title="30px">
  95.  
  96. <meta name="font:Body font" content="Helvetica"/>
  97. <meta name="select:Body font size" content="12px" title="12px">
  98. <meta name="select:Body font size" content="13px" title="13px">
  99. <meta name="select:Body font size" content="14px" title="14px">
  100. <meta name="select:Body font size" content="15px" title="15px">
  101. <meta name="select:Body font size" content="16px" title="16px">
  102.  
  103. <meta name="if:Two Columns" content="0" />
  104. <meta name="if:Show Topbar" content="1" />
  105. <meta name="if:Show Avatar" content="1" />
  106. <meta name="if:Show Description" content="1" />
  107. <meta name="if:Show Navigation" content="1" />
  108. <meta name="if:Show Link One" content="1" />
  109. <meta name="if:Show Link Two" content="1" />
  110. <meta name="if:Show Link Three" content="1" />
  111. <meta name="if:Show Link Four" content="1" />
  112. <meta name="if:Show Link Five" content="1" />
  113. <meta name="if:Show Stats" content="1" />
  114. <meta name="if:Show Stats Line 1" content="1" />
  115. <meta name="if:Show Stats Line 2" content="1" />
  116. <meta name="if:Show Stats Line 3" content="1" />
  117. <meta name="if:Show Stats Line 4" content="1" />
  118. <meta name="if:Show Stats Line 5" content="1" />
  119. <meta name="if:Show Members" content="1" />
  120. <meta name="if:Show Social" content="1" />
  121. <meta name="if:Show Blogroll" content="1" />
  122. <meta name="if:Show Disclaimer" content="1" />
  123. <meta name="if:Show Search" content="1" />
  124. <meta name="if:Show Music Player" content="1" />
  125. <meta name="if:Show Captions" content="1" />
  126. <meta name="if:Show Tags" content="1" />
  127.  
  128. <meta name="if:Show Link One" content="1" />
  129. <meta name="if:Show Link Two" content="1" />
  130. <meta name="if:Show Link Three" content="1" />
  131. <meta name="if:Show Link Four" content="1" />
  132. <meta name="if:Show Link Five" content="1" />
  133.  
  134. <meta name="text:Link One Title" content="Link one" />
  135. <meta name="text:Link One Url" content="http://"/>
  136. <meta name="text:Link Two Title" content="Link two"/>
  137. <meta name="text:Link Two Url" content="http://"/>
  138. <meta name="text:Link Three Title" content="Link three" />
  139. <meta name="text:Link Three Url" content="http://" />
  140. <meta name="text:Link Four Title" content="Link four" />
  141. <meta name="text:Link Four Url" content="http://" />
  142. <meta name="text:Link Five Title" content="Link five" />
  143. <meta name="text:Link Five Url" content="http://" />
  144.  
  145. <meta name="if:Facebook" content="1" />
  146. <meta name="if:Googleplus" content="1" />
  147. <meta name="if:Twitter" content="1" />
  148. <meta name="if:Flickr" content="1" />
  149. <meta name="if:Deviantart" content="1" />
  150. <meta name="if:Instagram" content="1" />
  151.  
  152. <meta name="if:Show Member One" content="1" />
  153. <meta name="if:Show Member Two" content="1" />
  154. <meta name="if:Show Member Three" content="1" />
  155. <meta name="if:Show Member Four" content="1" />
  156. <meta name="if:Show Member Five" content="1" />
  157. <meta name="if:Show Member Six" content="1" />
  158.  
  159. <meta name="text:Blog alias" content="Tumblr user"/>
  160.  
  161. <meta name="text:Sidebar title 1" content="About"/>
  162. <meta name="text:Sidebar title 2" content="Members"/>
  163. <meta name="text:Sidebar title 3" content="Social links"/>
  164. <meta name="text:Sidebar title 4" content="Following"/>
  165. <meta name="text:Sidebar title 5" content="Disclaimer"/>
  166.  
  167. <meta name="text:Facebook url" content="http://" />
  168. <meta name="text:Googleplus url" content="http://" />
  169. <meta name="text:Twitter url" content="http://" />
  170. <meta name="text:Flickr url" content="http://" />
  171. <meta name="text:Deviantart url" content="http://" />
  172. <meta name="text:Instagram url" content="http://" />
  173.  
  174. <meta name="text:Sidebar title 5" content="Members"/>
  175.  
  176. <meta name="text:Member 1 link" content="Member 1 link"/>
  177. <meta name="text:Member 1 name" content="Member 1 name"/>
  178.  
  179. <meta name="text:Member 2 link" content="Member 2 link"/>
  180. <meta name="text:Member 2 name" content="Member 2 name"/>
  181.  
  182. <meta name="text:Member 3 link" content="Member 3 link"/>
  183. <meta name="text:Member 3 name" content="Member 3 name"/>
  184.  
  185. <meta name="text:Member 4 link" content="Member 4 link"/>
  186. <meta name="text:Member 4 name" content="Member 4 name"/>
  187.  
  188. <meta name="text:Member 5 link" content="Member 5 link"/>
  189. <meta name="text:Member 5 name" content="Member 5 name"/>
  190.  
  191. <meta name="text:Member 6 link" content="Member 6 link"/>
  192. <meta name="text:Member 6 name" content="Member 6 name"/>
  193.  
  194. <meta name="text:Stats icon 1" content="briefcase"/>
  195. <meta name="text:Stats 1" content="Lorem ipsum"/>
  196. <meta name="text:Stats icon 2" content="university"/>
  197. <meta name="text:Stats 2" content="Lorem ipsum"/>
  198. <meta name="text:Stats icon 3" content="home"/>
  199. <meta name="text:Stats 3" content="Lorem ipsum"/>
  200. <meta name="text:Stats icon 4" content="tag"/>
  201. <meta name="text:Stats 4" content="Lorem ipsum"/>
  202. <meta name="text:Stats icon 5" content="rss"/>
  203. <meta name="text:Stats 5" content="Lorem ipsum"/>
  204.  
  205. <meta name="text:Disclaimer" content="Add text here"/>
  206.  
  207. <style type="text/css">
  208.  
  209. /* ---------------------------- GENERAL ----------------------------- */
  210.  
  211. /* -------- BASICS ------- */
  212.  
  213. body {
  214. margin:0;
  215. padding:0;
  216. width:100%;
  217. height:100%;
  218. color:{color:text};
  219. font-family:{font:Body font};
  220. font-size:{select:Body font size};
  221. line-height: -moz-calc({select:Body font size} + 3px);
  222. line-height: -webkit-calc({select:Body font size} + 3px);
  223. line-height: -o-calc({select:Body font size} + 3px);
  224. line-height: calc({select:Body font size} + 3px);
  225. background-color: {color:Background};
  226. background-image:url({image:Background});
  227. background-attachment: fixed;
  228. background-repeat: repeat;
  229. }
  230.  
  231. /* Paragraph */
  232.  
  233. p {margin-top:5px; margin-bottom:5px;}
  234.  
  235. <--ses-->
  236. small{font-size: 90%;}
  237.  
  238. big{font-size: 110%;}
  239.  
  240. /* Title */
  241.  
  242. h1{
  243. color:{color:Title};
  244. font-family:{select:Title Font};
  245. font-size:{select:Title font size};
  246. line-height: -moz-calc({select:Title font size} + 3px);
  247. line-height: -webkit-calc({select:Title font size} + 3px);
  248. line-height: -o-calc({select:Title font size} + 3px);
  249. line-height: calc({select:Title font size} + 3px);
  250. border-bottom:1px solid {color:Borders};
  251. }
  252.  
  253. /* Captions */
  254.  
  255. h2{
  256. font-family:{font:Body font};
  257. font-size:{select:Body font size};
  258. line-height: -moz-calc({select:Body font size} + 3px);
  259. line-height: -webkit-calc({select:Body font size} + 3px);
  260. line-height: -o-calc({select:Body font size} + 3px);
  261. line-height: calc({select:Body font size} + 3px);
  262. font-weight:normal;
  263. }
  264.  
  265. /* Links */
  266.  
  267. a:link, a:active, a:visited{
  268. -webkit-transition: all .7s ease;
  269. -moz-transition: all .7s ease;
  270. -o-transition: all .7s ease;
  271. transition: all .7s ease;
  272. color:{color:Link};
  273. text-decoration:none;
  274. }
  275.  
  276. a:hover, .clickme:hover {
  277. color:{color:Hover};
  278. -webkit-transition: all 0.8s ease-in-out;
  279. -moz-transition: all 0.8s ease-in-out;
  280. -o-transition: all 0.8s ease-in-out;
  281. -ms-transition: all 0.8s ease-in-out;
  282. transition: all 0.8s ease-in-out;
  283. }
  284.  
  285. a img{border: 0px;}
  286.  
  287. ul, ol, li{ margin:5px 10px; padding:0px;}
  288.  
  289. /* Bold and italic */
  290.  
  291. b, strong {color:{color:Bold};}
  292. i, em {color:{color:Italic};}
  293.  
  294. /* Blockquote */
  295.  
  296. blockquote{
  297. padding:0px 0px 2px 5px;
  298. margin:0px 0px 2px 10px;
  299. border-left: 1px solid {color:Borders};
  300. }
  301.  
  302. /* Text selection */
  303.  
  304. ::-moz-selection {
  305. background: {color:Borders};
  306. color: {color:Link};
  307. }
  308.  
  309. ::selection {
  310. background: {color:Borders};
  311. color: {color:Link};
  312. }
  313.  
  314. /* Tooltips */
  315.  
  316. #s-m-t-tooltip {
  317. max-width:300px;
  318. z-index:10000000;
  319. margin:24px 14px 7px 12px;
  320. padding:8px;
  321. color:{color:Link};
  322. background:{color:Post background};
  323. border:1px solid {color:Borders};
  324. font-size:13px;
  325. line-height:16px;
  326. }
  327.  
  328. /* Tumblr controls */
  329.  
  330. iframe#tumblr_controls {
  331. position: fixed !important;
  332. right:0px !important;
  333. top:6px;
  334. -moz-transition: all 0.8s ease-out;
  335. -webkit-transition: opacity 0.7s linear;
  336. -webkit-transition: all 0.8s ease-out;
  337. transition: all 0.8s ease-out;
  338. opacity: 0.5;
  339. }
  340.  
  341. iframe#tumblr_controls:hover {
  342. -webkit-transition: opacity 0.7s linear;
  343. -moz-transition: all 0.4s ease-out;
  344. -webkit-transition: all 0.4s ease-out;
  345. transition: all 0.4s ease-out;
  346. opacity: 1;
  347. }
  348.  
  349. /* Post notes style */
  350.  
  351. .notes img{
  352. max-width:15px;
  353. max-height:15px;
  354. position:relative;
  355. top:3px;
  356. margin-right:5px;
  357. border:1px solid {color:Borders};
  358. border-radius:60px;
  359. }
  360.  
  361. .notes li{
  362. list-style:none;
  363. }
  364.  
  365. .notes i{
  366. color:{color:Icon};
  367. }
  368.  
  369. /* ----------------------- MAIN CONTAINER ----------------------------- */
  370.  
  371. div#center{
  372. margin-top:5px;
  373. margin-left:auto;
  374. margin-right:auto;
  375. position:relative;
  376. width:855px;
  377. min-height:1000px;
  378. overflow:hidden;
  379. }
  380.  
  381. /*----- POSTS AND ENTRIES -----*/
  382.  
  383. #posts {
  384. width:560px;
  385. z-index:1;
  386. margin-left:332px;
  387. height:auto;
  388. min-height:800px;
  389. margin-right:auto;
  390. position:relative;
  391. }
  392.  
  393. .entry {
  394. float:left;
  395. display: block;
  396. margin-top:10px;
  397. overflow:hidden;
  398. width:500px;
  399. height:auto;
  400. min-height:120px;
  401. padding:10px;
  402. border:1px solid {color:Borders};
  403. background:{color:Post background};
  404. }
  405.  
  406. /*----- SIDEBAR -----*/
  407.  
  408. #sidebar{
  409. position:absolute;
  410. width:300px;
  411. z-index:100;
  412. height:100%;
  413. margin-top:-10px;
  414. margin-left:0px;
  415. z-index:10;
  416. font-family:{font:Body font};
  417. }
  418.  
  419. /* Avatar box */
  420.  
  421. #avatar{
  422. position:absolute;
  423. width:170px;
  424. height:170px;
  425. margin-top:170px;
  426. margin-left:15px;
  427. border-radius:3px;
  428. text-align:center;
  429. border:1px solid {color:Borders};
  430. background:{color:Topbar background};
  431. }
  432.  
  433. #avatar img{
  434. margin:5px;
  435. width:160px;
  436. height:160px;
  437. }
  438.  
  439. /* Sidebar title */
  440.  
  441. .sidebartitle{
  442. width:289px;
  443. height:25px;
  444. line-height:25px;
  445. margin-top:20px;
  446. padding:3px;
  447. padding-left:15px;
  448. font-size:11px;
  449. z-index:10000;
  450. text-transform:uppercase;
  451. color:{color:Sidebar title};
  452. font-weight:700;
  453. border:1px solid {color:Borders};
  454. border-bottom:1px solid transparent;
  455. background:{color:Sidebar background};
  456. }
  457.  
  458. /* Blog stats */
  459.  
  460. #statsbar{
  461. margin-top:20px;
  462. margin-left:0px;
  463. padding-top:10px;
  464. padding-left:10px;
  465. width:297px;
  466. max-height:200px;
  467. overflow-y:auto;
  468. color:{color:Sidebar text};
  469. border:1px solid {color:Borders};
  470. background:{color:Sidebar background};
  471. }
  472.  
  473. #statsbar a{
  474. color:{color:Sidebar link};
  475. }
  476.  
  477. .statsline{
  478. margin-bottom:10px;
  479. }
  480.  
  481. .statsline i{
  482. color:{color:Sidebar icon};
  483. margin-right:5px;
  484. }
  485.  
  486. /* Description */
  487.  
  488. #desc{
  489. width:287px;
  490. height:auto;
  491. max-height:200px;
  492. overflow-y:auto;
  493. text-align:justify;
  494. display:block;
  495. margin-top:0px;
  496. border:1px solid {color:Borders};
  497. color:{color:Sidebar text};
  498. border:1px solid {color:Borders};
  499. background:{color:Sidebar background};
  500. font-size:11px;
  501. padding:10px;
  502. z-index:1;
  503. }
  504.  
  505. /* Box 1 */
  506.  
  507. #members{
  508. margin-top:0px;
  509. padding-top:5px;
  510. margin-left:0px;
  511. width:307px;
  512. border:1px solid {color:Borders};
  513. background:{color:Sidebar background};
  514. text-align:center;
  515. }
  516.  
  517. .memberinfo{
  518. display:inline-block;
  519. height:94px;
  520. width:94px;
  521. margin-left:2px;
  522. margin-top:2px;
  523. overflow:hidden;
  524. border:1px solid {color:Borders};
  525. }
  526.  
  527. .membername{
  528. position:absolute;
  529. margin-left:5px;
  530. margin-top:75px;
  531. height:20px;
  532. width:89px;
  533. font-size:11px;
  534. color:{color:Sidebar text};
  535. text-align:left;
  536. z-index:10000;
  537. }
  538.  
  539. .memberimg{
  540. position:absolute;
  541. float:left;
  542. display:inline;
  543. margin-left:-47px;
  544. margin-top:0px;
  545. width:94px;
  546. height:94px;
  547. border:none;
  548. }
  549.  
  550. .memberimg img{
  551. width:94px;
  552. height:94px;
  553. }
  554.  
  555. /* Social bar */
  556.  
  557. #socialbar{
  558. margin-top:0px;
  559. margin-left:0px;
  560. padding-top:5px;
  561. padding-left:2px;
  562. width:305px;
  563. border:1px solid {color:Borders};
  564. background:{color:Sidebar background};
  565. }
  566.  
  567. #socialbar a{
  568. display:inline-block;
  569. width:94px;
  570. height:94px;
  571. margin-left:2px;
  572. margin-bottom:2px;
  573. color:{color:Sidebar link};
  574. border:1px solid {color:Sidebar link border};
  575. line-height:94px;
  576. text-align:center;
  577. overflow:hidden;
  578. }
  579.  
  580. #socialbar a:hover{
  581. color:{color:Hover};
  582. background: {color:Borders};
  583. }
  584.  
  585. #socialbar i{
  586. font-size:30px;
  587. margin-left:auto;
  588. margin-right:auto;
  589. margin-top:35px;
  590. color:{color:Sidebar icon};
  591. }
  592.  
  593. /* Blogroll */
  594.  
  595. #blogroll{
  596. margin-top:0px;
  597. margin-left:0px;
  598. padding-top:5px;
  599. padding-bottom:5px;
  600. width:307px;
  601. max-height:288px;
  602. overflow-y:auto;
  603. color:{color:Sidebar text};
  604. border:1px solid {color:Borders};
  605. background:{color:Sidebar background};
  606. text-align:center;
  607. }
  608.  
  609. #blogroll a img{
  610. width:90px;
  611. height:90px;
  612. margin-left:2px;
  613. margin-bottom:2px;
  614. border:1px solid {color:Sidebar link border};
  615. }
  616.  
  617. /* Menu */
  618.  
  619. .menu{
  620. position:fixed;
  621. margin:0;
  622. width:100%;
  623. height:40px;
  624. background:{color:Menu background};
  625. border-bottom:1.5px solid {color:Menu border};
  626. z-index:1000;
  627. }
  628.  
  629. .searchbox{
  630. position:absolute;
  631. margin-left:20px;
  632. margin-top:7px;
  633. width:450px;
  634. height:25px;
  635. background:#fff;
  636. border:1px solid {color:Borders};
  637. border-radius:2px;
  638. }
  639.  
  640. .search-icon{
  641. position:absolute;
  642. margin-left:405px;
  643. margin-top:0px;
  644. width:45px;
  645. height:25px;
  646. background:{color:Borders};
  647. text-align:center;
  648. z-index:10000;
  649. border-top-right-radius:2px;
  650. border-bottom-right-radius:2px;
  651. }
  652.  
  653. .search-icon i{
  654. color:{color:Bold};
  655. padding:2.5px;
  656. font-size:15px;
  657. }
  658.  
  659. /* Header */
  660.  
  661. header{
  662. width:852px;
  663. height:315px;
  664. margin-top:40;
  665. margin-left:auto;
  666. margin-right:auto;
  667. z-index:100000;
  668. background-color:{color:Header background};
  669. background: url({image:Header background}) no-repeat center center;
  670. -webkit-background-size: cover;
  671. -moz-background-size: cover;
  672. -o-background-size: cover;
  673. background-size: cover;
  674. border-left:1px solid {color:Borders};
  675. border-right:1px solid {color:Borders};
  676. }
  677.  
  678. .blogtitle{
  679. position:absolute;
  680. margin-top:260px;
  681. margin-left:200px;
  682. padding:10px;
  683. width:auto;
  684. min-width:500px;
  685. max-height:100px;
  686. font-size:30px;
  687. line-height:20px;
  688. color:{color:Blog title};
  689. }
  690.  
  691. /* Topbar */
  692.  
  693. #topbar{
  694. margin:0;
  695. margin-left:auto;
  696. margin-right:auto;
  697. width:853px;
  698. line-height:45px;
  699. max-height:45px;
  700. text-align:center;
  701. background-color:{color:Topbar background};
  702. border:1px solid {color:Borders};
  703. z-index:10000;
  704. text-align:center;
  705. }
  706.  
  707. .topbarin{
  708. margin-left:-150px;
  709. margin-top:-5px;
  710. }
  711.  
  712. .topbarin a{
  713. font-size:14px;
  714. display:inline-block;
  715. padding-left:10px;
  716. padding-right:10px;
  717. max-width:80px;
  718. height:35px;
  719. margin-left:-5px;
  720. padding-bottom:5px;
  721. line-height:35px;
  722. font-weight:700;
  723. color:{color:Topbar link};
  724. border-left:1px solid {color:Borders};
  725. border-right:1px solid {color:Borders};
  726. }
  727.  
  728. .topbarin a:hover{
  729. color:{color:Hover};
  730. -webkit-transition: all .7s ease;
  731. -moz-transition: all .7s ease;
  732. -o-transition: all .7s ease;
  733. transition: all .7s ease;
  734. }
  735.  
  736. .topbarin a:hover i{
  737. color:{color:Hover};
  738. }
  739.  
  740. .arrow{
  741. position:absolute;
  742. margin-top:-3px;
  743. margin-left:10px;
  744. width: 0;
  745. height: 0;
  746. border-left: 10px solid transparent;
  747. border-right: 10px solid transparent;
  748. border-bottom: 10px solid {color:Background};
  749. }
  750.  
  751. /* More links */
  752.  
  753. .more{
  754. position:absolute;
  755. margin-left:638px;
  756. margin-top:-40px;
  757. max-width:70px;
  758. max-height:40px;
  759. line-height:35px;
  760. font-weight:700;
  761. color:{color:Sidebar link};
  762. font-size:14px;
  763. border-left:1px solid {color:Borders};
  764. border-right:1px solid {color:Borders};
  765. z-index:1000;
  766. overflow:hidden;
  767. }
  768.  
  769. .more i{
  770. color:{color:Sidebar link};
  771. font-size:14px;
  772. }
  773.  
  774. .more:hover{
  775. height:auto;
  776. overflow:visible;
  777. }
  778.  
  779. .navigation{
  780. margin-top:5px;
  781. padding:5px;
  782. line-height:1px;
  783. text-align:left;
  784. width:100px;
  785. height:auto;
  786. border:1px solid {color:Borders};
  787. background:{color:Topbar background};
  788. }
  789.  
  790. .navigation a{
  791. font-size:11px;
  792. margin-left:10px;
  793. padding:0px;
  794. height:15px;
  795. margin-bottom:10;
  796. margin-top:0px;
  797. border:none;
  798. text-align:left;
  799. }
  800.  
  801. /* ----------------------- POST STYLES ----------------------------- */
  802.  
  803. /* Quote posts */
  804.  
  805. .quote {
  806. font-family:{select:Title Font};
  807. font-size:{select:Title font size};
  808. line-height: -moz-calc({select:Title font size} + 3px);
  809. line-height: -webkit-calc({select:Title font size} + 3px);
  810. line-height: -o-calc({select:Title font size} + 3px);
  811. line-height: calc({select:Title font size} + 3px);
  812. color:{color:Italic};
  813. height:auto;
  814. margin:10px;
  815. padding:5px;
  816. text-align:center;
  817. letter-spacing:1px;
  818. }
  819.  
  820. .source {
  821. font-family:{font:Body font};
  822. font-size:{select:Body font size};
  823. line-height:130%;
  824. height:auto;
  825. margin-top:10px;
  826. margin-left:10px;
  827. margin-right:10px;
  828. margin-bottom:5px;
  829. padding:5px;
  830. text-align:right;
  831. letter-spacing:1px;
  832. }
  833.  
  834. /* Link posts */
  835.  
  836. #linktitle{
  837. font-family:{select:Title Font};
  838. font-size:{select:Title font size};
  839. line-height:130%;
  840. width:96%;
  841. padding:2%;
  842. border:1px solid {color:Borders};
  843. }
  844.  
  845. #linktitle a{
  846. color:{color:Link};
  847. }
  848.  
  849. #linktitle i{
  850. color:{color:Icon};
  851. }
  852.  
  853. /* Chat posts */
  854.  
  855. .chat .line {
  856. color: {color:Text};
  857. padding:2px;
  858. }
  859.  
  860. .label {
  861. color:{color:Bold};
  862. font-size:15px;
  863. font-family:{select:Title Font};
  864. padding-right:2px;
  865. }
  866.  
  867. /* Audio posts */
  868.  
  869. #audiocon{
  870. width:100%;
  871. height:auto;
  872. min-height:75px;
  873. overflow:hidden;
  874. margin-bottom:10px;
  875. }
  876.  
  877. .album{
  878. width:65px;
  879. height:65px;
  880. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  881. border: 5px solid {color:Borders};
  882. }
  883.  
  884. .album img{
  885. max-width:65px;
  886. margin-left:0px;
  887. float:left;
  888. margin-top:0px;
  889. z-index:10;
  890. }
  891.  
  892. .audio{
  893. position:absolute;
  894. max-width:325px;
  895. margin-left:80px;
  896. float:left;
  897. margin-top:0;
  898. z-index:10;
  899. font-size:12px;
  900. overflow:hidden;
  901. }
  902.  
  903. .audio i{
  904. color:{color:Icon};
  905. border:1px solid {color:Borders};
  906. padding:2px;
  907. width:12px;
  908. height:12px;
  909. font-size:12px;
  910. margin-bottom:1px;
  911. text-align:center;
  912. }
  913.  
  914. .play{
  915. position:absolute;
  916. margin:20px;
  917. max-width:25px;
  918. max-height:25px;
  919. overflow:hidden;
  920. opacity:0.8;
  921. }
  922.  
  923. /* Ask Posts */
  924.  
  925. .bubble {
  926. position: relative;
  927. height:auto;
  928. margin:5px;
  929. padding:5px;
  930. border: 1px solid {color:Borders};
  931. z-index:1;
  932. min-height:50px;
  933. }
  934.  
  935. .asker img {
  936. float:left;
  937. border:1px solid {color:Borders};
  938. margin-right:5px;
  939. z-index:100;
  940. border-radius:100%;
  941. }
  942.  
  943. /* ----------------------- POST INFO ----------------------------- */
  944.  
  945. .infotop{
  946. width:500px;
  947. height:50px;
  948. margin:0;
  949. }
  950.  
  951. /* Top info avatar */
  952.  
  953. .infoa{
  954. width:36px;
  955. height:36px;
  956. }
  957.  
  958. .infoa img{
  959. width:36px;
  960. height:36px;
  961. }
  962.  
  963. /* Top info title */
  964.  
  965. .infotopurl{
  966. position:absolute;
  967. margin-left:45px;
  968. margin-top:-35px;
  969. font-size:12px;
  970. }
  971.  
  972. .infotopurl b{
  973. color:{color:Link};
  974. }
  975.  
  976. /* Date */
  977.  
  978. .infotopd{
  979. position:absolute;
  980. margin-left:45px;
  981. margin-top:-15px;
  982. font-size:12px;
  983. }
  984.  
  985. /* Bottom info */
  986.  
  987. .infobot {
  988. width:490px;
  989. height:30px;
  990. margin-top:10px;
  991. margin-left:0px;
  992. padding-top:5px;
  993. font-size:12px;
  994. line-height:12px;
  995. color:{color:Text};
  996. border-top:1px solid {color:Borders};
  997. }
  998.  
  999. .likeb{
  1000. position:absolute;
  1001. margin:0;
  1002. margin-top:5px;
  1003. font-size:12px;
  1004. height:20px;
  1005. line-height:20px;
  1006. color:{color:Text};
  1007. }
  1008.  
  1009. .likeb i{
  1010. position:absolute;
  1011. margin-right:5px;
  1012. margin-top:0px;
  1013. display:inline-block;
  1014. list-style:none;
  1015. font-size:12px;
  1016. }
  1017.  
  1018. .likeb b{
  1019. position:absolute;
  1020. margin-top:-2px;
  1021. margin-left:20px;
  1022. font-weight:normal;
  1023. color:{color:Text};
  1024. }
  1025.  
  1026. .reblogb{
  1027. position:absolute;
  1028. margin-left:65px;
  1029. margin-top:5px;
  1030. background:red;
  1031. font-size:12px;
  1032. color:{color:Text};
  1033. }
  1034.  
  1035. .reblogb i{
  1036. position:absolute;
  1037. margin-right:5px;
  1038. margin-top:0px;
  1039. display:inline-block;
  1040. list-style:none;
  1041. font-size:12px;
  1042. }
  1043.  
  1044. .reblogb b{
  1045. position:absolute;
  1046. margin-top:2px;
  1047. margin-left:20px;
  1048. font-weight:normal;
  1049. color:{color:Text};
  1050. }
  1051.  
  1052. .permab{
  1053. position:absolute;
  1054. margin-left:150px;
  1055. margin-top:5px;
  1056. background:red;
  1057. font-size:12px;
  1058. color:{color:Text};
  1059. }
  1060.  
  1061. .permab i{
  1062. position:absolute;
  1063. margin-right:5px;
  1064. margin-top:0px;
  1065. display:inline-block;
  1066. list-style:none;
  1067. font-size:15px;
  1068. color:#ccc;
  1069. }
  1070.  
  1071. .permab b{
  1072. position:absolute;
  1073. margin-top:2px;
  1074. margin-left:20px;
  1075. font-weight:normal;
  1076. color:{color:Text};
  1077. }
  1078.  
  1079. /* Bottom info 2*/
  1080.  
  1081. .infobot2 {
  1082. width:510px;
  1083. height:20px;
  1084. padding:5px;
  1085. padding-left:10px;
  1086. margin-left:-10px;
  1087. font-size:12px;
  1088. line-height:12px;
  1089. color:{color:Text};
  1090. border-top:1px solid {color:Borders};
  1091. }
  1092.  
  1093. .infobot2 a{
  1094. margin-right:25px;
  1095. color:{color:Text};
  1096. }
  1097.  
  1098. /*-- PAGINATION --*/
  1099.  
  1100. #pagination{
  1101. display:none;
  1102. }
  1103.  
  1104. .pagination{
  1105. font-family:{font:Body font};
  1106. margin-top:20px;
  1107. margin-bottom:20px;
  1108. margin-left:332px;
  1109. width:510px;
  1110. height:20px;
  1111. line-height:20px;
  1112. padding:5px;
  1113. overflow:hidden;
  1114. border:1px solid {color:Borders};
  1115. background:{color:Post background};
  1116. }
  1117.  
  1118. .pagination a{
  1119. margin-left:5px;
  1120. letter-spacing:2px;
  1121. font-family:{font:Body font};
  1122. }
  1123.  
  1124. .pagination i{
  1125. color:{color:Icon};
  1126. }
  1127.  
  1128. .previous {
  1129. position:absolute;
  1130. margin-left:400px;
  1131. width:105px;
  1132. text-align:right;
  1133. margin-top:0;
  1134. color:{color:sidebar text};
  1135. text-decoration:none;
  1136. color:{color:Icon};
  1137. border-left:1px solid {color:Borders};
  1138. }
  1139.  
  1140. .next{
  1141. position:absolute;
  1142. margin-left:0;
  1143. color:{color:Icon};
  1144. }
  1145.  
  1146. /* Tooltips */
  1147.  
  1148. #s-m-t-tooltip {
  1149. max-width:300px;
  1150. z-index:10;
  1151. margin:24px 14px 7px 12px;
  1152. padding:8px;
  1153. color:{color:Link};
  1154. background:rgba({select:Sidebar Transparency color}, {select:Sidebar transparency});
  1155. border:1px solid {color:Borders};
  1156. font-size:13px;
  1157. line-height:16px;
  1158. border-radius:5px;
  1159. }
  1160.  
  1161. /* Credits */
  1162.  
  1163. #credits {
  1164. position:fixed;
  1165. right:10px;
  1166. top:50px;
  1167. z-index:100000;
  1168. }
  1169.  
  1170. #credits img{
  1171. border:1px solid {color:Borders};
  1172. }
  1173.  
  1174. {CustomCSS}
  1175.  
  1176.  
  1177. </style>
  1178.  
  1179.  
  1180. <script type="text/javascript"
  1181. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1182.  
  1183. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  1184. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1185. <script src="jquery.style-my-tooltips.js"></script>
  1186.  
  1187. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  1188.  
  1189. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1190. <script>
  1191. (function($){
  1192. $(document).ready(function(){
  1193. $("[title]").style_my_tooltips({
  1194. tip_follows_cursor:true,
  1195. tip_delay_time:200,
  1196. tip_fade_speed:300
  1197. }
  1198. );
  1199. });
  1200. })(jQuery);
  1201. </script>
  1202.  
  1203. {block:IndexPage}
  1204. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1205. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1206.  
  1207. <script type="text/javascript">
  1208. $(window).load(function(){
  1209. var $wall = $('#posts');
  1210. $wall.imagesLoaded(function(){
  1211. $wall.masonry({
  1212. itemSelector: '.entry, .entry_photo',
  1213. isAnimated : false
  1214. });
  1215. });
  1216.  
  1217. $wall.infinitescroll({
  1218. navSelector : '#pagination',
  1219. nextSelector : '#pagination a',
  1220. itemSelector : '.entry, .entry_photo',
  1221. bufferPx : 2000,
  1222. debug : false,
  1223. errorCallback: function() {
  1224. $('#infscr-loading').fadeOut('normal');
  1225. }},
  1226. function( newElements ) {
  1227. var $newElems = $( newElements );
  1228. $newElems.hide();
  1229. $newElems.imagesLoaded(function(){
  1230. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1231. });
  1232. }); $('#posts').show(500);
  1233. });
  1234. </script>
  1235.  
  1236. {/block:IndexPage}
  1237.  
  1238. <meta charset="utf-8">
  1239. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1240. {block:Description}
  1241. <meta name="description" content="{MetaDescription}" />
  1242. {/block:Description}
  1243. <link rel="shortcut icon" href="{Favicon}">
  1244. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1245.  
  1246.  
  1247. </head>
  1248.  
  1249. <body>
  1250.  
  1251. <div class="menu">
  1252.  
  1253. <div class="searchbox">
  1254.  
  1255. <div class="search-icon">
  1256. <i class="fa fa-search fa"></i>
  1257. </div>
  1258. <form action="/search" method="get">
  1259. <input type="text" name="q" value="Search my blog" style="width:405px; padding-left:10px; height:22px; border:1px solid transparent; background:transparent; color:{color:Text}; font-size: 14px;margin-top:0px; margin-left:0px;"/>
  1260. </form>
  1261.  
  1262. </div>
  1263. <!--Search box ends-->
  1264.  
  1265. </div>
  1266. <!--Menu ends-->
  1267.  
  1268. <header>
  1269.  
  1270. <div class="blogtitle">{Title}</div>
  1271.  
  1272. {block:IfShowAvatar}
  1273.  
  1274. <div id="avatar">
  1275.  
  1276. <a href="/"><img src="{image:Avatar}"></a>
  1277.  
  1278. </div>
  1279.  
  1280. {/block:IfShowAvatar}
  1281.  
  1282. </header>
  1283.  
  1284. <div id="topbar">
  1285. <div class="topbarin">
  1286. <a href="/"> Index <div class="arrow"></div> </a>
  1287. <a href="/ask"> Message</a>
  1288. <a href="/submit"> Submit</a>
  1289. <a href="/archive"> Archive</a>
  1290.  
  1291. <div class="more"> More <i class="fa fa-caret-down"></i>
  1292.  
  1293. <div class="navigation">
  1294. {block:IfShowLinkOne}<a href="{text:Link One Url}">{text:Link One Title}</a>{/block:IfShowLinkOne}
  1295. {block:IfShowLinkTwo}<a href="{text:Link Two Url}">{text:Link Two Title}</a>{/block:IfShowLinkTwo}
  1296. {block:IfShowLinkThree}<a href="{text:Link Three Url}">{text:Link Three Title}</a>{/block:IfShowLinkThree}
  1297. {block:IfShowLinkFour}<a href="{text:Link Four Url}">{text:Link Four Title}</a>{/block:IfShowLinkFour}
  1298. {block:IfShowLinkFive}<a href="{text:Link Five Url}">{text:Link Five Title}</a>{/block:IfShowLinkFive}
  1299. </div>
  1300. <!--End navigation-->
  1301.  
  1302. </div>
  1303. <!--End more-->
  1304.  
  1305. </div>
  1306. <!--End topbarin-->
  1307.  
  1308. </div>
  1309. <!--End topbar-->
  1310.  
  1311. <div id="center">
  1312. <div id="sidebar">
  1313.  
  1314. <!--Stats-->
  1315.  
  1316. {block:IfShowStats}
  1317.  
  1318. <div id="statsbar">
  1319.  
  1320. {block:ifShowStatsLine1}
  1321. <div class="statsline"><i class="fa fa-{text:Stats icon 1}"></i> {Text:Stats 1}</div>
  1322. {/block:ifShowStatsLine1}
  1323. {block:ifShowStatsLine2}
  1324. <div class="statsline"><i class="fa fa-{text:Stats icon 2}"></i> {Text:Stats 2}</div>
  1325. {/block:ifShowStatsLine2}
  1326. {block:ifShowStatsLine3}
  1327. <div class="statsline"><i class="fa fa-{text:Stats icon 3}"></i> {Text:Stats 3}</div>
  1328. {/block:ifShowStatsLine3}
  1329. {block:ifShowStatsLine4}
  1330. <div class="statsline"><i class="fa fa-{text:Stats icon 4}"></i> {Text:Stats 4}</div>
  1331. {/block:ifShowStatsLine4}
  1332. {block:ifShowStatsLine5}
  1333. <div class="statsline"><i class="fa fa-{text:Stats icon 5}"></i> {Text:Stats 5}</div>
  1334. {/block:ifShowStatsLine5}
  1335. </div>
  1336. {/block:IfShowStats}
  1337.  
  1338. <!--About me-->
  1339.  
  1340. {block:IfShowDescription}
  1341.  
  1342. <div class="sidebartitle">{text:Sidebar title 1}
  1343. </div>
  1344.  
  1345. <div id="desc">{Description}</div>
  1346. {/block:IfShowDescription}
  1347.  
  1348. <!--Members-->
  1349.  
  1350. {block:IfShowMembers}
  1351.  
  1352. <div class="sidebartitle">{text:Sidebar title 2}
  1353. </div>
  1354.  
  1355. <div id="members">
  1356.  
  1357. <!--First member-->
  1358.  
  1359. <div class="memberinfo">
  1360.  
  1361. <div class="memberimg"><img src="{image:Member 1}"></a></div>
  1362.  
  1363. <div class="membername">{text:Member 1 name}</div>
  1364.  
  1365. </div>
  1366.  
  1367. <!--End memberinfo-->
  1368.  
  1369. <!--Second member-->
  1370.  
  1371. <div class="memberinfo">
  1372.  
  1373. <div class="memberimg"><img src="{image:Member 2}"></a></div>
  1374.  
  1375. <div class="membername">{text:Member 2 name}</div>
  1376.  
  1377. </div>
  1378.  
  1379. <!--End memberinfo-->
  1380.  
  1381. <!--Third member-->
  1382.  
  1383. <div class="memberinfo">
  1384.  
  1385. <div class="memberimg"><img src="{image:Member 3}"></a></div>
  1386.  
  1387. <div class="membername">{text:Member 3 name}</div>
  1388.  
  1389. </div>
  1390.  
  1391. <!--End memberinfo-->
  1392.  
  1393. <!--Fourth member-->
  1394.  
  1395. <div class="memberinfo">
  1396.  
  1397. <div class="memberimg"><img src="{image:Member 4}"></a></div>
  1398.  
  1399. <div class="membername">{text:Member 4 name}</div>
  1400.  
  1401. </div>
  1402.  
  1403. <!--End memberinfo-->
  1404.  
  1405. <!--Fifth member-->
  1406.  
  1407. <div class="memberinfo">
  1408.  
  1409. <div class="memberimg"><img src="{image:Member 5}"></a></div>
  1410.  
  1411. <div class="membername">{text:Member 5 name}</div>
  1412.  
  1413. </div>
  1414.  
  1415. <!--End memberinfo-->
  1416.  
  1417. <!--Sixth member-->
  1418.  
  1419. <div class="memberinfo">
  1420.  
  1421. <div class="memberimg"><img src="{image:Member 6}"></a></div>
  1422.  
  1423. <div class="membername">{text:Member 6 name}</div>
  1424.  
  1425. </div>
  1426.  
  1427. <!--End memberinfo-->
  1428.  
  1429. </div>
  1430. {/block:IfShowMembers}
  1431.  
  1432. <!--Social-->
  1433.  
  1434. {block:IfShowSocial}
  1435.  
  1436. <div class="sidebartitle">{text:Sidebar title 3}
  1437. </div>
  1438.  
  1439. <div id="socialbar">
  1440. {block:IfFacebook}<a href="{text:Facebook url}" target = "_blank"><i class="fa fa-facebook"></i></a>{/block:IfFacebook}
  1441. {block:IfTwitter}<a href="{text:Twitter url}"><i class="fa fa-twitter"></i></a>{/block:IfTwitter}
  1442. {block:IfGoogleplus}<a href="{text:Googleplus url}"><i class="fa fa-google-plus"></i></a>{/block:IfGoogleplus}
  1443. {block:IfFlickr}<a href="{text:Flickr url}"><i class="fa fa-flickr"></i></a>{/block:IfFlickr}
  1444. {block:IfDeviantart}<a href="{text:Deviantart url}"><i class="fa fa-deviantart"></i></a>{/block:IfDeviantart}
  1445. {block:IfInstagram}<a href="{text:Instagram url}"><i class="fa fa-instagram"></i></a>{/block:IfInstagram}
  1446. </div>
  1447. {/block:IfShowSocial}
  1448.  
  1449. <!--Blogroll-->
  1450.  
  1451. {block:IfShowBlogroll}
  1452.  
  1453. <div class="sidebartitle">{text:Sidebar title 4}
  1454. </div>
  1455.  
  1456. <div id="blogroll">
  1457. {block:Following}
  1458. {block:Followed}
  1459. <a target="_blank" href="{FollowedURL}" title="{FollowedName}">
  1460. <img src="{FollowedPortraitURL-96}" /></a>
  1461. {/block:Followed}
  1462. {/block:Following}
  1463. </div>
  1464. {/block:IfShowBlogroll}
  1465.  
  1466.  
  1467. <!--Disclaimer-->
  1468.  
  1469. {block:IfShowDisclaimer}
  1470.  
  1471. <div class="sidebartitle">{text:Sidebar title 5}
  1472. </div>
  1473.  
  1474. <div id="desc">
  1475. {Text:Disclaimer}
  1476. </div>
  1477. {/block:IfShowDisclaimer}
  1478.  
  1479. </div>
  1480.  
  1481. <!--Posts start-->
  1482.  
  1483. <div id="posts">
  1484.  
  1485. {block:Posts}
  1486.  
  1487. <div class="entry">
  1488.  
  1489. <div class="content">
  1490.  
  1491. <!-- {block:NoRebloggedFrom}
  1492. {block:RebloggedFrom}
  1493. {ReblogParentName}
  1494. {/block:RebloggedFrom}
  1495. {/block:NoRebloggedFrom} -->
  1496.  
  1497. {block:ContentSource}
  1498. <!-- {SourceURL}
  1499. {block:SourceLogo}
  1500. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1501. {/block:SourceLogo}
  1502. {block:NoSourceLogo}
  1503. {SourceLink}
  1504. {/block:NoSourceLogo} -->
  1505. {/block:ContentSource}
  1506.  
  1507. <div class="infotop">
  1508.  
  1509. <div class="infoa"><img src="{PortraitURL-128}" /></a></div>
  1510.  
  1511. <div class="infotopurl"> <b>{text:Blog alias}</b> shared a <b>{PostType}</b>.</div>
  1512.  
  1513. <div class="infotopd"> {TimeAgo} </div>
  1514.  
  1515. </div>
  1516.  
  1517. {block:Text}
  1518. {block:Title}
  1519. <h1>{Title}</h1></a>
  1520. {/block:Title}
  1521. {Body}
  1522. {/block:Text}
  1523.  
  1524. {block:Photo}
  1525. <img src="{PhotoURL-500}"/></a>
  1526. {/block:Photo}
  1527.  
  1528. {block:Photoset}
  1529. {Photoset-500}
  1530. {/block:Photoset}
  1531.  
  1532. {block:Quote}
  1533. <div class="quote">
  1534. "{Quote}"
  1535. {block:Source}
  1536. <div class="source">-{Source}
  1537. </div>{/block:Source}</div>
  1538. {/block:Quote}
  1539.  
  1540. {block:Link}
  1541. <a href="{URL}"
  1542. class="linkpost"
  1543. target="_blank">
  1544. <h1><i class="fa fa-link"></i>
  1545. {Name} &raquo;</h1></a>
  1546. {block:Description}
  1547. {Description}
  1548. {/block:Description}
  1549. {/block:Link}
  1550.  
  1551. {block:Chat}
  1552. {block:Title}<h1>{Title}</h1>{/block:Title}
  1553. <div class="chat">
  1554. {block:Lines}
  1555. <div class="chat"><div class="line {Alt}">
  1556. <div class="{Alt} user_{UserNumber}">
  1557. {block:Label}
  1558. <span class="label">
  1559. {Label}</span>
  1560. {/block:Label}
  1561. {Line}</div>
  1562. </div></div>
  1563. {/block:Lines}
  1564. </div>
  1565. {/block:Chat}
  1566.  
  1567. {block:Audio}
  1568. <div id="audiocon">
  1569. <div class="audio">
  1570. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  1571. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  1572. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  1573. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  1574. <div class="album">
  1575. {block:AlbumArt}
  1576. <img src="{AlbumArtURL}">
  1577. {/block:AlbumArt}
  1578. <div class="play">
  1579. {AudioPlayerWhite}
  1580. </div>
  1581. </div>
  1582. </div>
  1583. {/block:Audio}
  1584.  
  1585. {block:Video}
  1586. {Video-500}
  1587. {/block:Video}
  1588.  
  1589. {block:Answer}
  1590. <div class="bubble">
  1591. <div class="asker">
  1592. <img src="{AskerPortraitURL-48}">
  1593. </div>
  1594. <span></span>{Asker}:
  1595. {Question}</div>
  1596. {Answer}
  1597. {/block:Answer}
  1598.  
  1599. {block:IndexPage}
  1600. {block:IfShowCaptions}
  1601. {block:Caption}
  1602. <h2>{Caption}</h2>
  1603. {/block:Caption}
  1604. {/block:IfShowCaptions}
  1605. {/block:IndexPage}
  1606. {block:PermalinkPage}
  1607. {block:Caption}
  1608. <h2>{Caption}</h2>
  1609. {/block:Caption}
  1610. {/block:PermalinkPage}
  1611.  
  1612. {block:Date}
  1613.  
  1614. <div class="infobot">
  1615. <div class="likeb"><i>{LikeButton size="15"}</i> <b>Like</b></div>
  1616. <div class="reblogb"><i>{ReblogButton size="15"}</i></a> <b>Reblog</b></div>
  1617. <div class="permab"><a href="{Permalink}"><i class="fa fa-external-link"></i></a> <b>Permalink</b></div>
  1618. </div>
  1619.  
  1620. <div class="infobot2">
  1621. {block:NoteCount}
  1622. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1623. {/block:NoteCount}
  1624.  
  1625. {block:RebloggedFrom}
  1626. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank"> via</a>
  1627. {/block:RebloggedFrom}
  1628. {block:ContentSource}
  1629. <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank"> source</a>
  1630. {/block:ContentSource}
  1631.  
  1632.  
  1633. </div></div>
  1634.  
  1635. {block:IndexPage}
  1636. {block:IfShowTags}
  1637. {block:HasTags}
  1638. <br>
  1639. {block:Tags}
  1640. <a href="{TagURL}">
  1641. <i class="fa fa-tag"></i>
  1642. {Tag}</a> &nbsp;
  1643. {/block:Tags}
  1644. {/block:HasTags}
  1645. {/block:IfShowTags}
  1646. {/block:IndexPage}
  1647.  
  1648. {/block:Date}
  1649.  
  1650. <!-- Permalink page -->
  1651. {block:PermalinkPage}
  1652. <div class="notes">
  1653. {block:Caption}
  1654. {Caption}<br>
  1655. {/block:Caption}
  1656.  
  1657. {block:HasTags}
  1658. {block:Tags}
  1659. Tagged as:
  1660. <a href="{TagURL}">
  1661. <i class="fa fa-tag"></i>
  1662. {Tag}</a> &nbsp;
  1663. {/block:Tags}
  1664. {/block:HasTags}
  1665.  
  1666. {block:PermalinkPagination}
  1667. <center><br>
  1668. {block:PreviousPost}
  1669. <a href="{PreviousPost}"> &laquo; Previous Post – </a>
  1670. {/block:PreviousPost}
  1671.  
  1672. {block:NextPost}
  1673. <a href="{NextPost}">Next Post &raquo;</a>
  1674. {/block:NextPost}
  1675. </center>
  1676. {/block:PermalinkPagination} <br>
  1677.  
  1678. {block:PostNotes}<br>
  1679. <div style="text-align:left; max-height: 400px; width:500px; overflow: auto; overflow-x: hidden;">
  1680. {PostNotes}</div>
  1681. {/block:PostNotes}</div>
  1682. <br><br>
  1683.  
  1684. {/block:PermalinkPage}
  1685.  
  1686. </div>
  1687.  
  1688. <!--End content-->
  1689.  
  1690. {/block:Posts}
  1691.  
  1692. </div>
  1693.  
  1694. <!--End entry-->
  1695.  
  1696. <!--Pagination-->
  1697.  
  1698. {block:IndexPage}
  1699. <div class="pagination">
  1700. {block:NextPage}
  1701. <div class="next">
  1702. <a href="{NextPage}">
  1703. <i class="fa fa-arrow-circle-left"></i>
  1704. Previous </a>
  1705. </div>
  1706. {/block:NextPage}
  1707.  
  1708. {block:PreviousPage}
  1709. <div class="previous">
  1710. <a href="{PreviousPage}">
  1711. Next
  1712. <i class="fa fa-arrow-circle-right"></i> </a>
  1713. </div>
  1714. {/block:PreviousPage}
  1715. </div>
  1716. {/block:IndexPage}
  1717.  
  1718. <!--End post-->
  1719.  
  1720. </body>
  1721.  
  1722. <a href="http://borntobewildthemes.tumblr.com" title="Theme FACEBOOK by borntobewildthemes"><div id="credits">
  1723. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1724.  
  1725. </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!