API tools faq
paste
Advertisement
lostmemento

[Old Theme] Immigrant Song

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