Advertisement
lostmemento

[Old Theme] Robin Hood

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