API tools faq
paste
Advertisement
lostmemento

[Old Theme] Lucky Number Slevin

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