Advertisement
lostmemento

[Old Theme] Snow Patrol

Feb 17th, 2012
9,978
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.12 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!--- 12 SNOW PATROL MADE BY: http://lostmemento.tumblr.com (lmthemes)
  4.  
  5. TERMS OF USAGE:
  6. - DO NOT REMOVE THE CREDIT
  7. - DO NOT REDISTRIBUTE
  8. - DO NOT CLAIM AS YOUR OWN
  9. - DO NOT USE AS A BASE
  10.  
  11. --->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}"/> {/block:Description}
  17. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  18.  
  19. <!--- APPEARANCE DEFAULTS --->
  20. <meta name="text:Link1 Url" content=""/>
  21. <meta name="text:Link1 Name" content=""/>
  22. <meta name="text:Link2 Url" content=""/>
  23. <meta name="text:Link2 Name" content=""/>
  24. <meta name="text:Link3 Url" content=""/>
  25. <meta name="text:Link3 Name" content=""/>
  26. <meta name="text:Link4 Url" content=""/>
  27. <meta name="text:Link4 Name" content=""/>
  28. <meta name="text:Link5 Url" content=""/>
  29. <meta name="text:Link5 Name" content=""/>
  30. <meta name="text:Link6 Url" content=""/>
  31. <meta name="text:Link6 Name" content=""/>
  32. <meta name="text:Link7 Url" content=""/>
  33. <meta name="text:Link7 Name" content=""/>
  34. <meta name="text:Link8 Url" content=""/>
  35. <meta name="text:Link8 Name" content=""/>
  36.  
  37. <meta name="image:Sidebar" content=""/>
  38. <meta name="image:Background" content=""/>
  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 Info" content="0"/>
  44. <meta name="if:Stretch Photos" content="0"/>
  45. <meta name="if:Audio Player White" content="1"/>
  46. <meta name="if:Audio Player Grey" content="0"/>
  47. <meta name="if:Audio Player Black" content="0"/>
  48. <meta name="if:Text Credit" content="1"/>
  49.  
  50. <meta name="if:Show Photo Captions In Post" content="0"/>
  51. <meta name="if:Show Submit" content="0"/>
  52. <meta name="if:Show Sidebar Top Links Sidebar Only" content="0"/>
  53. <meta name="if:Split" content="1"/>
  54. <meta name="if:Left Sidebar" content="0"/>
  55. <meta name="if:Right Sidebar" content="0"/>
  56. <meta name="if:Text Transform Uppercase" content="1"/>
  57.  
  58. <meta name="color:Scrollbar Background" content="#f8f8f8"/>
  59. <meta name="color:Scroller" content="#ffffff"/>
  60. <meta name="color:Background" content="#f5f5f5"/>
  61. <meta name="color:Post Background" content="#fefefe"/>
  62. <meta name="color:Post Border" content="#f8f8f8"/>
  63. <meta name="color:Post Font" content="#a4a4a4"/>
  64. <meta name="color:Link" content="#777777"/>
  65. <meta name="color:Sidebar Pic Link" content="#151515"/>
  66. <meta name="color:Music Container" content="#ffffff"/>
  67. <meta name="color:Tags Background" content="#fbfbfb"/>
  68. <meta name="color:Date Border" content="#f1f1f1"/>
  69. <meta name="color:Date" content="#c2c2c2"/>
  70. <meta name="color:Nav Arrow" content="#d7d7d7"/>
  71. <meta name="color:Description" content="#3f3f3f"/>
  72.  
  73. <meta name="text:Background Position" content=""/>
  74. <meta name="text:Sidebar Text Align" content="center"/>
  75. <meta name="text:Ask Action" content="ASKED"/>
  76. <meta name="text:Post Font Size" content="10px"/>
  77. <meta name="text:Post Caption Font Size" content="8px"/>
  78. <meta name="text:Question Font Size" content="24px"/>
  79. <meta name="text:Date Font Size" content="15px"/>
  80. <meta name="text:Note Count Font Size" content="15px"/>
  81. <meta name="text:Reblogged Font Size" content="8px"/>
  82. <meta name="text:Tags Font Size" content="8px"/>
  83. <meta name="text:Page Numbers Font Size" content="50px"/>
  84. <meta name="text:Sidebar Font Size" content="8px"/>
  85.  
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis+Light|Open+Sans+Condensed:300|Lekton' rel='stylesheet' type='text/css'>
  88. <link href='http://fonts.googleapis.com/css?family=Open+Sans&v2' rel='stylesheet' type='text/css'>
  89.  
  90. <style type="text/css">
  91. body {background-color: {color:Background};
  92. font-family: Calibri, 'Lekton', Helvetica;
  93. margin: 0px;
  94. {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  95. {block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
  96. height: 100%;
  97. background-image: url('{image:Background}');
  98. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  99.  
  100. img {border: 0px;}
  101.  
  102. .clear {clear:both;}
  103.  
  104. a {text-decoration: none;}
  105.  
  106. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 10px;}
  107. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:10px!important;}
  108. ::-webkit-scrollbar {background-color:{color:Scrollbar Background}; height:10px; width:10px;}
  109.  
  110. #container {margin:auto;
  111. width: 1100px;
  112. margin-top: 20px;
  113. height: 250px;}
  114.  
  115. #posts {{block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  116. {block:If400pxPost}width: 400px; {/block:If400pxPost}
  117. background-color: {color:Post Background};
  118. min-height: 100px;
  119. border: 5px solid {color:Post Border};
  120. {block:IfSplit}margin-left: 0px;{/block:IfSplit}
  121. {block:IfLeftSidebar}margin-left: 250px;{/block:IfLeftSidebar}
  122. {block:IfRightSidebar}{block:IfNot400pxPost}margin-left: 340px;{/block:IfNot400pxPost}
  123. {block:If400pxPost}margin-left: 395px;{/block:If400pxPost}{/block:IfRightSidebar}
  124. margin-bottom: 10px;}
  125.  
  126. .parapad h1 {text-align: center;
  127. font-family: 'Terminal Dosis Light';
  128. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  129. font-weight: normal;
  130. line-height: 110%;}
  131.  
  132. .pad ul, .parapad ul {list-style: square;}
  133.  
  134. .parapad {font-size: {text:Post Font Size};
  135. padding: 10px;
  136. text-align: justify;
  137. color: {color:Post Font};
  138. line-height: 130%;}
  139.  
  140. .parapad a:link, .parapad a:visited, .parapad a:active {border-bottom: 1px solid {color:Link};
  141. color: {color:Link};
  142. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  143. -webkit-transition: all 0.4s ease-out;
  144. -o-transition: all 0.4s ease-out;
  145. -webkit-transition: all 0.4s ease-out;
  146. -moz-transition: all 0.4s ease-out;
  147. padding: 0px 2px;}
  148.  
  149. .parapad a:hover {background-color: {color:Link};
  150. color: {color:Post Background};}
  151.  
  152. .pad blockquote, .parapad blockquote {border-left: 1px solid {color:Link};
  153. padding-left: 5px; color: {color:Link};}
  154.  
  155. .pad blockquote, .pad img, .parapad blockquote, .parapad img, .parapad ul {max-width: 100%;}
  156.  
  157. /* QUOTE */
  158. .quote {text-align: justify;
  159. width: 75%;
  160. padding-top: 10px;
  161. font-family: 'Open Sans Condensed'}
  162.  
  163. .quote_short {font-size: 24px;
  164. line-height: 90%;
  165. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  166. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  167. margin: 0px 20px;}
  168.  
  169. .quote_medium {font-size: 18px;
  170. line-height: 90%;
  171. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  172. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  173. margin: 0px 20px;}
  174.  
  175. .quote_long {font-size: 12px;
  176. line-height: 90%;
  177. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  178. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  179. margin: 0px 20px;}
  180.  
  181. .source {text-align: right;
  182. margin-top: 20px;
  183. font-family: calibri, helvetica;}
  184.  
  185. .source a:link, .source a:visited, .source a:active {color: {color:Link};
  186. padding: 0px 2px;}
  187.  
  188. .source a:hover {background-color: {color:Link};}
  189.  
  190. .qleft {font-size: 70px;
  191. font-family: georgia;
  192. line-height: 100px;
  193. position: relative;
  194. bottom: 10px;
  195. left: 60px;
  196. margin-bottom: -90px;
  197. width: 50px;}
  198.  
  199. .qright {font-size: 70px;
  200. padding-right: 5px;
  201. line-height: 30px;
  202. text-align: right;
  203. position: relative;
  204. bottom: 0px;
  205. font-family: georgia;
  206. margin-bottom: 10px;}
  207.  
  208. /* CHAT */
  209. .chat li {list-style: none;
  210. margin-right: 50px;
  211. font-family: 'Open Sans Condensed';}
  212.  
  213. .line {padding: 1px 5px;}
  214.  
  215. .line .label {padding: 3px;
  216. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}}
  217.  
  218. /* ANSWERS */
  219. .asker {text-align: center;
  220. font-family: 'Lekton';
  221. color: {color:Sidebar Pic Link};
  222. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}}
  223.  
  224. .asker a:link, .asker a:visited, .asker a:active {color: {color:Sidebar Pic Link};
  225. text-decoration: underline;
  226. border-bottom: 0px;}
  227.  
  228. .question {text-align: justify;
  229. width: 75%;
  230. padding-top: 10px;
  231. font-family: 'Open Sans Condensed';
  232. font-size: {text:Question Font Size};
  233. line-height: 90%;
  234. text-indent: 25px;
  235. margin: 0px 20px;}
  236.  
  237. .ql {font-size: 70px;
  238. font-family: georgia;
  239. line-height: 100px;
  240. position: relative;
  241. bottom: 10px;
  242. left: 50px;
  243. margin-bottom: -90px;
  244. width: 50px;}
  245.  
  246. .qr {font-size: 70px;
  247. padding-right: 5px;
  248. line-height: 30px;
  249. text-align: right;
  250. position: relative;
  251. bottom: 0px;
  252. font-family: georgia;
  253. margin-bottom: 10px;}
  254.  
  255. /* AUDIO */
  256. .contenttxt_audio {padding-left: 15px;
  257. margin-top: -5px}
  258.  
  259. #audiocontain {text-align:center;
  260. {block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  261. {block:If400pxPost}width: 400px; {/block:If400pxPost}
  262. height: 250px;}
  263.  
  264. .audio_player {text-align: center;
  265. margin: auto; width: 205px;}
  266.  
  267. .album_art {position: absolute;
  268. {block:IfNot400pxPost}width: 250px;
  269. height: 250px;{/block:IfNot400pxPost}
  270. {block:If400pxPost}width: 200px;
  271. height: 200px;{/block:If400pxPost}
  272. margin-left: 0;
  273. text-align: left}
  274.  
  275. .album_art img {{block:IfNot400pxPost}width: 250px;
  276. height: 250px;{/block:IfNot400pxPost}
  277. {block:If400pxPost}width: 200px;
  278. height: 200px;{/block:If400pxPost}
  279. float:left}
  280.  
  281. .containermusic {{block:IfNot400pxPost}width: 240px;{block:IfNot400pxPost}
  282. {block:If400pxPost}width: 190px;{block:If400pxPost}
  283. display: block;
  284. vertical-align: middle;
  285. float: right;
  286. {block:IfNot400pxPost}height: 150px;{/block:IfNot400pxPost}
  287. {block:If400pxPost}height: 100px;{/block:If400pxPost}
  288. background-color: {color:Music Container};}
  289.  
  290. .containermusic li {list-style: none;
  291. margin-left: -45px;}
  292.  
  293. .musiclabel {margin: auto;
  294. padding: 3px 10px;
  295. font-size: 9px;
  296. width: 185px;
  297. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  298. letter-spacing: 1px;
  299. color: {color:Post Font};}
  300.  
  301. .containermusic .musiclabel ul, #posts_inn .containermusic .musiclabel li {list-style: none;
  302. display: block;
  303. width: 200px;}
  304.  
  305. .mlabel {color: {color:Post Font};}
  306.  
  307. .audioverlay {opacity: 0.8;
  308. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  309. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  310. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  311. position: absolute;
  312. z-index: 10;
  313. {block:IfNot400pxPost}margin-top: -25px;
  314. margin-left: 40px;{/block:IfNot400pxPost}
  315. {block:If400pxPost}margin-top: -25px;
  316. margin-left: 20px;{/block:If400pxPost}}
  317.  
  318. .audioarrow {width: 20px;
  319. height: 30px;
  320. overflow: hidden;
  321. margin: 15px 24px 13px 16px;}
  322.  
  323.  
  324. /* RIGHT INFO */
  325. #posts:hover .captions {opacity: 0.8}
  326.  
  327. .captions {{block:IndexPage}opacity: 0.0;{/block:IndexPage}
  328. {block:IfShowInfo}opacity: 1.0;{/block:IfShowInfo}
  329. {block:IfNot400pxPost}width: 320px; {/block:IfNot400pxPost}
  330. {block:If400pxPost}width: 375px; {/block:If400pxPost}
  331. background-color: {color:Post Border};
  332. padding: 0px;
  333. -webkit-transition: all 0.4s ease-out;
  334. -o-transition: all 0.4s ease-out;
  335. -webkit-transition: all 0.4s ease-out;
  336. -moz-transition: all 0.4s ease-out;
  337. color: {color:Sidebar Pic Link};
  338. font-family: 'terminal dosis light';
  339. font-size: {text:Post Font Size};
  340. letter-spacing: 1px;
  341. vertical-align: top;
  342. float: right;
  343. {block:IfNot400pxPost}margin-right: -340px;{/block:IfNot400pxPost}
  344. {block:If400pxPost}margin-right: -395px;{/block:If400pxPost}
  345. {block:IfRightSidebar}{block:IfNot400pxPost}margin-left: -340px;{/block:IfNot400pxPost}
  346. {block:If400pxPost}margin-left: -395px;{/block:If400pxPost} float: left;{/block:IfRightSidebar}
  347. margin-top: -5px;
  348. padding-bottom: 5px;}
  349.  
  350. .pad {margin: 10px;
  351. background-color: {color:Tags Background};
  352. padding: 5px 10px;
  353. font-family: 'Lekton';
  354. font-size: {text:Post Caption Font Size};
  355. line-height: 100%;
  356. color: {color:Link}}
  357.  
  358. .pad a:link, .pad a:visited, .pad a:active {text-decoration: underline;
  359. color: {color:Sidebar Pic Link};
  360. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  361. padding: 0px 2px;
  362. -webkit-transition: all 0.4s ease-out;
  363. -o-transition: all 0.4s ease-out;
  364. -webkit-transition: all 0.4s ease-out;
  365. -moz-transition: all 0.4s ease-out;}
  366.  
  367. .pad a:hover {background-color: {color:Sidebar Pic Link};
  368. color: {color:Post Background};
  369. text-decoration: none;}
  370.  
  371. .date a:link, .date a:visited, .date a:active {font-family: 'open sans condensed';
  372. text-align: right;
  373. font-size: {text:Date Font Size};
  374. color: {color:Date};
  375. background-color: {color:Post Background};
  376. padding: 1px 5px;
  377. border-bottom: 1px solid {color:Date Border};
  378. display: block;}
  379.  
  380. .notec {font-size: {text:Note Count Font Size};
  381. padding: 0px 10px;
  382. border-left: 1px dotted {color:Date};
  383. width: 50%;
  384. margin: 5px 20px;
  385. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  386. color: {color:Post Font};}
  387.  
  388. .rebloggedf {font-size: {text:Reblogged Font Size};
  389. padding: 0px 10px;
  390. border-left: 1px dotted {color:Date};
  391. margin: 5px 20px;
  392. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}}
  393.  
  394. .rebloggedf a:link, .rebloggedf a:visited, .rebloggedf a:active {display: block;
  395. color: {color:Post Font};}
  396.  
  397. .rebloggedf a:hover {background-color: {color:Sidebar Pic Link};
  398. color: {color:Post Background}}
  399.  
  400. .tags {border-left: 1px dotted {color:Date};
  401. margin: 0px 20px;
  402. padding-left: 10px;
  403. text-align: justify;
  404. max-width: 280px;
  405. word-wrap: break-word;
  406. display:inline-block}
  407.  
  408. .tags a:link, .tags a:visited, .tags a:active {font-size: {text:Tags Font Size};
  409. font-family: calibri, helvetica;
  410. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  411. margin-right: 5px;
  412. background-color: {color:Tags Background};
  413. color: {color:Post Font};
  414. padding: 0px 5px;}
  415.  
  416. .tags a:first-child {padding-left: 0px;}
  417. .tags a:hover {color: {color:Sidebar Pic Link};}
  418.  
  419.  
  420. /* SIDEBAR */
  421. #sidebar {{block:IfSplit}margin-left: 870px;{/block:IfSplit}
  422. {block:IfLeftSidebar}margin-left: 0px;{/block:IfLeftSidebar}
  423. {block:IfRightSidebar}margin-left: 870px;{/block:IfRightSidebar}
  424. width: 230px;
  425. position: fixed;}
  426.  
  427. .total {font-family: 'terminal dosis light';
  428. font-size: {text:Page Numbers Font Size};
  429. color: {color:Post Background};
  430. margin-bottom: -14px;
  431. text-align: center;
  432. margin-top: -15px}
  433.  
  434. .sbpic {width: 220px;
  435. height: 220px;
  436. background-image: url('{image:sidebar}');
  437. {block:IfNotSidebarImage}background-color: {color:Post Background};{/block:IfNotSidebarImage}
  438. border: 5px solid {color:Post Background};}
  439.  
  440. .navigation {text-align: center;
  441. margin-top: -4px;}
  442.  
  443. .navigation a:link, .navigation a:visited, .navigation a:active {background-color: {color:Post Background};
  444. padding: 0px 8px;
  445. color: {color:Nav Arrow};
  446. font-size: 15px;}
  447.  
  448. .description {background-color: {color:Post Border};
  449. padding: 30px 10px;
  450. -webkit-transition: all 0.4s ease-out;
  451. -o-transition: all 0.4s ease-out;
  452. -webkit-transition: all 0.4s ease-out;
  453. -moz-transition: all 0.4s ease-out;
  454. margin-top: -16px;
  455. font-size: {text:Sidebar Font Size};
  456. font-family: 'lekton',calibri, helvetica;
  457. text-align: {text:Sidebar Text Align};
  458. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  459. letter-spacing: 1px;
  460. color: {color:Description};
  461. line-height: 120%;
  462. {block:HasPages}padding-bottom: 10px;{/block:HasPages}}
  463.  
  464. .description a:link, .description a:visited, .description a:active {color: {color:Sidebar Pic Link};
  465. text-decoration: underline;
  466. padding: 0px 2px;
  467. -webkit-transition: all 0.4s ease-out;
  468. -o-transition: all 0.4s ease-out;
  469. -webkit-transition: all 0.4s ease-out;
  470. -moz-transition: all 0.4s ease-out;}
  471.  
  472. .description a:hover {background-color: {color:Sidebar Pic Link};
  473. color: {color:Post Background};
  474. text-decoration: none;}
  475.  
  476. .pages {background-color: {color:Post Border};
  477. padding: 10px 20px;}
  478.  
  479. .pages a:link, .pages a:visited, .pages a:active {display: block;
  480. padding: 0px 5px;
  481. margin-bottom: 2px;
  482. font-size: {text:Post Font Size};
  483. font-family: 'Open Sans Condensed';
  484. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  485. border-bottom: 1px solid #e2e2e2;
  486. color: {color:Post Font};
  487. letter-spacing: 1px;
  488. -webkit-transition: all 0.4s ease-out;
  489. -o-transition: all 0.4s ease-out;
  490. -webkit-transition: all 0.4s ease-out;
  491. -moz-transition: all 0.4s ease-out;}
  492.  
  493. .pages a:hover {padding-left: 25px;
  494. background-color: {color:Post Background};
  495. border-bottom: 1px solid {color:Post Background};}
  496.  
  497. a.credit:link, a.credit:visited, a.credit:active {background-color: {color:Post Background};
  498. text-align: center; display:
  499. block;color: {color:Post Font};
  500. font-size: {text:Sidebar Font Size};
  501. letter-spacing: 1px; padding: 2px 0px}
  502.  
  503. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  504.  
  505. {block:IfNotShowSidebarTopLinksSidebarOnly}#container:hover .links {opacity: 0.7;}{/block:IfNotShowSidebarTopLinksSidebarOnly}
  506. {block:IfShowSidebarTopLinksSidebarOnly}#sidebar:hover .links {opacity: 0.7;} {/block:IfShowSidebarTopLinksSidebarOnly}
  507.  
  508. .links {opacity: 0.0;
  509. -webkit-transition: all 0.4s ease-out;
  510. -o-transition: all 0.4s ease-out;
  511. -webkit-transition: all 0.4s ease-out;
  512. -moz-transition: all 0.4s ease-out;
  513. text-align: center;
  514. font-size: {text:Sidebar Font Size};
  515. letter-spacing: 1px;
  516. width: 180px;
  517. margin: auto;
  518. margin-top: 20px;}
  519.  
  520. .links a:link, .links a:visited, .links a:active {color: {color:Sidebar Pic Link};
  521. padding: 38px 0px;
  522. background-color: {color:Post Background};
  523. display: block;
  524. -webkit-transition: all 0.4s ease-out;
  525. -o-transition: all 0.4s ease-out;
  526. -webkit-transition: all 0.4s ease-out;
  527. -moz-transition: all 0.4s ease-out;}
  528.  
  529. .links a:hover {background-color: {color:Sidebar Pic Link};
  530. color: {color:Post Background}}
  531.  
  532. /* POST NOTES */
  533. .notesperma {{block:IfNot400pxPost}width: 490px; {/block:IfNot400pxPost}
  534. {block:If400pxPost}width: 390px; {/block:If400pxPost}
  535. padding: 20px 10px;
  536. background-color: {color:Post Border};
  537. margin-top: -10px;
  538. font-size: 24px;
  539. font-family: 'Open Sans Condensed';
  540. text-align: center;
  541. {block:IfTextTransformUppercase}text-transform: uppercase;{/block:IfTextTransformUppercase}
  542. color: {color:Post Font};
  543. margin-bottom: -11px;
  544. {block:IfLeftSidebar}margin-left: 250px;{/block:IfLeftSidebar}
  545. {block:IfRightSidebar}margin-left: 340px;{/block:IfRightSidebar}}
  546.  
  547. .notes {margin-bottom: 20px;
  548. {block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  549. {block:If400pxPost}width: 400px; {/block:If400pxPost}
  550. padding: 10px;
  551. background-color: {color:Post Border};
  552. border: 5px solid {color:Post Border};
  553. font-family: 'Lekton';
  554. font-size: 8px;
  555. letter-spacing: 1px;
  556. {block:IfLeftSidebar}margin-left: 250px;{/block:IfLeftSidebar}
  557. {block:IfRightSidebar}margin-left: 340px;{/block:IfRightSidebar}}
  558.  
  559. ol.notes {padding: 0px;
  560. list-style-type: none;
  561. color: {color:Post Font};}
  562.  
  563. ol.notes li {border-bottom: 1px solid {color:Post Background};}
  564.  
  565. ol.notes li a:link, ol.notes li a:visited, ol.notes li a:active {color: {color:Link};
  566. padding: 0px 2px;}
  567.  
  568. ol.notes li a:hover {color: {color:Link};
  569. background-color: {color:Post Background};}
  570.  
  571. ol.notes li.note {border-top: solid 0px #ebebeb;
  572. padding: 5px;}
  573.  
  574. ol.notes li.note img.avatar {display: none;}
  575. ol.notes li.note span.action {font-weight: normal;}
  576. ol.notes li.note .answer_content {font-weight: normal;}
  577.  
  578. ol.notes li.note blockquote {border-left: 2px solid {color:Link};
  579. padding: 4px 10px;
  580. margin: 10px 0px 0px 25px;}
  581.  
  582. ol.notes li.note blockquote a:link, ol.notes li.note blockquote a:visited, ol.notes li.note blockquote a:active {text-decoration: none;}
  583.  
  584. {CustomCSS}
  585. </style>
  586. </head>
  587.  
  588. <body>
  589. <div id="container">
  590.  
  591. <div id="sidebar"><div class="total">{block:Pagination}{CurrentPage} of {TotalPages}
  592. {/block:Pagination}</div><div class="sbpic"><div class="links">
  593. <table width="100%" cellpadding="0"><tr><Td><a href="/">RERESH</a></td> <td><a href="/ask">ASK BOX</a></td></tr>
  594. <tr>{block:IfShowSubmit}<td><a href="/submit">SUBMIT</a></td>{/block:IfShowSubmit}<td><a href="/archive">ARCHIVE</a></td>{block:IfNotShowSubmit}<td><a href="/random">RANDOM</a></td>{/block:IfNotShowSubmit}</tr></table></div></div>
  595. <div class="navigation">{block:Pagination}{block:PreviousPage}<A href="{PreviousPage}">&#9666;</a>{/block:PreviousPage}
  596. {block:NextPage}<a href="{NextPage}">&#9656;</a>{/block:NextPage}{/block:Pagination}</div>
  597. <div class="description">{Description}</div>
  598.  
  599. <div class="pages">
  600. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  601. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  602. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  603. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  604. {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a>{/block:IfLink5Name}
  605. {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a>{/block:IfLink6Name}
  606. {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a>{/block:IfLink7Name}
  607. {block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a>{/block:IfLink8Name}
  608.  
  609. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  610. {block:IfTextCredit}<a class="credit" href="http://lostmemento.tumblr.com">THEME &copy;</a>{/block:IfTextCredit}</div>
  611.  
  612. {block:Posts}<div id="posts">
  613. <div class="captions">
  614. {block:Date}<div class="date"><a href="{Permalink}">{DayOfMonthWithZero} / {MonthNumberWithZero} / {Year} @ {24HourWithZero}:{Minutes} {CapitalAmPm}</a></div>{/block:Date}
  615.  
  616. <div style="padding: 5px 0px">{block:IndexPage}{block:NoteCount}<div class="notec" {block:Reblog}style="margin-bottom: 0px;"{/block:Reblog}>{NoteCountWithLabel}</div>{/block:NoteCount}{/block:IndexPage}
  617.  
  618. {block:RebloggedFrom}<div class="rebloggedf" {block:IndexPage}{block:NoteCount}style="margin-top: 0px;"{/block:NoteCount}{/block:IndexPage}><table><tr><td><a href="{ReblogParentURL}"> VIA - {ReblogParentName}</a></td>
  619. <td><a href="{ReblogRootURL}">/ ORIG - {ReblogRootName}</a></td></tr></table></div>{/block:RebloggedFrom}
  620.  
  621. {block:HasTags}<div class="tags" {block:RebloggedFrom}style="margin-top: -5px"{/block:RebloggedFrom} {block:IndexPage}{block:NoteCount}style="margin-top: -5px"{/block:NoteCount}{/block:IndexPage}>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  622.  
  623. {block:IfNotShowPhotoCaptionsInPost}<!--- PHOTO POST CAPTIONS --->
  624. {block:Photo}
  625. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Photo}
  626.  
  627. <!--- PHOTOSET POST CAPTIONS --->
  628. {block:Photoset}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Photoset}
  629.  
  630. <!--- AUDIO POST CAPTIONS --->
  631. {block:Audio}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  632. {/block:Audio}
  633.  
  634. <!--- VIDEO POSTS CAPTIONS --->
  635. {block:Video}{block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Video}
  636. {/block:IfNotShowPhotoCaptionsInPost}</div></div>
  637.  
  638.  
  639. <!--- TEXT POSTS --->
  640. {block:Text}<div class="parapad">{block:Title}<h1>{Title}</h1>{/block:Title}
  641. {Body}</div>{/block:Text}
  642.  
  643. <!--- LINK POSTS --->
  644. {block:Link}<div class="parapad"><h1><a href="{URL}">{Name}</a></h1>
  645. {block:Description}{Description}{/block:Description}</div>{/block:Link}
  646.  
  647. <!--- CHAT POSTS --->
  648. {block:Chat}<div class="parapad">{block:Title}<h1>{Title}</h1>{/block:Title}
  649. <div class="chat"><ul>{block:Lines}
  650. <li class="line {Alt}">{block:Label}
  651. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>
  652. {/block:Chat}
  653.  
  654. <!--- QUOTE POSTS --->
  655. {block:Quote}<div class="parapad"><div class="qleft">“</div><center><div class="quote"><div class="quote_{Length}">{Quote}</div><div class="qright">”</div></center>
  656. {block:Source}<div class="source">- {Source}</div>{/block:Source}</div>{/block:Quote}
  657.  
  658. <!--- ANSWER POSTS --->
  659. {block:Answer}<div class="parapad"><div class="asker">{Asker} {text:Ask Action}:</div><div class="ql">“</div><center><div class="question">{Question}<div class="qr">”</div></div></center></div>
  660. <div class="parapad">{Answer}</div>{/block:Answer}
  661.  
  662. <!--- PHOTO POSTS --->
  663. {block:Photo}<center>{LinkOpenTag}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
  664. {block:If400pxPost}<img src="{PhotoURL-400}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="400px"{/block:IfStretchPhotos}>{/block:If400pxPost}{LinkCloseTag}</center>
  665. {block:IfShowPhotoCaptionsInPost}{block:Caption}<div class="parapad">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptionsInPost}{/block:Photo}
  666.  
  667. <!--- PHOTOSET POSTS --->
  668. {block:Photoset}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  669. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  670. {block:IfShowPhotoCaptionsInPost}{block:Caption}<div class="parapad">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptionsInPost}{/block:Photoset}
  671.  
  672. <!--- AUDIO POSTS --->
  673. {block:Audio}
  674. <div class="containermusic"><ul><li>{block:Artist}<div class="musiclabel"><span class="mlabel">ARTIST:</span> {Artist}</div>{/block:Artist}</li>
  675. <li>{block:TrackName}<div class="musiclabel"><span class="mlabel">SONG:</span> {TrackName}</div>{/block:TrackName}</li>
  676. <li>{block:Album}<div class="musiclabel"><span class="mlabel">ALBUM:</span> {Album}</div>{/block:Album}</li>
  677. <li><div class="musiclabel">{PlayCountWithLabel}</div></li></ul></div>
  678.  
  679. <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} {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} />
  680. {block:AlbumArt}
  681. <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}" />
  682. {/block:AlbumArt}</div>
  683.  
  684. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  685. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  686. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div></td>
  687.  
  688. <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>
  689. {block:IfShowPhotoCaptionsInPost}{block:Caption}<div class="parapad">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptionsInPost}
  690. {/block:Audio}
  691.  
  692. <!--- VIDEO POSTS --->
  693. {block:Video}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  694. {block:If400pxPost}{Video-400}{/block:If400pxPost}
  695. {block:IfShowPhotoCaptionsInPost}{block:Caption}<div class="parapad">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptionsInPost}{/block:Video}
  696.  
  697. </div>
  698.  
  699. {block:Permalink}{block:NoteCount}<div class="notesperma">{NoteCountWithLabel}</div>{/block:NoteCount}{/block:Permalink}{/block:Posts}
  700. {block:PostNotes}{PostNotes}{/block:PostNotes}
  701. </div>
  702.  
  703. <!--- DO NOT REMOVE CREDIT --->
  704. {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}
  705. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement