API tools faq
paste
Advertisement
damadellago

Upsidedown 3-5 columns V1.5

damadellago
Apr 18th, 2012
7,363
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <!--
  4. +++++++++++++++++++++++++++
  5. Theme by:Lady of the Lake
  6. damadellago.tumblr.com
  7. +++++++++++++++++++++++++++
  8. -->
  9.  
  10. <html>
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}"/>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16. <link href='http://fonts.googleapis.com/css?family=Della+Respira|Overlock' rel='stylesheet' type='text/css'>
  17. {text:Meta tags}
  18. {block:Hidden}
  19.  
  20. <meta name="if:Show portrait photo1" content="1" />
  21. <meta name="if:Show portrait photo2" content="1" />
  22. <meta name="if:Enable endless scrolling" content="0" />
  23. <meta name="text:Text size" content="9" />
  24. <meta name="if:Static background" content="1" />
  25. <meta name="if:Like on posts" content="0" />
  26. <meta name="if:Static Sidebar" content="1" />
  27. <meta name="if:Show People I Follow" content="0" />
  28. <meta name="if:Caption on Index" content="0" />
  29. <meta name="if:3 columns" content="1" />
  30. <meta name="if:4 columns" content="0" />
  31. <meta name="if:5 columns" content="0" />
  32. <meta name="font:Type" content="sans-serif,arial"/>
  33. <meta name="if:Resize image" content="0" />
  34. <meta name="text:Image Width" content="196" />
  35. <meta name="text:Image Height" content="150" />
  36. <meta name="text:Link1" content="Home" />
  37. <meta name="text:Link1 Url" content="/" />
  38. <meta name="text:Link1 Title" content="Home" />
  39. <meta name="text:Link2" content="History" />
  40. <meta name="text:Link2 Url" content="/archive" />
  41. <meta name="text:Link2 Title" content="Archive" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Url" content="" />
  44. <meta name="text:Link3 Title" content="" />
  45. <meta name="text:Link4" content="" />
  46. <meta name="text:Link4 Url" content="" />
  47. <meta name="text:Link4 Title" content="" />
  48. <meta name="text:Link5" content="" />
  49. <meta name="text:Link5 Url" content="" />
  50. <meta name="text:Link5 Title" content="" />
  51. <meta name="text:Link6" content="" />
  52. <meta name="text:Link6 Url" content="" />
  53. <meta name="text:Link6 Title" content="" />
  54. <meta name="text:Link7" content="" />
  55. <meta name="text:Link7 Url" content="" />
  56. <meta name="text:Link7 Title" content="" />
  57. <meta name="color:Background" content="#FFFFFF">
  58. <meta name="color:Shadow" content="#CCCCCC">
  59. <meta name="color:Font" content="#363636">
  60. <meta name="color:Post Background" content="#e3e3e3">
  61. <meta name="color:Post Background2" content="#b6b0b0">
  62. <meta name="color:Sidebar" content="#dccbcb">
  63. <meta name="color:Sidebar Menu" content="#f0867a">
  64. <meta name="color:Links Font" content="#36465d">
  65. <meta name="color:Links Font Hover" content="#CCCCCC">
  66. <meta name="color:Menu Links Font" content="#f3f8ff">
  67. <meta name="color:Menu Links Font Hover" content="#FFFFFF">
  68. <meta name="color:Color1" content="#666d72">
  69. <meta name="color:Color2" content="#21262d">
  70. <meta name="color:Color3" content="#a3dfe3">
  71. <meta name="color:Color4" content="#236f77">
  72. <meta name="color:Color5" content="#92c9cf">
  73. <meta name="color:Color6" content="#a1dbe1">
  74. <meta name="color:Color7" content="#f0867a">
  75. <meta name="color:Color8" content="#f5b09c">
  76. <meta name="color:Color9" content="#598b93">
  77. <meta name="image:Background" content="http://static.tumblr.com/ikkgisy/loam2oftu/2z527om.png">
  78. <meta name="image:Portrait1" content="http://static.tumblr.com/ikkgisy/5PBm2ofsq/marc.png">
  79. <meta name="image:Portrait2" content="http://static.tumblr.com/ikkgisy/KbVm2oftg/pb.png">
  80. {/block:Hidden}
  81. <style type="text/css">
  82.  
  83.  
  84. /* - - - - - - Main - - - - - - */
  85. body {
  86. background-image:url({image:Background});
  87. background-color:{color:Background};
  88. {block:IfStaticBackground}background-position: fixed;background-attachment:fixed;{/block:IfStaticBackground}
  89. margin:0px;
  90. color:{color:Font};
  91. font-family: {font:Type};
  92. font-size: {text:Text size}px;
  93. line-height: 15px;
  94. letter-spacing: 0px;
  95. }
  96.  
  97. #wrapper{
  98. width:100%;
  99. margin-left:0px;
  100. position:absolute;
  101. margin-top:0px;
  102. }
  103.  
  104. #content {
  105. margin-left:230px;
  106. margin-top:5px;
  107. padding:5px;
  108. position:absolute;
  109. {block:If3columns}width:700px;{/block:If3columns}
  110. {block:If4columns}width:900px;{/block:If4columns}
  111. {block:If5columns}width:1200px;{/block:If5columns}
  112. }
  113.  
  114. /* - - - - - - Menus&Sidebar - - - - - - */
  115. #menu{
  116. margin:-15px 0px 0px -1px;
  117. {block:IfNotStaticSidebar}position:absolute;{block:IfNotStaticSidebar}
  118. {block:IfStaticSidebar}position:fixed;{/block:IfStaticSidebar}
  119. }
  120.  
  121. #menu2{
  122. margin:-15px 0px 0px -1px;
  123. {block:IfNotStaticSidebar}position:absolute;{block:IfNotStaticSidebar}
  124. {block:IfStaticSidebar}position:fixed;{/block:IfStaticSidebar}
  125. }
  126.  
  127. #sidebar{
  128. background-color:{color:Sidebar};
  129. {block:IfStaticSidebar}position:fixed;{/block:IfStaticSidebar}
  130. width:200px;
  131. float:left;
  132. padding:0px;
  133. margin:20px;
  134. text-align:justify;
  135. }
  136.  
  137. #description{
  138. width:90%;
  139. margin:10px;
  140. }
  141.  
  142. a.block {
  143. display:inline;
  144. text-align: center;
  145. padding:3px;
  146. margin:1px;
  147. position:relative;
  148. background-color:{color:color5};
  149. display: inline-block;
  150. font-family : century Gothic, arial;
  151. color: {color:Menu Links Font};
  152. font-weight: bold;
  153. line-height: 30px;
  154. width: 30px;
  155. height: 30px;
  156. border-radius: 30px;
  157. -webkit-border-radius: 30px;
  158. -moz-border-radius: 30px;
  159. -webkit-transition: all .9s ease;
  160. -moz-transition: all .9s ease;
  161. -o-transition: all .9s ease;
  162. }
  163.  
  164. a.block:hover {
  165. color: {color:Menu Links Font Hover};
  166. background-color:{color:color6};
  167. transform: rotate(360deg);
  168. -moz-transform: rotate(360deg);
  169. -webkit-transform: rotate(360deg);
  170. -o-transform: rotate(360deg);
  171. -webkit-transition: all .9s ease;
  172. -moz-transition: all .9s ease;
  173. -o-transition: all .9s ease;
  174. text-shadow:0px 0px 5px {color:Shadow};
  175. }
  176.  
  177. .following {
  178. margin:2px;-moz-border-radius: 24px;
  179. -webkit-border-radius: 24px;
  180. -o-border-radius: 24px;
  181. border-radius: 24px;
  182. }
  183.  
  184. #pagi {
  185. padding:5px;
  186. margin:5px; width:200px;
  187. }
  188.  
  189. .pagina{
  190. position:relative;margin:0px;
  191. background-color: {color:Color5};
  192. display: inline-block;
  193. width:10px;
  194. height:10px;
  195. line-height:10px;
  196. padding: 5px;
  197. color: {color:Color4};
  198. -moz-border-radius: 10px;
  199. -webkit-border-radius: 10px;
  200. -o-border-radius: 10px;
  201. border-radius: 10px;
  202. }
  203.  
  204. .portrait{
  205. border: 2px solid {color:color9};
  206. -moz-border-radius: 0px 0px 50px 50px;
  207. -webkit-border-radius: 0px 0px 50px 50px;
  208. -o-border-radius: 0px 0px 50px 50px;
  209. border-radius: 0px 0px 50px 50px;
  210. width: {text:Image Width}px;
  211. height: {text:Image Height}px;
  212. {block:IfResizeImage}background-size:{text:Image Width}px {text:Image Height}px;{/block:IfResizeImage}
  213. margin: 0px;
  214. background-image: url({image:Portrait1});
  215. -webkit-transition: all .7s ease;
  216. -moz-transition: all .7s ease;
  217. -o-transition: all .7s ease;
  218. }
  219.  
  220. .portrait:hover{
  221. border: 2px solid {color:color7};
  222. -moz-border-radius: 0px 0px 0px 0px;
  223. -webkit-border-radius: 0px 0px 0px 0px;
  224. -o-border-radius: 0px 0px 0px 0px;
  225. border-radius: 0px 0px 0px 0px;
  226. -webkit-transition: all .7s ease;
  227. -moz-transition: all .7s ease;
  228. -o-transition: all .7s ease;
  229. }
  230.  
  231. .portraitdiv{
  232. -moz-border-radius: 0px 0px 50px 50px;
  233. -webkit-border-radius: 0px 0px 50px 50px;
  234. -o-border-radius: 0px 0px 50px 50px;
  235. border-radius: 0px 0px 50px 50px;
  236. width: {text:Image Width}px;
  237. height: {text:Image Height}px;
  238. margin: 0px;
  239. }
  240.  
  241. .portrait2{
  242. border: 2px solid {color:color7};
  243. -moz-border-radius: 50px 50px 0px 0px;
  244. -webkit-border-radius: 50px 50px 0px 0px;
  245. -o-border-radius: 50px 50px 0px 0px;
  246. border-radius: 50px 50px 0px 0px;
  247. width: {text:Image Width}px;
  248. height: {text:Image Height}px;
  249. {block:IfResizeImage}background-size:{text:Image Width}px {text:Image Height}px;{/block:IfResizeImage}
  250. margin: 0px;
  251. background-image: url({image:Portrait2});
  252. -webkit-transition: all .7s ease;
  253. -moz-transition: all .7s ease;
  254. -o-transition: all .7s ease;
  255. }
  256.  
  257. .portrait2:hover{
  258. border: 2px solid {color:color9};
  259. -moz-border-radius: 0px 0px 0px 0px;
  260. -webkit-border-radius: 0px 0px 0px 0px;
  261. -o-border-radius: 0px 0px 0px 0px;
  262. border-radius: 0px 0px 0px 0px;
  263. -webkit-transition: all .7s ease;
  264. -moz-transition: all .7s ease;
  265. -o-transition: all .7s ease;
  266. }
  267.  
  268. .portrait2div{
  269. -moz-border-radius: 50px 50px 0px 0px;
  270. -o-border-radius: 50px 50px 0px 0px;
  271. border-radius: 50px 50px 0px 0px;
  272. width: {text:Image Width}px;
  273. height: {text:Image Height}px;
  274. margin: 0px;
  275. }
  276.  
  277. /* - - - - - - Posts - - - - - - */
  278. #post{background-color: {color:Post Background};
  279. text-align: justify;
  280. float:left;
  281. {block:IndexPage}margin-top:-25px;{/block:IndexPage}
  282. padding:4px;
  283. {block:IndexPage}width:250px;overflow:hidden;{/block:IndexPage}
  284. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  285. -moz-border-radius: 10px;
  286. -webkit-border-radius: 10px;
  287. -o-border-radius: 10px;
  288. border-radius: 10px;
  289. }
  290.  
  291. .container{
  292. width:257px;
  293. margin:2px;
  294. }
  295.  
  296. .pic
  297. {
  298. -moz-border-radius: 5px;
  299. -webkit-border-radius: 5px;
  300. -o-border-radius: 5px;
  301. border-radius: 5px;
  302. }
  303.  
  304. #notes {
  305. background-color: {color:Post Background};
  306. width:500px;
  307. float:left;
  308. margin-top: 10px;
  309. margin-bottom: 10px;
  310. padding:10px;
  311. -moz-border-radius: 5px;
  312. -webkit-border-radius: 5px;
  313. -o-border-radius: 5px;
  314. border-radius: 5px;
  315. position:relative;
  316. }
  317.  
  318. ol.notes {
  319. list-style:none;
  320. padding:10px;
  321. }
  322.  
  323. h1 {
  324. color: {color:Color1};
  325. font-family: 'Overlock';
  326. font-size: 20px;
  327. font-weight: normal;
  328. font-style:italic;
  329. letter-spacing: 3px;
  330. text-align: left;
  331. margin-top: 50px;
  332. padding-right: 0px;
  333. }
  334.  
  335. h1 a{
  336. color: {color:Color4};
  337. }
  338.  
  339. b,u,i,s {
  340. color: {color:color2};
  341. font-weight: bold;
  342. }
  343.  
  344. .down {
  345. display:inline;
  346. text-align: center;
  347. padding:3px;
  348. margin:1px;
  349. position:relative;
  350. background-color:{color:color7};
  351. display: inline-block;
  352. font-family : century Gothic, arial;
  353. color: {color:Menu Links Font};
  354. font-weight: bold;
  355. line-height: 30px;
  356. width: 30px;
  357. height: 30px;
  358. border-radius: 30px;
  359. -webkit-border-radius: 30px;
  360. -moz-border-radius: 30px;
  361. -webkit-transition: all .9s ease;
  362. -moz-transition: all .9s ease;
  363. -o-transition: all .9s ease;
  364. }
  365.  
  366. .down:hover {
  367. color: {color:Menu Links Font Hover};
  368. background-color:{color:color8};
  369. transform: rotate(360deg);
  370. -moz-transform: rotate(360deg);
  371. -webkit-transform: rotate(360deg);
  372. -o-transform: rotate(360deg);
  373. -webkit-transition: all .9s ease;
  374. -moz-transition: all .9s ease;
  375. -o-transition: all .9s ease;
  376. text-shadow:0px 0px 5px {color:Shadow};
  377. }
  378.  
  379. .notescount {
  380. opacity: 0;
  381. height:0px;
  382. width:257px;
  383. overflow:hidden;
  384. float:left;
  385. padding:0px;
  386. margin-top:-10px;
  387. z-index:900;
  388. position:absolute;
  389. border-bottom: 2px {color:Color9} solid;
  390. -webkit-transition: all .7s ease-in;
  391. -moz-transition: all .7s ease-in;
  392. -o-transition: all .7s ease-in;
  393. }
  394.  
  395. .notescount a{
  396. color: {color:Menu Links Font Hover};
  397. }
  398.  
  399. .notescount span {
  400. background-color: {color:color9};
  401. height:30px;
  402. padding:4px;
  403. line-height:20px;
  404. margin:0px;
  405. }
  406.  
  407. .container:hover .notescount {
  408. opacity: 1;margin-top:20px;
  409. height:20px;
  410. }
  411.  
  412. .reblo {
  413. opacity: 0;
  414. height:0px;
  415. width:257px;
  416. overflow:hidden;
  417. float:right;
  418. text-align:right;
  419. padding:0px;
  420. margin-top:100px;
  421. z-index:900;
  422. position:absolute;
  423. border-top: 2px {color:Color7} solid;
  424. -webkit-transition: all .7s ease-in;
  425. -moz-transition: all .7s ease-in;
  426. -o-transition: all .7s ease-in;
  427. }
  428.  
  429. .reblo a{color: {
  430. color:Menu Links Font Hover};
  431. }
  432.  
  433. .reblo span {
  434. background-color: {color:color7};
  435. height:30px;
  436. padding:4px;
  437. line-height:20px;
  438. margin-right:0px;
  439. }
  440.  
  441. .container:hover .reblo {
  442. opacity: 1;
  443. margin-top:28px;
  444. height:20px;
  445. }
  446. {block:IfLikeonposts}.my-like { background-image: url(http://static.tumblr.com/ikkgisy/Bxmm6ic7e/heart2.gif) !important; height:8px; width:8px; cursor:pointer; display:inline-block;}
  447. .my-liked, .my-like:hover { background-image: url(http://static.tumblr.com/ikkgisy/Pnom6ic7v/heart1.gif) !important; height:8px; width:8px; cursor:pointer; display:inline-block;} {/block:IfLikeonposts}
  448.  
  449. /* - - - - - - Content - - - - - - */
  450. .quo {
  451. font-size:18pt;
  452. font-family: 'Della Respira';
  453. font-style:italic;
  454. line-height:20px;
  455. color:{color:Color8};
  456. text-align: center;
  457. }
  458.  
  459. .answer {
  460. margin:0px;
  461. padding:10px;
  462. background:{color:Post Background2};
  463. }
  464.  
  465. .album img {
  466. max-width: 35px;
  467. float: left;
  468. margin-right: 5px;
  469. box-shadow: 0px 0px 6px {color:Shadow};
  470. -webkit-box-shadow: 0px 0px 6px {color:Shadow};
  471. -moz-box-shadow: 0px 0px 6px {color:Shadow};
  472. -moz-border-radius: 6px;
  473. -webkit-border-radius: 6px;
  474. -o-border-radius: 6px;
  475. border-radius: 6px;
  476. -webkit-transition: all 1s ease;
  477. -moz-transition: all 1s ease;
  478. -o-transition: all 1s ease;
  479. }
  480.  
  481. .album img:hover {
  482. opacity:0.5;
  483. -webkit-transition: all 1s ease;
  484. -moz-transition: all 1s ease;
  485. -o-transition: all 1s ease;
  486. }
  487.  
  488. #chat ul {
  489. list-style:none;
  490. padding:5px;
  491. }
  492.  
  493. #chat ul li.odd {
  494. background:{color:Post Background2};
  495. }
  496.  
  497. #chat li {
  498. padding: 2px;
  499. list-style-type: none;
  500. }
  501.  
  502. .source {
  503. margin:0px 10px 0px 0px;
  504. text-align:left;
  505. letter-spacing:0px;
  506. }
  507.  
  508. blockquote {
  509. margin:auto;
  510. border-left: 2px {color:Color9} solid;
  511. }
  512.  
  513. /* - - - - - - General - - - - - - */
  514. b,u,i,s {
  515. color: {color:color2};
  516. font-weight: bold;
  517. }
  518.  
  519. a {
  520. text-decoration: none;
  521. color: {color:Links Font};
  522. }
  523.  
  524. a:hover {
  525. color:{color:Links Font Hover};
  526. text-shadow:0px 0px 5px {color:Shadow};
  527. }
  528.  
  529. ::-webkit-scrollbar {
  530. width: 7px;
  531. background-color: {color:Color4};
  532. }
  533.  
  534. ::-webkit-scrollbar-thumb:vertical {
  535. background-color: {color:Color5};
  536. }
  537.  
  538. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none!important;}
  539.  
  540. a.install {
  541. width: 96px;
  542. height: 20px;
  543. background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
  544. display: block;
  545. position: absolute;
  546. top: 26px;
  547. right: 3px;
  548. z-index:999;
  549. -webkit-transition: all 1s ease;
  550. -moz-transition: all 1s ease;
  551. -o-transition: all 1s ease;
  552. opacity: 0.4;
  553. }
  554.  
  555. a.install:hover {
  556. -webkit-transition: all 1s ease;
  557. -moz-transition: all 1s ease;
  558. -o-transition: all 1s ease;
  559. opacity: 1;
  560. }
  561.  
  562. iframe#tumblr_controls {
  563. top: 0px !important;
  564. right:0px !important;
  565. -webkit-transition: all 1s ease;
  566. -moz-transition: all 1s ease;
  567. -o-transition: all 1s ease;
  568. opacity: 0.4;
  569. }
  570.  
  571. iframe#tumblr_controls:hover {
  572. -webkit-transition: all 1s ease;
  573. -moz-transition: all 1s ease;
  574. -o-transition: all 1s ease;
  575. opacity: 1;
  576. }
  577. {CustomCSS}
  578. </style>
  579. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  580. <script type="text/javascript" src="http://static.tumblr.com/xeob1hy/zz5lzjn0a/top.txt"></script>
  581. {block:IndexPage}
  582. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  583. <script src="http://static.tumblr.com/thpaaos/Oznkoyc5z/jquery.scale.js"></script>
  584. {block:IfEnableEndlessScrolling} <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:IfEnableEndlessScrolling}
  585. <script type="text/javascript">
  586. $(window).load(function () {
  587. $('#content').masonry(),
  588. $('.masonryWrap').infinitescroll({
  589. navSelector : "div.navigation",
  590. // selector for the paged navigation (it will be hidden)
  591. nextSelector : ".navigation a#next",
  592. // selector for the NEXT link (to page 2)
  593. itemSelector : ".container",
  594. // selector for all items you'll retrieve
  595. bufferPx : 10000,
  596. extraScrollPx: 10000,
  597. loadingImg : "",
  598. loadingText : "<em></em>",
  599. },
  600. // call masonry as a callback.
  601. function() { $('#content').masonry({ appendedContent: $(this) }); }
  602. );
  603. });
  604. </script> {/block:IndexPage}
  605. {block:IfLikeonposts}<script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>{/block:IfLikeonposts}
  606. </head>
  607. <body>
  608. <div id="wrapper"><a href="http://damadellago.tumblr.com" class="install"></a>
  609. <div id="sidebar">
  610. <div id="menu">
  611. <!-- Navigation -->
  612. <center>
  613. {block:IfLink1}<a class="block" title="{text:Link1 Title}" href="{text:Link1 Url}">{text:Link1}</a>{/block:IfLink1}
  614. {block:IfLink2}<a class="block" title="{text:Link2 Title}" href="{text:Link2 Url}">{text:Link2}</a>{/block:IfLink2}
  615. {block:AskEnabled}<a class="block" title="Ask" href="/ask">Ask</a>{/block:AskEnabled}
  616. {block:SubmissionsEnabled} <a class="block" title="Submit" href="/submit">Submit</a>{/block:SubmissionsEnabled}
  617. <a target="_blank" title="Theme Author" class="block" href="http://damadellago.tumblr.com">Theme</a></center>
  618. <!-- End navigation -->
  619. </div>
  620. {block:IfShowPortraitPhoto1}<center><div class="portraitdiv"><div class="portrait"></div></div><br></center>{/block:IfShowPortraitPhoto1}
  621. {block:Description}<div id="description">{Description}</div>{/block:Description}
  622.  
  623. {block:IfShowPeopleIFollow}
  624. {block:Following}
  625. <div id="following">
  626. {block:Followed}<a href="{FollowedURL}"><img class="following" src="{FollowedPortraitURL-24}" /></a>{/block:Followed}
  627. </div>
  628. {/block:Following}
  629. {/block:IfShowPeopleIFollow}
  630.  
  631. <div id="description"> {block:Pagination}<div id="pagi" class="navigation"><p id="page_nav">
  632. {block:PreviousPage}
  633. <a class="pagina" href="{PreviousPage}">«</a>
  634. {/block:PreviousPage}
  635. {block:JumpPagination length="5"}
  636. {block:CurrentPage}
  637. <span class="pagina">{PageNumber}</span>
  638. {/block:CurrentPage}
  639. {block:JumpPage}
  640. <a class="pagina" href="{URL}">{PageNumber}</a>
  641. {/block:JumpPage}
  642. {/block:JumpPagination}
  643. {block:NextPage}
  644. <a class="pagina" id="next" href="{NextPage}">»</a>
  645. {/block:NextPage}</div></p>
  646. {/block:Pagination}
  647. </div>
  648.  
  649.  
  650. {block:IfShowPortraitPhoto2}<br><center><div class="portrait2div"><div class="portrait2"></div></div></center>{/block:IfShowPortraitPhoto2}
  651. <div id="menu2">
  652. <!-- Navigation -->
  653. <center>
  654. {block:IfLink3}<a class="down" title="{text:Link3 Title}" href="{text:Link3 Url}">{text:Link3}</a>{/block:IfLink3}
  655. {block:IfLink4}<a class="down" title="{text:Link4 Title}" href="{text:Link4 Url}">{text:Link4}</a>{/block:IfLink4}
  656. {block:IfLink5}<a class="down" title="{text:Link5 Title}" href="{text:Link5 Url}">{text:Link5}</a>{/block:IfLink5}
  657. {block:IfLink6}<a class="down" title="{text:Link6 Title}" href="{text:Link6 Url}">{text:Link6}</a>{/block:IfLink6}
  658. {block:IfLink7}<a class="down" title="{text:Link7 Title}" href="{text:Link7 Url}">{text:Link7}</a>{/block:IfLink7}
  659. </center>
  660. <!-- End navigation --></div>
  661.  
  662. </div>
  663. <div id="content">
  664. {block:Posts}
  665. <div class="container">{block:IndexPage} <div class="notescount"><span><a href="{Permalink}"> {Month} {DayOfMonth} {Year} with</a>
  666. <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</span></div>
  667. <br>{/block:IndexPage}
  668. {block:IndexPage} <div class="reblo">
  669. <span> <a href="{reblogurl}">Reblog</a>{block:IfLikeonposts} | <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> {/block:IfLikeonposts} </span></div>
  670. <br>{/block:IndexPage}
  671. <div id="post">
  672.  
  673. {block:Text}
  674. {block:Title}<h1>{Title}</h1><br>{block:Title}
  675. {block:IndexPage}{Body}{/block:IndexPage}
  676. {block:PermalinkPage}{Body}{/block:PermalinkPage}
  677. {/block:Text}
  678.  
  679. {block:Photo}
  680. {block:IndexPage}<center><a href="{permalink}"><img class="pic" src="{PhotoURL-250}" alt="{PhotoAlt}"/></a></center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex}{/block:IndexPage}
  681. {block:PermalinkPage}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="pic" alt="{PhotoAlt}"/>{LinkCloseTag}<br></center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  682. {/block:Photo}
  683.  
  684. {block:Photoset}
  685. {block:IndexPage}<center>{Photoset-250}</center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex}{/block:IndexPage}
  686. {block:PermalinkPage}<center>{Photoset-500}</center>{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  687. {/block:Photoset}
  688.  
  689. {block:Quote}
  690. <p class="quo">"{Quote}"</p>
  691. {block:Source}<p class="source">&nbsp; &nbsp;— {Source}</p>{/block:Source}
  692. {/block:Quote}
  693.  
  694. {block:Link}
  695. {block:IndexPage}<h1><a href="{URL}" target="blank">{Name} &#8599;</a></h1>{block:IfCaptionOnIndex}{block:Description}<p>{Description}</p>{/block:Description}<br>
  696. {block:source}<p>{Source}</p>{/block:Source}{block:IfCaptionOnIndex}{/block:IndexPage}
  697. {block:PermalinkPage}<h1><a href="{URL}" target="blank">{Name} &#8599;</a></h1><br>{block:Description}<p>{Description}</p>{/block:Description}<br>
  698. {block:source}<p>{Source}</p>{/block:Source}{block:PermalinkPage}
  699. {/block:Link}
  700.  
  701. {block:Chat}
  702. {block:Title}<h1>{Title}</h1><br>{block:Title}<div id="chat"><ul>
  703. {block:Lines}
  704. <li class="{Alt} user_{UserNumber}">
  705. {block:Label}
  706. <span class="label">{Label}</span>
  707. {/block:Label}
  708. {Line}
  709. </li>
  710. {/block:Lines}
  711. </ul></div>
  712. {/block:Chat}
  713.  
  714. {block:Video}
  715. {block:IndexPage}<center>{Video-250}</center>{block:IfCaptionOnIndex}{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex}{/block:IndexPage}
  716. {block:PermalinkPage}<center>{Video-500}</center>{block:Caption}<p>{Caption}</p>{/block:Caption}{/block:PermalinkPage}
  717. {/block:Video}
  718.  
  719. {block:Audio}
  720. <br><br><br>
  721. {block:AudioEmbed}
  722. {AudioEmbed-500}
  723. {/block:AudioEmbed}
  724. {block:AudioPlayer}
  725. {block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  726. <div class="player">{AudioPlayerWhite}</div>
  727. <br> {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist} || Times played:{FormattedPlayCount}<br> [[<a title="External source only" href="{ExternalAudioURL}">{lang:Download}</a>]]</span>{/block:ExternalAudio}
  728. {/block:AudioPlayer}
  729. {block:IndexPage}{block:IfCaptionOnIndex}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:IfCaptionOnIndex} {block:IndexPage}{block:PermalinkPage}<br><br>{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}
  730. {/block:Audio}
  731.  
  732. {block:Answer}<div class="answer">
  733. <center><img class="pic" src="{AskerPortraitURL-48}"><br>{Asker}<br>
  734. {Question}<br></center></div>
  735. <center><br><img class="pic" src="{PortraitURL-48}"><br>
  736. {Answer}</center>{/block:Answer}
  737.  
  738. </div></div>
  739. {block:PermalinkPage}
  740. {block:PostNotes}<div id="notes"><center><br>
  741. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date} {block:RebloggedFrom} <br> Via <a href="{ReblogParentURL}">{ReblogParentName}</a> || Source <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}{block:HasTags}<br> <b>Tagged:</b>{block:Tags}
  742. &#9679; <a href="{TagURL}">{Tag}</a>
  743. {/block:Tags}<br>{/block:HasTags}
  744. </center>
  745. <br>{PostNotes}
  746. </div>{/block:PostNotes}{/block:PermalinkPage}
  747. {/block:Posts}
  748. </div>
  749. </body></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!