API tools faq
paste
Advertisement
Jean

LOVE HATE LOVE 02

Jean
Feb 18th, 2014
607
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. _________________________
  5. | |
  6. | hello hacker fucker |
  7. | this is matt furniss |
  8. | heres the deal. |
  9. | if you hack this game |
  10. | i will find you |
  11. | where ever you are |
  12. | and break your legs |
  13. | and thats a promise |
  14. |_________________________|
  15.  
  16.  
  17. LOVE HATE LOVE redux edit by jean @ hazuknagisa.tumblr
  18. original redux theme by jacob @ jacobbijani.com
  19. infinite scrolling script by cody sherman @ codysherman.com
  20.  
  21. if you have questions or need help contact me at hazuknagisa
  22. i'll try to get back asap but please don't expect an instant response
  23.  
  24. this theme is optimized for google chrome.
  25.  
  26. -->
  27. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  28. <head>
  29.  
  30. <!-- OPTIONS -->
  31. <!-- COLORS -->
  32. <meta name="color:background" content="#fff" />
  33. <meta name="color:selection bg" content="#fff" />
  34. <meta name="color:selection" content="#fff" />
  35. <meta name="color:post bg" content="#fff" />
  36. <meta name="color:borders" content="#000" />
  37. <meta name="color:text" content="#666" />
  38. <meta name="color:links" content="#000" />
  39. <meta name="color:links hover" content="#000" />
  40. <meta name="color:blog title" content="#000" />
  41. <meta name="color:sidebar links" content="#000" />
  42. <meta name="color:sidebar links hover" content="#000" />
  43. <meta name="color:footer text" content="#b9b9b9" />
  44. <meta name="color:footer text hover" content="#000" />
  45. <meta name="color:post title" content="#000" />
  46. <meta name="color:chat line 1" content="#eee" />
  47. <meta name="color:chat line 2" content="#b9b9b9" />
  48. <meta name="color:ask bg" content="#eee" />
  49. <meta name="color:ask text" content="#000" />
  50. <meta name="color:scrollbar" content="#000" />
  51.  
  52. <!-- TOGGLE OPTIONS -->
  53. <meta name="if:bg cover" content="0" />
  54. <meta name="if:font 1" content="1" /> <!-- INCONSOLATA -->
  55. <meta name="if:font 2" content="0" /> <!-- CUTIVE MONO -->
  56. <meta name="if:font 3" content="0" /> <!-- CARROIS GOTHIC -->
  57. <meta name="if:selection shadow" content="1" />
  58. <meta name="if:scroll desc" content="0" />
  59. <meta name="if:show captions" content="0" />
  60. <meta name="if:show album art on audio posts" content="1" />
  61.  
  62. <!-- ENTRY FIELDS -->
  63. <meta name="text:space btwn posts" content="30px" />
  64. <meta name="text:side title" content="title" />
  65. <meta name="text:link 1" content="index" />
  66. <meta name="text:link 1 url" content="/" />
  67. <meta name="text:link 2" content="mail" />
  68. <meta name="text:link 2 url" content="/ask" />
  69. <meta name="text:link 3" content="past" />
  70. <meta name="text:link 3 url" content="/archive" />
  71. <meta name="text:link 4" content="link 4" />
  72. <meta name="text:link 4 url" content="/" />
  73. <meta name="text:link 5" content="link 5" />
  74. <meta name="text:link 5 url" content="/" />
  75.  
  76. <!-- IMAGES -->
  77. <meta name="image:background" content="" />
  78. <meta name="image:corner img" content="" />
  79. <meta name="image:footer pixel" content="https://31.media.tumblr.com/3cb9cf2f47ed321279165c95a6690486/tumblr_inline_mzl76g2TVN1r3qhpo.gif" />
  80. <!-- OPTIONS END -->
  81.  
  82. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  83. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  84. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  85. <link rel="shortcut icon" href="{Favicon}" />
  86. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  88.  
  89. <!-- FONTS -->
  90. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono|Carrois+Gothic|Inconsolata:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  91. <!-- FONTS END -->
  92.  
  93. <!-- TOOLTIPS -->
  94. <link href="http://static.tumblr.com/boe2ve6/WNEn0ddpr/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  95. <script src="http://static.tumblr.com/boe2ve6/74Sn0ddox/jquery.style-my-tooltips.js"></script>
  96. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:100,
  103. tip_fade_speed:100,
  104. attribute:"title"
  105. });
  106. });
  107. })(jQuery);
  108. </script>
  109. <!-- TOOLTIPS END -->
  110.  
  111. <!-- INFINITE SCROLL -->
  112. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  113. <!-- INFINITE SCROLL END -->
  114.  
  115. <style type="text/css">
  116.  
  117. /* TOOLTIPS */
  118. /* POI */
  119. #s-m-t-tooltip {
  120. color:{color:text};
  121. {block:ifnotfont1}
  122. font-family:arial;
  123. {/block:ifnotfont1}
  124. {block:ifnotfont2}
  125. font-family:arial;
  126. {/block:ifnotfont2}
  127. {block:ifnotfont3}
  128. font-family:arial;
  129. {/block:ifnotfont3}
  130. {block:iffont1}
  131. font-family:inconsolata;
  132. {/block:iffont1}
  133. {block:iffont2}
  134. font-family:cutive mono;
  135. {/block:iffont2}
  136. {block:iffont3}
  137. font-family:carrois gothic;
  138. {/block:iffont3}
  139. font-size:11px;
  140. line-height:16px;
  141. background:{color:post bg};
  142. max-width:300px;
  143. margin:5px 10px 10px 10px;
  144. padding:2px;
  145. -moz-border-radius:0px;
  146. -webkit-border-radius:0px;
  147. border-radius:0px;
  148. -moz-box-shadow:0px 0px 0px #000;
  149. -webkit-box-shadow:0px 0px 0px #000;
  150. box-shadow:0px 0px 0px #000;
  151. z-index:999999999999;
  152. }
  153. /* TOOLTIPS END */
  154.  
  155. /* SELECTION */
  156. {block:ifnotselectionshadow}
  157. ::selection {
  158. background:{color:selection bg};
  159. color: {color:selection};
  160. }
  161.  
  162. ::-moz-selection {
  163. background:{color:selection bg};
  164. color:{color:selection};
  165. }
  166.  
  167. ::-webkit-selection {
  168. background:{color:selection bg};
  169. color:{color:selection};
  170. }
  171. {/block:ifnotselectionshadow}
  172.  
  173. {block:ifselectionshadow}
  174. ::selection {
  175. background:transparent;
  176. text-shadow: -2px 2px 0px #b9b9b9;
  177. color:{color:text};
  178. }
  179.  
  180. ::-moz-selection {
  181. background:transparent;
  182. text-shadow: -2px 2px 0px #b9b9b9;
  183. color:{color:text};
  184. }
  185.  
  186. ::-webkit-selection {
  187. background:transparent;
  188. text-shadow: -2px 2px 0px #b9b9b9;
  189. color:{color:text};
  190. }
  191. {/block:ifselectionshadow}
  192. /* SELECTION END */
  193.  
  194. /* SCROLLBAR */
  195. ::-webkit-scrollbar {
  196. width: 5px;
  197. height: 4px;
  198. background:transparent;
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb {
  202. background-color: {color:scrollbar};
  203. -webkit-border-radius: 0ex;
  204. }
  205. /* SCROLLBAR END */
  206.  
  207. body {
  208. {block:ifnotbgcover}
  209. background:{color:Background} url('{image:Background}') top left fixed repeat;
  210. {/block:ifnotbgcover}
  211. {block:ifbgcover}background:{color:Background} url('{image:Background}');
  212. background-size:cover;
  213. {/block:ifbgcover}
  214. margin:0;
  215. padding:0;
  216. {block:ifnotfont1}
  217. font-family:arial;
  218. {/block:ifnotfont1}
  219. {block:ifnotfont2}
  220. font-family:arial;
  221. {/block:ifnotfont2}
  222. {block:ifnotfont3}
  223. font-family:arial;
  224. {/block:ifnotfont3}
  225. {block:iffont1}
  226. font-family:inconsolata;
  227. {/block:iffont1}
  228. {block:iffont2}
  229. font-family:cutive mono;
  230. {/block:iffont2}
  231. {block:iffont3}
  232. font-family:carrois gothic;
  233. {/block:iffont3}
  234. }
  235.  
  236. .clear {
  237. clear:both;
  238. height:0px;
  239. overflow:hidden;
  240. }
  241.  
  242. a img {
  243. border:none;
  244. }
  245.  
  246. /* POSTS */
  247. /* POI */
  248. #content {
  249. width:270px;
  250. margin-left:100px;
  251. float:left;
  252. margin-top:50px;
  253. /*{block:ifpostsleft}
  254. margin-left:100px;
  255. {/block:ifpostsleft}
  256. {block:ifnotpostsleft}
  257. margin-right:100px;
  258. {/block:ifnotpostsleft}
  259. {block:ifpostsleft}
  260. float:left;
  261. {/block:ifpostsleft}
  262. {block:ifnotpostsleft}
  263. float:right;
  264. {/block:ifnotpostsleft}*/
  265. }
  266.  
  267. /* POI */
  268. #content .post {
  269. {block:ifnotfont1}
  270. font-family:arial;
  271. {/block:ifnotfont1}
  272. {block:ifnotfont2}
  273. font-family:arial;
  274. {/block:ifnotfont2}
  275. {block:ifnotfont3}
  276. font-family:arial;
  277. {/block:ifnotfont3}
  278. {block:iffont1}
  279. font-family:inconsolata;
  280. {/block:iffont1}
  281. {block:iffont2}
  282. font-family:cutive mono;
  283. {/block:iffont2}
  284. {block:iffont3}
  285. font-family:carrois gothic;
  286. {/block:iffont3}
  287. background:{color:post bg};
  288. padding:10px;
  289. position:relative;
  290. border-top:1px solid {color:borders};
  291. border-left:1px solid {color:borders};
  292. /*{block:ifpostsleft}
  293. border-top:1px solid {color:borders};
  294. border-left:1px solid {color:borders};
  295. {/block:ifpostsleft}
  296. {block:ifnotpostsleft}
  297. border-top:1px solid {color:borders};
  298. border-right:1px solid {color:borders};
  299. {/block:ifnotpostsleft}*/
  300. }
  301.  
  302. #content .post .media {
  303. text-align:center;
  304. margin-bottom:10px;
  305. }
  306.  
  307. #content .post .quote {
  308. color:{color:text};
  309. font-weight:bold;
  310. padding:20px 20px 5px 20px;
  311. }
  312.  
  313. #content .post .quote.short {
  314. font-size:33px;
  315. line-height:35px;
  316. }
  317.  
  318. #content .post .quote.medium {
  319. font-size:25px;
  320. line-height:28px;
  321. }
  322.  
  323. #content .post .quote.long {
  324. font-size:18px;
  325. line-height:22px;
  326. }
  327.  
  328. #content .post .quote_source *:first-child {
  329. margin-top:0px;
  330. }
  331.  
  332. #content .post .quote_source *:last-child {
  333. margin-bottom:0px;
  334. }
  335.  
  336. #content .post .quote *:first-child {
  337. margin-top:0px;
  338. }
  339.  
  340. #content .post .quote *:last-child {
  341. margin-bottom:0px;
  342. }
  343.  
  344. #content .post .copy {
  345. color:{color:text};
  346. padding:10px;
  347. font-size:13px;
  348. line-height:15px;
  349. }
  350.  
  351. #content .post .copy a {
  352. color:{color:links};
  353. text-decoration:underline;
  354. -webkit-transition:all 0.2s ease-in-out;
  355. -moz-transition:all 0.2s ease-in-out;
  356. -o-transition:all 0.2s ease-in-out;
  357. transition:all 0.2s ease-in-out;
  358. }
  359.  
  360. #content .post .copy a:hover {
  361. color:{color:links hover};
  362. text-decoration:none;
  363. }
  364.  
  365. #content .post .copy p {
  366. margin:10px 0 0 0;
  367. padding:0;
  368. }
  369.  
  370. #content .post .copy pre {
  371. margin:10px 0px 10px 0px;
  372. padding:10px;
  373. background-color:#e6e6e6;
  374. font:normal 11px Courier, monospace;
  375. overflow:auto;
  376. }
  377.  
  378. #content .post .copy > p:first-child {
  379. margin-top:0;
  380. }
  381.  
  382. #content .post .copy img {
  383. max-width:100%;
  384. }
  385.  
  386. #content .post .audio {
  387. background:{color:post bg};
  388. float:left;
  389. padding:7px;
  390. margin-bottom:10px;
  391. -moz-border-radius:4px;
  392. -webkit-border-radius:4px;
  393. border-radius:4px;
  394. }
  395.  
  396. #content .post .audio .player {
  397. float:left;
  398. }
  399.  
  400. #content .post .audio .player .audio_player embed {
  401. border:1px solid {color:borders};
  402. }
  403.  
  404. #content .post .audio .meta {
  405. padding:8px 13px;
  406. height:13px;
  407. float:left;
  408. color:{color:text};
  409. {block:ifnotfont1}
  410. font-family:arial;
  411. {/block:ifnotfont1}
  412. {block:ifnotfont2}
  413. font-family:arial;
  414. {/block:ifnotfont2}
  415. {block:ifnotfont3}
  416. font-family:arial;
  417. {/block:ifnotfont3}
  418. {block:iffont1}
  419. font-family:inconsolata;
  420. {/block:iffont1}
  421. {block:iffont2}
  422. font-family:cutive mono;
  423. {/block:iffont2}
  424. {block:iffont3}
  425. font-family:carrois gothic;
  426. {/block:iffont3}
  427. font-size:11px;
  428. text-transform:lowercase;
  429. }
  430.  
  431. #content .post .audio .meta a {
  432. color:{color:links};
  433. text-decoration:none;
  434. }
  435.  
  436. #content .post .album_art {
  437. text-align:center;
  438. }
  439.  
  440. #content .post .question {
  441. color:{ask text};
  442. font-size:16px;
  443. font-weight:bold;
  444. background:{color:ask bg};
  445. -moz-border-radius:8px;
  446. -webkit-border-radius:8px;
  447. border-radius:8px;
  448. margin:0 0 15px 0;
  449. padding:15px 20px;
  450. position:relative;
  451. }
  452.  
  453. #content .post .asker_container {
  454. margin:0 0 20px 24px;
  455. }
  456.  
  457. #content .post .asker_container img {
  458. margin:0 12px -7px 0;
  459. }
  460.  
  461. #content .post .asker_container a.asker {
  462. color:{color:Body};
  463. }
  464.  
  465. #content .post .title {
  466. color:{color:post title};
  467. font-size:16px;
  468. font-weight:bold;
  469. }
  470.  
  471. #content .post img {
  472. max-width:250px;
  473. }
  474.  
  475. /* POI */
  476. #content .post .chat {
  477. background-color:transparent;
  478. border-left:5px solid {color:borders};
  479. margin:10px 10px 0 10px;
  480. font-size:14px;
  481. }
  482.  
  483. #content .post .chat .lines {
  484. margin-left:1px;
  485. }
  486.  
  487. #content .post .chat .lines .line {
  488. background-color:{color:chat line 1};
  489. color:{color:text};
  490. margin-bottom:1px;
  491. padding:3px 5px;
  492. }
  493.  
  494. #content .post .chat .lines .line.even {
  495. background-color:{color:chat line 2};
  496. }
  497.  
  498. #content .post .link {
  499. {block:ifnotfont1}
  500. font-family:arial;
  501. {/block:ifnotfont1}
  502. {block:ifnotfont2}
  503. font-family:arial;
  504. {/block:ifnotfont2}
  505. {block:ifnotfont3}
  506. font-family:arial;
  507. {/block:ifnotfont3}
  508. {block:iffont1}
  509. font-family:inconsolata;
  510. {/block:iffont1}
  511. {block:iffont2}
  512. font-family:cutive mono;
  513. {/block:iffont2}
  514. {block:iffont3}
  515. font-family:carrois gothic;
  516. {/block:iffont3}
  517. font-size:12px;
  518. text-align:center;
  519. text-transform:uppercase;
  520. margin-top:-5px;
  521. margin-left:-7px;
  522. }
  523.  
  524. #content .post .link a {
  525. color:{color:links};
  526. padding-left:7px;
  527. -webkit-transition:all 0.2s ease-in-out;
  528. -moz-transition:all 0.2s ease-in-out;
  529. -o-transition:all 0.2s ease-in-out;
  530. transition:all 0.2s ease-in-out;
  531. }
  532.  
  533. #content .post .link a:hover {
  534. color:{color:links hover};
  535. }
  536.  
  537. #content .post .footer .tags {
  538. text-align:right;
  539. }
  540.  
  541. /* FOOTER */
  542. #content .post .footer {
  543. background:transparent;
  544. {block:ifnotfont1}
  545. font-family:arial;
  546. {/block:ifnotfont1}
  547. {block:ifnotfont2}
  548. font-family:arial;
  549. {/block:ifnotfont2}
  550. {block:ifnotfont3}
  551. font-family:arial;
  552. {/block:ifnotfont3}
  553. {block:iffont1}
  554. font-family:inconsolata;
  555. {/block:iffont1}
  556. {block:iffont2}
  557. font-family:cutive mono;
  558. {/block:iffont2}
  559. {block:iffont3}
  560. font-family:carrois gothic;
  561. {/block:iffont3}
  562. font-size:11px;
  563. color:{color:text};
  564. position:relative;
  565. text-align:right;
  566. width:80px;
  567. margin-top:0px;
  568. margin-left:-100px;
  569. opacity:0;
  570. -webkit-transition:all 0.2s ease-in-out;
  571. -moz-transition:all 0.2s ease-in-out;
  572. -o-transition:all 0.2s ease-in-out;
  573. transition:all 0.2s ease-in-out;
  574. }
  575.  
  576. #content .post:hover .footer {
  577. margin-top:0px;
  578. margin-left:-75px;
  579. opacity:1;
  580. }
  581.  
  582. #content .post .footer a {
  583. color:{color:footer text};
  584. text-decoration:none;
  585. -webkit-transition:all 0.2s ease-in-out;
  586. -moz-transition:all 0.2s ease-in-out;
  587. -o-transition:all 0.2s ease-in-out;
  588. transition:all 0.2s ease-in-out;
  589. }
  590.  
  591. #content .post .footer a:hover {
  592. color:{color:footer text hover};
  593. }
  594.  
  595. /* POI */
  596. #content .post .footer.for_permalink:hover {
  597. opacity:0.9;
  598. filter:alpha(opacity=90);
  599. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  600. }
  601.  
  602. /* POI */
  603. #content .post .footer .date {
  604. width:67%;
  605. float:left;
  606. color:#666;
  607. }
  608.  
  609. /* POI */
  610. #content .post .footer .notes {
  611. width:33%;
  612. float:right;
  613. text-align:right;
  614. color:#666;
  615. }
  616.  
  617. /* POI */
  618. #content .post .footer .notes a {
  619. color:#666;
  620. }
  621.  
  622. /* POI */
  623. #content .post .footer .tags a {
  624. color:#4a4a51;
  625. text-decoration:underline;
  626. }
  627.  
  628. #content .post .footer .tags .tag-commas:last-child {
  629. display:none;
  630. }
  631.  
  632. #content .post .footer.with_source_url .tags {
  633. max-width:330px;
  634. float:left;
  635. }
  636.  
  637. #content .post .footer.with_source_url .source_url {
  638. float:right;
  639. max-width:160px;
  640. overflow:hidden;
  641. white-space:nowrap;
  642. }
  643.  
  644. #content .post .footer.with_source_url .source_url img {
  645. vertical-align:top;
  646. -moz-opacity:0.5;
  647. opacity:0.5;
  648. }
  649.  
  650. #content .post .footer.with_source_url .source_url:hover img {
  651. -moz-opacity:0.7;
  652. opacity:0.7;
  653. }
  654.  
  655. #content .post a {
  656. color:{color:links};
  657. text-decoration:underline;
  658. -webkit-transition:all 0.2s ease-in-out;
  659. -moz-transition:all 0.2s ease-in-out;
  660. -o-transition:all 0.2s ease-in-out;
  661. transition:all 0.2s ease-in-out;
  662. }
  663.  
  664. #content .post a:hover {
  665. color:{color:links hover};
  666. text-decoration:none;
  667. }
  668.  
  669. /* POI */
  670. #content .post .copy blockquote {
  671. margin:10px 0px 10px 10px;
  672. padding-left:15px;
  673. border-left:solid 4px #dcdcdc;
  674. }
  675.  
  676. #content .post .copy blockquote blockquote {
  677. border-left:solid 4px #cccccc;
  678. }
  679.  
  680. #content .post .copy blockquote blockquote blockquote {
  681. border-left:solid 4px #bcbcbc;
  682. }
  683.  
  684. #content .post .copy blockquote blockquote blockquote blockquote {
  685. border-left:solid 4px #acacac;
  686. }
  687.  
  688. #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  689. border-left:solid 4px #9c9c9c;
  690. }
  691.  
  692. #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  693. border-left:solid 4px #8c8c8c;
  694. }
  695.  
  696. #content .bottom {
  697. width:513px;
  698. height:{text:space btwn posts};
  699. margin:0 auto;
  700. }
  701.  
  702. /* POI */
  703. #content .post .notecontainer {
  704. background:#eaeaea;
  705. -moz-border-radius:4px;
  706. -webkit-border-radius:4px;
  707. border-radius:4px;
  708. {block:ifnotfont1}
  709. font-family:arial;
  710. {/block:ifnotfont1}
  711. {block:ifnotfont2}
  712. font-family:arial;
  713. {/block:ifnotfont2}
  714. {block:ifnotfont3}
  715. font-family:arial;
  716. {/block:ifnotfont3}
  717. {block:iffont1}
  718. font-family:inconsolata;
  719. {/block:iffont1}
  720. {block:iffont2}
  721. font-family:cutive mono;
  722. {/block:iffont2}
  723. {block:iffont3}
  724. font-family:carrois gothic;
  725. {/block:iffont3}
  726. font-size:11px;
  727. color:#666;
  728. margin-top:10px;
  729. margin-bottom:-10px;
  730. }
  731.  
  732. /* POI */
  733. #content .post .notecontainer a {
  734. color:#666;
  735. text-decoration:underline;
  736. }
  737.  
  738. #content .post .notecontainer ol.notes {
  739. padding:0px 0 10px 0;
  740. list-style-type:none;
  741. font-size:11px;
  742. }
  743.  
  744. #content .post .notecontainer ol.notes li.note {
  745. padding:10px 10px 0 10px;
  746. }
  747.  
  748. #content .post .notecontainer ol.notes li.note img.avatar {
  749. vertical-align:-4px;
  750. margin-right:10px;
  751. width:16px;
  752. height:16px;
  753. }
  754.  
  755. #content .post .notecontainer ol.notes li.note span.action {
  756. font-weight:normal;
  757. }
  758.  
  759. #content .post .notecontainer ol.notes li.note .answer_content {
  760. font-weight:normal;
  761. }
  762.  
  763. /* POI */
  764. #content .post .notecontainer ol.notes li.note blockquote {
  765. border-left:2px solid #666;
  766. padding:4px 10px;
  767. margin:10px 0px 0px 25px;
  768. }
  769.  
  770. #content .post .notecontainer ol.notes li.note blockquote a {
  771. text-decoration:none;
  772. }
  773. /* FOOTER END */
  774. /* POSTS END */
  775.  
  776. /* POI */
  777. #content #searchresults {
  778. color:#fff;
  779. margin:0 0 15px 0;
  780. text-shadow:1px 3px 5px rgba(0,0,0, 0.5);
  781. {block:ifnotfont1}
  782. font-family:arial;
  783. {/block:ifnotfont1}
  784. {block:ifnotfont2}
  785. font-family:arial;
  786. {/block:ifnotfont2}
  787. {block:ifnotfont3}
  788. font-family:arial;
  789. {/block:ifnotfont3}
  790. {block:iffont1}
  791. font-family:inconsolata;
  792. {/block:iffont1}
  793. {block:iffont2}
  794. font-family:cutive mono;
  795. {/block:iffont2}
  796. {block:iffont3}
  797. font-family:carrois gothic;
  798. {/block:iffont3}
  799. font-size:20px;
  800. }
  801.  
  802. #content #searchresults .search_query {
  803. font-weight:bold;
  804. }
  805.  
  806. #content #searchresults .search_query:before {
  807. content:'“';
  808. }
  809.  
  810. #content #searchresults .search_query:after {
  811. content:'”';
  812. }
  813.  
  814. /* SIDEBAR */
  815. #sidebar {
  816. position:fixed;
  817. top:200px;
  818. left:600px;
  819. width:100px;
  820. height:100px;
  821. padding:10px;
  822. }
  823.  
  824. .title {
  825. margin-top:-32px;
  826. text-align:right;
  827. /*{block:ifpostsleft}
  828. text-align:right;
  829. {/block:ifpostsleft}
  830.  
  831. {block:ifnotpostsleft}
  832. text-align:left;
  833. {/block:ifnotpostsleft}*/
  834.  
  835. color:{color:blog title};
  836. font-size:16px;
  837. {block:ifnotfont1}
  838. font-family:arial;
  839. {/block:ifnotfont1}
  840. {block:ifnotfont2}
  841. font-family:arial;
  842. {/block:ifnotfont2}
  843. {block:ifnotfont3}
  844. font-family:arial;
  845. {/block:ifnotfont3}
  846.  
  847. {block:iffont1}
  848. font-family:inconsolata;
  849. {/block:iffont1}
  850.  
  851. {block:iffont2}
  852. font-family:cutive mono;
  853. {/block:iffont2}
  854.  
  855. {block:iffont3}
  856. font-family:carrois gothic;
  857. {/block:iffont3}
  858. }
  859.  
  860. .desc {
  861. position:fixed;
  862. top:200px;
  863. left:600px;
  864. width:100px;
  865. {block:ifnotscrolldesc}
  866. height:auto;
  867. {/block:ifnotscrolldesc}
  868.  
  869. {block:ifscrolldesc}
  870. width:100px;
  871. height:100px;
  872. overflow:auto;
  873. {/block:ifscrolldesc}
  874. background:{color:post bg};
  875. border-top:1px solid {color:borders};
  876. border-right:1px solid {color:borders};
  877.  
  878. /*{block:ifpostsleft}
  879. border-top:1px solid {color:borders};
  880. border-right:1px solid {color:borders};
  881. {/block:ifpostsleft}
  882.  
  883. {block:ifnotpostsleft}
  884. border-top:1px solid {color:borders};
  885. border-left:1px solid {color:borders};
  886. {/block:ifnotpostsleft}*/
  887.  
  888. padding:10px;
  889. color:{color:text};
  890. font-size:10px;
  891. text-align:right;
  892.  
  893. /*{block:ifpostsleft}
  894. text-align:right;
  895. {/block:ifpostsleft}
  896.  
  897. {block:ifnotpostsleft}
  898. text-align:left;
  899. {/block:ifnotpostsleft}*/
  900.  
  901. {block:ifnotfont1}
  902. font-family:arial;
  903. {/block:ifnotfont1}
  904. {block:ifnotfont2}
  905. font-family:arial;
  906. {/block:ifnotfont2}
  907. {block:ifnotfont3}
  908. font-family:arial;
  909. {/block:ifnotfont3}
  910.  
  911. {block:iffont1}
  912. font-family:inconsolata;
  913. {/block:iffont1}
  914.  
  915. {block:iffont2}
  916. font-family:cutive mono;
  917. {/block:iffont2}
  918.  
  919. {block:iffont3}
  920. font-family:carrois gothic;
  921. {/block:iffont3}
  922. }
  923.  
  924. .sidelinks {
  925. margin-top:10px;
  926. margin-left:115px;
  927. font-size:10px;
  928. color:{color:text};
  929. background:transparent;
  930. text-align:left;
  931.  
  932. /*{block:ifpostsleft}
  933. text-align:right;
  934. {/block:ifpostsleft}
  935.  
  936. {block:ifnotpostsleft}
  937. text-align:left;
  938. {/block:ifnotpostsleft}*/
  939.  
  940. width:100%;
  941. height:20px;
  942. {block:ifnotfont1}
  943. font-family:arial;
  944. {/block:ifnotfont1}
  945. {block:ifnotfont2}
  946. font-family:arial;
  947. {/block:ifnotfont2}
  948. {block:ifnotfont3}
  949. font-family:arial;
  950. {/block:ifnotfont3}
  951.  
  952. {block:iffont1}
  953. font-family:inconsolata;
  954. {/block:iffont1}
  955.  
  956. {block:iffont2}
  957. font-family:cutive mono;
  958. {/block:iffont2}
  959.  
  960. {block:iffont3}
  961. font-family:carrois gothic;
  962. {/block:iffont3}
  963. }
  964.  
  965. .sidelinks a {
  966. color:{color:sidebar links};
  967. text-decoration:underline;
  968. -webkit-transition: all 0.2s ease-in-out;
  969. -moz-transition: all 0.2s ease-in-out;
  970. -o-transition: all 0.2s ease-in-out;
  971. transition: all 0.2s ease-in-out;
  972. }
  973.  
  974. .sidelinks a:hover {
  975. color:{color:sidebar links hover};
  976. text-decoration:none;
  977. }
  978.  
  979. .navigation {
  980. text-align: right;
  981. padding-bottom: 35px;
  982. text-transform: lowercase;
  983. {block:ifnotfont1}
  984. font-family:arial;
  985. {/block:ifnotfont1}
  986. {block:ifnotfont2}
  987. font-family:arial;
  988. {/block:ifnotfont2}
  989. {block:ifnotfont3}
  990. font-family:arial;
  991. {/block:ifnotfont3}
  992. {block:iffont1}
  993. font-family:inconsolata;
  994. {/block:iffont1}
  995. {block:iffont2}
  996. font-family:cutive mono;
  997. {/block:iffont2}
  998. {block:iffont3}
  999. font-family:carrois gothic;
  1000. {/block:iffont3}
  1001. }
  1002.  
  1003. #sideimg {
  1004. position:fixed;
  1005. right:20px;
  1006. bottom:20px;
  1007. }
  1008. /* SIDEBAR END */
  1009.  
  1010. #crxx {
  1011. position:fixed;
  1012. left:10px;
  1013. bottom:10px;
  1014. font-size:11px;
  1015. {block:ifnotfont1}
  1016. font-family:arial;
  1017. {/block:ifnotfont1}
  1018. {block:ifnotfont2}
  1019. font-family:arial;
  1020. {/block:ifnotfont2}
  1021. {block:ifnotfont3}
  1022. font-family:arial;
  1023. {/block:ifnotfont3}
  1024.  
  1025. {block:iffont1}
  1026. font-family:inconsolata;
  1027. {/block:iffont1}
  1028.  
  1029. {block:iffont2}
  1030. font-family:cutive mono;
  1031. {/block:iffont2}
  1032.  
  1033. {block:iffont3}
  1034. font-family:carrois gothic;
  1035. {/block:iffont3}
  1036. z-index:999999999;
  1037. }
  1038.  
  1039. #crxx a {
  1040. color:{color:links};
  1041. text-decoration:none;
  1042. }
  1043.  
  1044. #crxx a:hover {
  1045. color:{color:links hover};
  1046. }
  1047.  
  1048. </style>
  1049. <style type="text/css">{CustomCSS}</style>
  1050. </head>
  1051.  
  1052. <body>
  1053. <!-- SIDEBAR -->
  1054. <div id="sidebar"><div class="title">{text:side title}</div><div class="desc">{Description}</div>
  1055. <div class="sidelinks"><a href="{text:link 1 url}">{text:link 1}</a><br><a href="{text:link 2 url}">{text:link 2}</a><br><a href="{text:link 3 url}">{text:link 3}</a><br><a href="{text:link 4 url}">{text:link 4}</a><br><a href="{text:link 5 url}">{text:link 5}</a></div></div>
  1056. <div id="sideimg"><img src="{image:corner img}"/></div>
  1057. <!-- SIDEBAR END -->
  1058. <div id="crxx"><a href="http://hazuknagisa.tumblr.com" title="theme credit">（笑）</a></div>
  1059. <div id="content">
  1060. {block:SearchPage}
  1061. {block:SearchResults}
  1062. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  1063. {/block:SearchResults}
  1064. {block:NoSearchResults}
  1065. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  1066. {/block:NoSearchResults}
  1067. {/block:SearchPage}
  1068. <div class= "autopagerize_page_element">
  1069.  
  1070. <!-- POSTS -->
  1071. {block:Posts}
  1072. <div class="post">
  1073. {block:Date}
  1074. <div class="footer">
  1075. <div class="date">
  1076. {block:IndexPage}
  1077. <a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>{block:NoteCount}<br><a href="{Permalink}">{NoteCount}{/block:NoteCount}</a><br>{block:HasTags}<span style="text-align:right"><a href="{Permalink}" title="{block:Tags}{Tag}; {/block:Tags}"><img src="{image:footer pixel}"/></a></span>{/block:HasTags}
  1078. {/block:IndexPage}
  1079. {block:PermalinkPage}
  1080. <a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>{block:NoteCount}<br><a href="{Permalink}">{NoteCount}{/block:NoteCount}</a><br>{block:HasTags}<span style="text-align:right"><a href="{Permalink}" title="{block:Tags}{Tag}; {/block:Tags}"><img src="{image:footer pixel}"/></a></span>{/block:HasTags}
  1081. <br>{block:ContentSource}<a href="{SourceURL}" class"source_url"><span style="text-transform:lowercase">{lang:Source}</span></a><br>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a>{/block:RebloggedFrom}{/block:ContentSource}
  1082. {/block:PermalinkPage}
  1083. <div class="clear"></div></div>
  1084. </div>
  1085. {/block:Date}
  1086.  
  1087. <!-- PHOTO POSTS -->
  1088. {block:Photo}
  1089. <div class="media">{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  1090. {block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  1091. {block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{block:IndexPage}{block:Caption}{/block:Caption}{/block:IndexPage}{/block:ifnotshowcaptions}
  1092. {/block:Photo}
  1093. <!-- PHOTO POSTS END -->
  1094.  
  1095. <!-- VIDEO POSTS AND PHOTOSETS -->
  1096. {block:Video}
  1097. <div class="media">{Video-250}</div>
  1098. {block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  1099. {block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{block:IndexPage}{block:Caption}{/block:Caption}{/block:IndexPage}{/block:ifnotshowcaptions}
  1100. {/block:Video}
  1101. <!-- VIDEO POSTS AND PHOTOSETS END -->
  1102.  
  1103. <!-- AUDIO POSTS -->
  1104. {block:Audio}
  1105. {block:AudioEmbed}
  1106. {AudioEmbed}
  1107. {/block:AudioEmbed}
  1108. {block:AudioPlayer}
  1109. {block:IfShowAlbumArtOnAudioPosts}
  1110. {block:AlbumArt}
  1111. <div class="album_art">
  1112. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  1113. </div>
  1114. {/block:AlbumArt}
  1115. {/block:IfShowAlbumArtOnAudioPosts}
  1116. <div class="audio">
  1117. <div class="player">{AudioPlayerWhite}</div>
  1118. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  1119. <div class="clear"></div>
  1120. </div>
  1121. {/block:AudioPlayer}
  1122. <div class="clear"></div>
  1123. {block:ifshowcaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  1124. {block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{block:IndexPage}{block:Caption}{/block:Caption}{/block:IndexPage}{/block:ifnotshowcaptions}
  1125. {/block:Audio}
  1126. <!-- AUDIO POSTS END -->
  1127.  
  1128. <!-- QUOTE POSTS -->
  1129. {block:Quote}
  1130. <div class="quote {Length}">{Quote}</div>
  1131. <div class="copy">
  1132. {block:Source}
  1133. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1134. <tr>
  1135. <td valign="top" style="width:20px;">&mdash;</td>
  1136. {Source}
  1137. </td>
  1138. </tr>
  1139. </table>
  1140. {/block:Source}
  1141. </div>
  1142. {/block:Quote}
  1143. <!-- QUOTE POSTS END -->
  1144.  
  1145. <!-- TEXT POSTS -->
  1146. {block:Text}
  1147. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1148. <div class="copy">{Body}</div>
  1149. {/block:Text}
  1150. <!-- TEXT POSTS END -->
  1151.  
  1152. <!-- ASKS -->
  1153. {block:Answer}
  1154. <div class="question">
  1155. {Question}
  1156. </div>
  1157. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1158. <div class="copy">{Answer}</div>
  1159. {/block:Answer}
  1160. <!-- ASKS END -->
  1161.  
  1162. <!-- CHAT POSTS -->
  1163. {block:Chat}
  1164. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1165. <div class="chat">
  1166. <div class="lines">
  1167. {block:Lines}
  1168. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1169. {/block:Lines}
  1170. </div>
  1171. </div>
  1172. <div class="clear"></div>
  1173. <div style="height:10px;"></div>
  1174. {/block:Chat}
  1175. <!-- CHAT POSTS END -->
  1176.  
  1177. <!-- LINK POSTS -->
  1178. {block:Link}
  1179. <div class="link"><a href="{URL}" {Target}>{Name} </a></div>
  1180. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1181. {/block:Link}
  1182. <!-- LINK POSTS END -->
  1183.  
  1184. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="display:none;{block:ContentSource}display:block;{/block:ContentSource}">
  1185. <div class="clear"></div>
  1186. </div>
  1187. </div>
  1188. <div class="bottom"></div>
  1189. {/block:Posts}
  1190. <!-- POSTS END -->
  1191.  
  1192. </div>
  1193. </div>
  1194. </body>
  1195. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!