API tools faq
paste
Advertisement
lostmemento

[Old Theme] The Fall

lostmemento
Dec 16th, 2011
15,375
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.84 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!--- 09 THE FALL MADE BY: http://lostmemento.tumblr.com (lmthemes)
  4.  
  5. TERMS OF USAGE:
  6. - DO NOT REMOVE THE CREDIT
  7. - DO NOT REDISTRIBUTE
  8. - DO NOT CLAIM AS YOUR OWN
  9. - DO NOT USE AS A BASE
  10.  
  11. --->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  22. {block:IfEnableFixedDate}<script>
  23. function UpdateTableHeaders() {
  24. $(".persist-area").each(function() {
  25.  
  26. var el = $(this),
  27. offset = el.offset(),
  28. scrollTop = $(window).scrollTop(),
  29. floatingHeader = $(".floatingHeader", this)
  30.  
  31. if ((scrollTop > offset.top) && (scrollTop < offset.top + el.height())) {
  32. floatingHeader.css({
  33. "visibility": "visible"
  34. });
  35. } else {
  36. floatingHeader.css({
  37. "visibility": "hidden"
  38. });
  39. };
  40. });
  41. }
  42.  
  43. // DOM Ready
  44. $(function() {
  45.  
  46. var clonedHeaderRow;
  47.  
  48. $(".persist-area").each(function() {
  49. clonedHeaderRow = $(".persist-header", this);
  50. clonedHeaderRow
  51. .before(clonedHeaderRow.clone())
  52. .css("width", clonedHeaderRow.width())
  53. .addClass("floatingHeader");
  54.  
  55. });
  56.  
  57. $(window)
  58. .scroll(UpdateTableHeaders)
  59. .trigger("scroll");
  60.  
  61. });
  62. </script>{/block:IfEnableFixedDate}
  63.  
  64. <!-- APPEARANCE DEFAULTS -->
  65. <meta name="color:Scrollbar Background" content="#faf9f4"/>
  66. <meta name="color:Scroller" content="#D96D63"/>
  67. <meta name="color:Background" content="#f6f4e6"/>
  68. <meta name="color:Main Accent" content="#D96D63"/>
  69. <meta name="color:Post Background" content="#faf9f4"/>
  70. <meta name="color:Post Title Font" content="#939184"/>
  71. <meta name="color:Text Link" content="#444444"/>
  72. <meta name="color:Text" content="#959386"/>
  73. <meta name="color:Date Text" content="#f2f0e7"/>
  74. <meta name="color:Pages Link" content="#fefdf6;"/>
  75. <meta name="color:Text Shadow" content="#ffffff"/>
  76. <meta name="color:Page Navigation" content="#dfdcc7"/>
  77.  
  78. <meta name="image:background" content=""/>
  79. <meta name="image:sidebarpic" content=""/>
  80.  
  81. <meta name="if:Background No Repeat" content="0"/>
  82. <meta name="if:Background Fixed" content="0"/>
  83. <meta name="if:400px Post" content="0"/>
  84. <meta name="if:Show Post Info" content="0"/>
  85. <meta name="if:Show Reblog In Post" content="0"/>
  86. <meta name="if:Show Tags In Post" content="0"/>
  87. <meta name="if:Show Photo Captions" content="1"/>
  88. <meta name="if:Show Hi Res Link" content="1"/>
  89. <meta name="if:Stretch Photos" content="0"/>
  90. <meta name="if:Audio Player White" content="1"/>
  91. <meta name="if:Audio Player Grey" content="0"/>
  92. <meta name="if:Audio Player Black" content="0"/>
  93. <meta name="if:Text Credit" content="1"/>
  94.  
  95. <meta name="if:Show Random" content="0"/>
  96. <meta name="if:Font Italicized" content="1"/>
  97. <meta name="if:Text Shadow" content="1"/>
  98. <meta name="if:Text Transform Lowercase" content="1"/>
  99. <meta name="if:Text Transform Uppercase" content="1"/>
  100. <meta name="if:Enable Fixed Date" content="1"/>
  101. <meta name="if:Hide In Post Info" content="0"/>
  102.  
  103. <meta name="text:Alternate Title" content=""/>
  104. <meta name="text:Link1 Url" content=""/>
  105. <meta name="text:Link1 Name" content=""/>
  106. <meta name="text:Link2 Url" content=""/>
  107. <meta name="text:Link2 Name" content=""/>
  108. <meta name="text:Link3 Url" content=""/>
  109. <meta name="text:Link3 Name" content=""/>
  110. <meta name="text:Link4 Url" content=""/>
  111. <meta name="text:Link4 Name" content=""/>
  112. <meta name="text:Link5 Url" content=""/>
  113. <meta name="text:Link5 Name" content=""/>
  114. <meta name="text:Link6 Url" content=""/>
  115. <meta name="text:Link6 Name" content=""/>
  116. <meta name="text:Link7 Url" content=""/>
  117. <meta name="text:Link7 Name" content=""/>
  118. <meta name="text:Link8 Url" content=""/>
  119. <meta name="text:Link8 Name" content=""/>
  120.  
  121. <meta name="font:Posts" content="calibri, helvetica, trebuchet ms, georgia, verdana"/>
  122. <meta name="font:ItalicGeorgia" content="georgia, times new roman"/>
  123.  
  124. <meta name="text:Background Position" content=""/>
  125. <meta name="text:Sidebar Text Align" content="center"/>
  126. <meta name="text:Ask Action" content="asked"/>
  127. <meta name="text:Title Font Size" content="10px"/>
  128. <meta name="text:Top Links Font Size" content="10px"/>
  129. <meta name="text:Page Numbers Font Size" content="12px"/>
  130. <meta name="text:Navigation Arrows Font Size" content="18px"/>
  131. <meta name="text:Sidebar Font Size" content="8px"/>
  132. <meta name="text:Sidebar Links Font Size" content="9px"/>
  133. <meta name="text:Posts Font Size" content="11px"/>
  134. <meta name="text:Post Title Font Size" content="24px"/>
  135. <meta name="text:Reblogged Font Size" content="10px"/>
  136. <meta name="text:Tags Font Size" content="9px"/>
  137. <meta name="text:Note Count Font Size" content="10px"/>
  138. <meta name="text:Letter Spacing Size" content="1px"/>
  139.  
  140.  
  141. <style type="text/css">
  142. body {background-color: {color:Background};
  143. margin: 0px;
  144. {block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
  145. font-family: {font:Posts};
  146. background-image: url('{image:background}');
  147. {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  148. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  149.  
  150. img {border: 0;}
  151.  
  152. a {text-decoration: none;
  153. font-weight: normal;}
  154.  
  155. .clear {clear:both;}
  156.  
  157. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 10px;}
  158. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:10px!important;}
  159. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width:10px;}
  160.  
  161. .top {border-bottom: 3px solid {color:Main Accent};
  162. padding-top: 20px;
  163. margin-bottom: 0px;
  164. position: fixed;
  165. top: 0px;
  166. background-color: {color:Background};
  167. margin-left: 240px;
  168. z-index: 100;
  169. width: 600px}
  170.  
  171. .toptitle {width: 200px;
  172. text-align: center;
  173. float: left;
  174. font-size: {text:Title Font Size};
  175. font-family: {font:ItalicGeorgia};
  176. {block:IfTextTransformLowercase}text-transform: lowercase;{/block:IfTextTransformLowercase}
  177. {block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  178. letter-spacing: {text:Letter Spacing Size};
  179. color: {color:Main Accent};}
  180.  
  181. .ttitle {padding-left: 10px;}
  182.  
  183. #container {margin: auto;
  184. margin-top: 55px;
  185. width: 940px}
  186.  
  187. #container .links ul {list-style-type:none;
  188. margin:0;
  189. padding:0;}
  190.  
  191. #container .links li {display:inline;
  192. float:left;}
  193.  
  194. #container .links a:link, .links a:visited, .links a:active {display:block;
  195. width: 70px;
  196. color: {color:Main Accent};
  197. font-size: {text:Top Links Font Size};
  198. padding: 7px 0px;
  199. transition: 0.6s;
  200. -o-transition-duration: 0.6s;
  201. -webkit-transition-duration: 0.6s;
  202. -moz-transition-duration: 0.6s;
  203. text-align:center;}
  204.  
  205. #container .links a:hover {background-color: {color:Main Accent};
  206. color: {color:Post Background};}
  207.  
  208. /* NAVIGATION */
  209. #nav {text-align: center;
  210. float: right;
  211. font-size: {text:Page Numbers Font Size};
  212. color: {color:Page Navigation};
  213. font-family: 'Open Sans Condensed';}
  214.  
  215. #nav a:link, #nav a:visited, #nav a:active {color: {color:Page Navigation};
  216. font-size: {text:Navigation Arrows Font Size};
  217. padding: 0px 5px;
  218. transition: 0.8s;
  219. -o-transition-duration: 0.8s;
  220. -webkit-transition-duration: 0.8s;
  221. -moz-transition-duration: 0.8s;
  222. padding-bottom: 3px;}
  223.  
  224. #nav a:hover {background-color: {color:Main Accent};
  225. color: {color:Post Background}}
  226.  
  227. /* SIDEBAR */
  228. #sidebar {width: 230px;
  229. background-color: {color:Post Background};
  230. position: fixed;
  231. color: {color:Text};
  232. top: 7px;
  233. padding-bottom: 10px;}
  234.  
  235. .sbpic {width: 220px;
  236. padding-top: 5px;}
  237.  
  238. .descript {padding: 10px;
  239. font-size: {text:Sidebar Font Size};
  240. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  241. letter-spacing: {text:Letter Spacing Size};
  242. text-align: {text:Sidebar Text Align};}
  243.  
  244. .descript a:link, .descript a:visited, .descript a:active{color: {color:Text Link};
  245. padding: 2px 5px;}
  246.  
  247. .descript a:hover {background-color: {color:Main Accent};
  248. color: {color:Post Background};}
  249.  
  250. .pages {margin: 0px 5px;}
  251.  
  252. .pages a:link, .pages a:visited, .pages a:active {color: {color:Text Link};
  253. display: inline-block;
  254. {block:IfTextTransformLowercase}text-transform: lowercase;{/block:IfTextTransformLowercase}
  255. font-family: {font:ItalicGeorgia};
  256. {block:IfFontItalicized}font-style: italic;{/block:IfFontItalicized}
  257. transition: all 0.4s ease-out;
  258. -o-transition-duration: all 0.4s ease-out;
  259. -webkit-transition: all 0.4s ease-out;
  260. -moz-transition: all 0.4s ease-out;
  261. font-size: {text:Sidebar Links Font Size};
  262. background-color: {color:Pages Link};
  263. margin: 1px 1px;
  264. padding: 10px 0px;
  265. padding-left: 5px;
  266. width: 101px;
  267. text-align: center;}
  268.  
  269. .pages a:hover {background-color: {color:Main Accent};
  270. color: {color:Post Background};}
  271.  
  272. .pages .bl {margin-left: 10px;}
  273.  
  274. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  275.  
  276. /* POSTS */
  277. #postbox {margin-left: 240px;
  278. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  279. {block:If400pxPost}width: 400px;{/block:If400pxPost}}
  280.  
  281. #posts {background-color: {color:Post Background};
  282. padding: 10px;
  283. font-size: {text:Posts Font Size};
  284. line-height: 115%;
  285. margin-bottom: 20px;
  286. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  287. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  288. color: {color:Text};
  289. min-height: 80px;}
  290.  
  291. h1 {font-family: 'Open Sans Condensed';
  292. font-weight: normal;
  293. text-align: center;
  294. font-size: {text:Post Title Font Size};
  295. color: {color:Post Title Font};
  296. {block:IfTextShadow}text-shadow: 1px 0px 1px {color:Text Shadow};{/block:IfTextShadow}
  297. font-style: normal;}
  298.  
  299. h1 a:link, h1 a:visited, h1 a:active {color: {color:Post Title Font};
  300. padding: 0px 10px;
  301. font-style: normal;}
  302.  
  303. h1 a:hover {background-color: {color:Main Accent};
  304. color: {color:Post Background};
  305. {block:IfTextShadow}text-shadow: 0px 0px 0px {color:Text Shadow};{/block:IfTextShadow}}
  306.  
  307. #posts p {text-align: justify}
  308.  
  309. #posts p a:link, #posts p a:visited, #posts p a:active, #posts li a:link, #posts li a:visited, #posts li a:active, #posts blockquote a:link, #posts blockquote a:visited, #posts blockquote a:active {{block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  310. color: {color:Text Link};
  311. padding: 1px 4px;
  312. transition: all 0.4s ease-out;
  313. -o-transition-transition: all 0.4s ease-out;
  314. -webkit-transition: all 0.4s ease-out;
  315. -moz-transition: all 0.4s ease-out;}
  316.  
  317. #posts p a:hover, #posts li a:hover, #posts blockquote a:hover {background-color: {color:Main Accent};
  318. color: {color:Post Background};}
  319.  
  320. #posts li {list-style: square;}
  321.  
  322. #posts blockquote {border-left: 3px solid {color:Main Accent};
  323. padding: 0px 5px;
  324. max-width: 100%}
  325.  
  326. #posts img {max-width: 100%}
  327.  
  328. /* QUOTE */
  329. .quote {text-align: justify;
  330. width: 75%;
  331. font-family: 'Open Sans Condensed';
  332. padding-top: 10px;
  333. {block:IfTextShadow}text-shadow: 1px 0px 1px {color:Text Shadow};{/block:IfTextShadow}}
  334.  
  335. .quote_short {font-size: 24px;
  336. line-height: 90%;
  337. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  338. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  339. margin: 0px 20px;
  340. {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  341.  
  342. .quote_medium {font-size: 18px;
  343. line-height: 90%;
  344. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  345. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  346. margin: 0px 20px;
  347. {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  348.  
  349. .quote_long {font-size: 12px;
  350. line-height: 90%;
  351. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  352. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  353. margin: 0px 20px;
  354. {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  355.  
  356. .source {text-align: right;
  357. margin-top: 20px;
  358. font-family: {font:ItalicGeorgia};
  359. {block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};}
  360.  
  361. .source a:link, .source a:visited, .source a:active {color: {color:Text Link};
  362. padding: 0px 2px;}
  363.  
  364. .source a:hover {background-color: {color:Main Accent};
  365. color: {color:Post Background};}
  366.  
  367. .qleft {font-size: 70px;
  368. font-family: {font:ItalicGeorgia};
  369. line-height: 100px;
  370. position: relative;
  371. bottom: 10px;
  372. left: 60px;
  373. margin-bottom: -90px;
  374. color: {color:Main Accent};
  375. {block:IfTextShadow}text-shadow: 1px 0px 1px {color:Text Shadow};{/block:IfTextShadow}}
  376.  
  377. .qright {font-size: 70px;
  378. padding-right: 5px;
  379. line-height: 30px;
  380. text-align: right;
  381. position: relative;
  382. bottom: 0px; font-family: {font:ItalicGeorgia};
  383. margin-bottom: -10px;
  384. color: {color:Main Accent};
  385. {block:IfTextShadow}text-shadow: 1px 0px 1px {color:Text Shadow}{/block:IfTextShadow}}
  386.  
  387. /* PHOTO */
  388. {block:IfShowHiResLink}.hires {width: 60px;
  389. background-color: {color:Main Accent};
  390. margin-top: 2px;
  391. margin-bottom: -4px;
  392. text-align: center;
  393. line-height: 4px;
  394. height: 10px;}
  395.  
  396. .hires a:link, .hires a:visited, .hires a:active {color: {color:Post Background};
  397. font-size: 8px;
  398. font-family: calibri,helvetica, verdana;
  399. letter-spacing: {text:Letter Spacing Size}; height: 10px;}{/block:IfShowHiResLink}
  400.  
  401. {block:IfNotShowPhotoCaptions}#caption {display: none;}
  402. #posts:hover #caption {display: block;}{/block:IfNotShowPhotoCaptions}
  403.  
  404. {block:IfPicCaptionandPostInfoHide}#caption {display: none;}
  405. #posts:hover #caption {display: block;}{/block:IfPicCaptionandPostInfoHide}
  406.  
  407.  
  408. /* CHAT */
  409. #posts .chat li {line-height: 12px;
  410. list-style: none;
  411. margin-right: 50px}
  412.  
  413. .line.odd {padding: 1px 5px;}
  414.  
  415. .line.odd .label {{block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  416. padding: 3px;}
  417.  
  418. .line.even {padding: 1px 5px;}
  419.  
  420. .line.even .label {{block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  421. padding: 3px;
  422. color: {color:Main Accent};}
  423.  
  424.  
  425. /* AUDIO */
  426. .contenttxt_audio {padding-left: 15px;
  427. margin-top: -5px}
  428.  
  429. #audiocontain {text-align:center;
  430. {block:IfNot400pxPost}width: 500px;
  431. height: 250px;{/block:IfNot400pxPost}
  432. {block:If400pxPost}width: 400px;
  433. height: 200px; {/block:If400pxPost};}
  434.  
  435. .audio_player {text-align: center;
  436. margin: auto;
  437. {block:IfNot400pxPost}width: 205px; {/block:IfNot400pxPost}}
  438.  
  439. .album_art {position: absolute;
  440. {block:IfNot400pxPost}width: 250px;
  441. height: 250px;{/block:IfNot400pxPost}
  442. {block:If400pxPost}width: 200px;
  443. height: 200px;{/block:If400pxPost}
  444. margin-left: 0;
  445. text-align: left}
  446.  
  447. .album_art img {{block:IfNot400pxPost}width: 250px;
  448. height: 250px;{/block:IfNot400pxPost}
  449. {block:If400pxPost}width: 200px;
  450. height: 200px;{/block:If400pxPost}
  451. float:left}
  452.  
  453. #posts .containermusic {width: 240px;
  454. {block:IfNot400pxPost}width: 240px; {/block:IfNot400pxPost}
  455. {block:If400pxPost}width: 220px; {/block:If400pxPost}
  456. display: block;
  457. vertical-align: middle;
  458. float: right;
  459. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  460. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  461. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  462. {block:IfNot400pxPost}height: 150px; {/block:IfNot400pxPost}
  463. {block:If400pxPost}height: 100px; {/block:If400pxPost}}
  464.  
  465.  
  466. #posts .containermusic li {list-style: none;
  467. margin-left: -45px;}
  468.  
  469. .musiclabel {margin: auto;
  470. background-color: {color:posts};
  471. padding: 3px 10px;
  472. font-size: 9px;
  473. color: {color:postfont};
  474. width: 185px;
  475. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  476. letter-spacing: {text:Letter Spacing Size};}
  477.  
  478. #entries .containermusic .musiclabel ul, #entries .containermusic .musiclabel li {list-style: none;
  479. display: block;
  480. width: 200px;}
  481.  
  482. .mlabel {color: {color:Main Accent};}
  483.  
  484. .audioverlay {opacity: 0.8;
  485. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  486. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  487. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  488. position: absolute;
  489. z-index: 10;
  490. {block:IfNot400pxPost}margin-top: -25px;
  491. margin-left: 40px;{/block:IfNot400pxPost}
  492. {block:If400pxPost}margin-top: -25px;
  493. margin-left: 20px;{/block:If400pxPost}}
  494.  
  495. .audioarrow {width: 20px;
  496. height: 30px;
  497. overflow: hidden;
  498. margin: 15px 24px 13px 16px;}
  499.  
  500. /* ANSWER */
  501. .apic {padding: 5px;
  502. background-color: {color:Main Accent};
  503. width: 48px}
  504.  
  505. .atip {color: {color:Main Accent};
  506. font-size: 38px;
  507. margin-left: -8px;}
  508.  
  509. .asker {{block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};}
  510. .asker a:link, .asker a:visited, .asker a:active {color: {color:Main Accent};}
  511.  
  512. /* FLOATING EFFECT */
  513. .floatingHeader {position: fixed; top: 55px;
  514. float: right;
  515. visibility: hidden;}
  516.  
  517. /* INFO HIDE EFFECT */
  518. #postbox:hover #infobox {opacity:1.0;}
  519.  
  520. #infobox {width: 160px;
  521. padding: 10px;
  522. font-size: {text:Reblogged Font Size};
  523. float: right;
  524. display: inline;
  525. margin-right: 10px;
  526. transition: 0.8s;
  527. -o-transition-transition: 0.8s;
  528. -webkit-transition-duration: 0.8s;
  529. -moz-transition-duration: 0.8s;
  530. {block:IfNotShowPostInfo}opacity:0.0;{/block:IfNotShowPostInfo}
  531. max-width: 160px;
  532. overflow: hidden;}
  533.  
  534. .infocontainer {float: right;
  535. margin-right: -220px;
  536. background-color: transparent;
  537. width: 180px;}
  538.  
  539. /* DATE */
  540. .date {background-color: {color:Post Background};
  541. width: 60px;
  542. height: 60px;
  543. text-align: center;
  544. font-family: 'Open Sans Condensed';
  545. position: relative;
  546. z-index: 25}
  547.  
  548. .day {font-size: 50px;
  549. line-height: 43px;
  550. color: {color:Date Text};}
  551.  
  552. .month {font-size: 12px;
  553. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  554. margin-top: -25px;
  555. color: {color:Text};}
  556.  
  557. .year {font-size: 20px;
  558. margin-top: 0px;
  559. color: {color:Date Text};}
  560.  
  561. .time {color: {color:Text};
  562. line-height: 60px;
  563. font-size: 11px;}
  564.  
  565. /* REBLOG */
  566. #infobox .reblog {line-height: 15px;
  567. height: 15px;
  568. margin-bottom: 8px;
  569. overflow: hidden;
  570. max-height: 15px}
  571.  
  572. #infobox .reblog a:link, .reblog a:visited, .reblog a:active {display: block;
  573. color: {color:Text};
  574. transition: all 0.4s ease-out;
  575. -o-transition-transition: all 0.4s ease-out;
  576. -webkit-transition: all 0.4s ease-out;
  577. -moz-transition: all 0.4s ease-out;}
  578.  
  579. #infobox .reblog a:hover {display: block;
  580. background-color: {color:Main Accent};
  581. color: {color:Post Background}}
  582.  
  583. #infobox .reblog img {float: left;
  584. margin-right: 4px;}
  585.  
  586. #infobox .rname {font-family: {font:ItalicGeorgia};
  587. {block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};}
  588.  
  589. .reblogperma {{block:PermalinkPage}margin-bottom: 30px;{/block:PermalinkPage}
  590. {block:IndexPage}margin-bottom: 10px;{/block:IndexPage}}
  591.  
  592. .reblogperma a:link, .reblogperma a:visited, .reblogperma a:active {font-size: 9px;
  593. {block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  594. font-family: {font:ItalicGeorgia};
  595. {block:IfTextTransformLowercase}text-transform: lowercase;{/block:IfTextTransformLowercase}
  596. color: {color:Text Link};}
  597.  
  598. .reblogperma img {-moz-border-radius: 20px;
  599. -webkit-border-radius: 20px;
  600. border-radius: 20px;}
  601.  
  602. /* TAGS */
  603. .tags {position: relative;
  604. z-index: 20;}
  605.  
  606. .tags a:link, .tags a:visited, .tags a:active {color: {color:Text};
  607. {block:IfTextTransformLowercase}text-transform: lowercase;{/block:IfTextTransformLowercase}
  608. font-family: {font:ItalicGeorgia};
  609. {block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  610. letter-spacing: {text:Letter Spacing Size};
  611. transition: all 0.4s ease-out;
  612. -o-transition-transition: all 0.4s ease-out;
  613. -webkit-transition: all 0.4s ease-out;
  614. -moz-transition: all 0.4s ease-out;
  615. font-size: {text:Tags Font Size};
  616. display: block;
  617. word-wrap: break-word;}
  618.  
  619. .tags a:hover {padding: 4px 0px;
  620. background-color: {color:Main Accent};
  621. color: {color:Post Background};}
  622.  
  623. .bl {height: 4px;
  624. width:4px;
  625. float: left;
  626. background-color: {color:Main Accent};
  627. margin-top: 5px;
  628. margin-right: 4px;}
  629.  
  630. .tagsperma {width: 400px;
  631. text-align: center;
  632. font-family: {font:ItalicGeorgia};
  633. font-size: {text:Tags Font Size};
  634. {block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  635. {block:IfTextTransformLowercase}text-transform: lowercase;{/block:IfTextTransformLowercase}
  636. padding: 4px 0px;
  637. padding-top: 15px;
  638. word-wrap: break-word;}
  639.  
  640. .tagsperma a:link, .tagsperma a:visited, .tagsperma a:active {color: {color:Main Accent};
  641. padding: 0px 4px;}
  642.  
  643. .tagsperma a:hover {background-color: {color:Main Accent};
  644. color: {color:Post Background};}
  645.  
  646. .lineperma {width: 400px; display: block; border-bottom: 1px solid {color:Date Text};}
  647.  
  648. /* NOTE COUNT */
  649. .notec {text-align: center;
  650. padding: 0px 10px;
  651. padding-top: 10px;}
  652.  
  653. .notec_lin {height: 1px;
  654. border-top: 1px solid {color:Page Navigation};
  655. margin-bottom: -8px;}
  656.  
  657. .noten {background-color: {color:Main Accent};
  658. color: {color:Post Background};
  659. padding: 0px 10px;
  660. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  661. font-size: {text:Note Count Font Size};}
  662.  
  663. .noten {width: 100%;}
  664.  
  665. .notecp {font-size: 24px;
  666. font-family: 'Open Sans Condensed';
  667. text-align: center;
  668. {block:IfTextShadow}text-shadow: 1px 0px 1px {color:Text Shadow};{/block:IfTextShadow}
  669. color: {color:Main Accent};
  670. margin: 10px 0px;}
  671.  
  672.  
  673. /* NOTES LIST */
  674. ol.notes {list-style-type: none;
  675. text-align: justify;
  676. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  677. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  678. padding: 10px;
  679. {block:IfTextTransformLowercase}text-transform: lowercase;{/block:IfTextTransformLowercase}
  680. margin-bottom: 30px;
  681. background-color: {color:Post Background};
  682. float: right;
  683. {block:IfNot400pxPost}margin-right: 180px; {/block:IfNot400pxPost}
  684. {block:If400pxPost}margin-right: 280px; {/block:If400pxPost}
  685. display: inline;
  686. margin-top: -30px;
  687. font-size: {text:Posts Font Size};}
  688.  
  689. ol.notes li.note {padding: 6px;
  690. border-top: 1px solid {color:Date Text}}
  691.  
  692. ol.notes a:link, ol.notes a:visited, ol.notes a:active, ol.notes li.note a:active, ol.notes li.note a:visited, ol.notes li.note a:active {color: {color:Main Accent};
  693. {block:IfFontItalicized}font-style: italic{/block:IfFontItalicized};
  694. padding: 0px 4px;}
  695.  
  696. ol.notes li.note a:hover, ol.notes a:hover {background-color: {color:Main Accent};
  697. color: {color:Post Background};}
  698.  
  699. ol.notes li.note img.avatar {display: none;}
  700.  
  701. ol.notes li.note span.action {color: {color:Text};}
  702.  
  703. ol.notes li.note .answer_content {font-weight: normal; display: inline;}
  704.  
  705. ol.notes li.note blockquote {padding: 4px 10px;
  706. margin: 5px 25px;
  707. background-color: {color:Main Accent};}
  708.  
  709. ol.notes li.note blockquote a:link, ol.notes li.note blockquote a:visited, ol.notes li.note blockquote a:active {text-decoration: none;
  710. color: {color:Post Background};
  711. font-style: normal;}
  712.  
  713. iframe#tumblr_controls {top:0px !important; right:3px !important; position: fixed !important;}
  714.  
  715. {CustomCSS}
  716. </style></head>
  717.  
  718.  
  719. <body>
  720. <div id="container"><div class="top"><a href="/"><div class="toptitle"><Table><tr><Td><img src="{PortraitURL-16}"></td><td class="ttitle">{block:IfNotAlternateTitle}{Title}{/block:IfNotAlternateTitle} {block:IfAlternateTitle}{text:Alternate Title}{/block:IfAlternateTitle}</td></tr></table></div></a>
  721.  
  722. <div class="links"><ul><li><a href="/ask">ASK</a></li>
  723. <li><a href="/archive">ARCHIVE</a></li>
  724. {block:IfShowRandom}<li><a href="/random">RANDOM</a></li>{/block:IfShowRandom}
  725. {block:SubmissionsEnabled}<li><a href="/submit">SUBMIT</a></li>{/block:SubmissionsEnabled}
  726. {block:IfTextCredit}<li><a href="http://lostmemento.tumblr.com">THEME</a></li>{/block:IfTextCredit}</ul></div>
  727.  
  728. <div id="nav">{block:Pagination}
  729. {block:PreviousPage}<a href="{PreviousPage}">&#8592;</a>{/block:PreviousPage}
  730. <span style="margin: 0px 4px;">{CurrentPage} of {TotalPages}</span>
  731. {block:NextPage}<a href="{NextPage}">&#8594;</a>{/block:NextPage}
  732. {/block:Pagination}</div></div>
  733.  
  734. <div id="sidebar">{block:IfSidebarPicImage}<center><img src="{image:sidebarpic}" class="sbpic"></center>{/block:IfSidebarPicImage}
  735. <div class="descript">{Description}</div>
  736. <div class="pages">
  737. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  738. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  739. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  740. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  741. {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a>{/block:IfLink5Name}
  742. {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a>{/block:IfLink6Name}
  743. {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a>{/block:IfLink7Name}
  744. {block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a>{/block:IfLink8Name}
  745. {block:HasPages}{block:Pages}<a href="{URL}"> {Label}</a>{/block:Pages}{/block:HasPages}</div></div>
  746.  
  747.  
  748. {block:Posts}
  749. <div id="postbox">
  750. <section class="some-other-area persist-area">
  751.  
  752. <div class="persist-header">
  753. <div class="infocontainer">
  754. <!--- DATE --->
  755. {block:Date}<a href="{Permalink}"><div class="date">{block:NewDayDate}<div class="day">{DayOfMonthWithZero}</div><div class="month">{ShortMonth}</div> <div class="year">{Year}</div>{/block:NewDayDate}
  756. {block:SameDayDate}<div class="time">{12HourWithZero}:{Minutes} {CapitalAmPm}</div>{/block:SameDayDate}</div></a>
  757.  
  758. {block:IfShowHiResLink}{block:Photo}<div class="hires"><a href="{PhotoURL-HighRes}">HI-RES</a></div>{/block:Photo}{/block:IfShowHiResLink}
  759.  
  760. <!--- REBLOG INFO --->
  761. <div id="infobox">{block:IndexPage}{block:IfNotShowReblogInPost}{block:RebloggedFrom}<div class="reblog"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"> VIA <span class="rname">{ReblogParentName}</span></a></div>
  762.  
  763. <div class="reblog"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"> SOURCE <span class="rname">{ReblogRootName}</span></a></div>{/block:RebloggedFrom}{/block:IfNotShowReblogInPost}{/block:IndexPage}
  764.  
  765. <!--- TAGS --->
  766. {block:IfNotShowTagsInPost}{block:IndexPage} {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"><div class="bl"></div> {Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}{/block:IfNotShowTagsInPost}</div>{/block:Date}</div></div>
  767.  
  768. <div id="posts">
  769. <!--- TEXT POSTS --->
  770. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}
  771. {Body}{/block:Text}
  772.  
  773. <!--- PHOTO POSTS --->
  774. {block:Photo}<center>{LinkOpenTag}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
  775. {block:If400pxPost}<img src="{PhotoURL-400}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="400px"{/block:IfStretchPhotos}>{/block:If400pxPost}{LinkCloseTag}</center>
  776. {block:Caption}{block:IndexPage}{block:IfNotShowPhotoCaptions}<div id="caption">{/block:IfNotShowPhotoCaptions}{/block:IndexPage}
  777. {Caption}
  778. {block:IndexPage}{block:IfNotShowPhotoCaptions}</div>{/block:IfNotShowPhotoCaptions}{/block:IndexPage}{/block:Caption}{/block:Photo}
  779.  
  780. <!--- PHOTOSET POSTS --->
  781. {block:Photoset}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  782. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  783. {block:Caption}{block:IndexPage}{block:IfNotShowPhotoCaptions}<div id="caption">{/block:IfNotShowPhotoCaptions}{/block:IndexPage}{Caption}{block:IndexPage}{block:IfNotShowPhotoCaptions}</div>{/block:IfNotShowPhotoCaptions}{/block:IndexPage}{/block:Caption}{/block:Photoset}
  784.  
  785. <!--- QUOTE POSTS --->
  786. {block:Quote}<div class="qleft">“</div><center><div class="quote"><div class="quote_{Length}">{Quote}</div><div class="qright">”</div>
  787. {block:Source}<div class="source">- {Source}</div>{/block:Source}</div></center>{/block:Quote}
  788.  
  789. <!--- LINK POSTS --->
  790. {block:Link}<h1><a href="{URL}">{Name}</a></h1>
  791. {block:Description}{Description}{/block:Description}{/block:Link}
  792.  
  793. <!--- CHAT POSTS --->
  794. {block:Chat}{block:Title}{Title}{/block:Title}
  795. <div class="chat"><ul>{block:Lines}
  796. <li class="line {Alt}">{block:Label}
  797. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  798. {/block:Chat}
  799.  
  800. <!--- AUDIO POSTS --->
  801. {block:Audio}
  802. <div class="containermusic"><ul><li>{block:Artist}<div class="musiclabel"><span class="mlabel">ARTIST:</span> {Artist}</div>{/block:Artist}</li>
  803. <li>{block:TrackName}<div class="musiclabel"><span class="mlabel">SONG:</span> {TrackName}</div>{/block:TrackName}</li>
  804. <li>{block:Album}<div class="musiclabel"><span class="mlabel">ALBUM:</span> {Album}</div>{/block:Album}</li>
  805. <li><div class="musiclabel">{PlayCountWithLabel}</div></li>
  806. {block:IfNot400pxPost}<li><div class="musiclabel">{block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  807. {block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  808. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></li>{/block:IfNot400pxPost}</ul></div>
  809.  
  810. <table cellspacing="0" cellpadding="0" style="vertical-align: top" {block:IfNot400pxPost}height="150px"{/block:IfNot400pxPost} {block:If400pxPost}height="100px"{/block:If400pxPost}><tr><td><img style="position: absolute; {block:IfNot400pxPost}margin-top: -75px{/block:IfNot400pxPost}
  811. {block:If400pxPost}margin-top: -50px{/block:If400pxPost}" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" {block:IfNot400pxPost}width="150" height="150"{/block:IfNot400pxPost} {block:If400pxPost}width="100" height="100"{/block:If400pxPost} />
  812. {block:AlbumArt}
  813. <img style="position: absolute; {block:IfNot400pxPost}margin-top: -75px{/block:IfNot400pxPost} {block:If400pxPost}margin-top: -50px{/block:If400pxPost}" {block:IfNot400pxPost}width="150" height="150"{/block:IfNot400pxPost} {block:If400pxPost}width="100" height="100"{/block:If400pxPost} src="{AlbumArtURL}" />
  814. {/block:AlbumArt}</div>
  815.  
  816. {block:If400pxPost}<div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  817. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  818. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>{/block:If400pxPost}</td>
  819.  
  820. <td {block:IfNot400pxPost}style="padding-left: 150px;"{/block:IfNot400pxPost} {block:If400pxPost}style="padding-left: 100px;"{/block:If400pxPost}><img src="http://i40.tinypic.com/2vwcjgg.png" {block:IfNot400pxPost}height="150px"{/block:IfNot400pxPost} {block:If400pxPost}height="100px"{/block:If400pxPost}></td></tr></table>
  821. {block:Caption}{Caption}{/block:Caption}
  822. {/block:Audio}
  823.  
  824.  
  825. <!--- VIDEO POSTS --->
  826. {block:Video}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  827. {block:If400pxPost}{Video-400}{/block:If400pxPost}
  828. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  829.  
  830. <!--- ANSWER POSTS --->
  831. {block:Answer}<table cellspacing="0" cellpadding="0" width="100%"><tr><td class="apic"><img src="{AskerPortraitURL-48}"></td><td bgcolor="#fefdf6" width="40px"><span class="atip">&#9700;</span></td><td bgcolor="#fefdf6"><div class="asker">{Asker} {text:Ask Action}</div>
  832. {Question}</td></tr></table>
  833. <div class="answer">{Answer}</div>{/block:Answer}
  834.  
  835. <!--- NOTE COUNT --->
  836. {block:IndexPage} {block:NoteCount}<a href="{Permalink}"><div class="notec"><div class="notec_lin"></div> <span class="noten">{NoteCountWithLabel}</span></div></a>{/block:NoteCount}{/block:IndexPage}
  837.  
  838.  
  839. {block:IfHideInPostInfo}<div id="caption">{/block:IfHideInPostInfo}
  840. {block:IfShowTagsInPost}{block:IndexPage}{block:HasTags}<center><div class="tagsperma">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></center>{/block:HasTags}{/block:IndexPage}{/block:IfShowTagsInPost}
  841.  
  842. {block:IfShowReblogInPost}{block:HasTags}{block:RebloggedFrom}<center><div class="lineperma"></div></center>{/block:RebloggedFrom}{/block:HasTags}{/block:IfShowReblogInPost}
  843.  
  844. {block:IfShowReblogInPost}{block:IndexPage}{block:RebloggedFrom}<center><Table class="reblogperma"><tr><td><a href="{ReblogParentURL}">reblogged {ReblogParentName} </a></td> <td><img src="{ReblogRootPortraitURL-16}" width="9px"></td><td><a href="{ReblogRootURL}">originally {ReblogRootName}</a></td></tr></table></center>{/block:RebloggedFrom}{/block:IndexPage}{/block:IfShowReblogInPost}
  845. {block:IfHideInPostInfo}</div>{/block:IfHideInPostInfo}
  846.  
  847. <!--- PERMALINK PAGE --->
  848. {block:PermalinkPage}{block:HasTags}<center><div class="tagsperma">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></center>{/block:HasTags}
  849.  
  850. {block:HasTags}{block:RebloggedFrom}<center><div class="lineperma"></div></center>{/block:RebloggedFrom}{/block:HasTags}
  851.  
  852. {block:RebloggedFrom}<center><Table class="reblogperma"><tr><td><a href="{ReblogParentURL}">reblogged {ReblogParentName} </a></td> <td><img src="{ReblogRootPortraitURL-16}" width="9px"></td><td><a href="{ReblogRootURL}">originally {ReblogRootName}</a></td></tr></table></center>{/block:RebloggedFrom}
  853.  
  854. {block:NoteCount}<div class="notecp">{NoteCountWithLabel}</div>{/block:NoteCount}{/block:PermalinkPage}
  855. </div>
  856. </section>
  857. </div>{/block:Posts}
  858. <div class="clear"></div>
  859. {block:PostNotes}{PostNotes}{/block:PostNotes}
  860. </div>
  861.  
  862. <!--- DO NOT REMOVE CREDIT --->
  863. {block:IfNotTextCredit}<div id="creditimage"><a href="http://lostmemento.tumblr.com"><img src="http://static.tumblr.com/bkd4m5b/kRDm3vhr3/lmthemeslogoxsml_copy.png"></a></div>{/block:IfNotTextCredit}</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!