Don't like ads? PRO users don't see any ads ;-)

Too Late

By: cindie on Jan 13th, 2012  |  syntax: None  |  size: 26.75 KB  |  hits: 20,475  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!--
  5.  
  6. "Too Late" THEMED BY CINDIE.TUMBLR.COM    
  7. Please do not remove this credit!
  8. Thanks for using my theme, enjoy!
  9.  
  10. -->
  11.  
  12.  
  13. <head>
  14.  
  15. <!-- Default Colors -->
  16. <META name="image:Background" content=""/>
  17. <META name="image:Banner" content=""/>
  18. <META name="image:Sidebar" content="http://static.tumblr.com/95njt7t/BMSlxih5a/tego.png"/>
  19. <META name="image:Side Background" content=""/>
  20. <META name="image:Menu" content=""/>
  21. <META name="image:Posts" content=""/>
  22. <META name="image:Back To Top" content="http://static.tumblr.com/95njt7t/TOqlruhd5/i_up_arrow.png"/>
  23. <META name="text:Sidebar Image Height" content="100px"/>
  24. <META name="text:Banner Image Height" content="200px"/>
  25. <META name="if:Show Sidebar Image" content="1"/>
  26. <META name="if:Full Sidebar" content="0"/>
  27. <META name="if:Sidebar Faded" content="0"/>
  28. <META name="if:Show Side Menu" content="1"/>
  29. <META name="if:Show Banner Image" content="0"/>
  30. <META name="if:Banner Border" content="0"/>
  31. <META name="if:Sidebar on Left" content="0"/>
  32. <META name="if:Transparent Posts" content="0"/>
  33. <META name="if:Fade Over Posts" content="1"/>
  34. <META name="if:Make Images Same Width" content="0"/>
  35. <META name="if:Post Borders" content="0"/>
  36. <META name="if:Margin Between Posts" content="0"/>
  37. <META name="if:Show Reblog Link" content="1"/>
  38. <META name="if:Show Captions" content="0"/>
  39. <META name="if:Static Notes" content="0"/>
  40. <META name="if:Hiragana Note List" content="0"/>
  41. <META name="if:Show Custom  Scrollbar" content="1"/>
  42. <META name="if:Show Back to Top" content="1"/>
  43. <META name="if:Infinite Scrolling" content="0"/>
  44. <META name="color:Highlights" content="#fff"/>
  45. <META name="color:Background Color" content="#eee"/>
  46. <META name="color:Sidebar" content=""/>
  47. <META name="color:Top" content="#fff"/>
  48. <META name="color:Posts" content="#fff"/>
  49. <META name="color:Font" content="#666666"/>
  50. <META name="color:Links" content="#888"/>
  51. <META name="color:Links Hover" content="#000000"/>
  52. <META name="color:Borders" content="#eee"/>
  53. <META name="color:Chat Background" content="#f9f9f9"/>
  54. <META name="color:Main Menu Text" content="#000"/>
  55. <META name="color:Main Menu Text Hover" content="#eee"/>
  56. <META name="color:Menu" content="#eee"/>
  57. <META name="color:Menu Font" content="#888"/>
  58. <META name="color:Menu Hover" content="#000"/>
  59. <META name="color:Menu Font Hover" content="#fff"/>
  60. <META name="color:Headers" content="#606060"/>
  61. <META name="color:Permalink" content=""/>
  62. <META name="color:Permalink Text" content="#909090"/>
  63. <META name="color:Permalink Text Hover" content="#000"/>
  64. <META name="color:Scrollbar" content="#ffffff"/>
  65. <META name="color:Scrollbar Main" content="#eeeeee"/>
  66. <META name="text:Sidebar Top Position" content="90px">
  67. <META name="text:Text Alignment" content="left"/>
  68. <META name="text:Notes Text" content=""/>
  69. <META name="text:Time Ago Text" content="Posted"/>
  70. <META name="text:Reblog Text" content="Reblog"/>
  71. <META name="text:Link 1 Title" content="" />
  72. <META name="text:Link 1" content="" />
  73. <META name="text:Link 2 Title" content="" />
  74. <META name="text:Link 2" content="" />
  75. <META name="text:Link 3 Title" content="" />
  76. <META name="text:Link 3" content="" />
  77. <META name="text:Link 4 Title" content="" />
  78. <META name="text:Link 4" content="" />
  79. <META name="text:Link 5 Title" content="" />
  80. <META name="text:Link 5" content="" />
  81. <META name="text:Link 6 Title" content="" />
  82. <META name="text:Link 6" content="" />
  83. <META name="text:Link 7 Title" content="" />
  84. <META name="text:Link 7" content="" />
  85. <META name="text:Link 8 Title" content="" />
  86. <META name="text:Link 8" content="" />
  87. <META name="text:Link 9 Title" content="" />
  88. <META name="text:Link 9" content="" />
  89. <META name="text:Link 10 Title" content="" />
  90. <META name="text:Link 10" content="" />
  91. <!-- End Default Colors -->
  92.  
  93. {block:IfShowBacktoTop}
  94. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="{image:Back To Top}" border="0"></a>
  95. {/block:IfShowBacktoTop}
  96.  
  97. {block:IfInfiniteScrolling}
  98. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  99.  
  100.  
  101. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,800' rel='stylesheet' type='text/css'>
  102.  
  103. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  104. <meta name="description" content="{MetaDescription}" />
  105.  
  106. <title> {title}</title>
  107. <pnk rel="shortcut icon" href="{Favicon}">
  108. <pnk rel="alternate" type="application/rss+xml" href="{RSS}">
  109. <link rel="shortcut icon" href="{Favicon}">
  110.  
  111. <style type="text/css">
  112. body {
  113. background-color:{color:Background Color};
  114. background-image:url('{image:Background}');
  115. background-repeat: repeat;
  116. background-attachment:fixed;
  117. color:{color:Font};
  118. cursor: url("");
  119. text-align:{block:IfTextAlignment}{text:Text Alignment} {/block:IfTextAlignment};
  120. margin: 0px;
  121. padding: 0px;
  122. font-family:  Consolas;
  123. font-size:10px;
  124. }
  125.  
  126. a:link, a:visited, a:active {
  127. color: {color:Links};
  128. text-decoration:none;
  129. -webkit-transition: 0.5s ease-in;
  130. -moz-transition: 0.5s ease-in;
  131. transition: 0.5s ease-in;
  132. }
  133.  
  134.  
  135. a:hover {
  136. color: {color:Links hover};
  137. text-decoration:none;
  138. -webkit-transition: 0.5s ease-in;
  139. -moz-transition: 0.5s ease-in;
  140. transition: 0.5s ease-in; ;
  141. }
  142.  
  143. {block:IfShowCustomScrollbar}
  144. ::-webkit-scrollbar-thumb:vertical {
  145. background-color:{color:Scrollbar};
  146. height:100px;
  147. -moz-border-radius: 10px 30px;
  148.   border-radius: 3px;
  149. border:1px solid {color:Borders};
  150. }
  151.  
  152. ::-webkit-scrollbar-thumb:horizontal {
  153. background-color:{color:Scrollbar};
  154. height:10px !important;
  155. }
  156.  
  157. ::-webkit-scrollbar {
  158. height:10px;
  159. width:5px;
  160. background-color:{color:Scrollbar Main};
  161. }
  162. {/block:IfShowCustomScrollbar}
  163.  
  164. ::selection {
  165. background: {color:Highlights};}
  166. ::-moz-selection {
  167. background: {color:Highlights};}
  168.  
  169. #content {
  170. position:relative;
  171. top:35px;
  172. {block:IfPostBorders}
  173. top:40px;
  174. {/block:IfPostBorders}
  175. left:300px;
  176. width:500px;
  177. background-color:;
  178. }
  179.  
  180. #topie {
  181. overflow:hidden;
  182. position:fixed;
  183. top:0px;
  184. left:300px;
  185. height:30px;
  186. width:500px;
  187. padding-top:5px;
  188. {block:IfPostBorders}
  189. border:1px solid {color:Borders};
  190. {/block:IfPostBorders}
  191. background-color:{color:Top};
  192. filter: alpha (opacity=50);
  193. opacity: 0.5;
  194. z-index: 1000;
  195. -webkit-transition: 0.5s ease-in;
  196. -moz-transition: 0.5s ease-in;
  197. transition: 0.5s ease-in;
  198. }
  199.  
  200. #topie:hover {
  201. padding-top:15px;
  202. filter: alpha (opacity=100);
  203. opacity: 1.0;
  204. -webkit-transition: 0.5s ease-in;
  205. -moz-transition: 0.5s ease-in;
  206. transition: 0.5s ease-in;
  207. }
  208.  
  209. #topie a{
  210. padding-left:10px;
  211. font-family:'Yanone Kaffeesatz';
  212. font-size:20px;
  213. color: {color:Main Menu Text};
  214. text-decoration:none;
  215. -webkit-transition: 0.5s ease-in;
  216. -moz-transition: 0.5s ease-in;
  217. transition: 0.5s ease-in;
  218. }
  219.  
  220. #topie a:hover {
  221. padding-left:50px;
  222. color: {color:Main Menu Text hover};
  223. text-decoration:none;
  224. -webkit-transition: 0.5s ease-in;
  225. -moz-transition: 0.5s ease-in;
  226. transition: 0.5s ease-in; ;
  227. }
  228.  
  229. .banner{
  230. margin-bottom:3px;
  231. width:500px;
  232. background-color:;
  233. {block:IfBannerBorder}
  234. border:1px solid {color:Borders};
  235. {/block:IfBannerBorder}
  236. -webkit-transition: all 0.3s ease-out;
  237. -moz-transition: all 0.3s ease-out;
  238. transition: all 0.3s ease-out;
  239. }
  240.  
  241. .banner:hover{
  242. height:auto;
  243. filter: alpha (opacity=90);
  244. opacity: 0.90;
  245. -webkit-transition: all 0.3s ease-out;
  246. -moz-transition: all 0.3s ease-out;
  247. transition: all 0.3s ease-out;
  248. }
  249.  
  250. h1{
  251. position:absolute;
  252. font-weight:bold;
  253. display:inline;
  254. font-size:80px;
  255. padding-top:2px;
  256. margin-left:1px;
  257. margin-top:1px;
  258. font-family:engravers mt;
  259. text-transform:uppercase;
  260. filter: alpha (opacity=10);
  261. opacity: 0.10;
  262. -webkit-transition: all 0.3s ease-out;
  263. -moz-transition: all 0.3s ease-out;
  264. transition: all 0.3s ease-out;
  265. }
  266.  
  267. h1:hover{
  268. filter: alpha (opacity=90);
  269. opacity: 0.90;
  270. -webkit-transition: all 0.3s ease-out;
  271. -moz-transition: all 0.3s ease-out;
  272. transition: all 0.3s ease-out;
  273. }
  274.  
  275. .header, .header a{
  276. color:{color:Headers};
  277. font-size:17px;
  278. padding-top:2px;
  279. margin-top:1px;
  280. padding-left:10px;
  281. text-transform:normal;
  282. }
  283.  
  284. .header:first-letter, .header a:first-letter{
  285. font-size:20px;
  286. font-family:brush script mt;  
  287. }
  288.  
  289. .header a:hover{color: {color:link hover};}
  290.  
  291. img {
  292. border: 0px;
  293. }
  294.  
  295. img:hover {
  296. border:0px;
  297. }
  298.  
  299. {block:IfFullSidebar}
  300. #fulls{
  301. position:fixed;
  302. top:0px;
  303. left:805px;
  304. background: {color:Sidebar} url('{image:Side Background}');
  305. {block:IfSidebaronLeft}
  306. left:45px;
  307. {/block:IfSidebaronLeft}
  308. height:100%;
  309. width:250px;
  310. {block:IfSidebarFaded}
  311. filter: alpha (opacity=0);
  312. opacity: 0;
  313. {/block:IfSidebarFaded}
  314. -webkit-transition: all 0.9s ease;
  315. -moz-transition: all 0.9s ease;
  316. transition: all 0.9s ease;
  317. }
  318.  
  319. #fulls:hover {
  320. filter: alpha (opacity=100);
  321. opacity: 1.0;
  322. }
  323. {/block:IfFullSidebar}
  324.  
  325. #sidebar {
  326. margin-top:{block:IfSidebarTopPosition}{text:Sidebar Top Position}{/block:IfSidebarTopPosition};
  327. left:805px;
  328. {block:IfSidebaronLeft}
  329. left:45px;
  330. {/block:IfSidebaronLeft}
  331. position:fixed;
  332. width: 250px;
  333. text-align: center;
  334. font-family:  Trebuchet Ms;
  335. font-size:9px;
  336. background: {color:Sidebar} url('{image:Side Background}');
  337. {block:IfFullSidebar}
  338. background:transparent;
  339. {/block:IfFullSidebar}
  340. -webkit-transition: all 0.9s ease;
  341. -moz-transition: all 0.9s ease;
  342. transition: all 0.9s ease;
  343. filter: alpha (opacity=100);
  344. opacity: 1.0;
  345. {block:IfSidebarFaded}
  346. filter: alpha (opacity=0);
  347. opacity: 0;
  348. {/block:IfSidebarFaded}
  349. }
  350.  
  351. #sidebar:hover {
  352. filter: alpha (opacity=100);
  353. opacity: 1.0;
  354. }
  355.  
  356. .con, .con a {
  357. background-color:{color:Main Menu Background};  
  358. color: {color:Main Menu Text};
  359. }
  360.  
  361. .con a:hover {
  362. color: {color:Menu Font Hover};
  363. }
  364.  
  365. .na {margin-top:1px;}
  366.  
  367. .na a {
  368. display:block;
  369. margin:1px;
  370. font-size:8px;
  371. background: {color:Menu} url('{image:Menu}');  
  372. color: {color:Menu Font};
  373. -webkit-transition: all 0.9s ease;
  374. -moz-transition: all 0.9s ease;
  375. transition: all 0.9s ease;
  376. }
  377.  
  378. .na a:hover {
  379. padding-right:30px;
  380. background:{color:Menu Hover};
  381. color: {color:Menu Font Hover};
  382. -webkit-transition: all 0.9s ease;
  383. -moz-transition: all 0.9s ease;
  384. transition: all 0.9s ease;
  385. }
  386.  
  387. .imaged{
  388. margin-top:0px;
  389. margin-bottom:3px;
  390. -webkit-transition: all 0.3s ease;
  391. -moz-transition: all 0.3s ease;
  392. transition: all 0.3s ease;
  393. }
  394.  
  395. .imaged:hover{
  396. filter: alpha (opacity=80);
  397. opacity: 0.80;
  398. -webkit-transition: all 0.3s ease;
  399. -moz-transition: all 0.3s ease;
  400. transition: all 0.3s ease;
  401. }
  402.  
  403.  
  404. #post {
  405. position: relative;
  406. background: {color:Posts} url('{image:Posts}');
  407. {block:IfTransparentPosts}
  408. background:transparent;
  409. filter: alpha (opacity=50);
  410. opacity: 0.50;
  411. {/block:IfTransparentPosts}
  412. width:500px;
  413. padding:0px;
  414. overflow:0px;
  415. {block:IfMarginBetweenPosts}
  416. margin-bottom:4px;
  417. {/block:IfMarginBetweenPosts}
  418. {block:IfPostBorders}
  419. margin-bottom:3px;
  420. border:1px solid {color:Borders};
  421. {/block:IfPostBorders}
  422. -webkit-transition: all 0.3s ease-in;
  423. -moz-transition: all 0.3s ease-in;
  424. transition: all 0.3s ease-in;
  425. }
  426.  
  427. #post:hover{
  428. {block:IfFadeOverPosts}
  429. filter: alpha (opacity=80);
  430. opacity: 0.80;
  431. -webkit-transition: all 0.3s ease;
  432. -moz-transition: all 0.3s ease;
  433. transition: all 0.3s ease;
  434. {/block:IfFadeOverPosts}
  435. }
  436.  
  437. {block:IndexPage}
  438. .perma{
  439. position:absolute;
  440. background-color:#000;
  441. color:{color:Permalink Text};
  442. float: left;
  443. margin-left:0px;
  444. margin-top:-20px;
  445. text-align: center;
  446. height: auto;
  447. width:500px;
  448. font-size: 12px;
  449. font-family:'Yanone Kaffeesatz', sans-serif;
  450. -webkit-transition: all 0.9s ease;
  451. -moz-transition: all 0.9s ease;
  452. transition: all 0.9s ease;
  453. opacity:0;
  454. {block:IfStaticNotes}
  455. opacity:50;
  456. margin-top:0px;
  457. margin-left:0px;
  458. {/block:IfStaticNotes}
  459. {block:IfRightSideNotes}
  460. opacity:50;
  461. margin-left:480px;
  462. {/block:IfRightSideNotes}
  463. }{/block:IndexPage}
  464.  
  465. {block:IndexPage}
  466. .perma:hover{background-color:Permalink Text Hover};}
  467. .perma a{color:{color:Permalink Text};}
  468. .perma a:hover {color:{color:Permalink Text Hover};}
  469. #post:hover .perma {opacity: 50;margin-top:10px;margin-left:0px;}
  470. {/block:IndexPage}
  471.  
  472.  
  473. {block:IndexPage}
  474. #post img {
  475. max-width:500px;
  476. {block:IfMakeImagesSameWidth}
  477. width:500px;
  478. {/block:IfMakeImagesSameWidth}}
  479. {/block:IndexPage}
  480.  
  481. {block:IndexPage}
  482. .reb {
  483. background-color:#000;
  484. position:absolute;
  485. text-align: center;
  486. height: auto;
  487. width:500px;
  488. margin-left:0px;
  489. margin-top:0px;
  490. font-size:12px;
  491. height:15px;
  492. -webkit-transition: all 0.9s ease;
  493. -moz-transition: all 0.9s ease;
  494. transition: all 0.9s ease;
  495. opacity:0;
  496. }{/block:IndexPage}
  497.  
  498. {block:IndexPage}
  499. .reb a{color:{color:Permalink Text};}
  500. .reb a:hover {color:{color:Permalink Text Hover};}
  501. .perma:hover .reb {opacity: 50;margin-top:-15px;margin-left:0px;}
  502. {/block:IndexPage}
  503.  
  504. {block:PermalinkPage}
  505. #post:hover .perma {display:none;}
  506. .perma {display:none;}
  507. .perma:hover .reb {display:none;}
  508. #post {width:500px;}
  509. #post img {width:500px;}
  510. .albumart {width:500px;}
  511. {/block:PermalinkPage}
  512.  
  513. blockquote{
  514. border-left:3px solid {color:Borders};
  515. padding:1px; padding-left: 5px; margin: 0px;
  516. font-size:9px;
  517. font-family:georgia;
  518. line-height:15px;
  519. padding:5px;
  520. margin-left:20px;
  521. margin-right:20px;
  522. text-align:left;
  523. letter-spacing:1px;
  524. background-color:{color:Chat Background};
  525. }
  526.  
  527. .audioplayer {
  528. width:500px;
  529. background-color: #000;
  530. text-align: center;
  531. }
  532.        
  533.  
  534.  
  535. .ali {
  536. float:right;
  537. width:250px;
  538. margin-right:10px;
  539. font-size:9px;
  540. font-family:georgia;
  541. line-height:15px;
  542. letter-spacing:1px;
  543. padding: 2px;
  544. border-radius:25px;
  545. -moz-border-radius:25px;
  546. -webkit-border-radius:25px;  
  547. }
  548.  
  549. .chat {
  550. padding:0px;
  551. }
  552.  
  553. .chat li {
  554. list-style-type: none;
  555. padding:1px;
  556. text-align:left;
  557. }
  558.  
  559. .chat li:nth-child(odd) {
  560. background-color:{color:Chat Background};
  561. }
  562.  
  563. li{
  564. text-align:left;  
  565. }
  566.  
  567. ol.notes {
  568. padding-left:10px;
  569. margin-left:20px;
  570. border-bottom: solid 2px;
  571. }
  572.  
  573. ol.notes li.note {
  574. {block:IfHiraganaNoteList}
  575. list-style-type:hiragana;
  576. {/block:IfHiraganaNoteList}
  577. padding: 2px;
  578. border-top: solid 1px;
  579. }
  580.  
  581. ol.notes li.note img.avatar {
  582. margin-right: 0px;
  583. width: 16px;
  584. height: 16px;
  585. }
  586.  
  587. ol.notes li.note blockquote {
  588. border-color: {color:Borders};
  589. padding: 4px 10px;
  590. margin: 5px 0px 0px 15px;
  591. }
  592.  
  593. ol.notes li.note blockquote a {
  594. text-decoration: none;
  595. }
  596.  
  597. .notes li, .notes ol{
  598. -webkit-transition: 0.5s ease-in;
  599. -moz-transition: 0.5s ease-in;
  600. transition: 0.5s ease-in;
  601. }
  602.  
  603. .notes li:hover {
  604. -webkit-transition: 0.5s ease-in;
  605. -moz-transition: 0.5s ease-in;
  606. transition: 0.5s ease-in;
  607. color:{color:links hover};
  608. margin:7px;
  609. border-top:none;
  610. background-color:{color:Chat Background};
  611. }
  612.  
  613.  
  614. #info{
  615. margin-top:1px;
  616. padding:2px;
  617. background-color: {color:Posts};
  618. {block:IfTransparentPosts}
  619. background:transparent;
  620. filter: alpha (opacity=50);
  621. opacity: 0.50;
  622. {/block:IfTransparentPosts}
  623. width: 498px;
  624. {block:IfPostBorders}
  625. width: 496px;
  626. border:1px solid {color:Borders};
  627. {/block:IfPostBorders}
  628. -webkit-transition: 0.5s ease-in;
  629. -moz-transition: 0.5s ease-in;
  630. transition: 0.5s ease-in;
  631. }
  632.  
  633. #info:hover{
  634. margin-top:5px;
  635. -webkit-transition: 0.5s ease-in;
  636. -moz-transition: 0.5s ease-in;
  637. transition: 0.5s ease-in;
  638. {block:IfFadeOverPosts}
  639. filter: alpha (opacity=80);
  640. opacity: 0.80;
  641. {/block:IfFadeOverPosts}
  642. }
  643.  
  644. .notes {
  645. background: {color:Sidebar} url('{image:Side Background}');
  646. margin-top:1px;
  647. padding:2px 0px 10px 0px;
  648. width: 470px;
  649. }
  650.  
  651. #bottom {
  652. font-size:13px;
  653. letter-spacing:2px;
  654. text-transform:uppercase;
  655. font-family:'Yanone Kaffeesatz';  
  656. }
  657.  
  658. #bottom:first-letter{
  659. font-family:brush script mt;
  660. }
  661.  
  662. #scrollToTop:link,#scrollToTop:visited {
  663. color: transparent;
  664. background-color: transparent;
  665. display: none;
  666. position: fixed;
  667. bottom: 5px;
  668. right: 15px;
  669. }
  670.  
  671.  
  672.  
  673. {CustomCSS}
  674.  
  675. </style>
  676.  
  677.  
  678.  
  679. </head>
  680.  
  681.  
  682. <body>
  683.  
  684. <div id="fulls">
  685. <div id="sidebar">
  686. <div class="imaged">
  687. {block:IfShowSidebarImage}<div style="width:250px;height:{block:IfSidebarImageHeight}{text:Sidebar Image Height}{/block:IfSidebarImageHeight};overflow:hidden;"><img style="border:none;max-width:250px;min-width:200px;" src="{image:Sidebar}"></div>{/block:IfShowSidebarImage}</div>
  688.  
  689. {block:IfShowSideMenu}
  690. <div class="na">
  691. {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
  692. {block:ifLink7}<a href="{text:Link 7}">{text:Link 7 Title}</a>{/block:ifLink7}
  693. {block:ifLink8}<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:ifLink8}
  694. {block:ifLink9}<a href="{text:Link 9}">{text:Link 9 Title}</a>{/block:ifLink9}
  695. {block:ifLink10}<a href="{text:Link 10}">{text:Link 10 Title}</a>{/block:ifLink10}
  696. </div>
  697. {/block:IfShowSideMenu}
  698.  
  699. {block:Description}{Description}{/block:Description}
  700.  
  701. {block:IfNotInfiniteScrolling}
  702. <div class="con">
  703. {block:PreviousPage}
  704. <a href="{PreviousPage}">↽</a>{/block:PreviousPage}
  705.  
  706. {block:NextPage}<a id="next" href="{NextPage}">⇁</a>{/block:NextPage}
  707. </div>
  708. {/block:IfNotInfiniteScrolling}
  709.  
  710. </div></div>
  711.  
  712. <div id="topie">
  713. <a href="/">index</a>
  714. <a href="/ask">ask</a>
  715. <a href="/archive">archive</a>
  716. <a href="http://cindie.tumblr.com">theme</a>
  717. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  718. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  719. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  720. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  721. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  722. </div></div>
  723. </div>
  724.  
  725. <div id="content">
  726.  
  727. <div class="banner">
  728. {block:IfShowBannerImage}
  729. <div style="width:500px;height:{block:IfBannerImageHeight}{text:Banner Image Height}{/block:IfBannerImageHeight};overflow:hidden;"><img style="border:none;max-width:500px;min-width:200px;" src="{image:Banner}"></div>{/block:IfShowBannerImage}
  730. </div>
  731.  
  732. {block:IfInfiniteScrolling}
  733. <div class = "autopagerize_page_element" >
  734. {/block:IfInfiniteScrolling}
  735.  
  736. {block:Posts}
  737. {block:ContentSource}
  738. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  739. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  740. {/block:SourceLogo}
  741. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  742. {/block:ContentSource}
  743.              {block:Text}
  744.        
  745.  
  746. <div id="post">
  747. <div class="perma">
  748. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  749.  
  750. {block:IfShowReblogLink}
  751. <div class="reb">
  752. <a href="{Permalink}">Permalink</a> //
  753. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  754. </div> {/block:IfShowReblogLink}
  755. </div>
  756.  
  757. <div class="header"><a href="{Permalink}">{Title}</a></div>
  758. {Body}
  759.  
  760. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  761.  
  762. </div>
  763.                 {/block:Text}
  764.                 {block:Photo}
  765.                    
  766. <div id="post">
  767. <div class="perma">
  768. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  769.  
  770.  
  771. {block:IfShowReblogLink}
  772. <div class="reb">
  773. <a href="{Permalink}">Permalink</a> //
  774. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  775. </div> {/block:IfShowReblogLink}
  776. </div>
  777.  
  778. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  779.  
  780. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  781.  
  782. </div>
  783.                 {/block:Photo}
  784.                 {block:Photoset}
  785.                    
  786. <div id="post">
  787. <div class="perma">
  788. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  789.  
  790.  
  791. {block:IfShowReblogLink}
  792. <div class="reb">
  793. <a href="{Permalink}">Permalink</a> //
  794. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  795. </div> {/block:IfShowReblogLink}
  796. </div>
  797.  
  798. {Photoset-500}
  799.  
  800.  
  801. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  802. </div>
  803.                 {/block:Photoset}
  804.                 {block:Quote}
  805.          
  806. <div id="post">
  807. <div class="perma">
  808. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  809.  
  810.  
  811. {block:IfShowReblogLink}
  812. <div class="reb">
  813. <a href="{Permalink}">Permalink</a> //
  814. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  815. </div> {/block:IfShowReblogLink}
  816. </div>
  817.  
  818. <h1>“</h1><div class="header">{Quote}</div>
  819.                          {block:Source}
  820.                             <center><i>-{Source}</i></center>
  821.                         {/block:Source}
  822. </div>
  823.  
  824.                 {/block:Quote}
  825.                
  826.                 {block:Link}
  827.                    
  828. <div id="post">
  829. <div class="perma">
  830. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  831.  
  832.  
  833. {block:IfShowReblogLink}
  834. <div class="reb">
  835. <a href="{Permalink}">Permalink</a> //
  836. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  837. </div> {/block:IfShowReblogLink}
  838. </div>
  839.  
  840. <a href="{URL}"{Target}><div class="header">{Name}</a></div>
  841.                         {block:Description}
  842.                            {Description}
  843.                         {/block:Description}
  844.  
  845. </div>
  846.                {/block:Link}
  847.                
  848.                 {block:Chat}
  849.                  
  850. <div id="post">
  851. <div class="perma">
  852. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  853.  
  854.  
  855. {block:IfShowReblogLink}
  856. <div class="reb">
  857. <a href="{Permalink}">Permalink</a> //
  858. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  859. </div> {/block:IfShowReblogLink}
  860. </div>
  861.  
  862. <div class="header">{Title}</a></div>
  863.   <ul class="chat">
  864.                           {block:Lines}
  865.                                 <li class="{Alt}">
  866.                                     {block:Label}
  867.                                         <span class="label">{Label}</span>
  868.                                     {/block:Label}
  869.                                    
  870.                                     {Line}
  871.                                
  872.                             {/block:Lines}
  873.                         </ul>
  874.  
  875.                     </li>
  876. </div>
  877.                 {/block:Chat}
  878.                 {block:Video}
  879.                    
  880. <div id="post">
  881. <div class="perma">
  882. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  883.  
  884.  
  885. {block:IfShowReblogLink}
  886. <div class="reb">
  887. <a href="{Permalink}">Permalink</a> //
  888. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  889. </div> {/block:IfShowReblogLink}
  890. </div>
  891.  
  892. {Video-500}
  893.  
  894.  
  895. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  896. </div>
  897.  
  898.                 {/block:Video}
  899.                 {block:Audio}
  900.            
  901. <div id="post">
  902. <div class="perma">
  903. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  904.  
  905.  
  906. {block:IfShowReblogLink}
  907. <div class="reb">
  908. <a href="{Permalink}">Permalink</a> //
  909. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  910. </div> {/block:IfShowReblogLink}
  911. </div>
  912.  
  913. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart" style="margin: 0 !important;">
  914. {/block:AlbumArt}</div>
  915.  
  916. <div class="ali"><br>
  917. {block:TrackName}{TrackName}{/block:TrackName} {block:Artist}<i>by</i>&nbsp;{Artist}{/block:Artist}
  918. </div>
  919.  
  920. <div class="audioplayer">
  921. <div style="margin: 5px 0 0 5px; width: 18px; overflow:hidden;" id="{postID}">{AudioPlayerBlack}</div></div>
  922.  
  923. </div>
  924.  
  925.              {/block:Audio}
  926.  
  927.             {block:Answer}
  928.  
  929. <div id="post">
  930. <div class="perma">
  931. {block:IfTimeAgoText}{text:Time Ago Text}{/block:IfTimeAgoText} <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount} {block:IfNotesText}{text:Notes Text}{/block:IfNotesText}</a>
  932.  
  933. {block:IfShowReblogLink}
  934. <div class="reb">
  935. <a href="{Permalink}">Permalink</a> //
  936. <a href="{ReblogURL}" target="_blank">{block:IfReblogText}{text:Reblog Text}{/block:IfReblogText}</a>
  937. </div> {/block:IfShowReblogLink}
  938. </div>
  939.  
  940. <div id="asker">{Asker} Asked: {Question}</div>
  941. <div id="answer">{Answer}</div>
  942.  
  943. </div>
  944.            {/block:Answer}
  945.  
  946. {block:PermalinkPage}
  947.  {block:Date}
  948. <div id="info"><div id="bottom">
  949.                    Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  950.                    {ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  951.                        </a>
  952.                        at {12Hour}:{Minutes}{AmPm}
  953.                           {block:RebloggedFrom}
  954.                              <br>Originally posted by
  955.                              <a href="{ReblogRootURL}">{ReblogRootName}</a>.
  956.                           {/block:RebloggedFrom}
  957.  
  958.                   {block:Answer}
  959.                      <BR>
  960.                      Ask: <a href="/ask">{AskLabel}</a>
  961.                   {/block:Answer}
  962.  
  963.                   {block:Audio}
  964.                      <BR>Plays: {FormattedPlayCount}
  965.                      {block:ExternalAudio}
  966.                      <BR>Download: <a href="{ExternalAudioURL}">here</a>.
  967.                      {/block:ExternalAudio}
  968.                   {/block:Audio}
  969.  
  970.                   {block:HasTags}
  971.                      <BR>Tagged: {block:Tags}
  972.                      <a href="{TagURL}">{Tag}</a> {/block:Tags}
  973.                   {/block:HasTags}
  974.  
  975.                   {block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  976.                  </div>
  977.                   {block:Caption}{Caption}{/block:Caption}
  978.                 </div>
  979.              {/block:Date}
  980. {/block:PermalinkPage}
  981.  
  982. {block:PostNotes}
  983. <div class="notes">{PostNotes}</div>
  984. {/block:PostNotes}
  985.  
  986.                        
  987. {/block:Posts}
  988. </div>
  989. {block:IfInfiniteScrolling}
  990. </div>
  991. {/block:IfInfiniteScrolling}
  992.  
  993. </body>
  994. </html>