API tools faq
paste
Advertisement
lostmemento

[Old Theme] The Wire

lostmemento
May 11th, 2012
5,080
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.19 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!--- 18 THE WIRE THEME MADE BY: http://lostmemento.tumblr.com (lmthemes)
  4.  
  5. TERMS OF USAGE:
  6. - DO NOT REMOVE THE CREDIT
  7. - DO NOT REDISTRIBUTE
  8. - DO NOT CLAIM AS YOUR OWN
  9. - DO NOT USE AS A BASE
  10.  
  11. --->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Dosis|Lekton|Open+Sans+Condensed:700,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:background" content=""/>
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="image:header" content=""/>
  28.  
  29. <meta name="if:Background No Repeat" content="0"/>
  30. <meta name="if:Background Fixed" content="1"/>
  31. <meta name="if:400px Post" content="0"/>
  32. <meta name="if:Show Post Info" content="0"/>
  33. <meta name="if:Stretch Photos" content="0"/>
  34. <meta name="if:AudioPlayerWhite" content="1"/>
  35. <meta name="if:AudioPlayerGrey" content="0"/>
  36. <meta name="if:AudioPlayerBlack" content="0"/>
  37. <meta name="if:Show Notes Symbol" content="0"/>
  38. <meta name="if:Uppercase" content="1"/>
  39. <meta name="if:Text Credit" content="0"/>
  40.  
  41. <meta name="if:Show Header" content="0"/>
  42. <meta name="if:Right Links" content="0"/>
  43. <meta name="if:Show Sidebar Title" content="0"/>
  44. <meta name="if:Show Icon" content="0"/>
  45. <meta name="if:Show Photo Captions" content="0"/>
  46. <meta name="if:Show Search" content="0"/>
  47.  
  48. <meta name="color:Scrollbar Background" content="#ffffff"/>
  49. <meta name="color:Scroller" content="#151515"/>
  50. <meta name="color:Background" content="#ffffff"/>
  51. <meta name="color:Sidebar Text" content="#151515"/>
  52. <meta name="color:Posts" content="#ffffff"/>
  53. <meta name="color:Post Text" content="#151515"/>
  54. <meta name="color:Post Link" content="#151515"/>
  55. <meta name="color:Border" content="#151515"/>
  56. <meta name="color:Nav Arrow" content="#ffffff"/>
  57. <meta name="color:Nav Arrow Background" content="#151515"/>
  58.  
  59. <meta name="text:Link1 Url" content="http://"/>
  60. <meta name="text:Link1 Name" content=""/>
  61. <meta name="text:Link2 Url" content="http://"/>
  62. <meta name="text:Link2 Name" content=""/>
  63. <meta name="text:Link3 Url" content="http://"/>
  64. <meta name="text:Link3 Name" content=""/>
  65. <meta name="text:Link4 Url" content="http://"/>
  66. <meta name="text:Link4 Name" content=""/>
  67. <meta name="text:Link5 Url" content="http://"/>
  68. <meta name="text:Link5 Name" content=""/>
  69. <meta name="text:Link6 Url" content="http://"/>
  70. <meta name="text:Link6 Name" content=""/>
  71. <meta name="text:Link7 Url" content="http://"/>
  72. <meta name="text:Link7 Name" content=""/>
  73. <meta name="text:Link8 Url" content="http://"/>
  74. <meta name="text:Link8 Name" content=""/>
  75.  
  76. <meta name="text:Background Position" content=""/>
  77. <meta name="text:Sidebar Text Align" content="justify"/>
  78. <meta name="text:Ask Action" content="asked"/>
  79. <meta name="text:Alternate Title" content=""/>
  80. <meta name="text:Notes Symbol" content="&#9829;"/>
  81.  
  82. <meta name="text:Title Font Size" content="24px"/>
  83. <meta name="text:Top Links Font Size" content="14px"/>
  84. <meta name="text:Sidebar Font Size" content="8px"/>
  85. <meta name="text:Posts Font Size" content="11px"/>
  86. <meta name="text:Post Info Font Size" content="8px"/>
  87.  
  88. <style type="text/css">
  89. body {background-color: {color:Background};
  90. margin: 0px;
  91. {block:IfBackgroundNoRepeat}background-repeat:no-repeat;{/block:IfBackgroundNoRepeat}
  92. background-image: url('{image:Background}');
  93. {block:IfBackgroundFixed} background-attachment:fixed; {/block:IfBackgroundFixed}
  94. font-family: calibri, helvetica, arial;
  95. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  96.  
  97. img {border: 0px;}
  98.  
  99. a {text-decoration: none;
  100. font-weight: normal;
  101. transition: all 0.4s ease-out;
  102. -o-transition: all 0.4s ease-out;
  103. -webkit-transition: all 0.4s ease-out;
  104. -moz-transition: all 0.4s ease-out;}
  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:8px; width:5px;}
  109.  
  110. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  111. #creditimage a:link, #creditimage a:active, #creditimage a:visited {font-size: {text:Sidebar Font Size}; color: {color:Sidebar Text}; letter-spacing: 1px;}
  112.  
  113.  
  114. .header {{block:IfNot400pxPost}max-width: 833px;{/block:IfNot400pxPost}
  115. {block:If400pxPost}max-width: 780px;{/block:If400pxPost}
  116. margin: auto;
  117. z-index: 50;
  118. position: relative;}
  119.  
  120. .header img {padding: 0px;
  121. border-bottom: 5px solid {color:Posts};
  122. max-height: 300px;
  123. {block:IfNot400pxPost}max-width: 833px;{/block:IfNot400pxPost}
  124. {block:If400pxPost}max-width: 780px;{/block:If400pxPost}}
  125.  
  126. #couter {{block:IfNot400pxPost}width: 833px;{/block:IfNot400pxPost}
  127. {block:If400pxPost}width: 715px;{/block:If400pxPost}
  128. margin: auto;}
  129.  
  130. #cinner {{block:IfNot400pxPost}width: 833px;{/block:IfNot400pxPost}
  131. {block:If400pxPost}width: 715px;{/block:If400pxPost}
  132. position: fixed;
  133. height: 100%;
  134. background-color: {color:Posts};
  135. z-index: 5;
  136. top: 0px;}
  137.  
  138. #container {{block:IfNot400pxPost}width: 800px;{/block:IfNot400pxPost}
  139. {block:If400pxPost}width: 700px;{/block:If400pxPost}
  140. padding-top: 90px;
  141. {block:IfShowHeader}padding-top: 5px;{/block:IfShowHeader}
  142. margin:auto;
  143. padding-left: 20px;
  144. {block:IfNotShowHeader}
  145. {block:IfRightLinks}
  146. padding-top: 5px;
  147. {/block:IfRightLinks}
  148. {/block:IfNotShowHeader}
  149. {block:IfShowHeader}
  150. z-index: 10;
  151. position: relative;
  152. {/block:IfShowHeader}}
  153.  
  154. /* TOP */
  155. #top {position: fixed;
  156. margin-top:-90px;
  157. height: 60px;
  158. {block:IfNot400pxPost}width: 482px;
  159. margin-left: -7px;{/block:IfNot400pxPost}
  160. {block:If400pxPost}width: 381px;{/block:If400pxPost}
  161. padding: 10px 20px;
  162. background-color: {color:Posts};
  163. z-index: 50;
  164. border-bottom: 1px solid {color:Border};
  165. font-family: 'Open Sans Condensed';
  166. font-size: {text:Title Font Size};
  167. text-align: center;}
  168.  
  169. #top a:link, #top a:visited, #top a:active {color: {color:Post Link};
  170. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  171.  
  172. #top .links a:link, #top .links a:visited, #top .links a:active {background-color: {color:Posts};
  173. color: {color:Post Link};
  174. padding: 7px 10px;
  175. font-size: {text:Top Links Font Size};
  176. letter-spacing: 1px;}
  177.  
  178. #top .links a:hover {background-color: {color:Post Text};
  179. color: {color:Posts};}
  180.  
  181. /* SQUARE */
  182.  
  183. #square {position: fixed;
  184. top: 80px;
  185. {block:IfNotShowHeader}{block:IfRightLinks}
  186. top: -5px;
  187. {/block:IfRightLinks}{/block:IfNotShowHeader}
  188. height: 50px;
  189. width: 50px;
  190. background-color: {color:Posts};
  191. {block:IfNot400pxPost}margin-left: 470px;{/block:IfNot400pxPost}
  192. {block:If400pxPost}margin-left: 370px;{/block:If400pxPost}
  193. z-index: 61;
  194. border-left: 1px solid {color:Border};
  195. border-bottom: 1px solid {color:Border};
  196. {block:IfShowHeader}
  197. position: absolute;
  198. top: -2px;
  199. {/block:IfShowHeader}}
  200.  
  201. #icon {position: fixed;
  202. top:80px;
  203. {block:IfNotShowHeader}{block:IfRightLinks}
  204. top: -5px;
  205. {/block:IfRightLinks}{/block:IfNotShowHeader}
  206. height: 30px;
  207. width: 30px;
  208. {block:IfNot400pxPost}margin-left: 473px;{/block:IfNot400pxPost}
  209. {block:If400pxPost}margin-left: 373px;{/block:If400pxPost}
  210. z-index: 61;
  211. {block:IfShowHeader}
  212. position: absolute;
  213. top: -2px;
  214. {/block:IfShowHeader}}
  215.  
  216. {block:IfNotShowIcon}
  217. #icon img {height: 100px;}
  218. {/block:IfNotShowIcon}
  219.  
  220. /* SIDEBAR */
  221.  
  222. #sidebar {position: fixed;
  223. height: 100%;
  224. width: 250px;
  225. z-index: 60;
  226. {block:IfNot400pxPost}
  227. {block:IfShowIcon}margin-left: 520px;{/block:IfShowIcon}
  228. {block:IfNotShowIcon}margin-left: 515px; {/block:IfNotShowIcon}
  229. {/block:IfNot400pxPost}
  230. {block:If400pxPost}
  231. {block:IfShowIcon}margin-left: 420px;{/block:IfShowIcon}
  232. {block:IfNotShowIcon}margin-left: 420px;{/block:IfNotShowIcon}
  233. width: 240px;
  234. {/block:If400pxPost}
  235. top: 80px;
  236. border-left: 1px solid {color:Border};
  237. padding: 10px;
  238. padding-left: 20px;
  239. padding-top: 0px;
  240. {block:IfShowHeader}
  241. position: absolute;
  242. {block:IfNot400pxPost}top: 10px;{/block:IfNot400pxPost}
  243. {block:If400pxPost}top: 10px;{/block:If400pxPost}
  244. padding-top: 10px;
  245. width: 240px;
  246. border-left: 0px solid {color:Border};
  247. {/block:IfShowHeader}
  248. {block:IfNotShowHeader}
  249. {block:IfRightLinks}
  250. top: 0px;
  251. {/block:IfRightLinks}
  252. {/block:IfNotShowHeader}
  253. text-align: {text:Sidebar Text Align};
  254. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  255. font-size: {text:Sidebar Font Size};
  256. letter-spacing: 1px;}
  257.  
  258. #sidebar a:link, #sidebar a:visited, #sidebar a:active {color: {color:Post Link};
  259. padding: 1px 2px;
  260. text-decoration: underline;}
  261.  
  262. #sidebar a:hover {background-color: {color:Post Link};
  263. color: {color:Posts};
  264. text-decoration: none;}
  265.  
  266. .plinks {margin-left: -20px;
  267. line-height: 20px;
  268. text-align: left;}
  269.  
  270. #sidebar .plinks a:link, #sidebar .plinks a:visited, #sidebar .plinks a:active {background-color: {color:Border};
  271. color: {color:Posts};
  272. margin-bottom: 8px;
  273. padding: 3px 5px;
  274. font-style: italic;
  275. letter-spacing: 2px;
  276. text-decoration: none;}
  277.  
  278. #sidebar .plinks a:hover {padding-left: 20px;}
  279.  
  280. #sidebar input {background-color: {color:Post Link};
  281. font-size: {text:Sidebar Font Size};
  282. border: 0px;
  283. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  284. margin-top: 10px;
  285. color: {color:Posts};
  286. letter-spacing: 1px;
  287. font-family: calibri, helvetica, arial;}
  288.  
  289. .nav {position: fixed;
  290. bottom: 5px;
  291. z-index: 70}
  292.  
  293. #sidebar .nav a:link, #sidebar .nav a:visited, #sidebar .nav a:active {text-decoration: none;
  294. background-color: {color:Nav Arrow Background};
  295. color: {color:Nav Arrow};
  296. margin-left: -20px;
  297. padding: 2px 10px;
  298. font-size: 15px;
  299. font-family: arial;}
  300.  
  301. {block:IfShowHeader}
  302. #sidebarh {position: fixed;
  303. height: 100%;
  304. z-index: 5;
  305. {block:IfNot400pxPost}
  306. {block:IfShowIcon}margin-left: 520px;{/block:IfShowIcon}
  307. {block:IfNotShowIcon}margin-left: 515px; {/block:IfNotShowIcon}
  308. {/block:IfNot400pxPost}
  309. {block:If400pxPost}
  310. {block:IfShowIcon}margin-left: 420px;{/block:IfShowIcon}
  311. {block:IfNotShowIcon}margin-left: 415px;{/block:IfNotShowIcon}
  312. {/block:If400pxPost}
  313. border-left: 1px solid {color:Border};
  314. padding: 10px;
  315. top: 0px;
  316. padding-top: 10px;
  317. width: 275px;}
  318.  
  319. .hdl {text-align: center; margin-bottom: 10px;}
  320.  
  321. #sidebar .hdl a:link, #sidebar .hdl a:visited, #sidebar .hdl a:active {text-decoration:none;
  322. padding: 2px 4px;
  323. font-style: italic;
  324. letter-spacing: 2px;
  325. background-color: {color:Border};
  326. color: {color:Posts};}
  327. {/block:IfShowHeader}
  328.  
  329.  
  330. {block:IfNotShowHeader}
  331. {block:IfRightLinks}
  332. .hdl {text-align: center; margin-bottom: 10px;
  333. {block:IfShowSidebarTitle}margin-top: 10px;{/block:IfShowSidebarTitle}
  334. {block:IfNotShowSidebarTitle}margin-top: 20px;{/block:IfNotShowSidebarTitle}}
  335.  
  336. #sidebar .hdl a:link, #sidebar .hdl a:visited, #sidebar .hdl a:active {text-decoration:none;
  337. padding: 2px 4px;
  338. font-style: italic;
  339. letter-spacing: 2px;
  340. background-color: {color:Border};
  341. color: {color:Posts};}
  342.  
  343. {block:IfShowSidebarTitle}
  344. .rtitle {margin-top: 10px; text-align: center;}
  345. #sidebar .rtitle a:link, #sidebar .rtitle a:visited, #sidebar .rtitle a:active {text-decoration: none; text-align: center; font-size: 14px; font-family: 'Open Sans Condensed'; text-transform: uppercase; background-color: {color:Border}; color: {color:Posts}; padding: 1px 7px;}{/block:IfShowSidebarTitle}
  346. {/block:IfRightLinks}{/block:IfNotShowHeader}
  347.  
  348.  
  349. /* POSTS */
  350.  
  351. #posts {background-color: {color:Posts};
  352. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  353. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  354. padding: 5px 0px;
  355. color: {color:Post Text};
  356. position: relative;
  357. z-index: 8;
  358. margin-left: 20px;
  359. margin-top: 10px;}
  360.  
  361. .content {min-height: 30px;
  362. font-size: {text:Posts Font Size};
  363. text-align: justify;
  364. {block:IfShowPostInfo}padding-bottom: 30px;{/block:IfShowPostInfo}}
  365.  
  366. .content p a:link, .content p a:visited, .content p a:active,
  367. .content ul a:link, .content ul a:visited, .content ul a:active,
  368. .content blockquote a:link, .content blockquote a:visited, .content blockquote a:active {font-style: italic;
  369. color: {color:Post Link};
  370. padding: 0px 2px;}
  371.  
  372. .content p a:hover, .content ul a:hover, .content blockquote a:hover {background-color: {color:Post Link};
  373. color: {color:Posts};}
  374.  
  375. .content img, .content blockquote, .content ul {max-width: 100%;
  376. overflow: hidden;}
  377.  
  378. .content blockquote {border-left: 1px solid {color:Border};
  379. padding-left: 10px;}
  380.  
  381. .content ul {list-style: square;}
  382.  
  383. .content h1 {text-align: center;
  384. font-family: 'Open Sans Condensed';
  385. font-weight: normal;}
  386.  
  387. .content h1 a:link, .content h1 a:visited, .content h1 a:active {color: {color:Post Link};}
  388.  
  389. /* QUOTE */
  390. .quote {width: 75%;
  391. margin: auto;
  392. padding-bottom: 15px;}
  393.  
  394. .quote_short {font-size: 24px;
  395. font-family: 'Open Sans Condensed'}
  396.  
  397. .quote_medium {font-size: 18px;
  398. font-family: 'Open Sans Condensed'}
  399.  
  400. .quote_long {font-size: {text:Posts Font Size};}
  401.  
  402. .source {text-align: right;}
  403.  
  404. .qleft {font-size: 64px;
  405. position: relative;
  406. bottom: -50px;
  407. left: -25px;
  408. margin-top: -50px;
  409. font-family: arial;}
  410.  
  411. .qright {font-size: 64px;
  412. position: relative;
  413. text-align: right;
  414. right: -25px;
  415. font-family: arial;
  416. top: -20px;
  417. margin-bottom: -20px;}
  418.  
  419. .source a:link, .source a:visited, .source a:active {color: {color:Post Link};
  420. font-style: italic;}
  421.  
  422. /* QUESTIONS */
  423.  
  424. .askerimg {margin: auto;
  425. width: 78px;}
  426.  
  427. .askerimg img {border: 15px solid {color:Border};}
  428.  
  429. .asker {text-align: center;
  430. margin: 5px 0px;}
  431.  
  432. .asker a:link, .asker a:visited, .asker a:active, .answer a:link, .answer a:visited, .answer a:active {color: {color:Post Link};
  433. font-style: italic;}
  434.  
  435. .question {width: 75%;
  436. padding: 10px 20px;
  437. margin: auto;
  438. border-top: 1px solid {color:Border};
  439. border-bottom: 1px solid {color:Border};
  440. margin-top: 20px;}
  441.  
  442. .biga {font-size:{text:Title Font Size};
  443. font-style: italic;
  444. float:left;
  445. margin: 0px 10px;
  446. text-transform: uppercase;
  447. font-family: georgia;}
  448.  
  449. .answer {margin-bottom: 20px;}
  450.  
  451. /* CHAT */
  452.  
  453. .chat {margin-bottom: 15px;}
  454.  
  455. .chat ul {list-style: none;
  456. padding: 0px 20px;}
  457.  
  458. .chat li {padding: 10px 5px;
  459. border-bottom: 1px solid {color:Border};}
  460.  
  461. .chat li:last-child {border-bottom: 0px;}
  462.  
  463. .chat .label {{block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  464. letter-spacing: 1px;}
  465.  
  466. /* AUDIO */
  467. .coverart {display:block;}
  468.  
  469. .msong {padding: 5px;
  470. text-align: center;
  471. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  472. font-size: {text:Posts Font Size};
  473. letter-spacing: 1px;
  474. font-family: 'Open Sans Condensed';
  475. color: {color:Post Text};}
  476.  
  477. .mlabels {{block:If400pxPost}width: 195px;
  478. height: 180px;
  479. {/block:If400pxPost}
  480. {block:IfNot400pxPost}width: 245px;{/block:IfNot400pxPost}
  481. float:right;}
  482.  
  483. .mlabels ul {padding: 20px 0px;
  484. {block:IfNot400pxPost}height: 105px;{/block:IfNot400pxPost}
  485. {block:If400pxPost}height: 80px;{/block:If400pxPost}
  486. margin-top: 5px;
  487. margin-bottom: 0px;
  488. color: {color:Post Text};
  489. padding-left: 25px;}
  490.  
  491. .mlabels li {list-style: none;
  492. font-size: {text:Posts Font Size};
  493. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  494.  
  495. #posts .coverart img {{block:If400pxPost}width: 200px;{/block:If400pxPost}
  496. {block:IfNot400pxPost}width: 250px;{/block:IfNot400pxPost}}
  497.  
  498. .audioverlay {opacity: 0.8;
  499. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  500. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  501. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  502. position: absolute;
  503. z-index: 10;
  504. {block:IfNot400pxPost}
  505. margin-top: 100px;
  506. margin-left: 100px;
  507. {/block:IfNot400pxPost}
  508. {block:If400pxPost}
  509. margin-top: 75px;
  510. margin-left: 75px;
  511. {/block:If400pxPost}}
  512.  
  513. .audioarrow {width: 20px;
  514. height: 30px;
  515. overflow: hidden;
  516. margin: 15px 24px 13px 16px;}
  517.  
  518. /* POST INFO */
  519. {block:IndexPage}
  520. #posts:hover .date {opacity: 1.0;
  521. height: 10px;
  522. padding: 5px 0px;
  523. line-height: 100%;
  524. margin-top: -15px;
  525. transition: all 0.4s ease-out;
  526. -o-transition: all 0.4s ease-out;
  527. -webkit-transition: all 0.4s ease-out;
  528. -moz-transition: all 0.4s ease-out;}
  529. {/block:IndexPage}
  530.  
  531. .date {{block:IndexPage}
  532. opacity: 0.0;
  533. height: 0px;
  534. position: absolute;
  535. {block:IfShowPostInfo}
  536. opacity: 1.0;
  537. height: 10px;
  538. padding: 5px 0px;
  539. line-height: 100%;
  540. margin-top: -15px;
  541. {/block:IfShowPostInfo}
  542. {/block:IndexPage}
  543. display: block;
  544. background-color: {color:Posts};
  545. color: {color:Post Link};
  546. {block:PermalinkPage}
  547. background-color: {color:Post Link};
  548. color: {color:Posts};
  549. padding: 5px 0px;
  550. margin-bottom: -5px;
  551. {/block:PermalinkPage}
  552. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  553. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  554. text-align: center;
  555. font-size: {text:Post Info Font Size};
  556. z-index: 5;
  557. transition: all 0.4s ease-out;
  558. -o-transition: all 0.4s ease-out;
  559. -webkit-transition: all 0.4s ease-out;
  560. -moz-transition: all 0.4s ease-out;}
  561.  
  562. .date a:link, .date a:visited, .date a:active {color: {color:Post Link};
  563. {block:PermalinkPage}
  564. color: {color:Posts};
  565. {/block:PermalinkPage}
  566. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase};
  567. letter-spacing: 1px;}
  568.  
  569. .dt {text-align: right;
  570. padding-right: 10px;}
  571.  
  572. .ntc {text-align: left;
  573. padding-left: 10px;}
  574.  
  575. /* TAGS */
  576. .tags {color: {color:Border};
  577. font-size: {text:Post Info Font Size};
  578. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase};
  579. letter-spacing: 1px;
  580. text-align: center;
  581. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  582. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  583. border-top: 1px solid {color:Border};
  584. min-height: 5px;
  585. margin-bottom: 30px;
  586. padding-top: 5px;
  587. position: relative;
  588. z-index: 10;
  589. margin-left: 20px;}
  590.  
  591. .tags a:active, .tags a:visited, .tags a:link {color: {color:Border};
  592. margin: 0px 4px;
  593. border-bottom: 1px solid {color:Posts};
  594. display: inline-block;}
  595.  
  596. .tags a:hover {border-bottom: 1px solid {color:Post Link};}
  597.  
  598. /* REBLOG */
  599. .re {float:left;
  600. text-align: left;
  601. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase};
  602. {block:IndexPage}
  603. margin-top: -8px;
  604. margin-right: -22px;
  605. {/block:IndexPage}
  606. {block:PermalinkPage}
  607. padding-left: 5px;
  608. margin-right: -27px;
  609. {/block:PermalinkPage}
  610. letter-spacing: 1px;}
  611.  
  612. .re a:link, .re a:active, .re a:visited {margin: 0px;
  613. border-bottom: 0px;}
  614.  
  615. .re img {height: 10px;}
  616.  
  617. .via {display: inline-block;}
  618. .sou {display: inline-block;
  619. margin-left: 2px;}
  620.  
  621. .via:hover .reh {{block:IfNot400pxPost}width: 480px;{/block:IfNot400pxPost}
  622. {block:If400pxPost}width: 380px;{/block:If400pxPost}
  623. opacity: 1.0;
  624. font-size: {text:Post Info Font Size};
  625. height: 10px;
  626. line-height: 10px;
  627. {block:IndexPage}background-color: {color:Posts};{/block:IndexPage}
  628. {block:PermalinkPage}
  629. background-color: {color:Post Link};
  630. width: 470px;
  631. {block:IfNot400pxPost}width: 470px;{/block:IfNot400pxPost}
  632. {block:If400pxPost}width: 370px;{/block:If400pxPost}
  633. {/block:PermalinkPage}
  634. transition: all 0.4s ease-out;
  635. -o-transition: all 0.4s ease-out;
  636. -webkit-transition: all 0.4s ease-out;
  637. -moz-transition: all 0.4s ease-out;}
  638.  
  639. .sou:hover .reh {width: 465px;
  640. opacity: 1.0;
  641. font-size: {text:Post Info Font Size};
  642. height: 10px;
  643. line-height: 10px;
  644. {block:IndexPage}background-color: {color:Posts};{/block:IndexPage}
  645. {block:PermalinkPage}
  646. background-color: {color:Post Link};
  647. {block:IfNot400pxPost}width: 455px;{/block:IfNot400pxPost}
  648. {block:If400pxPost}width: 355px;{/block:If400pxPost}
  649. {/block:PermalinkPage}
  650. transition: all 0.4s ease-out;
  651. -o-transition: all 0.4s ease-out;
  652. -webkit-transition: all 0.4s ease-out;
  653. -moz-transition: all 0.4s ease-out;}
  654.  
  655. .via .reh {width: 0px;
  656. opacity: 0.0;
  657. font-size: 0px;
  658. position: absolute;
  659. display: inline-block;
  660. padding-left: 10px;
  661. transition: all 0.4s ease-out;
  662. -o-transition: all 0.4s ease-out;
  663. -webkit-transition: all 0.4s ease-out;
  664. -moz-transition: all 0.4s ease-out;}
  665.  
  666. .sou .reh {width: 0px;
  667. font-size: 0px;
  668. opacity: 0.0;
  669. position: absolute;
  670. display: inline-block;
  671. margin-left: 10px;
  672. padding-left: 10px;
  673. transition: all 0.4s ease-out;
  674. -o-transition: all 0.4s ease-out;
  675. -webkit-transition: all 0.4s ease-out;
  676. -moz-transition: all 0.4s ease-out;}
  677.  
  678. /* NOTES LIST */
  679. .ntc_perma {text-align: center;
  680. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  681. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  682. color: {color:Post Link};
  683. font-size: {text:Title Font Size};
  684. padding-top: 20px;
  685. font-family: 'Open Sans Condensed';
  686. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase};
  687. border-top: 1px solid {color:Border};
  688. position: relative;
  689. z-index: 5;
  690. margin-left: 20px;}
  691.  
  692. ol.notes {padding: 0px;
  693. margin: 25px 0px;
  694. list-style-type: none;
  695. border-bottom: solid 1px {color:Border};
  696. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  697. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  698. font-size: {text:Posts Font Size};
  699. margin-left: 20px;
  700. position: relative;
  701. z-index: 5;}
  702.  
  703. ol.notes a:link, ol.notes a:visited, ol.notes a:active {color: {color:Post Link};
  704. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase};
  705. font-size: 9px;
  706. letter-spacing: 1px;
  707. font-style: normal;}
  708.  
  709. ol.notes li.note {border-top: solid 1px {color:Border};
  710. padding: 10px;}
  711.  
  712. ol.notes li.note img.avatar {vertical-align: -4px;
  713. margin-right: 10px;
  714. width: 16px;
  715. height: 16px;}
  716.  
  717. ol.notes li.note span.action {font-weight: normal;
  718. font-style: italic;}
  719.  
  720. ol.notes li.note .answer_content {font-weight: normal;}
  721.  
  722. ol.notes li.note blockquote {background-color: {color:Post Link};
  723. color: {color:Posts};
  724. padding: 4px 10px;
  725. margin: 10px 0px 0px 25px;
  726. text-transform: none;}
  727.  
  728. ol.notes li.note blockquote a:link, ol.notes li.note blockquote a:visited, ol.notes li.note blockquote a:active {text-decoration: none;
  729. color: {color:Posts};
  730. font-style: normal;
  731. text-transform: none;}
  732.  
  733. {CustomCSS}
  734. </style>
  735. </head>
  736.  
  737.  
  738. <body>
  739.  
  740. {block:IfShowHeader}<div class="header"><center><img src="{image:Header}"></div></center>{/block:IfShowHeader}
  741.  
  742. <div id="couter">
  743. <div id="cinner"></div>
  744. <div id="container">
  745.  
  746. {block:IfShowIcon}<div id="square"></div>
  747. <div id="icon"><img src="{PortraitURL-48}"></div>{/block:IfShowIcon}
  748.  
  749.  
  750. {block:IfShowHeader}<div style="display: none">{/block:IfShowHeader}
  751. {block:IfNotShowHeader}{block:IfRightLinks}<div style="display: none">{/block:IfRightLinks}{/block:IfNotShowHeader}
  752. <div id="top">
  753. <a href="/">{block:IfNotAlternateTitle}{Title}{/block:IfNotAlternateTitle} {block:IfAlternateTitle}{text:Alternate Title}{/block:IfAlternateTItle}</a>
  754. <div class="links"><a href="/">INDEX</a>
  755. <a href="/ask">ASK</a>
  756. <a href="/archive">ARCHIVE</a>
  757. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  758. {block:IfTextCredit}<a href="http://lostmemento.tumblr.com">&copy; LMTHEMES</a>{/block:IfTextCredit}</div></div>
  759. {block:IfShowHeader}</div>{/block:IfShowHeader}
  760. {block:IfNotShowHeader}{block:IfRightLinks}</div>{/block:IfRightLinks}{/block:IfNotShowHeader}
  761.  
  762. {block:IfShowHeader}<div id="sidebarh"></div>{/block:IfShowHeader}
  763.  
  764.  
  765.  
  766. <div id="sidebar">{block:IfShowHeader}<div class="hdl"><a href="/">INDEX</a>
  767. <a href="/ask">ASK</a>
  768. <a href="/archive">ARCHIVE</a>
  769. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  770. {block:IfTextCredit}<a href="http://lostmemento.tumblr.com">&copy; LMTHEMES</a>{/block:IfTextCredit}</div>{/block:IfShowHeader}
  771.  
  772. {block:IfNotShowHeader}{block:IfRightLinks}{block:IfShowSidebarTitle}
  773. <div class="rtitle"><a href="/">{block:IfNotAlternateTitle}{Title}{/block:IfNotAlternateTitle} {block:IfAlternateTitle}{text:Alternate Title}{/block:IfAlternateTItle}</a></div>{/block:IfShowSidebarTitle}
  774.  
  775. <div class="hdl"><a href="/">INDEX</a>
  776. <a href="/ask">ASK</a>
  777. <a href="/archive">ARCHIVE</a>
  778. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  779. {block:IfTextCredit}<a href="http://lostmemento.tumblr.com">&copy; LMTHEMES</a>{/block:IfTextCredit}</div>{/block:IfRightLinks}{/block:IfNotShowHeader}
  780.  
  781. {block:IfNotShowIcon}<img src="{image:sidebar}" style="max-width: 100%; margin-bottom: 10px;">{/block:IfNotShowIcon}
  782.  
  783. {block:IfShowIcon}{block:IfSidebarImage}<img src="{image:sidebar}" style="max-width: 100%; margin-bottom: 10px;">{/block:IfSidebarImage}{/block:IfShowIcon}
  784.  
  785. {Description}</p>
  786.  
  787. {block:IfShowSearch}<form action="/search" method="get">
  788. <input type="text" name="q" value="{SearchQuery}"/>
  789. <input type="submit" value="Search"/>
  790. </form></p>{/block:IfShowSearch}
  791.  
  792. <div class="plinks">
  793. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a><br>{/block:IfLink1Name}
  794. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a><br>{/block:IfLink2Name}
  795. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a><br>{/block:IfLink3Name}
  796. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a><br>{/block:IfLink4Name}
  797. {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a><br>{/block:IfLink5Name}
  798. {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a><br>{/block:IfLink6Name}
  799. {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a><br>{/block:IfLink7Name}
  800. {block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a><br>{/block:IfLink8Name}
  801.  
  802. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:HasPages}
  803. </div>
  804.  
  805.  
  806. {block:Pagination}<div class="nav">
  807. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{block:PreviousPage}</p><br>{/block:PreviousPage}
  808. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}</div>{/block:Pagination}</div></div>
  809.  
  810. {block:Posts}<div id="posts">
  811. <div class="content" style="padding-top: 8px"{block:IfShowIcon}style="padding-top: 6px;"{/block:IfShowIcon} {block:Permalinkpage}{block:Text}style="padding-top: 30px;"{/block:Text}{/block:PermalinkPage}>
  812.  
  813. <!--- PHOTO POSTS --->
  814. {block:Photo}{LinkOpenTag}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
  815. {block:If400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{/block:If400pxPost}{LinkCloseTag}
  816. {block:IfNotShowPhotoCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowPhotoCaptions}
  817. {block:IfShowPhotoCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowPhotoCaptions}{/block:Photo}
  818.  
  819. <!--- PHOTOSET POSTS --->
  820. {block:Photoset}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  821. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  822. {block:IfNotShowPhotoCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowPhotoCaptions}
  823. {block:IfShowPhotoCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowPhotoCaptions}{/block:Photoset}
  824.  
  825. <!--- TEXT POSTS --->
  826. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}
  827. {Body}{/block:Text}
  828.  
  829. <!--- ANSWER POSTS --->
  830. {block:Answer}<div class="askerimg"><img src="{AskerPortraitURL-48}"></div>
  831. <div class="asker">{Asker} {text:Ask Action}</div>
  832. <div class="question">{Question}</div>
  833. <div class="answer"><div class="biga">A:</div> {Answer}</div>{/block:Answer}
  834.  
  835. <!--- QUOTE POSTS --->
  836. {block:Quote}<div class="quote"><div class="qleft">“</div><div class="quote_{Length}">{Quote}</div><div class="qright">”</div>
  837. {block:Source}<div class="source">- {Source}</div>{/block:Source}</div>{/block:Quote}
  838.  
  839. <!--- LINK POSTS --->
  840. {block:Link}<h1><a href="{URL}">{Name}</a></h1>
  841. {block:Description}{Description}{/block:Description}{/block:Link}
  842.  
  843. <!--- CHAT POSTS --->
  844. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  845. <div class="chat"><ul>{block:Lines}
  846. <li class="line {Alt}">{block:Label}
  847. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  848. {/block:Chat}
  849.  
  850. <!--- AUDIO POSTS --->
  851. {block:Audio}
  852. <div class="mlabels">
  853. <table cellspacing="0" cellpadding="0" {block:IfNot400pxPost}height="250px"{/block:IfNot400pxPost} {block:If400pxPost}height="200px"{/block:If400pxPost} width="100%"><tr><Td style="border-bottom: 1px solid {color:Border};" {block:IfNot400pxPost}height="100px"{/block:IfNot400pxPost}
  854. {block:If400pxPost}height="75px"{/block:If400pxPost}><div class="msong">{block:TrackName}{TrackName}{/block:TrackName}</div></td></tr>
  855. <tr><td {block:IfNot400pxPost}height="150px"{/block:IfNot400pxPost} {block:If400pxPost}height="125px"{/block:If400pxPost}><ul><li>{block:Artist}{Artist}{/block:Artist}</li>
  856. <li>{block:Album}{Album}{/block:Album}</li>
  857. <li>{PlayCountWithLabel}</li></ul></td></tr></table></div>
  858.  
  859. <div class="coverart">
  860. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  861. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  862. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  863.  
  864. {block:AlbumArt}<img src="{AlbumArtURL}" style="position: absolute"/>{/block:AlbumArt}
  865. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>
  866. {block:Caption}{Caption}{/block:Caption}
  867. {/block:Audio}
  868.  
  869. <!--- VIDEO POSTS --->
  870. {block:Video}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  871. {block:If400pxPost}{Video-400}{/block:If400pxPost}
  872. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  873.  
  874. </div>
  875.  
  876.  
  877. <!--- DATE --->
  878. {block:Date}<div class="date">{block:IndexPage}<Table width="100%" cellspacing="0" cellpadding="0"><tr>
  879. <td width="250px" class="dt"><a href="{Permalink}">
  880. {block:NewDayDate}{DayOfMonthWithZero} {ShortMonth} {Year}{/block:NewDayDate}
  881. {block:SameDayDate}{TimeAgo}{/block:SameDayDate}</a></td>
  882. <td width="10px">&#9632;</td>
  883.  
  884. <!--- NOTE COUNT --->
  885. <td width="250px" class="ntc">{block:NoteCount}<div style="display: none">{/block:NoteCount} <a href="{ReblogURL}" target="_blank">REBLOG</a> {block:NoteCount}</div>{/block:NoteCount} {block:NoteCount}<a href="{Permalink}">{block:IfNotShowNotesSymbol}{NoteCountWithLabel}{/block:IfNotShowNotesSymbol} {block:IfShowNotesSymbol}{NoteCount} {text:Notes Symbol}{/block:IfShowNotesSymbol}</a>{/block:NoteCount}</td></tr></table>{/block:IndexPage}
  886. {block:PermalinkPage}{block:RebloggedFrom}<div class="re">
  887. <div class="via"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a><div class="reh"><a href="{ReblogParentURL}">via {ReblogParentName}</a></div></div>
  888.  
  889. <div class="sou"><div class="reh"><a href="{ReblogRootURL}">&copy; {ReblogRootName}</a></div>
  890. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a></div></div>{/block:RebloggedFrom}
  891.  
  892. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {Year}</a>{/block:PermalinkPage}
  893.  
  894. <!--- REBLOG --->
  895. {block:IndexPage}{block:RebloggedFrom}<div class="re">
  896. <div class="via"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a><div class="reh"><a href="{ReblogParentURL}">via {ReblogParentName}</a></div></div>
  897.  
  898. <div class="sou"><div class="reh"><a href="{ReblogRootURL}">&copy; {ReblogRootName}</a></div>
  899. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a></div></div>{/block:RebloggedFrom}{/block:IndexPage}</div>{/block:Date}</div>
  900.  
  901. <!--- TAGS --->
  902. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  903.  
  904. {block:PermalinkPage}{block:NoteCount}<div class="ntc_perma">{NoteCountWithLabel}</div>{/block:NoteCount}{/block:PermalinkPage}
  905.  
  906. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}
  907.  
  908. </div></div>
  909.  
  910. <!--- DO NOT REMOVE CREDIT --->
  911. {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}
  912.  
  913. </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!