API tools faq
paste
Advertisement
imgirlrauhl

Theme #5 - REVAMP "Bang Bang Baby"

imgirlrauhl
Sep 3rd, 2014
7,685
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!----------
  5.  
  6. Theme #5 - REVAMP "Bang Bang Baby" by Vanne @ vitanica.tumblr.com
  7.  
  8. .Do NOT remove the credits
  9. .Do NOT steal my codes
  10. .Do NOT use as base code
  11. .Do NOT claim as your own
  12.  
  13. Thank you so much for using my theme! <3
  14.  
  15. ----------->
  16.  
  17. <html>
  18.  
  19. <head>
  20.  
  21. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Sidebar Image" content="http://static.tumblr.com/n9vj50j/fUPn5mkjh/captura_de_pantalla_2014-05-15_a_las_11.59.00.png"/>
  32. <meta name="image:Sidebar BG" content=""/>
  33.  
  34. <meta name="color:Background" content="#f8f8f8"/>
  35. <meta name="color:Title" content="#ea69ac"/>
  36. <meta name="color:Title Shadow" content="#e5e5e5"/>
  37. <meta name="color:Sidebar Border" content="#ffffff"/>
  38. <meta name="color:Sidebar BG" content="#313131"/>
  39. <meta name="color:Description" content="#919191"/>
  40.  
  41. <meta name="color:Main Nav BG" content="#6ebec9"/>
  42. <meta name="color:Main Nav BG Hover" content="#f079c4"/>
  43. <meta name="color:Main Nav Links" content="#ffffff"/>
  44. <meta name="color:Main Nav Links Hover" content="#ffffff"/>
  45.  
  46. <meta name="color:Tooltip Text" content="#fff"/>
  47. <meta name="color:Tooltip BG" content="#7bcfda"/>
  48. <meta name="color:Link" content="#51cccc"/>
  49. <meta name="color:Link Hover" content="#d494d2"/>
  50. <meta name="color:Italic Text" content="#7cc1ae"/>
  51. <meta name="color:Bold Text" content="#d493b3"/>
  52. <meta name="color:Scrollbar" content="#ff9dba"/>
  53. <meta name="color:Scrollbar Bottom" content="#fff"/>
  54.  
  55. <meta name="color:Entries BG" content="#fff"/>
  56. <meta name="color:Entries Text" content="#8c8c8c"/>
  57.  
  58. <meta name="color:Date BG" content="#82cfda"/>
  59. <meta name="color:Notes BG" content="#c48ee5"/>
  60. <meta name="color:Reblog BG" content="#7ec6a8"/>
  61. <meta name="color:Via BG" content="#e582a3"/>
  62. <meta name="color:Source BG" content="#68a5d1"/>
  63. <meta name="color:Permalink Icons Color" content="#fff"/>
  64.  
  65. <meta name="color:Ask Text" content="#7da9b3"/>
  66. <meta name="color:Ask Border" content="#bbe5ea"/>
  67. <meta name="color:Music Player BG" content="#fff"/>
  68. <meta name="color:Music Player Icon" content="#fff"/>
  69. <meta name="color:Music Player Icon BG" content="#74d3df"/>
  70.  
  71. <meta name="if:Grid Theme" content="">
  72. <meta name="if:250px Posts" content="">
  73. <meta name="if:500px Posts" content="">
  74. <meta name="if:Infinite Scroll" content="1">
  75. <meta name="if:Back To Top" content="1">
  76. <meta name="if:Show Captions" content="">
  77. <meta name="if:Image Fade" content="">
  78.  
  79. <meta name="text:Sidebar Title" content="">
  80. <meta name="text:Music Player" content="">
  81. <meta name="text:Link 1" content="">
  82. <meta name="text:Link 1 URL" content="">
  83. <meta name="text:Link 2" content="">
  84. <meta name="text:Link 2 URL" content="">
  85. <meta name="text:Link 3" content="">
  86. <meta name="text:Link 3 URL" content="">
  87. <meta name="text:Link 4" content="">
  88. <meta name="text:Link 4 URL" content="">
  89. <meta name="text:Link 5" content="">
  90. <meta name="text:Link 5 URL" content="">
  91. <meta name="text:Link 6" content="">
  92. <meta name="text:Link 6 URL" content="">
  93. <meta name="text:Link 7" content="">
  94. <meta name="text:Link 7 URL" content="">
  95. <meta name="text:Link 8" content="">
  96. <meta name="text:Link 8 URL" content="">
  97.  
  98. <style type="text/css">
  99.  
  100. @import url(http://weloveiconfonts.com/api/?family=iconicfill);
  101.  
  102. /* iconicfill */
  103. [class*="iconicfill-"]:before {
  104. font-family: 'IconicFill', sans-serif;
  105. }
  106.  
  107. iframe#tumblr_controls {
  108. right: 3px !important;
  109. position: fixed !important;
  110. opacity: 0.4;
  111. white-space: nowrap;
  112. -webkit-filter: invert(100%);
  113. -moz-filter: invert(100%);
  114. -o-filter: invert(100%);
  115. -ms-filter: invert(100%);
  116. filter: invert(100%);
  117. -webkit-transition: opacity 0.7s linear;
  118. -webkit-transition: all 0.5s ease-in-out;
  119. -moz-transition: all 0.5s ease-in-out;
  120. -o-transition: all 0.5s ease-in-out;
  121. transition: all 0.5s ease-in-out;}
  122.  
  123. iframe#tumblr_controls:hover {
  124. opacity: 0.7;}
  125.  
  126. html, body {
  127. margin: 0px;
  128. padding: 0px;
  129. word-wrap: break-word;
  130. background: {color:Background} url('{image:Background}') fixed;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb:vertical {
  134. background-color: {color:Scrollbar};
  135. height: auto;
  136. }
  137.  
  138. ::-webkit-scrollbar-thumb:horizontal {
  139. background-color: {color:Scrollbar};
  140. height: auto;
  141. }
  142.  
  143. ::-webkit-scrollbar {
  144. height: 4px;
  145. width: 4px;
  146. background-color: {color:Scrollbar Bottom};
  147. }
  148.  
  149. blockquote {
  150. margin: 0px;
  151. padding-left: 5px;
  152. color: {color:Italic Text};
  153. border-left: 3px solid {color:Bold Text};
  154. }
  155.  
  156. a {
  157. text-decoration: none;
  158. color: {color:Link};
  159. -webkit-transition: all 0.5s ease-in-out;
  160. -moz-transition: all 0.5s ease-in-out;
  161. -o-transition: all 0.5s ease-in-out;
  162. -ms-transition: all 0.5s ease-in-out;
  163. transition: all 0.5s ease-in-out;
  164. }
  165.  
  166. a:hover {
  167. color: {color:Link Hover};
  168. text-decoration: none;
  169. }
  170.  
  171. b, strong {
  172. color: {color:Bold Text};
  173. font-weight: 700;
  174. }
  175.  
  176. i, em {
  177. color: {color:Italic Text};
  178. font-weight: 400italic;
  179. }
  180.  
  181. #left {
  182. position: fixed;
  183. left: 0px;
  184. top: 0px;
  185. width: 150px;
  186. height: 100%;
  187. border-right: 10px solid {color:Sidebar Border};
  188. background: {color:Sidebar BG} url('{image:Sidebar BG}');
  189. }
  190.  
  191. #title {
  192. z-index: 9999;
  193. position: fixed;
  194. top: 70px;
  195. left: 160px;
  196. width: 160px;
  197. font-family: Oswald;
  198. font-size: 18px;
  199. text-align: center;
  200. font-weight: bold;
  201. color: {color:Title};
  202. text-shadow: 0px 0px 3px {color:Title Shadow};
  203. }
  204.  
  205. #icon {
  206. z-index:9999;
  207. position: fixed;
  208. left: 70px;
  209. top: 100px;
  210. width: 150px;
  211. }
  212.  
  213. #icon img {
  214. max-width: 150px;
  215. padding: 0px;
  216. margin: 0px;
  217. border: 10px solid {color:Sidebar Border};
  218. }
  219.  
  220. /*MAIN NAV*/
  221. #nav {
  222. position: absolute;
  223. top: 0px;
  224. margin-left: 180px;
  225. z-index: 9999;
  226. }
  227.  
  228. #nav a {
  229. z-index: 9999;
  230. margin-bottom: 7px;
  231. position: relative;
  232. display: block;
  233. text-align: center;
  234. font-family: Courier New;
  235. font-size: 10px;
  236. padding: 13px 0px 13px 0px;
  237. width: 70px;
  238. text-transform: uppercase;
  239. letter-spacing: 1px;
  240. background: {color:Main Nav BG};
  241. color: {color:Main Nav Links};
  242. }
  243.  
  244. #nav a:hover {
  245. box-shadow: inset 100px 0 0 {color:Main Nav BG Hover};
  246. color: {color:Main Nav Links Hover};
  247. }
  248.  
  249. /*DESCRIPTION*/
  250. #description {
  251. position: absolute;
  252. margin-top: 10px;
  253. margin-left: 100px;
  254. width: 150px;
  255. z-index:9999;
  256. font-size: 10px;
  257. font-family: Consolas;
  258. text-transform: none;
  259. text-align: justify;
  260. color: {color:Description};
  261. }
  262.  
  263. /*CUSTOM LINKS*/
  264. #customlink {
  265. position: absolute;
  266. margin-top: 10px;
  267. margin-left: 0px;
  268. }
  269.  
  270. #customlink a {
  271. display: block;
  272. margin-bottom: 8px;
  273. text-align: center;
  274. text-transform: uppercase;
  275. font-family: Consolas;
  276. font-size: 10px;
  277. width: 150px;
  278. letter-spacing: 1px;
  279. padding-top: 3px;
  280. padding-bottom: 3px;
  281. background: {color:Main Nav BG Hover};
  282. color: {color:Main Nav Links Hover};
  283. }
  284.  
  285. #customlink a:hover {
  286. box-shadow: inset 150px 0 0 {color:Main Nav BG};
  287. color: {color:Main Nav Links};
  288. }
  289.  
  290. /*musicplayer*/
  291. #mupl {
  292. z-index: 99999999;
  293. position: absolute;
  294. margin-top: 10px;
  295. margin-left: 0px;
  296. width: 70px;
  297. height: 30px;
  298. overflow: hidden;
  299. }
  300.  
  301. #mupl:hover .micon {
  302. margin-left: 0px;
  303. }
  304.  
  305. #mupl:hover .mupl {
  306. margin-left: 30px;
  307. }
  308.  
  309. .micon {
  310. margin-left: 40px;
  311. margin-top: 0px;
  312. width: 30px;
  313. height: 30px;
  314. font-size: 14px;
  315. line-height: 30px;
  316. text-align: center;
  317. color: {color:Music Player Icon};
  318. background: {color:Music Player Icon BG};
  319. -webkit-transition: all 0.5s ease-in-out;
  320. -moz-transition: all 0.5s ease-in-out;
  321. -o-transition: all 0.5s ease-in-out;
  322. -ms-transition: all 0.5s ease-in-out;
  323. transition: all 0.5s ease-in-out;
  324. }
  325.  
  326. .mupl {
  327. position: absolute;
  328. margin-left: 70px;
  329. top: 0px;
  330. width: 40px;
  331. height: 30px;
  332. overflow: hidden;
  333. background: {color:Music Player BG};
  334. -webkit-transition: all 0.5s ease-in-out;
  335. -moz-transition: all 0.5s ease-in-out;
  336. -o-transition: all 0.5s ease-in-out;
  337. -ms-transition: all 0.5s ease-in-out;
  338. transition: all 0.5s ease-in-out;
  339. }
  340.  
  341. .mplay {
  342. margin-top: -5px;
  343. margin-left: -18px;
  344. width: 100px;
  345. padding: 6px 0px 0px 0px;
  346. }
  347.  
  348. /*PAGINATION*/
  349. #pagination {
  350. position: fixed;
  351. bottom: 10px;
  352. left: 170px;
  353. width: 100px;
  354. text-align: left;
  355. {block:IfInfiniteScroll}
  356. display: none;
  357. {/block:IfInfiniteScroll}
  358. }
  359.  
  360. #pagination a {
  361. display: inline-block;
  362. width: 26px;
  363. height: 26px;
  364. line-height: 26px;
  365. font-size: 12px;
  366. margin: 0px 3px 0px 3px;
  367. text-align: center;
  368. background: {color:Main Nav BG};
  369. color: {color:Main Nav Links};
  370. }
  371.  
  372. #pagination a:hover {
  373. box-shadow: inset 0 26px 0 {color:Main Nav BG Hover};
  374. color: {color:Main Nav Links Hover};
  375. }
  376.  
  377. /*ENTRIES*/
  378. #container {
  379. margin-top: 30px;
  380. margin-bottom: 30px;
  381. margin-left: 400px;
  382. width: 500px;
  383. {block:IfGridTheme}
  384. width: 610px;
  385. {/block:IfGridTheme}
  386. {block:If250pxPosts}
  387. width: 300px;
  388. {/block:If250pxPosts}
  389. {block:If500pxPosts}
  390. width: 560px;
  391. {/block:If500pxPosts}
  392. {block:PermalinkPage}
  393. width: 500px;
  394. {/block:PermalinkPage}
  395. }
  396.  
  397. .entry {
  398. position: relative;
  399. width: 400px;
  400. margin: 10px 10px 30px 20px;
  401. padding: 10px;
  402. text-align: justify;
  403. font-size: 11px;
  404. font-family: Noto Sans;
  405. color: {color:Entries Text};
  406. background: {color:Entries BG};
  407. {block:IfGridTheme}
  408. width: 250px;
  409. float: left;
  410. margin: 10px;
  411. {/block:IfGridTheme}
  412. {block:If250pxPosts}
  413. width: 250px;
  414. margin-bottom: 30px;
  415. {/block:If250pxPosts}
  416. {block:If500pxPosts}
  417. width: 500px;
  418. margin-bottom: 30px;
  419. {/block:If500pxPosts}
  420. {block:PermalinkPage}
  421. width: 400px;
  422. margin: 10px 10px 10px 20px;
  423. {/block:PermalinkPage}
  424. }
  425.  
  426. .entry img {
  427. max-width: 100%;
  428. }
  429.  
  430. h1 {
  431. font-size: 17px;
  432. text-align: center;
  433. font-weight: normal;
  434. text-transform: none;
  435. text-shadow: 0px 0px 3px {color:Title Shadow};
  436. font-family: Oswald;
  437. color: {color:Title};
  438. }
  439.  
  440. /* ask */
  441. #ask {
  442. color: {color:Ask Text};
  443. margin: 0px;
  444. padding: 5px;
  445. }
  446.  
  447. #answer {
  448. border-top: 2px solid {color:Ask Border};
  449. margin-top: 10px;
  450. }
  451.  
  452. /* quote */
  453. #quote {
  454. padding: 8px 8px 4px 8px;
  455. text-align: center;
  456. font-size: 14px;
  457. font-family: Oswald;
  458. letter-spacing: 1px;
  459. color: {color:Italic Text};
  460. }
  461.  
  462. #quotesource {
  463. padding: 3px;
  464. text-align: center;
  465. font-size: 8px;
  466. font-family: Consolas;
  467. text-transform: uppercase;
  468. letter-spacing: 1px;
  469. color: {color:Bold Text};
  470. }
  471.  
  472. /* chat */
  473. .chat { margin: 0; }
  474.  
  475. .chat .chat1 { margin-left: 0px; }
  476.  
  477. .chat .chat1 .chat2 { border-bottom: 3px solid {color:Italic Text}; margin-bottom: 2px; padding: 4px 4px 5px 5px; }
  478.  
  479. .chat .chat1 .chat2.even { border-bottom: 3px solid {color:Bold Text}; }
  480.  
  481. /*AUDIO*/
  482. #musicpost {
  483. margin-bottom: 10px;
  484. margin-right: 0px;
  485. height: 120px;
  486. {block:IfGridTheme}
  487. height: 390px;
  488. margin-bottom: 5px;
  489. {/block:IfGridTheme}
  490. {block:If250pxPosts}
  491. height: 390px;
  492. margin-bottom: 5px;
  493. {/block:If250pxPosts}
  494. {block:PermalinkPage}
  495. margin-bottom: 10px;
  496. margin-right: 0px;
  497. height: 120px;
  498. {/block:PermalinkPage}
  499. }
  500.  
  501. #audio {
  502. position: relative;
  503. float: left;
  504. width: 120px;
  505. height: 120px;
  506. {block:IfGridTheme}
  507. width: 246px;
  508. height: 246px;
  509. {/block:IfGridTheme}
  510. {block:If250pxPosts}
  511. width: 246px;
  512. height: 246px;
  513. {/block:If250pxPosts}
  514. {block:PermalinkPage}
  515. position: relative;
  516. float: left;
  517. width: 120px;
  518. height: 120px;
  519. {/block:PermalinkPage}
  520. }
  521.  
  522. #audio img {
  523. width: 120px;
  524. height: 120px;
  525. border: 2px solid {color:Ask Border};
  526. {block:IfGridTheme}
  527. width: 246px;
  528. height: 246px;
  529. {/block:IfGridTheme}
  530. {block:If250pxPosts}
  531. width: 246px;
  532. height: 246px;
  533. {/block:If250pxPosts}
  534. {block:PermalinkPage}
  535. width: 120px;
  536. height: 120px;
  537. border: 2px solid {color:Ask Border};
  538. {/block:PermalinkPage}
  539. }
  540.  
  541. #player {
  542. width: 26px;
  543. height: 26px;
  544. margin-left: 100px;
  545. margin-top: 40px;
  546. padding: 6px;
  547. overflow: hidden;
  548. position: absolute;
  549. background: white;
  550. border: 2px solid {color:Ask Border};
  551. {block:IfGridTheme}
  552. margin-left: 100px;
  553. margin-top: 228px;
  554. {/block:IfGridTheme}
  555. {block:If250pxPosts}
  556. margin-left: 100px;
  557. margin-top: 228px;
  558. {/block:If250pxPosts}
  559. {block:PermalinkPage}
  560. width: 26px;
  561. height: 26px;
  562. margin-left: 100px;
  563. margin-top: 40px;
  564. padding: 6px;
  565. overflow: hidden;
  566. position: absolute;
  567. background: white;
  568. border: 2px solid {color:Ask Border};
  569. {/block:PermalinkPage}
  570. }
  571.  
  572. #musicinfo {
  573. position: relative;
  574. float: left;
  575. margin-left: 30px;
  576. width: 244px;
  577. height: 120px;
  578. {block:IfGridTheme}
  579. margin-left: 0px;
  580. margin-top: 20px;
  581. {/block:IfGridTheme}
  582. {block:If250pxPosts}
  583. margin-left: 0px;
  584. margin-top: 20px;
  585. {/block:If250pxPosts}
  586. {block:If500pxPosts}
  587. width: 350px;
  588. {/block:If500pxPosts}
  589. {block:PermalinkPage}
  590. position: relative;
  591. float: left;
  592. margin-left: 30px;
  593. width: 244px;
  594. height: 120px;
  595. {/block:PermalinkPage}
  596. }
  597.  
  598. .lii {
  599. height: 27px;
  600. padding-left: 10px;
  601. line-height: 27px;
  602. border-bottom: 2px solid {color:Ask Border};
  603. }
  604.  
  605. /*date, notes and reblog - DO NOT STEAL MY STUFF*/
  606. #date {
  607. position: absolute;
  608. top: 20px;
  609. left: 0px;
  610. opacity: 0;
  611. -webkit-transition: all 0.5s ease-in-out;
  612. -moz-transition: all 0.5s ease-in-out;
  613. -o-transition: all 0.5s ease-in-out;
  614. -ms-transition: all 0.5s ease-in-out;
  615. transition: all 0.5s ease-in-out;
  616. transition-delay: .0s;
  617. -webkit-transition-delay: .0s;
  618. }
  619.  
  620. #date a {
  621. display: block;
  622. font-size: 12px;
  623. width: 20px;
  624. height: 20px;
  625. line-height: 20px;
  626. text-align: center;
  627. color: {color:Permalink Icons Color};
  628. background: {color:Date BG};
  629. }
  630.  
  631. #notes {
  632. position: absolute;
  633. top: 20px;
  634. left: 0px;
  635. opacity: 0;
  636. -webkit-transition: all 0.5s ease-in-out;
  637. -moz-transition: all 0.5s ease-in-out;
  638. -o-transition: all 0.5s ease-in-out;
  639. -ms-transition: all 0.5s ease-in-out;
  640. transition: all 0.5s ease-in-out;
  641. transition-delay: .1s;
  642. -webkit-transition-delay: .1s;
  643. }
  644.  
  645. #notes a {
  646. display: block;
  647. font-size: 12px;
  648. width: 20px;
  649. height: 20px;
  650. line-height: 20px;
  651. text-align: center;
  652. color: {color:Permalink Icons Color};
  653. background: {color:Notes BG};
  654. }
  655.  
  656. #reblog {
  657. position: absolute;
  658. top: 20px;
  659. left: 0px;
  660. opacity: 0;
  661. -webkit-transition: all 0.5s ease-in-out;
  662. -moz-transition: all 0.5s ease-in-out;
  663. -o-transition: all 0.5s ease-in-out;
  664. -ms-transition: all 0.5s ease-in-out;
  665. transition: all 0.5s ease-in-out;
  666. transition-delay: .2s;
  667. -webkit-transition-delay: .2s;
  668. }
  669.  
  670. #reblog a {
  671. display: block;
  672. font-size: 12px;
  673. width: 20px;
  674. height: 20px;
  675. line-height: 20px;
  676. text-align: center;
  677. color: {color:Permalink Icons Color};
  678. background: {color:Reblog BG};
  679. }
  680.  
  681. #via {
  682. position: absolute;
  683. top: 20px;
  684. left: 0px;
  685. opacity: 0;
  686. -webkit-transition: all 0.5s ease-in-out;
  687. -moz-transition: all 0.5s ease-in-out;
  688. -o-transition: all 0.5s ease-in-out;
  689. -ms-transition: all 0.5s ease-in-out;
  690. transition: all 0.5s ease-in-out;
  691. transition-delay: .2s;
  692. -webkit-transition-delay: .3s;
  693. }
  694.  
  695. #via a {
  696. display: block;
  697. font-size: 12px;
  698. width: 20px;
  699. height: 20px;
  700. line-height: 20px;
  701. text-align: center;
  702. color: #fff;
  703. background: {color:Via BG};
  704. }
  705.  
  706. #source {
  707. position: absolute;
  708. top: 20px;
  709. left: 0px;
  710. opacity: 0;
  711. -webkit-transition: all 0.5s ease-in-out;
  712. -moz-transition: all 0.5s ease-in-out;
  713. -o-transition: all 0.5s ease-in-out;
  714. -ms-transition: all 0.5s ease-in-out;
  715. transition: all 0.5s ease-in-out;
  716. transition-delay: .2s;
  717. -webkit-transition-delay: .4s;
  718. }
  719.  
  720. #source a {
  721. display: block;
  722. font-size: 12px;
  723. width: 20px;
  724. height: 20px;
  725. line-height: 20px;
  726. text-align: center;
  727. color: #fff;
  728. background: {color:Source BG};
  729. }
  730.  
  731. .entry:hover #date { margin-left: 20px; opacity: 1; }
  732. .entry:hover #notes { margin-left: 50px; opacity: 1; }
  733. .entry:hover #reblog { margin-left: 80px; opacity: 1; }
  734. .entry:hover #via { margin-left: 110px; opacity: 1; }
  735. .entry:hover #source { margin-left: 140px; opacity: 1; }
  736.  
  737. /*PERMALINK*/
  738. #permalink {
  739. position: relative;
  740. margin: 0px;
  741. text-transform: uppercase;
  742. text-align: left;
  743. font-size: 10px;
  744. padding: 5px;
  745. font-family: Courier New;
  746. color: {color:Permalink Icons Color};
  747. border-left: 5px solid {color:Notes BG};
  748. background: {color:Date BG};
  749. }
  750.  
  751. #permalink a {
  752. text-align: center;
  753. color: {color:Permalink Icons Color};
  754. -webkit-transition:all .5s ease;
  755. -moz-transition:all .5s ease;
  756. transition:all .5s ease;
  757. -o-transition:all .5s ease;
  758. }
  759.  
  760. #tags {
  761. position: absolute;
  762. bottom: -25px;
  763. right: 0px;
  764. width: 400px;
  765. {block:IfGridTheme}
  766. width: 250px;
  767. {/block:IfGridTheme}
  768. {block:If250pxPosts}
  769. width: 250px;
  770. {/block:If250pxPosts}
  771. {block:If500pxPosts}
  772. width: 500px;
  773. {/block:If500pxPosts}
  774. height: 20px;
  775. text-align: right;
  776. padding: 0px;
  777. font-size: 9px;
  778. font-family: courier new;
  779. text-transform: uppercase;
  780. opacity: 0;
  781. font-style: italic;
  782. -webkit-transition:all .5s ease;
  783. -moz-transition:all .5s ease;
  784. transition:all .5s ease;
  785. -o-transition:all .5s ease;
  786. }
  787.  
  788. .entry:hover #tags {
  789. opacity: 1;
  790. }
  791.  
  792. /* back to top button */
  793. .top {
  794. position: fixed;
  795. z-index: 999;
  796. }
  797.  
  798. .top a {
  799. font-size: 12px;
  800. text-align: center;
  801. padding: 6px 8px 6px 8px;
  802. background: {color:Main Nav BG};
  803. color: {color:Main Nav Links};
  804. -webkit-transition:all .5s ease;
  805. -moz-transition:all .5s ease;
  806. transition:all .5s ease;
  807. -o-transition:all .5s ease;
  808. }
  809.  
  810. .top a:hover {
  811. background: {color:Main Nav BG Hover};
  812. color: {color:Main Nav Links Hover};
  813. }
  814.  
  815. #scrollToTop:link, #scrollToTop:visited {
  816. z-index: 9999;
  817. display: none;
  818. position: fixed;
  819. bottom: 10px;
  820. right: 10px;
  821. }
  822.  
  823. /*permalink page*/
  824. .post_perma {
  825. position: relative;
  826. float: left;
  827. background: {color:Entries BG};
  828. margin-left: 20px;
  829. width: 400px;
  830. padding: 10px;
  831. text-align: center;
  832. font-size: 13px;
  833. font-family: Oswald;
  834. }
  835.  
  836. /* notes */
  837. .post_notes {
  838. position: relative;
  839. float: left;
  840. background: {color:Entries BG};
  841. margin-top: 10px;
  842. margin-left: 20px;
  843. margin-bottom: 30px;
  844. width: 400px;
  845. padding: 10px;
  846. }
  847.  
  848. ol.notes blockquote {
  849. margin-left: 0px;
  850. margin-right: 0px;
  851. margin-bottom: 0px;
  852. padding: 3px 5px 3px 5px;
  853. background: {color:Entries BG};
  854. border-left: 3px solid {color:Italic Text};
  855. }
  856.  
  857. ol.notes {
  858. width: 400px;
  859. text-align:left;
  860. padding: 0px;
  861. margin: 0px 0px;
  862. list-style-type: lower-roman;
  863. }
  864.  
  865. ol.notes li.note {
  866. font-size: 9px;
  867. list-style-type:none;
  868. text-transform: uppercase;
  869. line-height: 13px;
  870. font-family: Consolas;
  871. letter-spacing: 1px;
  872. padding: 5px;
  873. }
  874.  
  875. ol.notes li.note img.avatar { display: none; }
  876.  
  877. .avatar_frame{ display:none; }
  878.  
  879. #s-m-t-tooltip{
  880. position: absolute;
  881. margin: 13px;
  882. letter-spacing: 1px;
  883. z-index: 9999;
  884. font-size: 9px;
  885. font-family: Courier New;
  886. background: {color:Tooltip BG};
  887. color: {color:Tooltip Text};
  888. text-transform: uppercase;
  889. padding: 7px;
  890. -webkit-transition: all 0.3s ease-in-out;
  891. -moz-transition: all 0.3s ease-in-out;
  892. -o-transition: all 0.3s ease-in-out;
  893. -ms-transition: all 0.3s ease-in-out;
  894. transition: all 0.3s ease-in-out;
  895. }
  896.  
  897. #error {
  898. position: fixed;
  899. z-index: 999999999999999999999;
  900. top: 0px;
  901. left: 0px;
  902. width: 0px;
  903. height: 0px;
  904. overflow: hidden;
  905. text-align: center;
  906. font-family: Courier New;
  907. font-size: 20px;
  908. line-height: 50px;
  909. background: #f8f8f8;
  910. color: #444;
  911. {block:IfGridTheme}
  912. {block:If250pxPosts}
  913. width: 100%;
  914. height: 100%;
  915. {/block:If250pxPosts}
  916. {/block:IfGridTheme}
  917. {block:IfGridTheme}
  918. {block:If500pxPosts}
  919. width: 100%;
  920. height: 100%;
  921. {/block:If500pxPosts}
  922. {/block:IfGridTheme}
  923. {block:If500pxPosts}
  924. {block:If250pxPosts}
  925. width: 100%;
  926. height: 100%;
  927. {/block:If250pxPosts}
  928. {/block:If500pxPosts}
  929. {block:IfGridTheme}
  930. {block:If500pxPosts}
  931. {block:If250pxPosts}
  932. width: 100%;
  933. height: 100%;
  934. {/block:If250pxPosts}
  935. {/block:If500pxPosts}
  936. {/block:IfGridTheme}
  937. }
  938.  
  939. #error b {
  940. color: red;
  941. font-size: 40px;
  942. line-height: 200px;
  943. font-weight: bold;
  944. letter-spacing: 2px;
  945. }
  946.  
  947. </style>
  948.  
  949. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  950.  
  951. <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
  952. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  953. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  954.  
  955. {block:IfBackToTop}
  956. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  957. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  958.  
  959. <div class="top">
  960. <a href="javascript:;" id="scrollToTop" title="scroll to top"><span class="iconicfill-arrow-up"></span></a>
  961. </div>
  962. {/block:IfBackToTop}
  963.  
  964. {block:indexpage}
  965.  
  966. {block:ifgridtheme}
  967. {block:ifinfinitescroll}
  968. <div id="pagination"><a href="/page/2"></a></div>
  969. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  970.  
  971. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  972.  
  973. <script>
  974. $(function(){
  975. var $container = $('#container');
  976. $container.imagesLoaded(function(){
  977. $container.masonry({
  978. itemSelector: '.entry',
  979. });
  980. });
  981. $container.infinitescroll({
  982. itemSelector : ".entry",
  983. navSelector : "#pagination",
  984. nextSelector : "#pagination a",
  985. loadingImg : "http://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
  986. loadingText : "<em>loading posts</em>",
  987. bufferPx : 10000,
  988. extraScrollPx: 12000,
  989. },
  990. // trigger Masonry as a callback
  991. function( newElements ) {
  992. var $newElems = $( newElements ).css({ opacity: 0 });
  993. // ensure that images load before adding to masonry layout
  994. $newElems.imagesLoaded(function(){
  995. $newElems.animate({ opacity: 1 });
  996. $container.masonry( 'appended', $newElems, true );
  997. });
  998. }
  999. );
  1000. });
  1001. </script>
  1002. {/block:ifinfinitescroll}
  1003.  
  1004. {block:ifnotinfinitescroll}
  1005. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1006.  
  1007. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1008. <script type="text/javascript">
  1009. $(window).load(function () {
  1010. $('#container').masonry({
  1011. itemSelector : ".entry",
  1012. },
  1013. function() { $('#container').masonry({ appendedContent: $(this) }); }
  1014. );
  1015. });
  1016. </script>
  1017. {/block:ifnotinfinitescroll}
  1018. {/block:ifgridtheme}
  1019.  
  1020. {block:ifnotgridtheme}
  1021. {block:ifinfinitescroll}
  1022. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1023. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1024. <script type="text/javascript" charset="utf-8">
  1025. var $j = jQuery.noConflict();
  1026. $j(function() {
  1027. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1028. $j("img").lazyload({
  1029. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1030. effect: "fadeIn",
  1031. });
  1032. });
  1033. </script>
  1034. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1035. {/block:ifinfinitescroll}
  1036. {/block:ifnotgridtheme}
  1037.  
  1038. {/block:indexpage}
  1039.  
  1040. </head>
  1041.  
  1042. <body>
  1043.  
  1044. <div id="left"></div>
  1045.  
  1046. <div id="title">{text:Sidebar Title}</div>
  1047.  
  1048. <div id="icon"><a href="/"><img src="{image:Sidebar Image}"></a>
  1049. <div id="nav">
  1050. <a href="/">home</a>
  1051. <a href="/ask">ask</a>
  1052. <a href="/archive">archive</a>
  1053. <a href="http://vitanica.tumblr.com">theme</a>
  1054. </div>
  1055. <div id="description">{Description}
  1056. <div id="customlink">
  1057. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:iflink1}
  1058. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink2}
  1059. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  1060. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  1061. {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:iflink5}
  1062. {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  1063. {block:iflink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:iflink7}
  1064. {block:iflink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:iflink8}
  1065. </div>
  1066. </div>
  1067. {block:IfMusicPlayer}
  1068. <div id="mupl">
  1069. <div class="micon"><span class="iconicfill-headphones"></span></div>
  1070. <div class="mupl">
  1071. <div class="mplay">{text:Music Player}</div>
  1072. </div>
  1073. </div>
  1074. {/block:IfMusicPlayer}
  1075. </div><!-- /div icon -->
  1076.  
  1077. {block:Pagination}
  1078. <div id="pagination">
  1079. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  1080. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  1081. </div>
  1082. {/block:Pagination}
  1083.  
  1084.  
  1085. <div id="container">
  1086. {block:Posts}
  1087. <div class="entry">
  1088.  
  1089. {block:Photo}
  1090. {LinkOpenTag}<img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}">{LinkCloseTag}
  1091. {block:IndexPage}
  1092. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1093. {block:ContentSource}<div id="source"><a href="{SourceURL}" title="Source: {SourceTitle}"><span class="iconicfill-user"></span></a></div>{/block:ContentSource}
  1094. {block:RebloggedFrom}<div id="via"><a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><span class="iconicfill-fork"></span></a></div>{/block:RebloggedFrom}
  1095. <div id="reblog"><a href="{reblogurl}" target="_blank" title="reblog"><span class="iconicfill-loop-alt2"></span></a></div>
  1096. <div id="notes"><a href="{permalink}" title="{NoteCountWithLabel}"><span class="iconicfill-heart-fill"></span></a></div>
  1097. <div id="date"><a href="{permalink}" title="{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}"><span class="iconicfill-clock"></span></a></div>
  1098. {/block:IndexPage}
  1099. {/block:Photo}
  1100.  
  1101. {block:Photoset}
  1102. {block:IndexPage}
  1103. {block:IfNotGridTheme}
  1104. {block:IfNot500pxPosts}
  1105. {block:IfNot250pxPosts}
  1106. {Photoset-400}
  1107. {/block:IfNot250pxPosts}
  1108. {/block:IfNot500pxPosts}
  1109. {/block:IfNotGridTheme}
  1110. {block:IfGridTheme}{Photoset-250}{/block:IfGridTheme}
  1111. {block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
  1112. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  1113. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1114. {block:ContentSource}<div id="source"><a href="{SourceURL}" title="Source: {SourceTitle}"><span class="iconicfill-user"></span></a></div>{/block:ContentSource}
  1115. {block:RebloggedFrom}<div id="via"><a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><span class="iconicfill-fork"></span></a></div>{/block:RebloggedFrom}
  1116. <div id="reblog"><a href="{reblogurl}" target="_blank" title="reblog"><span class="iconicfill-loop-alt2"></span></a></div>
  1117. <div id="notes"><a href="{permalink}" title="{NoteCountWithLabel}"><span class="iconicfill-heart-fill"></span></a></div>
  1118. <div id="date"><a href="{permalink}" title="{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}"><span class="iconicfill-clock"></span></a></div>
  1119. {/block:IndexPage}
  1120. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  1121. {/block:Photoset}
  1122.  
  1123. {block:Video}
  1124. {block:IndexPage}
  1125. {block:IfNotGridTheme}
  1126. {block:IfNot500pxPosts}
  1127. {block:IfNot250pxPosts}
  1128. {Video-400}
  1129. {/block:IfNot250pxPosts}
  1130. {/block:IfNot500pxPosts}
  1131. {/block:IfNotGridTheme}
  1132. {block:IfGridTheme}{Video-250}{/block:IfGridTheme}
  1133. {block:If250pxPosts}{Video-250}{/block:If250pxPosts}
  1134. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  1135. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1136. {block:ContentSource}<div id="source"><a href="{SourceURL}" title="Source: {SourceTitle}"><span class="iconicfill-user"></span></a></div>{/block:ContentSource}
  1137. {block:RebloggedFrom}<div id="via"><a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><span class="iconicfill-fork"></span></a></div>{/block:RebloggedFrom}
  1138. <div id="reblog"><a href="{reblogurl}" target="_blank" title="reblog"><span class="iconicfill-loop-alt2"></span></a></div>
  1139. <div id="notes"><a href="{permalink}" title="{NoteCountWithLabel}"><span class="iconicfill-heart-fill"></span></a></div>
  1140. <div id="date"><a href="{permalink}" title="{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}"><span class="iconicfill-clock"></span></a></div>
  1141. {/block:IndexPage}
  1142. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  1143. {/block:Video}
  1144.  
  1145. {block:Text}
  1146. {block:Title}<h1>{Title}</h1>{/block:Title}
  1147. {Body}
  1148. {block:IndexPage}
  1149. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1150. <div id="permalink"><a href="{permalink}">Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a> / <a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}</div>
  1151. {/block:IndexPage}
  1152. {/block:Text}
  1153.  
  1154. {block:Audio}
  1155. <div id="musicpost">
  1156. {block:AlbumArt}
  1157. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  1158. {/block:AlbumArt}
  1159. <div id="player">{AudioPlayerWhite}</div>
  1160. <div id="musicinfo">
  1161. <div class="lii">{block:Artist}<b>Artist:</b> <i>{Artist}</i>{/block:Artist}</div>
  1162. <div class="lii">{block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}</div>
  1163. <div class="lii">{block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}</div>
  1164. <div class="lii"><b>Plays:</b> <i>{FormattedPlayCount}</i></div>
  1165. </div>
  1166. </div>
  1167. {block:IndexPage}
  1168. <div id="permalink"><a href="{permalink}">Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a> / <a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}</div>
  1169. {/block:IndexPage}
  1170. {/block:Audio}
  1171.  
  1172. {block:Quote}
  1173. <div id="quote">{Quote}</div>
  1174. <div id="quotesource">-{Source}</div>
  1175. {block:IndexPage}
  1176. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1177. <div id="permalink"><a href="{permalink}">Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a> / <a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}</div>
  1178. {/block:IndexPage}
  1179. {/block:Quote}
  1180.  
  1181. {block:Link}
  1182. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1183. {Description}
  1184. {block:IndexPage}
  1185. <div id="permalink"><a href="{permalink}">Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a> / <a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}</div>
  1186. {/block:IndexPage}
  1187. {/block:Link}
  1188.  
  1189. {block:Chat}
  1190. {block:Title}<h1>{Title}</h1>{/block:Title}
  1191. <div class="chat">
  1192. <div class="chat1">
  1193. {block:Lines}
  1194. <div class="chat2 {Alt}">
  1195. {block:Label}
  1196. {Label}
  1197. {/block:Label}
  1198. {Line} </div>
  1199. {/block:Lines}
  1200. </div>
  1201. </div>
  1202. {block:IndexPage}
  1203. <div id="permalink"><a href="{permalink}">Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a> / <a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}</div>
  1204. {/block:IndexPage}
  1205. {/block:Chat}
  1206.  
  1207. {block:Answer}
  1208. <div id="ask">
  1209. <h1>{Asker}:</h1>
  1210. {Question}
  1211. </div>
  1212. <div id="answer">{Answer}</div>
  1213. {block:IndexPage}
  1214. <div id="permalink"><a href="{permalink}">Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a> / <a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}</div>
  1215. {/block:IndexPage}
  1216. {/block:Answer}
  1217.  
  1218.  
  1219. {block:IndexPage}
  1220. <!-- permalink -->
  1221.  
  1222. <div id="tags">
  1223. {block:HasTags}tagged as
  1224. {block:Tags}
  1225. <a href="{TagURL}">.{Tag}</a>
  1226. {block:Tags}
  1227. {/block:HasTags}
  1228. </div>
  1229.  
  1230. <!-- /permalink -->
  1231. {/block:IndexPage}
  1232.  
  1233. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1234.  
  1235. </div><!-- /div entry -->
  1236.  
  1237.  
  1238. <!-- permalink page -->{block:PermalinkPage}
  1239. <div class="post_perma">
  1240. <b>• •</b> Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12Hour}:{Minutes}{AmPm} with {NoteCountWithLabel} <b>• •</b>
  1241.  
  1242. {block:RebloggedFrom}<br><b>• •</b> Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> <b>• •</b> Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>• •</b>{/block:RebloggedFrom}
  1243.  
  1244. {block:HasTags}<br><b>• •</b> Tagged as {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<b>• •</b>{/block:HasTags}
  1245. </div>
  1246.  
  1247. {block:PostNotes}<div class="post_notes">{PostNotes}</div>{/block:PostNotes}
  1248. {/block:PermalinkPage}<!-- /permalink page -->
  1249.  
  1250.  
  1251. {/block:Posts}
  1252. </div> <!-- /div container -->
  1253.  
  1254. <div id="error">
  1255. <b>ERROR!</b>
  1256. <p><span class="iconicfill-arrow-left"></span> Please pick only one type of posts!
  1257. </div>
  1258.  
  1259. </body>
  1260.  
  1261. </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!