Advertisement
lostmemento

[Old Theme] Drive

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