Advertisement
rivhalry

theme #1

Oct 21st, 2014
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.00 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.  
  5.  
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15. <!--
  16.  
  17. _____ _ _ _____ __ __ _____ ______ __
  18. |_ _| | | | ____| \/ | ____| | __ \ \ / /
  19. | | | |_| | _| | |\/| | _| | _ \\ V /
  20. | | | _ | |___| | | | |___ | |_) || |
  21. |_| |_| |_|_____|_| |_|_____| |____/ |_|
  22.  
  23. ____ _____ ___ _ _ _ ______ __
  24. | _ \|_ _\ \ / | | | | / \ | | | _ \ \ / /
  25. | |_) || | \ \ / /| |_| | / _ \ | | | |_) \ V /
  26. | _ < | | \ V / | _ |/ ___ \| |___| _ < | |
  27. |_| \_|___| \_/ |_| |_/_/ \_|_____|_| \_\|_|
  28.  
  29.  
  30.  
  31.  
  32. I give credit to nucleor for base code
  33.  
  34. -->
  35.  
  36.  
  37.  
  38. <title>{Title}</title>
  39.  
  40. <link rel="shortcut icon" href="http://media.tumblr.com/d0828dc53924f0ae57b006f83500d629/tumblr_inline_mi5xs3Ykl71qz4rgp.gif">
  41.  
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Sidebar" content=""/>
  44.  
  45. <meta name="color:container background" content="#ffffff">
  46.  
  47. <meta name="color:permalink font" content="#fffbbb">
  48. <meta name="color:permalink background" content="#000">
  49.  
  50. <meta name="color:nav links" content="#95a1b6"/>
  51.  
  52. <meta name="color:Background" content="#ffffff">
  53. <meta name="color:Posts Background" content="#ffffff">
  54. <meta name="color:Tooltip Text" content="#000000">
  55. <meta name="color:Tooltip Background" content="#ffffff">
  56. <meta name="color:Scrollbar" content="#000000">
  57. <meta name="color:Scrollbar Background" content="#ffffff">
  58. <meta name="color:Blockquote" content="#000000">
  59. <meta name="color:Ask Background" content="#f4f4f4">
  60. <meta name="color:Ask Image Background" content="#ffffff">
  61. <meta name="color:Chat Background" content="#f4f4f4">
  62. <meta name="color:Chat Text" content="#000000">
  63. <meta name="color:Text" content="#000000">
  64. <meta name="color:Links" content="#000000">
  65. <meta name="color:Links Hover" content="#555555">
  66. <meta name="color:Borders" content="#000000">
  67.  
  68. <meta name="if:Full Background" content="0"/>
  69. <meta name="if:Box shadow" content="0"/>
  70. <meta name="if:Rounded Borders" content="0"/>
  71.  
  72. <meta name="text:link one" content="/" />
  73. <meta name="text:link one" content="/" />
  74. <meta name="text:link one title" content="refresh" />
  75. <meta name="text:link two" content="/ask" />
  76. <meta name="text:link two title" content="inbox" />
  77. <meta name="text:link three" content="" />
  78. <meta name="text:link three title" content="" />
  79. <meta name="text:link four" content="" />
  80. <meta name="text:link four title" content="" />
  81. <meta name="text:link five" content="" />
  82. <meta name="text:link five title" content="" />
  83. <meta name="text:link six" content="" />
  84. <meta name="text:link six title" content="" />
  85. <meta name="text:link seven" content="" />
  86. <meta name="text:link seven title" content="" />
  87.  
  88.  
  89.  
  90. <style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  91.  
  92. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  93. </style>
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. <script>
  115.  
  116. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  117. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  118.  
  119. //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
  120. //** Call: uniquevar.playclip() to play sound
  121.  
  122. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  123. "mp3": "audio/mpeg",
  124. "mp4": "audio/mp4",
  125. "ogg": "audio/ogg",
  126. "wav": "audio/wav"
  127. }
  128.  
  129. function createsoundbite(sound){
  130. var html5audio=document.createElement('audio')
  131. if (html5audio.canPlayType){ //check support for HTML5 audio
  132. for (var i=0; i<arguments.length; i++){
  133. var sourceel=document.createElement('source')
  134. sourceel.setAttribute('src', arguments[i])
  135. if (arguments[i].match(/\.(\w+)$/i))
  136. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  137. html5audio.appendChild(sourceel)
  138. }
  139. html5audio.load()
  140. html5audio.playclip=function(){
  141. html5audio.pause()
  142. html5audio.currentTime=0
  143. html5audio.play()
  144. }
  145. return html5audio
  146. }
  147. else{
  148. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  149. }
  150. }
  151.  
  152. //Initialize two sound clips with 1 fallback file each:
  153.  
  154. var mouseoversound=createsoundbite("http://soundjax.com/reddo/36340%5EClick03.mp3", "http://soundjax.com/reddo/36340%5EClick03.mp3")
  155.  
  156. var clicksound=createsoundbite("http://soundjax.com/reddo/36340%5EClick03.mp3", "http://soundjax.com/reddo/36340%5EClick03.mp3")
  157.  
  158. </script>
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/oc7chfd/eXDnbpgq9/meffects.css" />
  176. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:40,tip_fade_speed:40,attribute:"title"});});})(jQuery);</script>
  177.  
  178. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  179. <script>
  180. $(function(){
  181. var $container = $('#posts');
  182. $container.imagesLoaded(function(){
  183. $container.masonry({
  184. itemSelector: '.content',
  185. });
  186. });
  187. $container.infinitescroll({
  188. itemSelector : ".content",
  189. navSelector : "div.pagination",
  190. nextSelector : ".pagination a#next",
  191. loadingImg : "http://33.media.tumblr.com/995aad89897e7d6514434818c52f7e91/tumblr_nbz75oIHGT1tfvwa5o1_75sq.png",
  192. loadingText : "<em></em>",
  193. bufferPx : 600,
  194. debug : false,
  195. },
  196. // trigger Masonry as a callback
  197. function( newElements ) {
  198. var $newElems = $( newElements ).css({ opacity: 0 });
  199. // ensure that images load before adding to masonry layout
  200. $newElems.imagesLoaded(function(){
  201. $newElems.animate({ opacity: 1 });
  202. $container.masonry( 'appended', $newElems, true );
  203. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(5000);} );
  204. });
  205. }
  206. );
  207. });
  208. </script>
  209.  
  210. <style type="text/css">
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226. body {
  227. background-color:{color:background};
  228. font-family: 'calibri', sans-serif;
  229. font-size:8px;
  230. letter-spacing:1px;
  231. color:{color:text};
  232. overflow-x:hidden;
  233. background-image:url('{image:Background}');
  234. background-attachment:fixed;
  235. {block:ifFullBackground}
  236. background-size:cover;
  237. {/block:ifFullBackground}
  238. text-transform: uppercase;
  239. color:{color:text};
  240. cursor:crosshair;
  241. }
  242.  
  243. html, body, a:hover {
  244. cursor:crosshair;
  245. }
  246.  
  247. #tumblr_controls {
  248. opacity: 0.5;
  249. -webkit-transition: opacity 0.7s linear;
  250. -webkit-transition: all 1s ease-out;
  251. -moz-transition: all 1s ease-out;
  252. transition: all 1s ease-out;
  253. position: fixed;
  254. -webkit-filter:invert(100%);
  255. }
  256.  
  257. #tumblr_controls:hover {
  258. opacity: 1;
  259. -webkit-transition: opacity 0.7s linear;
  260. -webkit-transition: all 1s ease-out;
  261. -moz-transition: all 1s ease-out;
  262. transition: all 1s ease-out;
  263. }
  264.  
  265. ::-webkit-scrollbar {
  266. height: auto;
  267. width: 8px;
  268. background-image:repeat;
  269. background-color: {color:Scrollbar background};
  270. background-attachment:fixed;
  271.  
  272. }
  273.  
  274. ::-webkit-scrollbar-thumb {
  275. background-color: {color:Scrollbar};
  276. height: auto;
  277. border:white 3px solid;
  278. }
  279.  
  280. a {
  281. color:{color:Links};
  282. text-decoration:none;
  283. -webkit-transition: .6s ease;
  284. -moz-transition: .6s ease;
  285. transition: .6s ease;
  286. }
  287.  
  288. a:hover {
  289. color:{color:Links Hover};
  290. -webkit-transition: .6s ease;
  291. -moz-transition: .6s ease;
  292. transition: .6s ease;
  293. }
  294.  
  295. #s-m-t-tooltip {
  296. font-size:8px;
  297. letter-spacing:1px;
  298. padding:5px;
  299. margin:25px 0px 10px 25px;
  300. {block:ifboxshadow}
  301. box-shadow:4px 4px rgba(0, 0, 0, 0.7);
  302. {/block:ifboxshadow}
  303. z-index:10;
  304. background:{color:Tooltip Background};
  305. border:1px solid {color:Borders};
  306. color:{color:Tooltip Text};
  307. text-transform:uppercase;
  308. -webkit-transition: all 0.4s ease-out;
  309. -moz-transition: all 0.4s ease-out;
  310. transition: all 0.4s ease-out;
  311. z-index:9999999999999999999999999999999;
  312. }
  313.  
  314.  
  315. /* sidebar */
  316.  
  317. #sidebar {
  318. position: fixed;
  319. margin-top:185px;
  320. margin-left:700px;
  321. z-index:999999;
  322. width:158px;
  323. height:158px;
  324. {block:ifroundedborders}
  325. border-radius:5px;
  326. {/block:ifroundedborders}
  327. -webkit-animation:fadeIn 2s;
  328. -moz-animation:fadeIn 2s;
  329. -ms-animation:fadeIn 2s;
  330. -o-animation:fadeIn 2s;
  331. border:10px solid white;
  332.  
  333.  
  334.  
  335. }
  336.  
  337. .sidebar-image {
  338. width:158px;
  339. height:158px;
  340. {block:ifboxshadow}
  341. box-shadow:6px 6px rgba(0, 0, 0, 0.7);
  342. {/block:ifboxshadow}
  343. -webkit-filter: grayscale(60%);
  344. -moz-filter: grayscale(60%);
  345. -o-filter: grayscale(60%);
  346. filter: grayscale(60%);
  347. border:1px solid {color:Borders};outline: 1px solid black;
  348. outline-offset: 8px;
  349. }
  350.  
  351.  
  352.  
  353. .box {
  354. font-size: 9px;
  355. text-transform:uppercase;
  356. padding:5px;
  357. height:11px;
  358. margin-top:-25px;
  359. width:148px;
  360. overflow:hidden;
  361. background:#000;
  362. position:absolute;
  363. color:#fff;
  364. letter-spacing:1px;
  365. border:1px solid {color:Borders};
  366. opacity:.8;
  367. padding-right:5px;
  368. text-align:center;
  369. color:white;
  370. -webkit-transition: all 1s ease-out;
  371. -moz-transition: all 1s ease-out;
  372. transition: all 1s ease-out;
  373. }
  374.  
  375. #sidebar:hover .box {
  376. height:auto;
  377. margin-top:-106px;
  378. transform: rotate(360deg);
  379. -ms-transform: rotate(360deg);
  380. -webkit-transform: rotate(360deg);
  381. -o-transform: rotate(360deg);
  382. -moz-transform: rotate(360deg);
  383. -webkit-transition: all 0.6s ease-out;
  384. -moz-transition: all 0.6s ease-out;
  385. transition: all 0.6s ease-out;
  386. }
  387.  
  388. .box a {
  389. color:#fff;
  390. }
  391.  
  392. .navi {
  393. margin-top:8px;
  394. text-align:center;
  395. font-size: 8px;
  396. text-transform:uppercase;
  397. }
  398.  
  399. .navi a {
  400. color:{color:Text};
  401. }
  402.  
  403.  
  404.  
  405. #rivahlrylinks a {
  406. box-shadow: 3px 3px rgba(0,0,0,.02);
  407. display:inline-block;
  408. background-color:{color:nav links};
  409. padding:2px;
  410. opacity:0.9;
  411. border: 2px solid #fff;outline: 1px solid black;outline-offset: 0px;
  412. border-radius:0%;
  413. margin-top:3px;
  414. margin-right:-180px;
  415. z-index:99999999;
  416. color:white;
  417. width:35px;
  418. -webkit-transition: all 0.7s ease-out;
  419. -moz-transition: all 0.7s ease-out;
  420. transition: all 0.7s ease-out;
  421. }
  422. #rivahlrylinks a:hover{
  423. display:inline-block;
  424. border-radius:0%;
  425. z-index:99999999;
  426. -webkit-transition: all 0.7s ease-out;
  427. -moz-transition: all 0.7s ease-out;
  428. transition: all 0.7s ease-out;
  429. opacity:0.9;
  430. margin-left:25px;
  431. background-color:{color:nav links};
  432. }
  433.  
  434. #sidebar4 {
  435. position: fixed;
  436. margin-top:182px;
  437. font-size:12px;
  438. font-family:consolas;
  439. z-index:99999;
  440. padding:4px;
  441. height:0px;
  442. width:10px;
  443. background-color:{color:link};
  444. margin-left:850px;
  445. }
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460. #border{
  461. border-left:1px solid {color:borders};outline: 1px solid black;outline-offset: -10px;
  462. margin-left:298px;
  463. background-color:{color:container background};
  464. width:370px;
  465. height:150%;
  466. margin-top:-50px;
  467. position:fixed;
  468. border-right:1px solid {color:borders};
  469. {block:permalinkpage}
  470. width:350px;
  471. {/block:permalinkpage}
  472. }
  473.  
  474. /* POSTS */
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481. .content .permalink{
  482. background:{color:permalink background};
  483. margin-top:8px;
  484. font-size:9px;
  485. text-transform:uppercase;
  486. padding-left:7px;
  487. padding-top:7px;
  488. padding-right:7px;
  489. text-align:center;
  490. color:{color:permalink font};
  491. letter-spacing:1.5px;
  492. padding-bottom:6px;
  493. opacity:0.8;
  494. }
  495.  
  496. .content .permalink a{
  497. color:{color:permalink font};
  498. }
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507. .content{
  508. position:relative;
  509. background:{color:post background};
  510. padding:10px;
  511. border:1px solid {color:borders};
  512. margin:5px;
  513. margin-left:338px;
  514. margin-top:20px;
  515. width:270px;
  516. {block:permalinkpage}
  517. width:250px;
  518. {/block:permalinkpage}
  519. }
  520.  
  521.  
  522.  
  523.  
  524. .content img {
  525. {block:Indexpage}
  526. -webkit-filter: grayscale(70%);
  527. -moz-filter: grayscale(70%);
  528. -o-filter: grayscale(70%);
  529. filter: grayscale(70%);
  530. {/block:Indexpage}
  531. border:1px solid {color:Borders};
  532. -webkit-transition: 1s ease;
  533. -moz-transition: 1s ease;
  534. transition: 1s ease;
  535. {block:Indexpage}
  536. {block:ifboxshadow}
  537. box-shadow:6px 6px rgba(0, 0, 0, 0.7);
  538. {/block:ifboxshadow}
  539. {/block:Indexpage}
  540.  
  541. }
  542.  
  543. .content .html_photoset {
  544. {block:Indexpage}
  545. -webkit-filter: grayscale(70%);
  546. -moz-filter: grayscale(70%);
  547. -o-filter: grayscale(70%);
  548. filter: grayscale(70%);
  549. {/block:Indexpage}
  550. -webkit-transition: 1s ease;
  551. -moz-transition: 1s ease;
  552. transition: 1s ease;
  553. }
  554.  
  555. .content .html_photoset:hover {
  556. -webkit-filter: grayscale(0%);
  557. -moz-filter: grayscale(0%);
  558. -o-filter: grayscale(0%);
  559. filter: grayscale(0%);
  560. -webkit-transition: 1s ease;
  561. -moz-transition: 1s ease;
  562. transition: 1s ease;
  563. }
  564.  
  565. .content img:hover {
  566. opacity:1;
  567. -webkit-filter: grayscale(0%);
  568. -moz-filter: grayscale(0%);
  569. -o-filter: grayscale(0%);
  570. filter: grayscale(0%);
  571. -webkit-transition: 2s ease;
  572. -moz-transition: 2s ease;
  573. transition: 2s ease;
  574. }
  575.  
  576.  
  577. #posts{
  578. width:270px;
  579. background:none;
  580. margin-top:5px;
  581. margin-bottom:50px;
  582. z-index:0;
  583. -webkit-animation:fadeIn 3s;
  584. -moz-animation:fadeIn 3s;
  585. -ms-animation:fadeIn 3s;
  586. -o-animation:fadeIn 3s;
  587. }
  588.  
  589. .content img {
  590. max-width: 100%;
  591. }
  592.  
  593. .content blockquote {
  594. border-left: 1px dotted {color:Blockquote};
  595. padding-left:10px;
  596. margin-left:-1px;
  597. }
  598.  
  599. .pagination {
  600. display:none;
  601. margin-bottom:20px;
  602. margin-left:170px;
  603. }
  604.  
  605. #ask {
  606. padding: 10px;
  607. background-color: {color:Ask Background};
  608. text-align: left;
  609. overflow:hidden;
  610. min-height: 40px;
  611. }
  612.  
  613. #ask a {
  614. color: {color:Links};
  615. }
  616.  
  617. .answer {
  618. text-align: left;
  619. margin-top:5px;
  620. padding-left:0px;
  621. padding-right:5px;
  622. margin-left:5px;
  623. margin-bottom: 5px;
  624. }
  625.  
  626. .askk {
  627. padding-top:5px;
  628. }
  629.  
  630. .asker {
  631. border-bottom:1px solid {color:Borders};
  632. padding-top:5px;
  633. letter-spacing:2px;
  634. padding-bottom:3px;
  635. }
  636.  
  637. #askthing {
  638. margin: 0px 10px 0px 0px;
  639. border:1px solid {color:borders};
  640. padding:5px;
  641. float:left;
  642. background:{color:ask image background};
  643. opacity:1;
  644. }
  645.  
  646. #askthing img {
  647. opacity:1;
  648. }
  649.  
  650. #ask:first-letter {
  651. text-transform:uppercase;
  652. }
  653.  
  654. .source {
  655. text-align:center;
  656. }
  657.  
  658. .quote {
  659. font-size:10px;
  660. text-transform:none;
  661. }
  662.  
  663. .title {
  664. font-size:11px;
  665. color:{color:Text};
  666. letter-spacing:1px;
  667. padding-bottom:5px;
  668. }
  669.  
  670. .kk {
  671. margin-top:-3px;
  672. font-size:8px;
  673. letter-spacing:1px;
  674. text-transform:uppercase;
  675. }
  676.  
  677.  
  678. ol.notes {
  679. padding: 0 25px;
  680. line-height: 15px;
  681. list-style-type: katakana;
  682. letter-spacing: 0px;
  683. margin-top: 10px;
  684. font-size:8px;
  685. overflow-x:Hidden;
  686. overflow-y:scroll;
  687. max-height:200px;
  688. }
  689.  
  690. ol.notes li.note {
  691. padding: 7px 0;
  692. text-align: left;
  693. letter-spacing: 0px;
  694. }
  695.  
  696. ol.notes li.note {
  697. text-align: left;
  698. padding-bottom:7px;
  699. padding-top:10px;
  700. letter-spacing: 0px;
  701. font-size:8px;
  702. }
  703.  
  704. .notes img {
  705. display:none;
  706. }
  707.  
  708. .album {
  709. z-index:1;
  710. position:absolute;
  711. width:41px;
  712. height:41px;
  713. }
  714.  
  715. .album img{
  716. float:left;
  717. width:40px;
  718. height:40px;
  719. }
  720.  
  721. .infos {
  722. text-transform: uppercase;
  723. position:relative;
  724. font-size:8px;
  725. padding-bottom:10px;
  726. margin:0 0 10px 50px;
  727. background-color: transparent;
  728. }
  729.  
  730. .player {
  731. width:27px;
  732. height:27px;
  733. position:absolute;
  734. margin-top:7px;
  735. margin-left:7px;
  736. overflow:hidden;
  737. z-index:10;
  738. opacity: .7;
  739. }
  740.  
  741. .chat ul {
  742. list-style: none;
  743. padding: 0;
  744. }
  745.  
  746. .chat li {
  747. border: 1px solid rgba(0, 0, 0, 0);
  748. padding: 2%;
  749. box-shadow: 1px 1px 1px {color:Borders} outset;
  750. }
  751.  
  752. .chat .odd {
  753. background:{color:Chat Background};
  754. color:{color:Chat Text};
  755. }
  756.  
  757. .chat .even {
  758. /*NOTHING HERE FOR BLANK BACKGROUND*/
  759. }
  760.  
  761. .text-permas {
  762. text-decoration:none;
  763. border-top:1px solid {color:Borders};
  764. opacity:1;
  765. padding:4px;
  766. margin-top:10px;
  767. font-size:8px;
  768. text-transform:uppercase;
  769. }
  770.  
  771. .permaz {
  772. border-bottom: 1px solid {color:Borders};
  773. padding: 15px 5px;
  774. font-size: 8px;
  775. letter-spacing:1px;
  776. text-transform: uppercase;
  777. }
  778.  
  779. {CustomCss}
  780.  
  781. </style>
  782.  
  783. </head>
  784. <body>
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800. <a href="http://rivahlry.tumblr.com" title="theme by rivahlry "><img src="http://media.tumblr.com/d0828dc53924f0ae57b006f83500d629/tumblr_inline_mi5xs3Ykl71qz4rgp.gif" style="position:fixed; bottom:10px; -webkit-filter: grayscale(80%); right:10px; z-index:9999999999999999999"/></a>
  801.  
  802.  
  803. <div id="border"></div>
  804. <div id="sidebar">
  805.  
  806. <img class="sidebar-image" src="{image:Sidebar}">
  807.  
  808. <div class="box">
  809. <div style="font-size: 14px; margin-top:-2px;font: consolas;text-transform:lowercase;">강하게 남아</div><br>
  810. {Description}
  811. </div></div>
  812.  
  813.  
  814. <div id="sidebar4">
  815. <div id="rivahlrylinks">
  816. <a href="{text:Link One}" title="{text:Link One Title}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()">強</a> <br>
  817. <a href="{text:Link Two}" title="{text:Link Two Title}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()">い</a> <br>
  818. <a href="{text:Link Three}" title="{text:Link Three Title}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()">ま</a> <br>
  819. <a href="{text:Link Four}" title="{text:Link Four Title}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()">ま</a> <br>
  820. <a href="{text:Link Five}" title="{text:Link Five Title}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()">で</a> <br>
  821. <a href="{text:Link six}" title="{text:Link six Title}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()">い</a> <br>
  822. <a href="{text:Link seven}" title="{text:Link seven Title}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()">る</a>
  823.  
  824.  
  825. </div></div>
  826.  
  827.  
  828.  
  829.  
  830.  
  831.  
  832.  
  833. <div id="posts">
  834.  
  835. {block:Posts}
  836.  
  837. <div class="content">
  838.  
  839. <!-- {block:NoRebloggedFrom}
  840. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  841. {/block:NoRebloggedFrom} -->
  842.  
  843. {block:ContentSource}<!-- {SourceURL}
  844. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  845. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  846. {/block:ContentSource}
  847.  
  848.  
  849. {block:Text}
  850. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow}
  851. box-shadow:6px 6px rgba(0, 0, 0, 0.7);
  852. {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  853. {block:Title}<div class="title"><b>{Title}</b></div>{/block:Title}
  854. <div class="kk">{Body}</div>
  855. {block:indexpage}
  856. {block:date}
  857. <div class="text-permas">
  858. <a href="{ReblogURL}" onclick="clicksound.playclip()">Reblog</a> + <a href="{Permalink}" title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  859. {/block:indexpage}
  860. {block:permalinkpage}
  861. {block:Date}
  862.  
  863. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  864.  
  865. <div class="permaz">
  866. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  867. <sta>notes</sta>: {NoteCount} notes <br>
  868. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  869. {/block:Date}
  870. {/block:permalinkpage}
  871.  
  872. {block:Permalinkpage}
  873. {block:PostNotes}{PostNotes}{/block:PostNotes}
  874. {/block:Permalinkpage}
  875. </div>
  876. {/block:Text}
  877.  
  878.  
  879. {block:Quote}
  880. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow} box-shadow:6px 6px rgba(0, 0, 0, 0.7); {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  881. <div class="quote">"{Quote}"<br></div>
  882. {block:Source}<div class="source"><br><b>{Source}</b></div>{/block:Source}
  883. {block:indexpage}
  884. {block:date}
  885. <div class="text-permas">
  886. <a href="{ReblogURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >Reblog</a> + <a href="{Permalink}"title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  887. {/block:indexpage}
  888. {block:permalinkpage}
  889. {block:Date}
  890.  
  891. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  892.  
  893. <div class="permaz">
  894. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  895. <sta>notes</sta>: {NoteCount} notes <br>
  896. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  897. {/block:Date}
  898. {/block:permalinkpage}
  899.  
  900. {block:Permalinkpage}
  901. {block:PostNotes}{PostNotes}{/block:PostNotes}
  902. {/block:Permalinkpage}
  903. </div>
  904. {/block:Quote}
  905.  
  906.  
  907. {block:Link}
  908. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow} box-shadow:6px 6px rgba(0, 0, 0, 0.7); {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  909. <div class="title"><a href="{URL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{Name}</a></div>
  910. <div class="kk">{block:Description}{Description}{/block:Description}</div>
  911. {block:indexpage}
  912. {block:date}
  913. <div class="text-permas">
  914. <a href="{ReblogURL}">Reblog</a> + <a href="{Permalink}" title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  915. {/block:indexpage}
  916. {block:permalinkpage}
  917. {block:Date}
  918.  
  919. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  920.  
  921. <div class="permaz">
  922. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  923. <sta>notes</sta>: {NoteCount} notes <br>
  924. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  925. {/block:Date}
  926. {/block:permalinkpage}
  927.  
  928. {block:Permalinkpage}
  929. {block:PostNotes}{PostNotes}{/block:PostNotes}
  930. {/block:Permalinkpage}
  931. </div>
  932. {/block:Link}
  933.  
  934.  
  935. {block:Chat}
  936. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow} box-shadow:6px 6px rgba(0, 0, 0, 0.7); {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  937. <div class="chat">
  938. <ul>
  939. {block:Title}<div class="title"><b>{Title}</b></div>{/block:Title}
  940. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  941. </ul>
  942. </div>
  943. {block:indexpage}
  944. {block:date}
  945. <div class="text-permas">
  946. <a href="{ReblogURL}">Reblog</a> + <a href="{Permalink}" title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  947. {/block:indexpage}
  948. {block:permalinkpage}
  949. {block:Date}
  950.  
  951. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  952.  
  953. <div class="permaz">
  954. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  955. <sta>notes</sta>: {NoteCount} notes <br>
  956. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  957. {/block:Date}
  958. {/block:permalinkpage}
  959.  
  960. {block:Permalinkpage}
  961. {block:PostNotes}{PostNotes}{/block:PostNotes}
  962. {/block:Permalinkpage}
  963. </div>
  964. {/block:Chat}
  965.  
  966.  
  967. {block:Answer}
  968. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow} box-shadow:6px 6px rgba(0, 0, 0, 0.7); {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  969. <div id="ask">
  970.  
  971. <img id="askthing" src="{AskerPortraitURL-30}">
  972.  
  973. <div class="asker">
  974. <b>{Asker}</b>:</div>
  975. <div class="askk">{Question}</div>
  976. </div>
  977. <div class="answer">
  978. {Answer}
  979. </div>
  980. {block:indexpage}
  981. {block:date}
  982. <div class="text-permas">
  983. <a href="{ReblogURL}">Reblog</a> + <a href="{Permalink}" title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  984. {/block:indexpage}
  985. {block:permalinkpage}
  986. {block:Date}
  987.  
  988. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  989.  
  990. <div class="permaz">
  991. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  992. <sta>notes</sta>: {NoteCount} notes <br>
  993. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  994. {/block:Date}
  995. {/block:permalinkpage}
  996.  
  997. {block:Permalinkpage}
  998. {block:PostNotes}{PostNotes}{/block:PostNotes}
  999. {/block:Permalinkpage}
  1000. </div>
  1001. {/block:Answer}
  1002.  
  1003.  
  1004. {block:Photo}
  1005. {block:indexpage}
  1006. <a href="{Permalink}" title="{NoteCountWithLabel}"onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{/block:indexpage}<img src="{PhotoURL-HighRes}" style="width:290px;">{block:indexpage}</a>{/block:indexpage}<div class="permalink">{Month} {DayOfMonthWithZero} - <a href="{Permalink}">{NoteCount} notes</a> - <a href="{ReblogURL}" target="_blank" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >reblog</a></div>
  1007. {block:permalinkpage}
  1008. {block:Date}
  1009.  
  1010. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  1011.  
  1012. <div class="permaz">
  1013. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  1014. <sta>notes</sta>: {NoteCount} notes <br>
  1015. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  1016. {/block:Date}
  1017. {/block:permalinkpage}
  1018.  
  1019. {block:Permalinkpage}
  1020. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1021. {/block:Permalinkpage}
  1022. {/block:Photo}
  1023.  
  1024.  
  1025. {block:Photoset}
  1026. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow} box-shadow:6px 6px rgba(0, 0, 0, 0.7); {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  1027. <center>{Photoset-250}</center>
  1028. {block:indexpage}
  1029. {block:date}
  1030. <div class="text-permas">
  1031. <a href="{ReblogURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >Reblog</a> + <a href="{Permalink}" title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  1032. {/block:indexpage}
  1033. {block:permalinkpage}
  1034. {block:Date}
  1035.  
  1036. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  1037.  
  1038. <div class="permaz">
  1039. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  1040. <sta>notes</sta>: {NoteCount} notes <br>
  1041. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  1042. {/block:Date}
  1043. {/block:permalinkpage}
  1044.  
  1045. {block:Permalinkpage}
  1046. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1047. {/block:Permalinkpage}
  1048. </div>
  1049. {/block:Photoset}
  1050.  
  1051.  
  1052. {block:Audio}
  1053. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow} box-shadow:6px 6px rgba(0, 0, 0, 0.7); {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  1054. <div class="music">
  1055. <div class="album">
  1056. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  1057. </div>
  1058. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  1059. <div class="player"><div style="height:28px; width:27px;">{AudioPlayerWhite}</div></div>
  1060. <div class="infos">
  1061. {block:TrackName}{TrackName}{/block:TrackName}<br>
  1062. {block:Artist}
  1063. by {Artist}
  1064. {/block:Artist}
  1065. <br>
  1066. Played {PlayCount} Times</div>
  1067. </div>
  1068. {block:indexpage}
  1069. {block:date}
  1070. <div class="text-permas">
  1071. <a href="{ReblogURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >Reblog</a> + <a href="{Permalink}" title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  1072. {/block:indexpage}
  1073. {block:permalinkpage}
  1074. {block:Date}
  1075.  
  1076. {block:Caption}<div style="border:1px solid {color:Borders}; padding:10px; margin-top:10px;">{Caption}</div>{/block:Caption}
  1077.  
  1078. <div class="permaz">
  1079. <sta>posted</sta>: {Month} {DayOfMonth}th, {Year} at {12Hour}:{Minutes} {AmPm} <br>
  1080. <sta>notes</sta>: {NoteCount} notes <br>
  1081. <sta>reblogged from</sta>: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{ReblogParentName}</a>{/block:RebloggedFrom}<br>Tagged with: {block:Tags}<a href="{TagURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >#{Tag}</a> {/block:Tags}</div>
  1082. {/block:Date}
  1083. {/block:permalinkpage}
  1084.  
  1085. {block:Permalinkpage}
  1086. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1087. {/block:Permalinkpage}
  1088. </div>
  1089. {/block:Audio}
  1090.  
  1091.  
  1092.  
  1093. {block:Video}
  1094. {block:Indexpage}<div style="border:1px solid {color:Borders}; {block:ifboxshadow} box-shadow:6px 6px rgba(0, 0, 0, 0.7); {/block:ifboxshadow}; background:{color:Posts Background}; padding:10px; width:248px;">{/block:Indexpage}
  1095. {Videoembed-250}
  1096. {block:indexpage}
  1097. {block:date}
  1098. <div class="text-permas">
  1099. <a href="{ReblogURL}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >Reblog</a> + <a href="{Permalink}" title="Posted {TimeAgo}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" >{NoteCountwithLabel}</a></div>{/block:date}
  1100. {/block:indexpage}
  1101. </div>
  1102. {/block:Video}
  1103.  
  1104. </div>
  1105. {/block:Posts}
  1106. </div>
  1107. <div class="pagination">
  1108. {block:Indexpage}
  1109. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><i>previous</i></a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" onclick="clicksound.playclip()" onmouseover="mouseoversound.playclip()" id="next"><i>next</i></a>{/block:NextPage}{/block:Pagination}
  1110. <br><br>{/block:Indexpage}
  1111. </div>
  1112. </div>
  1113. </div>
  1114.  
  1115.  
  1116. </body>
  1117.  
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131.  
  1132. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement