Advertisement
damadellago

Upsidedown 2 columns V1.5

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