API tools faq
paste
Advertisement
lostmemento

[Old Theme] Time

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