xrevolt

the unlikely hero.

Jun 17th, 2012
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.15 KB | None | 0 0
  1. THE UNLIKELY HERO.
  2. SCROLLER BG: BLACK
  3. SCROLLER/ACCENT:#92c701 (GREEN)
  4. BACKGROUND: #f8f8f8 (GREY)
  5. POSTS: #f1f1f1 (GREY)
  6. DATE BG: #fbfbfb (GREY)
  7.  
  8.  
  9. (not heroine.)<br>
  10. raiesah. 18. muslim. forever inquiring. always taking pictures. I seem to value my family above all else. Some think it's a weakness, but I know it's where I get my strength. I have no idea what direction I'm going with this...<br><br>
  11. <i>they call me pip 'cause they have some great expectations.</i>
  12.  
  13. <br><br><br><small><small>© All copyrighted materials posted on this personal blog are for the sole purposes of documenting and illustrating my interests. All rights are reserved and respected to their original copyright owners. No copyright infringement of any kind is intended.</small></small>
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <html>
  28. <head>
  29. <!---
  30.  
  31. 16 K.I.L.L. THEME MADE BY: http://lostmemento.tumblr.com (lmthemes)
  32.  
  33. TERMS OF USAGE:
  34. - DO NOT REMOVE THE CREDIT
  35. - DO NOT REDISTRIBUTE
  36. - DO NOT CLAIM AS YOUR OWN
  37. - DO NOT USE AS BASE
  38.  
  39. APPEARANCE CHANGES SHOULD BE MADE IN CUSTOMIZE-CLASSIC
  40.  
  41. --->
  42.  
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>
  50. {block:IfEnableOnlineLeaf}<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>{/block:IfEnableOnlineLeaf}
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  52.  
  53.  
  54. <!--- APPEARANCE DEFAULTS --->
  55. <meta name="image:background" content=""/>
  56. <meta name="image:sidebar background" content=""/>
  57. <meta name="image:SidebarPic1" content=""/>
  58. <meta name="image:SidebarPic1a" content=""/>
  59. <meta name="image:SidebarPic2" content=""/>
  60.  
  61. <meta name="if:Enable Online Leaf" content="1"/>
  62. <meta name="if:Background No Repeat" content="0"/>
  63. <meta name="if:Background Fixed" content="1"/>
  64. <meta name="if:400px Post" content="0"/>
  65. <meta name="if:Show Tags" content="0"/>
  66. <meta name="if:Stretch Photos" content="0"/>
  67. <meta name="if:Show Photo Captions" content="0"/>
  68. <meta name="if:AudioPlayerWhite" content="1"/>
  69. <meta name="if:AudioPlayerGrey" content="0"/>
  70. <meta name="if:AudioPlayerBlack" content="0"/>
  71. <meta name="if:Show Submit" content="0"/>
  72. <meta name="if:Show Sidebar" content="0"/>
  73. <meta name="if:Text Credit" content="0"/>
  74.  
  75. <meta name="if:Sidebar Flush" content="0"/>
  76. <meta name="if:Square Home Links" content="1"/>
  77. <meta name="if:More Description" content="0"/>
  78. <meta name="if:Sidebar Pic 1a" content="1"/>
  79. <meta name="if:Show Post Title Bars" content="1"/>
  80. <meta name="if:Show Notes Symbol" content="0"/>
  81. <meta name="if:Uppercase" content="1"/>
  82.  
  83. <meta name="color:Scrollbar Background" content="#151515"/>
  84. <meta name="color:Scroller" content="#ffff00"/>
  85. <meta name="color:Background" content="#f8f8f8"/>
  86. <meta name="color:Posts" content="#f1f1f1"/>
  87. <meta name="color:Post Text" content="#242424"/>
  88. <meta name="color:Post Links" content="#151515"/>
  89. <meta name="color:Date Background" content="#fbfbfb"/>
  90. <meta name="color:Tags" content="#ffffff"/>
  91. <meta name="color:Reblog Border" content="#ffffff"/>
  92. <meta name="color:Accent" content="#ffff00"/>
  93. <meta name="color:Sidebar" content="#151515"/>
  94. <meta name="color:Sidebar Text" content="#ffffff"/>
  95. <meta name="color:Sidebar Dark Links" content="#080808"/>
  96.  
  97. <meta name="text:Link1 Url" content=""/>
  98. <meta name="text:Link1 Name" content=""/>
  99. <meta name="text:Link2 Url" content=""/>
  100. <meta name="text:Link2 Name" content=""/>
  101. <meta name="text:Link3 Url" content=""/>
  102. <meta name="text:Link3 Name" content=""/>
  103. <meta name="text:Link4 Url" content=""/>
  104. <meta name="text:Link4 Name" content=""/>
  105.  
  106. <meta name="text:Background Position" content=""/>
  107. <meta name="text:Sidebar Text Align" content="center"/>
  108. <meta name="text:Ask Action" content="ASKED"/>
  109. <meta name="text:Alternate Title1" content="ALT TITLE"/>
  110. <meta name="text:Title2" content="TITLE 2"/>
  111. <meta name="text:Notes Symbol" content="&#9829;"/>
  112.  
  113. <meta name="text:Sidebar Title Font Size" content="12px"/>
  114. <meta name="text:Sidebar Description Font Size" content="8px"/>
  115. <meta name="text:Sidebar Main Links Font Size" content="8px"/>
  116. <meta name="text:Sidebar Page Links Font Size" content="12px"/>
  117. <meta name="text:Navigation Font Size" content="10px"/>
  118. <meta name="text:Posts Font Size" content="11px"/>
  119. <meta name="text:Date Font Size" content="10px"/>
  120. <meta name="text:Note Count Font Size" content="8px"/>
  121. <meta name="text:Questions Font Size" content="24px"/>
  122. <meta name="text:Tags Font Size" content="7px"/>
  123.  
  124. <meta name="text:Main Font" content="calibri, helvetica, arial"/>
  125. <meta name="text:Tags Font" content="arial, helvetica"/>
  126. <meta name="text:Fancy Font" content="'Open Sans Condensed'"/>
  127.  
  128. <meta name="text:Letter Spacing1" content="1px"/>
  129. <meta name="text:Letter Spacing2" content="4px"/>
  130. <meta name="text:Letter Spacing3" content="4px"/>
  131.  
  132. <style type="text/css">
  133. body {background-color: {color:Background};
  134. margin: 0px;
  135. {block:IfBackgroundNoRepeat}background-repeat:no-repeat;{/block:IfBackgroundNoRepeat}
  136. background-image: url('{image:Background}');
  137. background-attachment:fixed;
  138. font-family: {text:Main Font};
  139. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  140.  
  141. img {border: 0px;}
  142.  
  143. a {text-decoration: none;
  144. font-weight: normal;}
  145.  
  146. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 10px;}
  147. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:10px!important;}
  148. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width:5px;}
  149.  
  150. #container {width: 1270px; margin: auto; background-color: transparent;}
  151.  
  152. /* SIDEBAR */
  153. .bar {background-color: {color:Sidebar};
  154. height: 100%;
  155. width: 150px;
  156. position: fixed;
  157. {block:IfSidebarFlush}left: 0px;{/block:IfSidebarFlush}
  158. margin-left: 200px;
  159. z-index: 2;
  160. overflow: hidden;
  161. background-image: url('{image:sidebar background}');
  162. transition: all 0.8s ease-out;
  163. -o-transition: all 0.8s ease-out;
  164. -webkit-transition: all 0.8s ease-out;
  165. -moz-transition: all 0.8s ease-out;
  166. top: 0px}
  167.  
  168. .sidebar {width: 0px;
  169. position: fixed;
  170. height: 100%;
  171. background-color: transparent;
  172. color: transparent;
  173. margin-left: -20px;
  174. padding: 10px;
  175. top: 0px;
  176. opacity: 0.0;
  177. transition: all 0.8s ease-out;
  178. -o-transition: all 0.8s ease-out;
  179. -webkit-transition: all 0.8s ease-out;
  180. -moz-transition: all 0.8s ease-out;}
  181.  
  182. .sidebar .tble {opacity: 0.0;
  183. margin-top: 20px;}
  184.  
  185. {block:IfNotShowSidebar}
  186. .bar:hover .sidebar .tble {opacity: 1.0}
  187. {/block:IfNotShowSidebar}
  188.  
  189. {block:IfShowSidebar}
  190. .sidebar .tble {opacity: 1.0}
  191. {/block:IfShowSidebar}
  192.  
  193. {block:IfNotShowSidebar}
  194. .bar:hover .sidebar {width: 180px;
  195. margin-left: -200px;
  196. background-color: {color:Sidebar};
  197. color: {color:Sidebar Text};
  198. opacity: 1.0;}
  199. {/block:IfNotShowSidebar}
  200.  
  201. {block:IfShowSidebar}.sidebar {width: 180px;
  202. margin-left: -200px;
  203. background-color: {color:Sidebar};
  204. color: {color:Sidebar Text};
  205. opacity: 1.0;}
  206. {/block:IfShowSidebar}
  207.  
  208. .descript {font-family: {text:Main Font};
  209. text-align: {text:Sidebar Text Align};
  210. font-size: {text:Sidebar Description Font Size};
  211. color: {color:Sidebar Text};
  212. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  213. letter-spacing: {text:Letter Spacing1};
  214. {block:IfNotMoreDescription}
  215. width: 180px;
  216. max-height: 220px;
  217. overflow: hidden;
  218. {/block:IfNotMoreDescription}
  219. {block:IfMoreDescription}
  220. max-height: 220px;
  221. overflow: auto;
  222. width: 150px;
  223. margin: 0px 5px;
  224. padding: 0px 5px;
  225. {/block:IfMoreDescription}}
  226.  
  227. .descript a:link, .descript a:visited, .descript a:active {border-bottom: 1px solid {color:Accent};
  228. line-height: 150%;
  229. color: {color:Sidebar Text};}
  230.  
  231. {block:IfNotShowSidebar}
  232. .bar:hover .descript {width: 180px;}
  233. {/block:IfNotShowSidebar}
  234.  
  235. {block:IfShowSidebar}
  236. .descript {width: 180px;}
  237. {/block:IfShowSidebar}
  238.  
  239. .hmlinks {text-align: center;
  240. margin: auto;}
  241.  
  242. .hlink {color: {color:Sidebar Text};
  243. letter-spacing: {text:Letter Spacing2};
  244. font-size: {text:Sidebar Title Font Size};
  245. padding-left: 2px;
  246. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  247. font-family: {text:Fancy Font}}
  248.  
  249. .tl {background-color: {color:Accent};
  250. margin: 10px 60px;
  251. color: {color:Sidebar Text};
  252. height: 4px;
  253. text-align: center;}
  254.  
  255. .t1l {background-color: {color:Accent};
  256. margin: 10px 40px;
  257. color: {color:Sidebar Text};
  258. height: 4px;
  259. text-align: center;}
  260.  
  261. /* SKINNY SIDEBAR */
  262.  
  263. .sb {background-image: url('{image:sidebar background}');
  264. position: relative;
  265. z-index: 5;
  266. height: 100%;}
  267.  
  268. /* SIDEBAR PICS */
  269.  
  270. #sidebarpic1 {height: 150px;
  271. width: 100px;
  272. margin: 15px auto;
  273. background-color: {color:Sidebar Dark Links};}
  274.  
  275. #sidebarpic2 {height: 50px;
  276. width: 100px;
  277. margin: 15px auto;
  278. background-color: {color:Sidebar Dark Links};
  279. max-height: 50px;
  280. overflow: hidden;}
  281.  
  282. #sidebarpic1 img, #sidebarpic2 img {width: 100px;}
  283.  
  284. /* HOME LINKS SQUARE */
  285.  
  286. {block:IfSquareHomeLinks}
  287. .hlks {height: 100px;
  288. width: 100px;
  289. background-color: {color:Sidebar Dark Links};
  290. margin: 15px auto;}
  291.  
  292. .hlks .blk {position: absolute;
  293. margin-top: 40px;
  294. margin-left: 40px;
  295. height: 20px;
  296. width: 20px;
  297. background-color: {color:Accent};}
  298.  
  299.  
  300. a.blks:link, a.blks:visited, a.blks:active,
  301. a.blks2:link, a.blks2:visited, a.blks2:active,
  302. a.blks3:link, a.blks3:visited, a.blks3:active,
  303. a.blks4:link, a.blks4:visited, a.blks4:active {opacity: 0.0;
  304. position: absolute;
  305. background-color: {color:Sidebar};
  306. color: {color:Sidebar Text};
  307. font-size: {text:Sidebar Main Links Font Size};
  308. text-align: center;
  309. line-height: 45px;
  310. height: 50px;
  311. width: 50px;
  312. margin-top: -15px;
  313. margin-left: -15px;
  314. transition: all 1s ease-out;
  315. -o-transition: all 1s ease-out;
  316. -webkit-transition: all 1s ease-out;
  317. -moz-transition: all 1s ease-out; }
  318.  
  319. .bar:hover a.blks:link, .bar:hover a.blks:visited, .bar:hover a.blks:active {margin-top: -40px;
  320. margin-left: -40px;}
  321.  
  322. .bar:hover a.blks2:link, .bar:hover a.blks2:visited, .bar:hover a.blks2:active {margin-top: -40px; margin-left: 10px;}
  323. .bar:hover a.blks3:link, .bar:hover a.blks3:visited, .bar:hover a.blks3:active {margin-top: 10px; margin-left: -40px;}
  324. .bar:hover a.blks4:link, .bar:hover a.blks4:visited, .bar:hover a.blks4:active {margin-top: 10px; margin-left: 10px;}
  325.  
  326. .bar:hover a.blks:link, .bar:hover a.blks:visited, .bar:hover a.blks:active,
  327. .bar:hover a.blks2:link, .bar:hover a.blks2:visited, .bar:hover a.blks2:active,
  328. .bar:hover a.blks3:link, .bar:hover a.blks3:visited, .bar:hover a.blks3:active,
  329. .bar:hover a.blks4:link, .bar:hover a.blks4:visited, .bar:hover a.blks4:active {opacity: 1.0;
  330. transition: all 1s ease-out;
  331. -o-transition: all 1s ease-out;
  332. -webkit-transition: all 1s ease-out;
  333. -moz-transition: all 1s ease-out;}
  334. {/block:IfSquareHomeLinks}
  335.  
  336. {block:IfNotSquareHomeLinks}
  337. .hlks {height: 100%;
  338. width: 100px;
  339. background-color: {color:Sidebar Dark Links};
  340. margin: 15px auto;
  341. text-align: center;
  342. font-size: {text:Sidebar Main Links Font Size};
  343. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase};
  344. border-top: 10px solid {color:Accent};}
  345.  
  346. .hlks a:link, .hlks a:visited, .hlks a:active {color: {color:Sidebar Text};
  347. display: block;
  348. padding: 5px 0px;
  349. transition: all 0.8s ease-out;
  350. -o-transition: all 0.8s ease-out;
  351. -webkit-transition: all 0.8s ease-out;
  352. -moz-transition: all 0.8s ease-out;}
  353.  
  354. .hlks a:hover {color: {color:Sidebar}; background-color: {color:Accent};
  355. transition: all 0.8s ease-out;
  356. -o-transition: all 0.8s ease-out;
  357. -webkit-transition: all 0.8s ease-out;
  358. -moz-transition: all 0.8s ease-out;}
  359. {/block:IfNotSquareHomeLinks}
  360.  
  361. /* PAGE LINKS */
  362.  
  363. .line {margin: 25px auto;
  364. width: 70%;
  365. background-color: {color:Accent};
  366. height: 5px;
  367. margin-bottom: -14px;
  368. position: relative;
  369. z-index: 6}
  370.  
  371. .plnks {height: 500px;
  372. margin: auto;
  373. width: 90%;
  374. padding: 15px 0px;
  375. font-size: {text:Sidebar Page Links Font Size};}
  376.  
  377. .plnks a:link, .plnks a:visited, .plnks a:hover {{block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  378. font-family: {text:Fancy Font};
  379. color: {color:Sidebar Text};
  380. display: block;
  381. padding: 3px;
  382. text-align: center;
  383. letter-spacing: {text:Letter Spacing2};}
  384.  
  385. .plnks a:hover {color: {color:Accent};
  386. background-color: {color:Accent};
  387. transition: all 1s ease-out;
  388. -o-transition: all 1s ease-out;
  389. -webkit-transition: all 1s ease-out;
  390. -moz-transition: all 1s ease-out;}
  391.  
  392. /* PAGE NAVIGATION */
  393. .nav {height: 80px;
  394. width: 50%;
  395. margin-left: 38px;
  396. position: absolute;
  397. bottom: 0px;
  398. color: {color:Sidebar Text};
  399. font-family: {text:Fancy Font};
  400. font-size: {text:Navigation Font Size};}
  401.  
  402. .navl a:link, .navl a:visited, .navl a:active {float: left;
  403. font-size: {text:Navigation Font Size};
  404. color: {color:Sidebar Text};}
  405.  
  406. .navr a:link, .navr a:visited, .navr a:active {float: right;
  407. font-size: {text:Navigation Font Size};
  408. color: {color:Sidebar Text};}
  409.  
  410. .navln {background-color: {color:Accent};
  411. height: 15px;
  412. width: 100%;
  413. display: block}
  414.  
  415. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  416. #creditimage a:link, #creditimage a:visited, #creditimage a:active {color: {color:Post Links}; font-size: 8px; text-transform: uppercase; font-family: {text:Main Font};}
  417.  
  418. /* POSTS */
  419.  
  420. #postbox {width: 850px;
  421. margin-top: 40px;
  422. margin-left: 350px;
  423. background-color: transparent;
  424. font-family: {text:Main Font};}
  425.  
  426. #pstbox {padding-bottom: 15px}
  427.  
  428. #pst {background: {color:Posts};
  429. float: left;
  430. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  431. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  432. padding: 15px;
  433. padding-bottom: 3000px;
  434. margin-bottom: -3000px;
  435. min-height: 100px;
  436. font-size: {text:Posts Font Size};
  437. text-align: justify;
  438. color: {color:Post Text};
  439. overflow-x: hidden;}
  440.  
  441. .cap a:link, .cap a:visited, .cap a:active {color: {color:Post Links};
  442. font-style: italic;
  443. border-bottom: 2px solid {color:Post Links};
  444. padding: 0px 3px;}
  445.  
  446. .cap a:hover {background-color: {color:Post Links};
  447. color: {color:Accent};
  448. border-bottom: 0px;
  449. transition: all 0.4s ease-out;
  450. -o-transition: all 0.4s ease-out;
  451. -webkit-transition: all 0.4s ease-out;
  452. -moz-transition: all 0.4s ease-out;}
  453.  
  454. .cap img, .cap ul, .cap li, .cap blockquote {max-width: 100%}
  455.  
  456. .cap blockquote {border-left: 5px solid {color:Sidebar};
  457. padding-left: 10px}
  458.  
  459. .cap li {list-style: square;}
  460.  
  461. .info {{block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  462. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  463. background-color: {color:Date Background};}
  464.  
  465. .date {text-align: center;
  466. font-family: {text:Fancy Font};
  467. color: {color:Post Links};
  468. margin-right: -15px;
  469. letter-spacing: {text:Letter Spacing2};
  470. font-size: {text:Date Font Size};
  471. text-transform: uppercase;
  472. padding: 20px 0px;
  473. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  474. {block:If400pxPost}width: 400px;{/block:If400pxPost}}
  475.  
  476. #pstbox:hover .ntc {opacity: 1.0}
  477.  
  478. .ntc {{block:IfNot400pxPost}width: 300px;{/block:IfNot400pxPost}
  479. {block:If400pxPost}width: 200px;{/block:If400pxPost}
  480. height: 50px;
  481. background-color: {color:Date Background};
  482. opacity: 0.0;
  483. color: {color:Post Links};
  484. font-family: {text:Fancy Font};
  485. position: relative;
  486. z-index: 1;
  487. margin: auto;
  488. margin-top: -50px;
  489. text-align: center;
  490. font-size: {text:Note Count Font Size};
  491. line-height: 50px;
  492. letter-spacing: {text:Letter Spacing3};
  493. transition: all 0.4s ease-out;
  494. -o-transition: all 0.4s ease-out;
  495. -webkit-transition: all 0.4s ease-out;
  496. -moz-transition: all 0.4s ease-out;}
  497.  
  498. #pst .ntc a:link, #pst .ntc a:visited, #pst .ntc a:active {color: {color:Post Links};}
  499.  
  500.  
  501. #pst h1 {text-align: center;
  502. font-family: {text:Fancy Font};
  503. font-weight: normal;
  504. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  505. letter-spacing: {text:Letter Spacing2};
  506. margin-bottom: 5px;
  507. margin-top: 5px;
  508. color: {color:color:Post Links};}
  509.  
  510. #pst h1 a:link, #pst h1 a:visited, #pst h1 a:active {color: {color:Post Links};}
  511.  
  512. .hlne {height: 5px;
  513. width: 30%;
  514. margin: auto;
  515. background-color: {color:Post Links};}
  516.  
  517. .hlney {height: 5px;
  518. width: 30%;
  519. margin: auto;
  520. background-color: {color:Post Links};}
  521.  
  522. /* AUDIO */
  523.  
  524. .coverart {position: absolute;}
  525.  
  526. #pst .musiclabel {width: 240px;
  527. margin: 0px;
  528. padding: 0px;}
  529.  
  530. #pst .musiclabel ul {list-style: none;}
  531.  
  532. #pst .musiclabel li {list-style: none;
  533. font-size: {text:Posts Font Size};
  534. font-family: {text:Fancy Font};
  535. letter-spacing: {text:Letter Spacing1};
  536. margin-bottom: 2px;
  537. border-bottom: 2px solid {color:Reblog Border};
  538. text-transform: uppercase;}
  539.  
  540.  
  541. .mlabel {background-color: {color:Reblog Border}; padding: 0px 4px;}
  542.  
  543. .audioverlay {opacity: 0.8;
  544. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  545. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  546. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  547. position: absolute;
  548. z-index: 10;
  549. {block:IfNot400pxPost}margin-top: 45px;
  550. margin-left: 45px;{/block:IfNot400pxPost}
  551. {block:If400pxPost}margin-top: 20px;
  552. margin-left: 20px;{/block:If400pxPost}}
  553.  
  554. .audioarrow {width: 20px;
  555. height: 30px;
  556. overflow: hidden;
  557. margin: 15px 24px 13px 16px;}
  558.  
  559. /* QUESTIONS */
  560.  
  561. .apic {margin-top: 20px;
  562. border: 20px solid {color:Reblog Border};}
  563.  
  564. .asker {font-family: {text:Fancy Font};
  565. font-size: {text:Posts Font Size};
  566. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  567. letter-spacing: {text:Letter Spacing2};
  568. margin: 3px 0px;
  569. margin-bottom: 5px;}
  570.  
  571. .asker a:link, .asker a:visited, .asker a:active {color: {color:Post Links};}
  572.  
  573. .ques {width: 75%;
  574. margin: 20px auto;}
  575.  
  576. .qa {font-family: {text:Fancy Font};
  577. font-size: {text:Questions Font Size};
  578. line-height: 90%;
  579. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  580. {block:If400pxPost}text-indent: 20px;
  581. margin-bottom: 10px;{/block:If400pxPost}
  582. margin: 0px 20px;}
  583.  
  584. .qaleft {font-size: 70px;
  585. font-family: arial, helvetica;
  586. position: absolute;
  587. margin-top: -30px;
  588. color: {color:Post Text};}
  589.  
  590. .qaright {font-size: 70px;
  591. float:right;
  592. margin-top: -15px;
  593. font-family: arial, helvetica;
  594. color: {color:Post Text};}
  595.  
  596. /* QUOTE */
  597.  
  598. .quote {text-align: justify;
  599. width: 75%;
  600. font-family: {text:Fancy Font};
  601. padding-top: 10px;}
  602.  
  603. .quote_short {font-size: 24px;
  604. line-height: 90%;
  605. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  606. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  607. margin: 0px 20px;
  608. {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  609.  
  610. .quote_medium {font-size: 18px;
  611. line-height: 90%;
  612. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  613. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  614. margin: 0px 20px;
  615. {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  616.  
  617. .quote_long {font-size: 12px;
  618. line-height: 90%;
  619. {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  620. {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  621. margin: 0px 20px;
  622. {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  623.  
  624. .source {text-align: right;
  625. margin-top: 20px;}
  626.  
  627. .source a:link, .source a:visited, .source a:active {color: {color:Post Links};
  628. text-transform: uppercase;
  629. text-decoration: underline;}
  630.  
  631. .qleft {font-size: 70px;
  632. font-family: arial, helvetica;
  633. line-height: 100px;
  634. position: relative;
  635. bottom: 10px;
  636. left: 60px;
  637. margin-bottom: -90px;
  638. color: {color:Post Text};}
  639.  
  640. .qright {font-size: 70px;
  641. padding-right: 5px;
  642. line-height: 30px;
  643. text-align: right;
  644. position: relative;
  645. bottom: 0px;
  646. font-family: arial, helvetica;
  647. margin-bottom: -10px;
  648. color: {color:Post Text};}
  649.  
  650. /* CHAT */
  651. #pst .chat li, #pst .chat ul {list-style: none;
  652. font-family: {text:Fancy Font};
  653. font-size: {text:Posts Font Size};
  654. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  655. letter-spacing: {text:Letter Spacing1};}
  656.  
  657. #pst .chat ul {padding-bottom: 15px;
  658. padding-left: 0px;}
  659.  
  660. #pst .chat .cline {border-bottom: 4px solid {color:Reblog Border};}
  661.  
  662. .cline .label {background-color: {color:Reblog Border};
  663. padding: 0px 10px;}
  664.  
  665. /* NOTE LIST */
  666.  
  667. .perma_ntc {text-align: center;
  668. font-family: {text:Fancy Font};
  669. font-size: 12px;
  670. color: {color:Post Links};
  671. text-transform: uppercase;
  672. background-color: {color:Date Background};
  673. padding: 20px 0px;
  674. margin-bottom: -25px;
  675. letter-spacing: {text:Letter Spacing2};}
  676.  
  677. ol.notes {padding: 0px;
  678. margin: 25px 0px;
  679. list-style-type: none;
  680. border-bottom: solid 1px {color:Reblog Border};
  681. color: {color:Post Links};}
  682.  
  683. ol.notes a:link, ol.notes a:visited, ol.notes a:active {color: {color:Post Links};
  684. text-transform: uppercase;
  685. font-size: {text:Tags Font Size};
  686. font-family: {text:Tags Font};
  687. letter-spacing: {text:Letter Spacing1};
  688. font-style: normal;}
  689.  
  690. ol.notes li.note {border-top: solid 1px {color:Reblog Border};
  691. padding: 10px;}
  692.  
  693. ol.notes li.note img.avatar {vertical-align: -4px;
  694. margin-right: 10px;
  695. width: 16px;
  696. height: 16px;}
  697.  
  698. ol.notes li.note span.action {font-weight: normal;
  699. font-style: italic;}
  700.  
  701. ol.notes li.note .answer_content {font-weight: normal;}
  702.  
  703. ol.notes li.note blockquote {background-color: {color:Reblog Border};
  704. padding: 4px 10px;
  705. margin: 10px 0px 0px 25px;}
  706.  
  707. ol.notes li.note blockquote a:link, ol.notes li.note blockquote a:visited, ol.notes li.note blockquote a:active {text-decoration: none;
  708. font-size: {text:Tags Font Size};
  709. letter-spacing: {text:Letter Spacing1};}
  710.  
  711. /* REBLOG */
  712.  
  713. .rimgs img {border: 3px solid {color:Reblog Border};
  714. display: block;}
  715.  
  716. /* TAGS */
  717.  
  718. {block:IndexPage}{block:IfNotShowTags}
  719. #pstbox:hover #tblk {width: 180px;
  720. float:left;
  721. transition: all 1s ease-out;
  722. -o-transition: all 1s ease-out;
  723. -webkit-transition: all 1s ease-out;
  724. -moz-transition: all 1s ease-out;}
  725. {/block:IfNotShowTags}{/block:IndexPage}
  726.  
  727. #tblk {{block:IfNotShowTags}background-color: {color:Sidebar};{/block:IfNotShowTags}
  728. float:right;
  729. width: 10px;
  730. margin-left: 5px;
  731. padding-bottom: 3000px;
  732. margin-bottom: -3000px;
  733. transition: all 1s ease-out;
  734. -o-transition: all 1s ease-out;
  735. -webkit-transition: all 1s ease-out;
  736. -moz-transition: all 1s ease-out;}
  737.  
  738. {block:IndexPage}{block:IfShowTags}
  739. #tblk {width: 180px;
  740. float:right;
  741. transition: all 1s ease-out;
  742. -o-transition: all 1s ease-out;
  743. -webkit-transition: all 1s ease-out;
  744. -moz-transition: all 1s ease-out;}
  745. {/block:IfShowTags}{/block:IndexPage}
  746.  
  747.  
  748. #tblkn {background-color: {color:Sidebar};
  749. float:right;
  750. {block:IfShowTags}float:left;{/block:IfShowTags}
  751. width: 10px;
  752. margin-left: 5px;
  753. padding-bottom: 3000px;
  754. margin-bottom: -3000px;}
  755.  
  756. .tags {opacity: 0.0;
  757. width: 0px;
  758. height: 0px;
  759. font-size: {text:Tags Font Size};
  760. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  761. font-family: {text:Tags Font};}
  762.  
  763. {block:IfNotShowTags}
  764. #pstbox:hover .tags {opacity: 1.0;
  765. width: 150px;
  766. padding: 15px;
  767. max-height: 100%;
  768. line-height: 180%;}
  769. {/block:IfNotShowTags}
  770.  
  771. {block:IfShowTags}
  772. .tags {opacity: 1.0;
  773. width: 150px;
  774. padding: 15px;
  775. max-height: 100%;
  776. line-height: 180%;}
  777. {/block:IfShowTags}
  778.  
  779. .tags a:link, .tags a:visited, .tags a:active {display: block;
  780. color: {color:Tags};
  781. letter-spacing: {text:Letter Spacing1};
  782. font-style: italic;
  783. {block:IfShowTags}padding: 0px 4px;{/block:IfShowTags}
  784. transition: all 0.6s ease-out;
  785. -o-transition: all 0.6s ease-out;
  786. -webkit-transition: all 10.6ss ease-out;
  787. -moz-transition: all 0.6s ease-out;}
  788.  
  789. .tags a:hover {border-bottom: 3px solid {color:Accent};
  790. color: {color:Accent};
  791. {block:IfShowTags}background-color: {color:Sidebar};{/block:IfShowTags}
  792. transition: all 0.6s ease-out;
  793. -o-transition: all 0.6s ease-out;
  794. -webkit-transition: all 0.6s ease-out;
  795. -moz-transition: all 0.6s ease-out;}
  796.  
  797. {block:PermalinkPage}
  798. .tagcen {text-align: center;
  799. margin-top: 15px;}
  800.  
  801. .tagcen a:link, .tagcen a:visited, .tagcen a:active {background-color: {color:Date Background};
  802. font-family: {text:Tags Font};
  803. font-size: {text:Tags Font Size};
  804. letter-spacing: {text:Letter Spacing1};
  805. padding: 2px 4px;
  806. margin: -2px 2px;
  807. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  808. display: inline-block;
  809. color: {color:Post Links};}
  810. {/block:PermalinkPage}
  811.  
  812. #clear {clear: both;}
  813.  
  814. {CustomCSS}
  815. </style></head>
  816.  
  817.  
  818. <body>
  819.  
  820. <div id="container">
  821.  
  822. <div id="postbox">
  823.  
  824. {block:Posts}
  825. <table style="margin-left: 80px; margin-bottom: 20px;"><tr><td id="rblk" style="vertical-align: top"></td><td>
  826.  
  827.  
  828. <div id="pstbox" style="max-height:100%; overflow: hidden;">
  829.  
  830. <div id="pst">
  831.  
  832. {block:Date}<div class="info">
  833. {block:IndexPage}{block:RebloggedFrom}<div style="float: right; margin-top: 5px; margin-right: 5px;"><div class="rimgs"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" title="{ReblogParentTitle}"></a></div>
  834.  
  835. <div class="rimgs"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" title="{ReblogRootName}"></a></div></div>{/block:RebloggedFrom}{/block:IndexPage}
  836.  
  837. <div class="date" {block:RebloggedFrom}style="padding-left: 30px;"{/block:RebloggedFrom}>
  838. {block:NewDayDate} {DayOfMonthWithZero} . {MonthNumberWithZero} . {Year}{/block:NewDayDate}
  839.  
  840. {block:SameDayDate}<span style="font-size: {text:Tags Font Size};">{TimeAgo}</span>{/block:SameDayDate}</div></div>
  841.  
  842. {block:IndexPage}<div class="ntc">
  843. <a href="{ReblogURL}" target="_blank">REBLOG</a> &#9642;
  844.  
  845. {block:NoteCount}<div style="display: none">{/block:NoteCount}<a href="{Permalink}">PERMALINK</a>{block:NoteCount}</div>{/block:NoteCount}
  846.  
  847. {block:NoteCount}<a href="{Permalink}">{NoteCount} {block:IfNotShowNotesSymbol}NOTES{/block:IfNotShowNotesSymbol} {block:IfShowNotesSymbol}{text:Notes Symbol}{/block:IfShowNotesSymbol}</a>{/block:NoteCount}</div>{/block:IndexPage}{/block:Date}
  848.  
  849. <!--- PHOTO POSTS --->
  850. {block:Photo}{LinkOpenTag}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
  851. {block:If400pxPost}<img src="{PhotoURL-400}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="400px"{/block:IfStretchPhotos}>{/block:If400pxPost}{LinkCloseTag}
  852. {block:IfNotShowPhotoCaptions}{block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowPhotoCaptions}
  853.  
  854. {block:IfShowPhotoCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptions}{/block:Photo}
  855.  
  856. <!--- PHOTOSET POSTS --->
  857. {block:Photoset}<div style="margin-top: 10px;">{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  858. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  859. {block:IfNotShowPhotoCaptions}{block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowPhotoCaptions}
  860.  
  861. {block:IfShowPhotoCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptions}</div>{/block:Photoset}
  862.  
  863. <!--- AUDIO POSTS --->
  864. {block:Audio}
  865. <table cellspacing="0" cellpadding="0" style="margin-top: 2px;" width="500px"><tr><td {block:IfNot400pxPost}width="150px" {/block:IfNot400pxPost} {block:If400pxPost}width="100px"{/block:If400pxPost}>
  866.  
  867. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  868. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  869. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  870.  
  871. <div class="coverart">{block:AlbumArt}
  872. <img {block:IfNot400pxPost}width="150" height="150"{/block:IfNot400pxPost} {block:If400pxPost}width="100" height="100"{/block:If400pxPost} src="{AlbumArtURL}" />
  873. {/block:AlbumArt}</div>
  874.  
  875. <div class="defaultcover"><img 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}>
  876. </td>
  877.  
  878.  
  879. <td {block:IfNot400pxPost}width="91px"{/block:IfNot400pxPost} {block:If400pxPost}width="71px"{/block:If400pxPost}><img src="http://i40.tinypic.com/2vwcjgg.png" {block:IfNot400pxPost}height="150px"{/block:IfNot400pxPost} {block:If400pxPost}height="100px"{/block:If400pxPost}></td>
  880.  
  881. <td><ul class="musiclabel"><li class="musiclabel">{block:Artist}<span class="mlabel">ARTIST:</span> {Artist}{/block:Artist}</li>
  882. <li class="musiclabel">{block:TrackName}<span class="mlabel">SONG:</span> {TrackName}{/block:TrackName}</li>
  883. <li class="musiclabel">{block:Album}<span class="mlabel">ALBUM:</span> {Album}{/block:Album}</li>
  884. <li class="musiclabel"><div class="mlabel" style="text-align: center">{PlayCountWithLabel}</div></li></ul></td></tr></table>
  885. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  886. {/block:Audio}
  887.  
  888. <!--- VIDEO POSTS --->
  889. {block:Video}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  890. {block:If400pxPost}{Video-400}{/block:If400pxPost}
  891. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
  892.  
  893. <!--- TEXT POSTS --->
  894. {block:Text}<div class="cap">{block:Title}{block:IfShowPostTitleBars}<div class="hlne" style="margin-top: 20px;"></div>{/block:IfShowPostTitleBars}<h1>{Title}</h1>{block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}{/block:Title}
  895. {Body}</div>{/block:Text}
  896.  
  897. <!--- ANSWER POSTS --->
  898. {block:Answer}<center><img src="{AskerPortraitURL-30}" class="apic">
  899. <div class="asker">{Asker} {text:Ask Action}</div></center>
  900.  
  901. {block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}
  902. <div class="ques"><div class="qaleft">“</div><div class="qa">{Question}</div><div class="qaright">”</div></div>
  903. {block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}
  904. <div class="cap">{Answer}</div>{/block:Answer}
  905.  
  906.  
  907. <!--- QUOTE POSTS --->
  908. {block:Quote}<div class="qleft">“</div><center><div class="quote"><div class="quote_{Length}">{Quote}</div><div class="qright">”</div>
  909. {block:Source}<div class="source">- {Source}</div>{/block:Source}</div>{/block:Quote}
  910.  
  911. <!--- LINK POSTS --->
  912. {block:Link}{block:IfShowPostTitleBars}<div class="hlney" style="margin-top: 20px;"></div>{/block:IfShowPostTitleBars}<h1><a href="{URL}">{Name}</a></h1>{block:IfShowPostTitleBars}<div class="hlney"></div>{/block:IfShowPostTitleBars}
  913. {block:Description}<div class="cap">{Description}</div>{/block:Description}{/block:Link}
  914.  
  915. <!--- CHAT POSTS --->
  916. {block:Chat}<div class="cap">{block:Title}{block:IfShowPostTitleBars}<div class="hlne" style="margin-top: 20px;"></div>{/block:IfShowPostTitleBars}<h1>{Title}</h1>{block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}{/block:Title}
  917. <div class="chat"><ul>{block:Lines}
  918. <li class="cline">{block:Label}
  919. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
  920.  
  921. {block:PermalinkPage}
  922. <div class="tagcen" {block:NoteCount}style="margin-bottom: 15px;"{/block:NoteCount}>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  923.  
  924. {block:NoteCount}<div class="perma_ntc">{NoteCountWithLabel}</div>{/block:NoteCount} {/block:PermalinkPage}
  925. {block:PostNotes}{PostNotes}{/block:PostNotes}
  926. </div>
  927.  
  928. <div id="tblkn" {block:IndexPage}{block:IfNotShowTags}{block:HasTags}style="display: none"{/block:HasTags}{/block:IfNotShowTags}{/block:IndexPage}></div>
  929.  
  930. {block:IndexPage}{block:HasTags}<div id="tblk"><div class="tags">
  931. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  932. </div></div>{/block:HasTags}{/block:IndexPage}
  933. <div id="clear"></div></div></td></tr></table>
  934.  
  935. {block:IndexPage}{block:IfShowTagsInPost}<div class="tagcen">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:IfShowTagsInPost}{/block:IndexPage}
  936.  
  937. {/block:Posts}
  938.  
  939.  
  940. </div>
  941.  
  942. <!--- START OF SIDEBAR --->
  943. <div class="bar">
  944.  
  945. <!--- BEGIN SIDEBAR INLAY --->
  946. <div class="sidebar"><table class="tble" cellspacing="0" cellpadding="0">
  947. <tr><td height="280px"><div class="descript">{Description}</div></td></tr>
  948.  
  949. {block:IfTitle2}<tr><td height="110px">
  950. <div class="hmlinks">
  951. <div class="tl"></div>
  952. <a href="/" class="hlink">{text:Title2}</a>
  953. <div class="tl"></div></div></td></tr>{/block:IfTitle2}
  954.  
  955. <tr><td>{block:IfSidebarPic2Image}<img src="{image:SidebarPic2}" width="180px">{/block:IfSidebarPic2Image}
  956.  
  957. <div class="line"></div>
  958. <div class="plnks">
  959. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  960. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  961. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  962. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  963. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div></td></tr>
  964. </table></div>
  965.  
  966. <!--- BEGIN SKINNY SIDEBAR --->
  967.  
  968.  
  969. <div class="sb">
  970. <div class="hmlinks" style="margin-top: 30px;">
  971. <div class="t1l"></div>
  972. <a href="/" class="hlink">{block:IfNotAlternateTitle1}{Title}{/block:IfNotAlternateTitle1} {block:IfAlternateTitle1}{text:Alternate Title1}{/block:IfAlternateTitle1}</a>
  973. <div class="t1l"></div></div>
  974.  
  975. <div id="sidebarpic1"><img src="{image:SidebarPic1}"></div>
  976. {block:IfSidebarPic1a}<div id="sidebarpic2"><img src="{image:SidebarPic1a}"></div>{/block:IfSidebarPic1a}
  977.  
  978. {block:IfSquareHomeLinks}
  979. <div class="hlks"><Div class="blk">
  980. <a href="/" class="blks">REFRESH</a>
  981. <a href="/ask" class="blks2">ASK</a>
  982. <a href="/archive" class="blks3">ARCHIVE</a>
  983. {block:IfNotShowSubmit}<a href="/random" class="blks4">RANDOM</a>{/block:IfNotShowSubmit}
  984. {block:IfShowSubmit}<a href="/submit" class="blks4">SUBMIT</a>{/block:IfShowSubmit}</div></div>
  985. {/block:IfSquareHomeLinks}
  986.  
  987. {block:IfNotSquareHomeLinks}
  988. <div class="hlks">
  989. <a href="/">REFRESH</a>
  990. <a href="/ask">ASK</a>
  991. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  992. <a href="/archive">ARCHIVE</a>
  993. <a href="/random">RANDOM</a></div>
  994. {/block:IfNotSquareHomeLinks}
  995.  
  996. {block:Pagination}<div class="nav"><div class="navln"></div>
  997. {block:PreviousPage}<div class="navl"><a href="{PreviousPage}">PREV</a></div>{/block:PreviousPage}
  998. {block:NextPage}<div class="navr"><a href="{NextPage}">NEXT</a></div>{/block:NextPage}</div>{/block:Pagination}</div>
  999. </div>
  1000.  
  1001. <div id="creditimage"><a href="http://lostmemento.tumblr.com">{block:IfNotTextCredit}<img src="http://static.tumblr.com/bkd4m5b/kRDm3vhr3/lmthemeslogoxsml_copy.png">{/block:IfNotTextCredit} {block:IfTextCredit} &copy; LMTHEMES{/block:IfTextCredit}</a></div>
  1002. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment