lostmemento

[Old Theme] Meet Joe Black

Apr 20th, 2012
3,090
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.38 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!--- 15 MEET JOE BLACK THEME 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=Tinos|Mate:400,400italic' rel='stylesheet' type='text/css'>
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  22.  
  23.  
  24. <!-- APPEARANCE DEFAULTS -->
  25. <meta name="image:background" content=""/>
  26. <meta name="image:sidebar" content=""/>
  27.  
  28. <meta name="if:Background No Repeat" content="0"/>
  29. <meta name="if:Background Fixed" content="0"/>
  30. <meta name="if:400px Post" content="0"/>
  31. <meta name="if:Show Tags In Post" content="0"/>
  32. <meta name="if:Show Photo Captions" content="0"/>
  33. <meta name="if:Stretch Photos" content="0"/>
  34. <meta name="if:AudioPlayerWhite" content="1"/>
  35. <meta name="if:AudioPlayerGrey" content="0"/>
  36. <meta name="if:AudioPlayerBlack" content="0"/>
  37. <meta name="if:Show Submit" content="0"/>
  38. <meta name="if:Italic" content="1"/>
  39. <meta name="if:Uppercase" content="1"/>
  40. <meta name="if:Text Credit" content="1"/>
  41.  
  42. <meta name="if:Show Notes Symbol" content="0"/>
  43. <meta name="if:First Letter Style" content="1"/>
  44. <meta name="if:Sidebar Links Bottom" content="0"/>
  45. <meta name="if:Sidebar Links Left" content="0"/>
  46. <meta name="if:Sidebar Links Right" content="0"/>
  47. <meta name="if:Show Sidebar Extra Links" content="0"/>
  48. <meta name="if:Show Sidebar Description" content="0"/>
  49.  
  50. <meta name="color:Scrollbar Background" content="#fcfcfc"/>
  51. <meta name="color:Scroller" content="#151515"/>
  52. <meta name="color:Background" content="#ffffff"/>
  53. <meta name="color:Container" content="#fcfcfc"/>
  54. <meta name="color:Posts" content="#ffffff"/>
  55. <meta name="color:Post Text" content="#151515"/>
  56. <meta name="color:Tags" content="#151515"/>
  57. <meta name="color:Sidebar" content="#151515"/>
  58. <meta name="color:Sidebar Description" content="#ffffff"/>
  59. <meta name="color:Sidebar Text" content="#000000"/>
  60. <meta name="color:Sidebar Contrast Text" content="#ffffff"/>
  61.  
  62. <meta name="text:Link1 Url" content=""/>
  63. <meta name="text:Link1 Name" content=""/>
  64. <meta name="text:Link2 Url" content=""/>
  65. <meta name="text:Link2 Name" content=""/>
  66. <meta name="text:Link3 Url" content=""/>
  67. <meta name="text:Link3 Name" content=""/>
  68. <meta name="text:Link4 Url" content=""/>
  69. <meta name="text:Link4 Name" content=""/>
  70.  
  71. <meta name="text:Background Position" content=""/>
  72. <meta name="text:Sidebar Text Align" content="center"/>
  73. <meta name="text:Ask Action" content="ASKED"/>
  74. <meta name="text:Alternate Title" content=""/>
  75. <meta name="text:Sidebar Show Opacity" content="0.4"/>
  76. <meta name="text:Notes Symbol" content="&#9829;"/>
  77. <meta name="text:Letter Spacing" content="1px"/>
  78.  
  79. <meta name="text:Sidebar Title Font Size" content="10px"/>
  80. <meta name="text:Sidebar Links Font Size" content="6px"/>
  81. <meta name="text:Sidebar Description Font Size" content="7px"/>
  82. <meta name="text:Posts Font Size" content="11px"/>
  83. <meta name="text:Post Links Font Size" content="7px"/>
  84. <meta name="text:Post Title Font Size" content="19px"/>
  85. <meta name="text:Chat Label Font Size" content="8px"/>
  86. <meta name="text:Post Info Font Size" content="7px"/>
  87. <meta name="text:Notes List Action Font Size" content="9px"/>
  88.  
  89. {block:IfFirstLetterStyle}
  90. <meta name="text:Sidebar Title First Letter Font Size" content="18px"/>
  91. <meta name="text:Post Title First Letter Font Size" content="30px"/>
  92. <meta name="text:Blockquote First Letter Font Size" content="11px"/>
  93. <meta name="text:Question First Letter Font Size" content="24px"/>
  94. <meta name="text:Tags Left First Letter Font Size" content="9px"/>
  95. {/block:IfFirstLetterStyle}
  96.  
  97.  
  98.  
  99.  
  100. <style type="text/css">
  101. body {background-color: {color:Background};
  102. margin: 0px;
  103. {block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
  104. background-image: url('{image:background}');
  105. {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  106. font-family: 'Tinos', georgia, Serif;
  107. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  108.  
  109. img {border: 0;}
  110.  
  111. a {text-decoration: none;
  112. font-weight: normal;}
  113.  
  114. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 10px;}
  115. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:10px!important;}
  116. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width:10px;}
  117.  
  118. #container {width: 1004px;
  119. margin:auto;
  120. background-color: {color:Container};
  121. padding-top: 30px;
  122. padding-bottom: 30px;}
  123.  
  124. #containerbg {width: 1004px;
  125. position: fixed;
  126. height: 100%;
  127. background-color: {color:Container};
  128. z-index: -1}
  129.  
  130. /* SIDEBAR */
  131. #sidebar {width: 250px;
  132. height: 100%;
  133. position: fixed;
  134. background-color: {color:Sidebar};
  135. margin-left: 754px;
  136. top: 0px;}
  137.  
  138. .title {margin-top: 100px;
  139. color: {color:Sidebar Contrast Text};
  140. font-size: {text:Sidebar Title Font Size};
  141. {block:IfItalic}font-style: italic;{/block:IfItalic}
  142. letter-spacing: {text:Letter Spacing};}
  143.  
  144. {block:IfFirstLetterStyle}.title:first-letter {font-size: {text:Sidebar Title First Letter Font Size};
  145. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}{/block:IfFirstLetterStyle}
  146.  
  147. .sbpic {width: 200px;
  148. height: 325px;
  149. background-color: {color:Sidebar Description};}
  150.  
  151. /* MAIN LINKS */
  152. .sblinks {position: absolute;
  153. width: 150px;
  154. background-color: {color:Sidebar};
  155. height: 20px;
  156. line-height: 13px;
  157. padding: 5px 10px;
  158. text-align: center;
  159. margin-left: 16px;
  160. {block:IfNotSidebarLinksBottom}margin-top: 20px;{/block:IfNotSidebarLinksBottom}
  161. {block:IfSidebarLinksBottom}margin-top: 260px;{/block:IfSidebarLinksBottom}
  162. {block:IfSidebarLinksLeft}margin-left: 0px;{/block:IfSidebarLinksLeft}
  163. {block:IfSidebarLinksRight}margin-left: 30px;{/block:IfSidebarLinksRight}
  164. z-index: 10}
  165.  
  166. .sblinks a:link, .sblinks a:visited, .sblinks a:active {font-size: {text:Sidebar Links Font Size};
  167. font-family: georgia;
  168. color: {color:Sidebar Contrast Text};
  169. letter-spacing: {text:Letter Spacing};
  170. margin: 0px 3px;}
  171.  
  172. /* DESCRIPTION */
  173. #sidebar:hover .sbdescript {opacity: 0.9;
  174. transition: all 0.6s ease-out;
  175. -o-transition: all 0.6s ease-out;
  176. -webkit-transition: all 0.6s ease-out;
  177. -moz-transition: all 0.6s ease-out; }
  178.  
  179. .sbdescript {{block:IfNotShowSidebarDescription}opacity: 0.0;{/block:IfNotShowSidebarDescription}
  180. {block:IfShowSidebarDescription}opacity: {text:Sidebar Show Opacity};{/block:IfShowSidebarDescription}
  181. background-color: {color:Sidebar Description};
  182. color: {color:Sidebar Text};
  183. position: absolute;
  184. z-index: 8;
  185. height: 260px;
  186. width: 180px;
  187. transition: all 0.6s ease-out;
  188. -o-transition: all 0.6s ease-out;
  189. -webkit-transition: all 0.6s ease-out;
  190. -moz-transition: all 0.6s ease-out;
  191. font-family: 'Mate', 'Tinos';
  192. font-size: {text:Sidebar Description Font Size};
  193. text-align: {text:Sidebar Text Align};
  194. padding: 10px;
  195. padding-top: 55px;
  196. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  197. letter-spacing: {text:Letter Spacing};}
  198.  
  199. .sbdescript a:link, .sbdescript a:visited, .sbdescript a:active {text-decoration: underline;
  200. color: {color:Sidebar Text}}
  201.  
  202. /* NAVIGATION */
  203. .navigation {position: relative;
  204. z-index: 11;
  205. width: 200px;
  206. margin: auto;
  207. {block:IfShowSidebarExtraLinks}background-color: {color:Sidebar};{/block:IfShowSidebarExtraLinks}}
  208.  
  209. {block:IfNotShowSidebarExtraLinks}#sidebar:hover .navigation {background-color: {color:Sidebar};}{/block:IfNotShowSidebarExtraLinks}
  210.  
  211. .current {font-family: georgia;
  212. {block:IfItalic}font-style: italic;{/block:IfItalic};
  213. font-size: 24px;
  214. color: {color:Sidebar Contrast Text};
  215. line-height: 85%;
  216. padding-bottom: 8px;}
  217.  
  218. .ofmid {font-size: 10px;
  219. color: {color:Sidebar Contrast Text};
  220. font-style: italic;
  221. padding-top: 6px;
  222. font-family: georgia;}
  223.  
  224. .page_nav {font-size: 7px;
  225. font-family: 'Tinos';
  226. letter-spacing: {text:Letter Spacing};
  227. padding-top: 9px;}
  228.  
  229. .page_nav a:link, .page_nav a:active, .page_nav a:visited {color: {color:Sidebar Contrast Text}}
  230.  
  231. .credit a:link, .credit a:visited, .credit a:active {position: absolute;
  232. bottom: 0px;
  233. background-color: {color:Posts};
  234. color: {color:Post Text};
  235. padding: 2px 10px;
  236. font-size: {text:Sidebar Description Font Size};
  237. margin-left: 95px;
  238. letter-spacing: 1px}
  239.  
  240. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  241.  
  242. /* PAGE LINKS */
  243. #sidebar:hover .pagelnks {opacity: 1.0;
  244. width: 200px;
  245. transition: all 0.6s ease-out;
  246. -o-transition: all 0.6s ease-out;
  247. -webkit-transition: all 0.6s ease-out;
  248. -moz-transition: all 0.6s ease-out;
  249. {block:IfNotShowSidebarExtraLinks}height: 100px;{/block:IfNotShowSidebarExtraLinks}}
  250.  
  251. .pagelnks {{block:IfNotShowSidebarExtraLinks}opacity: 0.0;
  252. height: 0px;{/block:IfNotShowSidebarExtraLinks}
  253. {block:IfShowSidebarExtraLinks}padding-bottom: 10px;{/block:IfShowSidebarExtraLinks}
  254. width: 200px;
  255. position: absolute;
  256. transition: all 0.6s ease-out;
  257. -o-transition: all 0.6s ease-out;
  258. -webkit-transition: all 0.6s ease-out;
  259. -moz-transition: all 0.6s ease-out;
  260. background-color: {color:Sidebar Description};
  261. margin-left: 25px;
  262. z-index: 10px;
  263. font-family: 'Tinos';}
  264.  
  265. .pagelnks a:link, .pagelnks a:visited, .pagelnks a:active {display: block;
  266. border-bottom: 1px solid {color:Sidebar};
  267. color: {color:Sidebar};
  268. margin: 0px 5px;
  269. margin-top: 5px;
  270. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  271. font-size: {text:Sidebar Description Font Size};
  272. letter-spacing: {text:Letter Spacing};
  273. padding: 2px 5px;
  274. transition: all 0.6s ease-out;
  275. -o-transition: all 0.6s ease-out;
  276. -webkit-transition: all 0.6s ease-out;
  277. -moz-transition: all 0.6s ease-out;}
  278.  
  279. .pagelnks a:hover {border-left: 20px solid {color:Sidebar};
  280. transition: all 0.6s ease-out;
  281. -o-transition: all 0.6s ease-out;
  282. -webkit-transition: all 0.6s ease-out;
  283. -moz-transition: all 0.6s ease-out;}
  284.  
  285.  
  286. /* POSTS */
  287. #posts {background-color: {color:Posts};
  288. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  289. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  290. padding: 5px;
  291. {block:IfNot400pxPost}margin-left: 200px;{/block:IfNot400pxPost}
  292. {block:If400pxPost}margin-left: 250px;{/block:If400pxPost}
  293. margin-bottom: 30px;
  294. min-height: 80px;
  295. font-family: 'Tinos';
  296. font-size: {text:Posts Font Size};}
  297.  
  298. .ph_box:hover .pad {display:block}
  299.  
  300. {block:IfNotShowPhotoCaptions}.ph_box .pad {display: none;}{/block:IfNotShowPhotoCaptions}
  301.  
  302. .pad {padding: 2px 5px;
  303. color: {color:Post Text}}
  304.  
  305. .pad a:link, .pad a:visited, .pad a:active {color: {color:Post Text};
  306. text-decoration: underline;
  307. padding: 2px 5px;
  308. font-size: {text:Post Links Font Size};
  309. font-family: georgia;
  310. letter-spacing: {text:Letter Spacing};
  311. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  312. transition: all 0.6s ease-out;
  313. -o-transition: all 0.6s ease-out;
  314. -webkit-transition: all 0.6s ease-out;
  315. -moz-transition: all 0.6s ease-out;}
  316.  
  317. .pad a:hover {background-color: {color:Post Text};
  318. color: {color:Posts};
  319. text-decoration: none;
  320. transition: all 0.6s ease-out;
  321. -o-transition: all 0.6s ease-out;
  322. -webkit-transition: all 0.6s ease-out;
  323. -moz-transition: all 0.6s ease-out; }
  324.  
  325. .pad h1 {text-align: center;
  326. background-color: {color:Post Text};
  327. font-weight: normal;
  328. font-family: 'Mate';
  329. font-size: {text:Post Title Font Size};
  330. {block:IfItalic}font-style: italic;{/block:IfItalic}
  331. color: {color:Posts}}
  332.  
  333. {block:IfFirstLetterStyle}.pad h1:first-letter {font-size: {text:Post Title First Letter Font Size};}{/block:IfFirstLetterStyle}
  334.  
  335. .pad h1 a:link, .pad h1 a:visited, .pad h1 a:active {color: {color:Posts};
  336. font-size: {text:Post Title Font Size};
  337. line-height: 150%;
  338. font-weight: normal;
  339. text-decoration: none;}
  340.  
  341. .pad blockquote, .pad ul, .pad img {max-width: 100%;}
  342.  
  343. .pad li {list-style: square}
  344.  
  345. .pad blockquote {border-left: 3px solid {color:Post Text};
  346. padding-left: 5px;}
  347.  
  348. {block:IfFirstLetterStyle}.pad blockquote p:first-letter {font-size: {text:Blockquote First Letter Font Size};
  349. font-style: normal;}{/block:IfFirstLetterStyle}
  350.  
  351. /* QUOTE */
  352. .quote {text-align: justify;
  353. width: 75%;
  354. padding-top: 10px;
  355. font-family: 'Mate';
  356. {block:IfItalic}font-style: italic;{/block:IfItalic};}
  357.  
  358. .quote_short {font-size: 24px;
  359. line-height: 90%;
  360. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  361. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  362. margin: 0px 20px;}
  363.  
  364. .quote_medium {font-size: 18px;
  365. line-height: 90%;
  366. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  367. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  368. margin: 0px 20px;}
  369.  
  370. .quote_long {font-size: 12px;
  371. line-height: 90%;
  372. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  373. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  374. margin: 0px 20px;}
  375.  
  376. .source {text-align: right;
  377. margin-top: 20px;}
  378.  
  379. .source a:link, .source a:visited, .source a:active {background-color: transparent;
  380. text-decoration: underline;
  381. padding: 2px 4px;
  382. color: {color:Post Text}}
  383.  
  384. .qleft {font-size: 70px;
  385. font-family: georgia;
  386. line-height: 100px;
  387. position: relative;
  388. bottom: 10px;
  389. left: 60px;
  390. margin-bottom: -90px;
  391. width: 50px;}
  392.  
  393. .qright {font-size: 70px;
  394. padding-right: 5px;
  395. line-height: 30px;
  396. text-align: right;
  397. position: relative;
  398. bottom: 0px;
  399. font-family: georgia;
  400. margin-bottom: 10px;}
  401.  
  402. /* CHAT */
  403. .chat {list-style: none;
  404. margin: 0px;}
  405.  
  406. .chat ul {line-height: 15px;
  407. list-style: none;
  408. padding: 0px;
  409. border-left: 5px solid {color:Post Text};
  410. padding-left: 5px;}
  411.  
  412. .chat li {list-style: none;}
  413. .line {color: {color:Post Text};
  414. padding: 2px 5px;}
  415.  
  416. .line .label {padding: 3px;
  417. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  418. font-size: {text:Chat Label Font Size};
  419. letter-spacing: {text:Letter Spacing};}
  420.  
  421. /* AUDIO */
  422. .contenttxt_audio {padding-left: 15px;
  423. margin-top: -5px}
  424.  
  425. #audiocontain {text-align:center;
  426. {block:IfNot400pxPost}width: 500px;
  427. height: 250px;{/block:IfNot400pxPost}
  428. {block:If400pxPost}width: 400px;
  429. height: 200px;{/block:If400pxPost}}
  430.  
  431. .audio_player {text-align: center;
  432. margin: auto;
  433. width: 205px}
  434.  
  435. .album_art {position: absolute;
  436. {block:IfNot400pxPost}width: 250px;
  437. height: 250px; {/block:IfNot400pxPost}
  438. {block:If400pxPost}width: 200px;
  439. height: 200px; {/block:If400pxPost}
  440. margin-left: 0;
  441. text-align: left}
  442.  
  443. .album_art img {{block:IfNot400pxPost}width: 250px;
  444. height: 250px; {/block:IfNot400pxPost}
  445. {block:IfNot400pxPost}width: 200px;
  446. height: 200px; {/block:If400pxPost}
  447. float:left}
  448.  
  449. .containermusic {{block:IfNot400pxPost}width: 250px;{/block:IfNot400pxPost}
  450. {block:If400pxPost}width: 150px;{/block:If400pxPost}
  451. display: block;
  452. vertical-align: middle;
  453. padding-top: 15px;}
  454.  
  455. .containermusic ul {list-style: none;
  456. margin-left: -45px}
  457.  
  458. .containermusic li {list-style: none;}
  459.  
  460. .musiclabel {margin: auto;
  461. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  462. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  463. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  464. padding: 3px 10px;
  465. font-size: 8px;
  466. color: {color:Post Text};
  467. border-bottom: 1px solid {color:Post Text};
  468. {block:IfNot400pxPost}width: 210px;{/block:IfNot400pxPost}
  469. {block:If400pxPost}width: 180px;{/block:If400pxPost}
  470. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  471. letter-spacing: {text:Letter Spacing};}
  472.  
  473. .containermusic .musiclabel ul, #containermusic .musiclabel li {list-style: none;
  474. display: block;}
  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. /* QUESTION */
  493. .asker {font-size: {text:Post Links Font Size};
  494. text-align: center;
  495. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  496. color: {color:Post Text};
  497. letter-spacing: {text:Letter Spacing};
  498. padding-top: 20px;}
  499.  
  500. .asker a:link, .asker a:visited, .asker a:active {color: {color:Post Text}}
  501.  
  502. .question {color: {color:Post Text};
  503. padding: 10px 45px;
  504. font-size: {text:Posts Font Size};}
  505.  
  506. {block:IfFirstLetterStyle}.question:first-letter {font-size: {text:Question First Letter Font Size};
  507. {block:IfItalic}font-style: italic;{/block:IfItalic};}{/block:IfFirstLetterStyle}
  508.  
  509. .qline {margin: auto;
  510. width: 85%;
  511. height: 1px;
  512. background-color: {color:Post Text}}
  513.  
  514. .qline img {height: 12px;
  515. position: absolute;
  516. margin-top: -8px;
  517. {block:IfNot400pxPost}margin-left: 203px;{/block:IfNot400pxPost}
  518. {block:If400pxPost}margin-left: 156px;{/block:If400pxPost}
  519. border: 4px solid {color:Post Text}}
  520.  
  521. /* LEFT TABS */
  522. .reblogged {float: left;
  523. margin-top: -5px;
  524. margin-left: -8px;}
  525.  
  526. .reblogged img {height: 12px}
  527.  
  528. #date {position: relative;
  529. background-color: {color:Posts};
  530. color: {color:Post Text};
  531. font-family: 'Tinos';
  532. font-size: {text:Post Info Font Size};
  533. margin-left: 22px;
  534. padding: 10px;
  535. letter-spacing: {text:Letter Spacing};
  536. z-index: 100;
  537. width: 110px;
  538. margin-bottom: -28px;
  539. text-align: right;
  540. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  541.  
  542. .notecount {font-size: {text:Post Info Font Size};
  543. text-align: right;
  544. position: absolute;
  545. z-index: 100;
  546. margin-top: 30px;
  547. margin-left: 11px;
  548. letter-spacing: {text:Letter Spacing};}
  549.  
  550. .notecount a:link, .notecount a:visited, .notecount a:active {width: 120px;
  551. padding: 10px;
  552. background-color: {color:Posts};
  553. color: {color:Post Text};
  554. display: block;}
  555.  
  556. #p_contain:hover .tagbox {opacity: 1.0;
  557. transition: all 0.6s ease-out;
  558. -o-transition: all 0.6s ease-out;
  559. -webkit-transition: all 0.6s ease-out;
  560. -moz-transition: all 0.6s ease-out;}
  561.  
  562. .tagbox {font-size: {text:Post Info Font Size};
  563. text-align: right;
  564. position: absolute;
  565. z-index: 200;
  566. margin-top: 60px;
  567. letter-spacing: {text:Letter Spacing};
  568. margin-left: 11px;
  569. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  570. opacity: 0.0;
  571. transition: all 0.6s ease-out;
  572. -o-transition: all 0.6s ease-out;
  573. -webkit-transition: all 0.6s ease-out;
  574. -moz-transition: all 0.6s ease-out;
  575. height: 0px;}
  576.  
  577. .tagbox p {margin: 0px;
  578. margin-bottom: 2px}
  579.  
  580. {block:IfFirstLetterStyle}.tagbox a:first-letter {{block:IfItalic}font-style: italic;{/block:IfItalic};
  581. font-size: {text:Tags Left First Letter Font Size};}{/block:IfFirstLetterStyle}
  582.  
  583. #p_contain:hover .tagbox a:link, #p_contain:hover .tagbox a:visited, #p_contain:hover .tagbox a:active {display: block;
  584. width: 150px;
  585. transition: all 0.6s ease-out;
  586. -o-transition: all 0.6s ease-out;
  587. -webkit-transition: all 0.6s ease-out;
  588. -moz-transition: all 0.6s ease-out;
  589. height: 100%;
  590. line-height: 100%;}
  591.  
  592. .tagbox a:link, .tagbox a:visited, .tagbox a:active {display: none;
  593. padding: 10px;
  594. background-color: {color:Posts};
  595. color: {color:Tags};
  596. display: block;
  597. width: 0px;
  598. transition: all 0.6s ease-out;
  599. -o-transition: all 0.6s ease-out;
  600. -webkit-transition: all 0.6s ease-out;
  601. -moz-transition: all 0.6s ease-out;
  602. height: 0px;
  603. line-height: 0px;}
  604.  
  605. #lines {width: 10px;
  606. height: 100%;
  607. background-color: {color:Sidebar};
  608. display: block;
  609. position: fixed;
  610. z-index: 1;
  611. top: 0px;}
  612.  
  613. .outer_tags {margin-top: -30px;
  614. margin-bottom: 30px;
  615. letter-spacing: {text:Letter Spacing};
  616. text-align: center;
  617. padding: 5px;
  618. line-height: 90%;
  619. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  620. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  621. {block:IfNot400pxPost}margin-left: 200px;{/block:IfNot400pxPost}
  622. {block:If400pxPost}margin-left: 250px;{/block:If400pxPost}}
  623.  
  624. .outer_tags a:link, .outer_tags a:visited, .outer_tags a:active {color: {color:Tags};
  625. font-size: {text:Post Info Font Size};
  626. letters-spacing: 1px;
  627. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  628. margin: -4px 0px;
  629. margin-right: 4px;
  630. padding: 0px 5px;
  631. display: inline-block;}
  632.  
  633. .outer_tags a:hover {text-decoration: underline}
  634.  
  635. /* POST NOTES */
  636. .perma_tags {margin-top: 20px;
  637. letter-spacing: {text:Letter Spacing};
  638. padding: 0px 10px;
  639. text-align: center;}
  640.  
  641. .perma_tags a:link, .perma_tags a:visited, .perma_tags a:active {color: {color:Post Text};
  642. font-size: {text:Post Info Font Size};
  643. letters-spacing: 1px;
  644. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  645. margin: -4px 0px;
  646. margin-right: 4px;
  647. padding: 5px;
  648. display: inline-block;}
  649.  
  650. .perma_tags a:hover {text-decoration: underline}
  651.  
  652. .perma_notes {font-size: 16px;
  653. text-align: center;
  654. letter-spacing: {text:Letter Spacing};
  655. margin-top: 20px;
  656. font-weight: lighter;}
  657.  
  658. ol.notes {padding: 0px;
  659. list-style-type: none;
  660. color: {color:Post Text};}
  661.  
  662. {block:IfFirstLetterStyle}ol.notes li:first-letter {font-size: 18px;
  663. {block:IfItalic}font-style: italic;{/block:IfItalic};}{/block:IfFirstLetterStyle}
  664.  
  665. ol.notes li a:link, ol.notes li a:visited, ol.notes li a:active {color: {color:Post Text};
  666. padding: 2px 4px;
  667. font-size: {text:Post Info Font Size};
  668. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  669. letter-spacing: {text:Letter Spacing};}
  670.  
  671. ol.notes li a:hover {color: {color:Posts}
  672. background-color: {color:Post Text}}
  673.  
  674. ol.notes li.note {padding: 5px;}
  675.  
  676. ol.notes li.note img.avatar {height: 10px;}
  677.  
  678. ol.notes li.note span.action {font-weight: normal;
  679. {block:IfItalic}font-style: italic;{/block:IfItalic}
  680. font-family: georgia;
  681. font-size: {text:Notes List Action Font Size};}
  682.  
  683. ol.notes li.note span.action a:link, ol.notes li.note span.action a:visited, ol.notes li.note span.action a:active {font-style: normal;
  684. font-family: 'Tinos'}
  685.  
  686. ol.notes li.note .answer_content {font-weight: normal;}
  687.  
  688. ol.notes li.note blockquote {border-left: 2px solid {color:Post Text}
  689. padding: 4px 10px;
  690. margin: 10px 0px 0px 25px;}
  691.  
  692. ol.notes li.note blockquote a:link, ol.notes li.note blockquote a:visited, ol.notes li.note blockquote a:active {text-decoration: none;}
  693.  
  694. </style></head>
  695.  
  696.  
  697. <body>
  698. <div id="container">
  699. <div id="containerbg"></div>
  700.  
  701. <div id="lines"></div> <div id="lines" style="margin-left: 11px;"></div> <div id="lines" style="margin-left: 22px;"></div>
  702.  
  703. <div id="sidebar">
  704. <center><div class="title">{block:IfNotAlternateTitle}{Title}{/block:IfNotAlternateTitle}{block:IfAlternateTitle}{text:Alternate Title}{/block:IfAlternateTitle}</div>
  705. <div class="sbpic"><div class="sblinks"><a href="/">INDEX</a> <a href="/ask">ASK</a> <a href="/archive">ARCHIVE</a> {block:IfNotShowSubmit}<a href="/random">RANDOM</a>{/block:IfNotShowSubmit} {block:IfShowSubmit}<a href="/submit">SUBMIT</a>{/block:IfShowSubmit}</div>
  706.  
  707. <div class="sbdescript">{Description}</div>
  708. <img src="{image:sidebar}" class="sbpic"></div>
  709.  
  710.  
  711. <table class="navigation">{block:Pagination}<tr><td width="30%" style="vertical-align: top">{block:PreviousPage}<div class="page_nav" style="text-align: right"><a href="{PreviousPage}">&#8592; NEWER</a></div>
  712. {/block:PreviousPage}</td><td width="10%"><div class="current" style="text-align: right">{CurrentPage}</div><td width="5%" style="vertical-align: top"> <div class="ofmid">of</div></td><td width="10%"><div class="current">{TotalPages}</div></td><td width="30%" style="vertical-align: top">{block:NextPage}
  713. <div class="page_nav"><a href="{NextPage}">OLDER &#8594;</a></div>
  714. {/block:NextPage}</td></tr>{/block:Pagination}</table></center>
  715.  
  716. <div class="pagelnks" {block:Pagination}style="padding-top: 34px; margin-top: -34px;"{/block:Pagination}>
  717.  
  718. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  719. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  720. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  721. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  722.  
  723. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  724.  
  725. {block:IfTextCredit}<div class="credit"><a href="http://lmthemes.tumblr.com">THEME &copy;</a></div>{/block:IfTextCredit}
  726. </div>
  727.  
  728.  
  729. {block:Posts}<div id="p_contain">
  730. {block:Date}<a href="{Permalink}"><div id="date">
  731. {block:RebloggedFrom}<div class="reblogged"><table><Tr><td><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a></td><td><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a></td><tr></table></div>{/block:RebloggedFrom}
  732. {block:NewDayDate} {ShortMonth} {DayOfMonthWithZero} {Year}{/block:NewDayDate}
  733. {block:SameDayDate}{12HourWithZero}:{Minutes} {CapitalAmPm}{/block:SameDayDate}</div></a>{/block:Date}
  734.  
  735. {block:IndexPage}<div class="notecount"><a href="{ReblogURL}" target="_blank"{block:NoteCount}style="display:none"{/block:NoteCount}>REBLOG</a> {block:NoteCount}<a href="{Permalink}">{NoteCount} {block:IfNotShowNotesSymbol}NOTES{/block:IfNotShowNotesSymbol} {block:IfShowNotesSymbol}{text:Notes Symbol}{/block:IfShowNotesSymbol}</a>{/block:NoteCount}</div>
  736.  
  737. {block:HasTags}<div class="tagbox" {block:IfShowTagsInPost}style="display:none"{/block:IfShowTagsInPost}>{block:Tags}<p><a href="{TagURL}">{Tag}</a></p>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  738.  
  739. <div id="posts">
  740.  
  741. <!--- TEXT POSTS --->
  742. {block:Text}<div class="pad">{block:Title}<h1>{Title}</h1>{/block:Title}
  743. {Body}</div>{/block:Text}
  744.  
  745. <!--- PHOTO POSTS --->
  746. {block:Photo}{block:IndexPage}<div class="ph_box">{/block:IndexPage}{LinkOpenTag}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
  747. {block:If400pxPost}<img src="{PhotoURL-400}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="400px"{/block:IfStretchPhotos}>{/block:If400pxPost}{LinkCloseTag}
  748. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{block:IndexPage}</div>{/block:IndexPage}
  749.  
  750. <div style="display:none">{block:ContentSource}<div style="display:none">asdf</div>{/block:ContentSource}</div>{/block:Photo}
  751.  
  752. <!--- PHOTOSET POSTS --->
  753. {block:Photoset}{block:IndexPage}<div class="ph_box">{/block:IndexPage}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  754. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  755. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{block:IndexPage}</div>{/block:IndexPage}
  756.  
  757. <div style="display:none">{block:ContentSource}<div style="display:none">asdf</div>{/block:ContentSource}</div>{/block:Photoset}
  758.  
  759. <!--- QUOTE POSTS --->
  760. {block:Quote}<div class="pad"><div class="qleft">“</div><center><div class="quote"><div class="quote_{Length}">{Quote}</div><div class="qright">”</div>
  761. {block:Source}<div class="source">- {Source}</div></div>{/block:Source}</div>{/block:Quote}
  762.  
  763. <!--- LINK POSTS --->
  764. {block:Link}<div class="pad"><h1><a href="{URL}">{Name}</a></h1>
  765. {block:Description}{Description}{/block:Description}</div>{/block:Link}
  766.  
  767. <!--- CHAT POSTS --->
  768. {block:Chat}<div class="pad">{block:Title}{Title}{/block:Title}
  769. <div class="chat"><ul>{block:Lines}
  770. <li class="line">{block:Label}
  771. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
  772.  
  773. <!--- AUDIO POSTS --->
  774. {block:Audio}
  775. <table cellspacing="0" cellpadding="0" style="vertical-align: top" {block:IfNot400pxPost}height="136" {/block:IfNot400pxPost}
  776. {block:If400pxPost}height="96" {/block:If400pxPost}><tr><td style="border-left: 10px solid #151515"><img style="position: absolute; {block:IfNot400pxPost}margin-top: -70px{/block:IfNot400pxPost} {block:If400pxPost}margin-top: -50px{/block:If400pxPost}" src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" {block:IfNot400pxPost}width="140" height="140" {/block:IfNot400pxPost}
  777. {block:If400pxPost}width="100" height="100" {/block:If400pxPost}/>
  778. {block:AlbumArt}
  779. <img style="position: absolute; {block:IfNot400pxPost}margin-top: -70px{/block:IfNot400pxPost} {block:If400pxPost}margin-top: -50px{/block:If400pxPost}" {block:IfNot400pxPost}width="140" height="140" {/block:IfNot400pxPost}
  780. {block:If400pxPost}width="100" height="100" {/block:If400pxPost} src="{AlbumArtURL}"/>
  781. {/block:AlbumArt}
  782.  
  783. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  784. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  785. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div></td>
  786.  
  787. <td {block:IfNot400pxPost}style="padding-left: 140px;"{/block:IfNot400pxPost} {block:If400pxPost}style="padding-left: 100px;"{/block:If400pxPost} width="90px;"><div style="margin-top: 4px"><img src="http://i51.tinypic.com/20z1nk9.png" {block:IfNot400pxPost}height="132" {/block:IfNot400pxPost}
  788. {block:If400pxPost}height="92" {/block:If400pxPost}></div></td>
  789. <td class="containermusic" style="margin-left: -50px"><ul><li>{block:Artist}<div class="musiclabel"><span style="font-size: 7px">ARTIST:</span> {Artist}</div>{/block:Artist}</li>
  790. <li>{block:TrackName}<div class="musiclabel"><span style="font-size: 7px">song:</span> {TrackName}</div>{/block:TrackName}</li>
  791. <li>{block:Album}<div class="musiclabel"><span style="font-size: 7px">album:</span> {Album}</div>{/block:Album}</li>
  792. <li><div class="musiclabel">{PlayCountWithLabel}</div></li></ul></td></tr></table>
  793. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  794. {/block:Audio}
  795.  
  796. <!--- VIDEO POSTS --->
  797. {block:Video}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  798. {block:If400pxPost}{Video-400}{/block:If400pxPost}
  799. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Video}
  800.  
  801. <!--- ANSWER POSTS --->
  802. {block:Answer}
  803. <div class="qline" style="margin-top: 20px;"><img src="{AskerPortraitURL-16}"></div>
  804. <div class="asker">{Asker} {text:Ask Action}:</div>
  805. <div class="question">{Question}</div>
  806. <div class="qline"></div>
  807. <div class="pad">{Answer}</div>{/block:Answer}
  808.  
  809. {block:PermalinkPage}{block:HasTags}<div class="perma_tags">{block:Tags}<a href="{TagURL}"><i>#</i>{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  810. {block:NoteCount}<div class="perma_notes">{NoteCount} NOTES</div>{/block:NoteCount}{/block:PermalinkPage}
  811.  
  812. <div class="clear"></div>
  813. {block:PostNotes}{PostNotes}{/block:PostNotes}
  814. </div></div>
  815.  
  816. {block:IfShowTagsInPost}{block:IndexPage}{block:HasTags}<div class="outer_tags">{block:Tags}<a href="{TagURL}"><i>#</i>{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}{/block:IfShowTagsInPost}{/block:Posts}
  817.  
  818. </div>
  819. <!--- DO NOT REMOVE CREDIT --->
  820. {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}
  821. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment