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

- Night & Day -

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