Advertisement
lostmemento

[Old Theme] Sleepy Hollow

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