yileo

kkoch theme

Mar 20th, 2015
10,846
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.15 KB | None | 0 0
  1. <html lang="en">
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.  
  6.  
  7. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  8.  
  9. <!--------------------- THEME 'KKOCH' BY JENN @RNIRAE ---------------------->
  10.  
  11. <meta name="color:Text" content="#a5a5a5" />
  12. <meta name="color:Background" content="#fff" />
  13. <meta name="image:Background" content="" />
  14. <meta name="image:Bottom image" content="http://static.tumblr.com/pplizzy/IPpmtecgf/23.jpg"/>
  15.  
  16. <meta name="color:Link" content="#cecece" />
  17. <meta name="color:Hover" content="#fbd4e2" />
  18.  
  19. <meta name="color:Scrollbar" content="#d7e7ea"/>
  20.  
  21. <meta name="color:Posts border" content="#f4f4f4"/>
  22. <meta name="color:Title posts text" content="#aaa"/>
  23. <meta name="color:Title posts letter" content="#a4b9e7"/>
  24.  
  25. <meta name="color:Bold" content="#f0c3e7" />
  26. <meta name="color:Italic" content="#b492a8"/>
  27.  
  28. <meta name="color:Line bar" content="#cee6ed"/>
  29. <meta name="color:Sidebar text" content="#ddd"/>
  30. <meta name="color:Nav links" content="#c9c9c9"/>
  31. <meta name="color:Nav links hover" content="#dceff3"/>
  32. <meta name="color:Permalink" content="#cecece"/>
  33. <meta name="color:Permalink background" content="#fcfcfc"/>
  34. <meta name="color:Permalink background hover" content="#fff"/>
  35.  
  36. <meta name="color:Caption background" content="#fafafa"/>
  37. <meta name="color:Caption border" content="#eaeaea"/>
  38.  
  39. <meta name="color:Audio border" content="#ececec"/>
  40. <meta name="color:Audio bullets" content="#f0f0f0"/>
  41.  
  42. <meta name="color:Ask body" content="#aaa"/>
  43. <meta name="color:Ask background" content="#fafafa"/>
  44. <meta name="color:Asker link" content="#aaa"/>
  45. <meta name="color:Asker link hover" content="#fcfcfc"/>
  46.  
  47. <meta name="color:Quotes" content="#cecece"/>
  48.  
  49. <meta name="color:Chat body" content="#aaa"/>
  50. <meta name="color:Chat body text shadow" content="#fff"/>
  51. <meta name="color:Chat background odds" content="#f6f6f6"/>
  52. <meta name="color:Chat background evens" content="#eaeaea"/>
  53. <meta name="color:Postnotes Body" content="#c9c9c9"/>
  54. <meta name="color:Perma page body" content="#c0c0c0"/>
  55. <meta name="color:Blockquote color" content="#ececec"/>
  56.  
  57. <meta name="text:link 1 url" content="/"/>
  58. <meta name="text:link 1 title" content="home"/>
  59. <meta name="text:link 2 url" content="/archive"/>
  60. <meta name="text:link 2 title" content="archive."/>
  61. <meta name="text:link 3 url" content="/ask"/>
  62. <meta name="text:link 3 title" content="ask"/>
  63. <meta name="text:link 4 url" content="/"/>
  64. <meta name="text:link 4 title" content="link 4"/>
  65. <meta name="text:link 5 url" content="/"/>
  66. <meta name="text:link 5 title" content="link 5"/>
  67. <meta name="color:Highlight background" content="#ddf2e8"/>
  68. <meta name="color:Highlight text" content="#fff"/>
  69.  
  70.  
  71. <meta name="if:Captions" content="0" />
  72. <meta name="if:250px" content="1" />
  73. <meta name="if:400px" content="0" />
  74. <meta name="if:500px" content="0" />
  75. <meta name="if:Tiny Cursor" content="1" />
  76.  
  77. <style type="text/css">
  78.  
  79. /*IMAGES OPACITY*/
  80. img {
  81. -webkit-transition: opacity 0.66s linear;
  82. opacity: 0.75;
  83. }
  84. img:hover {
  85. -webkit-transition: opacity 0.86s linear;
  86. opacity: .9;
  87. }
  88.  
  89. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  90.  
  91. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  92.  
  93. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  94.  
  95. /* ------------ */
  96.  
  97. ::selection {
  98. background: {color:Highlight background};
  99. color: {color:Highlight Text};
  100. }
  101.  
  102. ::-moz-selection {
  103. background: {color:Highlight Background};
  104. color: {color:Highlight Text};
  105. }
  106.  
  107. ::-webkit-selection {
  108. background: {color:Selector Background};
  109. color: {color:Selector Text};
  110. }
  111.  
  112. p {
  113. margin-bottom: 20px;
  114. margin-left: 6px;
  115. }
  116.  
  117.  
  118. body {
  119. padding: 3px;
  120. margin: 0px;
  121. color: {color:text};
  122. font-family: calibri;
  123. letter-spacing: .5px;
  124. line-height: 16px;
  125. font-size: 10px;
  126. background-color: {color:Background};
  127. background-image: url({image:Background});
  128. background-attachment: fixed;
  129. background-repeat: repeat;
  130. text-align: justify;
  131. text-transform: normal;
  132. {block:ifTinyCursor}
  133. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  134. {/block:ifTinyCursor}
  135. }
  136.  
  137.  
  138. a:link, a:active, a:visited{
  139. text-decoration: none;
  140. -webkit-transition: color 0.3s ease-out;
  141. -moz-transition: color 0.3s ease-out;
  142. transition: color 0.3s ease-out;
  143. color:{color:link};
  144. }
  145.  
  146. a:hover {
  147. text-decoration: none;
  148. font-style:;
  149. color: {color:Hover};
  150. {block:ifTinyCursor}
  151. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  152. {/block:ifTinyCursor}
  153. }
  154.  
  155. .cred {
  156. bottom: 3px;
  157. right: 3px;
  158. z-index: 999;
  159. position: fixed;
  160. font-size: 16px;
  161. }
  162.  
  163. .entry {
  164. {block:if250px}
  165. width:250px;
  166. {/block:if250px}
  167.  
  168. {block:if400px}
  169. width:400px;
  170. {/block:if400px}
  171.  
  172. {block:if500px}
  173. width:500px;
  174. {/block:if500px}
  175. margin:16px;
  176. margin-bottom: 100px;
  177. border-bottom: 1px solid {color:Posts border};
  178. padding-bottom: 12px;
  179. }
  180.  
  181.  
  182. /*POST POSITIONING HERE*/
  183. #posts {
  184. {block:if250px}
  185. width:350px;
  186. {/block:if250px}
  187.  
  188. {block:if400px}
  189. width:500px;
  190. {/block:if400px}
  191.  
  192. {block:if500px}
  193. width:600px;
  194. {/block:if500px}
  195. top:26px;
  196. z-index:99;
  197. margin-left: 550px;
  198. right:auto;
  199. background:transparent;
  200. margin-right:auto;
  201. position:relative;
  202. overflow-y: hidden;
  203. }
  204.  
  205.  
  206. /*SCROLLBAR*/
  207. ::-webkit-scrollbar {
  208. width: 11px;
  209. height: 5px;
  210. border: 5px solid #fff;
  211. background: #f3f3f3;
  212.  
  213. }
  214. ::-webkit-scrollbar-thumb {
  215. border: 3px solid #fff;
  216. background-color: {color:Scrollbar};
  217. }
  218.  
  219. /*TEXT AND CHAT POSTS*/
  220. .body {
  221. margin-top: -1px;
  222. margin-bottom: -6px;
  223. }
  224. h4 {
  225. text-align: center;
  226. padding: 0px;
  227. padding-right: 16px;
  228. margin-top: 0px;
  229. margin-bottom: 2px;
  230. }
  231. h4 a {
  232. font-size: 15px;
  233. font-family: cambria;
  234. text-transform: lowercase;
  235. font-weight: normal;
  236. font-style: italic;
  237. }
  238. h4:first-letter {
  239. color: {color:Title posts letter};
  240. font-weight: bold;
  241. font-size: 16px;
  242. }
  243. h1 {
  244. font-family: cambria;
  245. font-size: 11px;
  246. font-style: italic;
  247. text-transform: lowercase;
  248. letter-spacing: 2px;
  249. border-bottom: 1px solid {color:Posts border};
  250. font-weight: normal;
  251. color: {color:Title posts text};
  252. padding-left: 10px;
  253. padding-bottom: 3px;
  254. margin-bottom: -6px;
  255. }
  256. h1:first-letter {
  257. color: {color:Title posts letter};
  258. font-weight: bold;
  259. font-size: 12px;
  260. }
  261.  
  262. /*PERMALINKS*/
  263.  
  264. .sgat {
  265. position: absolute;
  266. z-index: 999;
  267. left: 20px;
  268. font-family: cambria;
  269. font-size: 8px;
  270. font-style: italic;
  271. margin-top: 15px;
  272. float: left;
  273. height: auto;
  274. {block:if250px}
  275. width: 160px;
  276. {/block:if250px}
  277. {block:if400px}
  278. width:310px;
  279. {/block:if400px}
  280. {block:if500px}
  281. width: 410px;
  282. {/block:if500px}
  283. text-align: justify;
  284. {block:PermalinkPage}
  285. display: none;
  286. {/block:PermalinkPage}
  287. }
  288. #reblog a {
  289. color: {color:Permalink};
  290. font-family: consolas;
  291. font-size: 8px;
  292. text-transform: uppercase;
  293. background-color: {color:Permalink background};
  294. display: block;
  295. border-left: 1px solid {color:Posts border};
  296. border-right: 1px solid {color:Posts border};
  297. border-bottom: 1px solid {color:Posts border};
  298. text-align: center;
  299. padding-left: 5px;
  300. padding-right: 5px;
  301. opacity: 1;
  302. position: absolute;
  303. right: 84px;
  304. z-index: 999;
  305. margin-top: 13px;
  306. -webkit-transition: all .6s ease-out;
  307. -moz-transition: all .6s ease-out;
  308. -ms-transition: all .6s ease-out;
  309. -o-transition: all .6s ease-out;
  310. transition: all .6s ease-out;
  311. {block:permalinkpage}
  312. display: none;
  313. {/block:permalinkpage}
  314. }
  315. #reblog a:hover {
  316. background: {color:Permalink background hover};
  317. }
  318. #reblog2 a {
  319. color: {color:Permalink};
  320. font-family: consolas;
  321. right: 124px;
  322. font-size: 8px;
  323. text-transform: uppercase;
  324. background-color: {color:Permalink background};
  325. display: block;
  326. border-left: 1px solid {color:Posts border};
  327. border-right: 1px solid {color:Posts border};
  328. border-bottom: 1px solid {color:Posts border};
  329. text-align: center;
  330. padding-left: 5px;
  331. padding-right: 5px;
  332. opacity: 1;
  333. position: absolute;
  334. z-index: 999;
  335. margin-top: 13px;
  336. -webkit-transition: all .6s ease-out;
  337. -moz-transition: all .6s ease-out;
  338. -ms-transition: all .6s ease-out;
  339. -o-transition: all .6s ease-out;
  340. transition: all .6s ease-out;
  341. {block:permalinkpage}
  342. display: none;
  343. {/block:permalinkpage}
  344. }
  345. #reblog2 a:hover {
  346. background: {color:Permalink background hover};
  347. }
  348. .entry:hover #reblog {
  349. opacity: 1;
  350. -webkit-transition: all 0.6s ease-out;
  351. -moz-transition: all .6s ease-out;
  352. -ms-transition: all .6s ease-out;
  353. -o-transition: all .6s ease-out;
  354. transition: all .6s ease-out;
  355. }
  356.  
  357.  
  358.  
  359. .vid {
  360. opacity: .7;
  361. -webkit-transition: all .6s ease-in-out;
  362. -moz-transition: all .6s ease-in-out;
  363. -o-transition: all .6s ease-in-out;
  364. }
  365. .vid:hover {
  366. opacity: .9;
  367. -webkit-transition: all .6s ease-in-out;
  368. -moz-transition: all .6s ease-in-out;
  369. -o-transition: all .6s ease-in-out;
  370. }
  371.  
  372. /*SIDEBAR & CO HERE*/
  373. .big {
  374. left: 0px;
  375. bottom: -6px;
  376. z-index: 1;
  377. position: fixed;
  378. }
  379. .big img {
  380. opacity: .75;
  381. }
  382. h3 {
  383. top: 110px;
  384. left: 318px;
  385. font-family: calibri;
  386. font-size: 9px;
  387. padding-left: 5px;
  388. font-weight: bold;
  389. letter-spacing: .5px;
  390. border-bottom: 1px solid {color:Posts border};
  391. color: {color:Line bar};
  392. text-transform: uppercase;
  393. width: 103px;
  394. height: auto;
  395. float: left;
  396. position: fixed;
  397. z-index: 1;
  398. }
  399. h3 u {
  400. text-decoration: none;
  401. display: inline-block;
  402. border-bottom: 3px solid {color:Line bar};
  403. margin-bottom: -2px;
  404. }
  405. #side {
  406. color: {color:Sidebar text};
  407. font-family: cambria;
  408. font-size: 9px;
  409. font-style: italic;
  410. letter-spacing: .5px;
  411. float: left;
  412. position: fixed;
  413. width: 101px;
  414. height: auto;
  415. text-align: left;
  416. top: 150px;
  417. left: 323px;
  418. }
  419. #links {
  420. margin-top: 6px;
  421. margin-bottom: 6px;
  422. width: 110px;
  423. }
  424. #links a {
  425. color: {color:Nav links};
  426. font-family: calibri;
  427. text-transform: uppercase;
  428. font-size: 8px;
  429. font-style: normal;
  430. letter-spacing: 1px;
  431. }
  432. #links a:hover {
  433. color: {color:Nav links hover};
  434. font-style: italic;
  435. }
  436.  
  437.  
  438. /*------------*/
  439.  
  440. #infscr-loading{
  441. bottom: -70px;
  442. position: absolute;
  443. left: 50%;
  444. margin-left:-8px;
  445. width:16px;
  446. height:11px;
  447. overflow:hidden;
  448. margin-bottom: 50px;
  449. }
  450.  
  451. /*QUOTES*/
  452. .quote {
  453. font-family: cambria;
  454. font-size: 16px;
  455. font-style: italic;
  456. text-transform: lowercase;
  457. letter-spacing: .5px;
  458. color: {color:Quotes};
  459. overflow: hidden;
  460. padding: 2px;
  461.  
  462. }
  463. .source {
  464. text-align: left;
  465. padding-left: 6px;
  466. font-family: cambria;
  467. font-size: 8px;
  468. text-transform: uppercase;
  469. letter-spacing: 1.5px;
  470. margin-top: -3px;
  471. }
  472.  
  473. #postnotes blockquote{
  474. border: 0px;
  475.  
  476. }
  477.  
  478. #capt{
  479. font-family: calibri;
  480. font-size: 8px;
  481. text-transform: uppercase;
  482. letter-spacing: .5px;
  483. background: {color:Caption background};
  484. padding: 6px;
  485. margin-top: 7px;
  486. border: 1px dotted {color:Caption border};
  487. text-align: left;
  488. }
  489. blockquote {
  490. border-left: 2.5px solid {color:Blockquote color};
  491. padding: 5px;
  492. margin-top: 3px;
  493. margin-left: 3px;
  494. margin-bottom: 3px;
  495. }
  496. blockquote p, ul{
  497. margin:0px;
  498. padding:0px;
  499. }
  500.  
  501. a img{border: 0px;}
  502.  
  503. }
  504.  
  505. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  506. .user_7 .label, .user_8 .label, .user_9 .label {
  507. color:{color:text};
  508.  
  509. }
  510.  
  511. .notes img {
  512. width:10px;
  513. position:relative;
  514. top:3px;
  515.  
  516. }
  517. <--ses-->
  518. small {
  519. font-size: 90%;
  520.  
  521. }
  522.  
  523.  
  524.  
  525. {CustomCSS}
  526.  
  527. /* Audio */
  528. .mn {
  529. z-index: 1;
  530. position: absolute;
  531. opacity: .06;
  532. font-size: 68pt;
  533. margin-top: 26px;
  534. font-style: italic;
  535. padding-right: 5px;
  536. -webkit-transition: all 1s ease-in-out;
  537. -moz-transition: all 1s ease-in-out;
  538. -ms-transition: all 1s ease-in-out;
  539. -o-transition: all 1s ease-in-out;
  540. transition: all 1s ease-in-out;
  541.  
  542. }
  543. {block:PermalinkPage}
  544. .entry:hover .mn {
  545. opacity: .06;
  546. }
  547. {/block:PermalinkPage}
  548. {block:IndexPage}
  549. .entry:hover .mn {
  550. {block:if250px}
  551. margin-left: 180px;
  552. {block:if250px}
  553. {block:if400px}
  554. margin-left: 330px;
  555. {/block:if400px}
  556. {block:if500px}
  557. margin-left: 430px;
  558. {/block:if500px}
  559. opacity: .08;
  560. }
  561. {/block:IndexPage}
  562. .audio_play {
  563. overflow: hidden;
  564. padding-right: 30px;
  565. padding-left: 20px;
  566. border-right: 1px dashed {color:Audio border};
  567. height: 70px;
  568. width: 30px;
  569.  
  570. }
  571.  
  572. .playbutton {
  573. width: 30px;
  574. height: 30px;
  575. opacity: .3;
  576. overflow: hidden;
  577. z-index: 1000;
  578. border: 1px solid #fff;
  579. margin-top: -16px;
  580. z-index: 11;
  581. position: absolute;
  582. }
  583.  
  584. #audio_t {
  585. {block:if250px}
  586. width:200px;
  587. {/block:if250px}
  588. {block:if400px}
  589. width:350px;
  590. {/block:if400px}
  591. {block:if500px}
  592. width: 450px;
  593. {/block:if500px}
  594. padding: 6px;
  595. {block:if400px}
  596. padding-left: 20px;
  597. {/block:if400px}
  598. {block:if500px}
  599. padding-left: 40px;
  600. {/block:if500px}
  601. color:#bbb;
  602. font-size:8px;
  603. text-align:left;
  604. text-transform:uppercase;
  605. font-family: calibri;
  606. letter-spacing: 1px;
  607. margin-left: 5px;
  608. }
  609. .wo {
  610. margin-right: 5px;
  611. margin-top: .5px;
  612. height:8px;
  613. width:8px;
  614. border:1px solid {color:Audio bullets};
  615. background: transparent;
  616. float: left;
  617. }
  618. ul, ol, li {
  619. display: block;
  620. padding: 5px;
  621. color: {color:Postnotes body};
  622. padding-top: 2px;
  623. padding-bottom: 8px;
  624. }
  625. /*Postnotes etc.*/
  626.  
  627. #hana {
  628. {block:if250px}
  629. width: 263px;
  630. {/block:if250px}
  631. {block:if400px}
  632. width: 413px;
  633. {/block:if400px}
  634. {block:if500px}
  635. width: 513px;
  636. {/block:if500px}
  637. height: 222px;
  638. overflow: auto;
  639. margin-left: -10px;
  640. margin-top: 26px;
  641. font-family: calibri;
  642. text-transform: uppercase;
  643. font-size: 8px;
  644. letter-spacing: 1px;
  645. text-align: left;
  646. float: left;
  647. }
  648. #hana a {
  649. color: {color:Postnotes body};
  650. }
  651. img.avatar {
  652. display: none;
  653. }
  654.  
  655. #i {
  656. text-transform: uppercase;
  657. font-size: 8px;
  658. font-family: calibri;
  659. letter-spacing: 1px;
  660. color: {color:Perma page body};
  661. }
  662. .il {
  663. height:5px;
  664. width:5px;
  665. margin-top:5px;
  666. margin-right:5px;
  667. border:1px solid {color:Audio bullets};
  668. background: transparent;
  669. float: left;
  670. }
  671.  
  672. .tag {
  673. opacity: .35;
  674. margin-right: 2px;
  675. }
  676.  
  677.  
  678. b, strong {
  679. color: {color:bold};
  680. font-style: normal;
  681. }
  682.  
  683. i, em {
  684. color: {color:Italic};
  685. font-family: georgia;
  686. font-style: italic;
  687. }
  688. .chat ol:nth-child(odd) {
  689. list-style-type: none;
  690. line-height: 16px;
  691. color: {color:Chat body};
  692. margin-bottom: 5px;
  693. font-family: cambria;
  694. font-style: italic;
  695. background: {color:Chat background odds};
  696. padding: 5px;
  697. padding-bottom: 3px;
  698. font-size: 9px;
  699. text-shadow: 1px 1px {color:Chat body text shadow};
  700. }
  701.  
  702. .chat ol:nth-child(even) {
  703. list-style-type: none;
  704. padding-bottom: 3px;
  705. color: {color:Chat body};
  706. margin-bottom: 5px;
  707. font-family: cambria;
  708. line-height: 16px;
  709. background: {color:Chat background evens};
  710. padding 5px;
  711. font-style: italic;
  712. font-size: 9px;
  713. text-shadow: .5px .5px {color:Chat body text shadow};
  714. }
  715.  
  716. .label {
  717. font-family: calibri;
  718. font-size: 8px;
  719. text-transform: uppercase;
  720. line-height: 16px;
  721. letter-spacing: 1px;
  722. font-style: normal;
  723. }
  724. .ask {
  725. font-family: calibri;
  726. text-transform: uppercase;
  727. font-size: 8px;
  728. display: block;
  729. background: {color:Ask background};
  730. color: {color:Ask body};
  731. padding: 5px;
  732. font-style: italic;
  733. text-align: justify;
  734. text-shadow: 1px 1px #fff;
  735. border-radius: 2px;
  736. }
  737. .ask a {
  738. color: {color:Asker link};
  739. }
  740. .ask a:hover {
  741. color: {color:Asker link hover};
  742. }
  743. .answer {
  744. margin-top: 6px;
  745. font-family: calibri;
  746. text-transform: uppercase;
  747. font-size: 8px;
  748. display: block;
  749. background: {color:Ask background};
  750. color: {color:Ask body};
  751. padding: 5px;
  752. text-align: justify;
  753. text-shadow: 1px 1px #fff;
  754. border-radius: 2px;
  755. margin-bottom: -2px;
  756. }
  757. #s-m-t-tooltip{
  758. max-width:200px;
  759. margin:16px;
  760. padding: 3px;
  761. background-color: #fff;
  762. color:#aaa;
  763. font-family:calibri;
  764. letter-spacing: 1px;
  765. font-size:8px;
  766. text-transform:uppercase;
  767. z-index: 999;
  768. border:1px solid #EFEFEF;
  769. border-radius: 10%;
  770.  
  771. }
  772.  
  773. </style>
  774.  
  775.  
  776. {block:IndexPage}
  777.  
  778.  
  779. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  780. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  781.  
  782. {/block:IndexPage}
  783.  
  784.  
  785. <title>{title}</title>
  786.  
  787. <link rel="shortcut icon" href="{image:Favicon}" />
  788. <meta name="viewport" content="width=820" />
  789. </head>
  790.  
  791. <body>
  792.  
  793.  
  794. <div class="wrapper">
  795. <div class="header">
  796. </div>
  797.  
  798. <!---------------------------------------------------------------->
  799.  
  800.  
  801. <!---NAVI-->
  802.  
  803.  
  804.  
  805. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  806. <div id="box"></div>
  807. <h3><u>{title}</u></h3>
  808. <div id="side">
  809. {description} <p>
  810. <center><img src="http://static.tumblr.com/3yblkz0/0ibn284kd/eee.png"/></center>
  811. <div id="links">
  812.  
  813. <a href="{text:link 1 url}" class="nav" title="{text:link 1 title}">001.</a>
  814. <a href="{text:link 2 url}" class="nav" title="{text:link 2 title}">002.</a>
  815. <a href="{text:link 3 url}" class="nav" title="{text:link 3 title}">003.</a>
  816. <a href="{text:link 4 url}" class="nav" title="{text:link 4 title}">004.</a>
  817. <a href="{text:link 5 url}" class="nav" title="{text:link 5 title}">005.</a>
  818. </div>
  819. <center><img src="http://static.tumblr.com/3yblkz0/0ibn284kd/eee.png"/></center>
  820. </div>
  821.  
  822. <div class="big"><img src="{image:Bottom image}"/></div>
  823. <!------------------------- CREDITS DO NOT TOUCH ------------------------->
  824.  
  825. <a href="http://www.rnirae.tumblr.com" title="theme" class="cred">▨</a>
  826.  
  827.  
  828.  
  829. <!---------------------DON'T MESS WITH THIS STUFF---------------------->
  830.  
  831. <div class="left">
  832. <div id="posts">
  833. {block:Posts}
  834. <div class="entry">
  835.  
  836. {block:Text}
  837. {block:Title}
  838. <h1>{Title}</h1>
  839. {/block:Title}
  840. <div class="body"><br>
  841. {Body}
  842. </div>
  843.  
  844.  
  845. {block:IfCaptions}
  846. {block:IndexPage}
  847. {block:Caption}
  848. <div id="capt">{Caption}</div>
  849. {/block:Caption}
  850. {/block:IndexPage}
  851. {/block:ifCaptions}
  852. {block:PermalinkPage}
  853. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  854. {/block:PermalinkPage}
  855.  
  856.  
  857. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  858.  
  859. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  860. <div class="sgat">
  861. {block:HasTags}
  862. {block:Tags}
  863. <a href="{TagURL}">{Tag}</a>
  864. {/block:Tags}
  865. {/block:HasTags}
  866. </div>
  867.  
  868. {/block:Text}
  869.  
  870. {block:Link}<h4><a href="{URL}">{Name}</a></h4>{block:Description}<div class="body">{Description}</div>{/block:Description}
  871.  
  872. {block:IfCaptions}
  873. {block:IndexPage}
  874. {block:Caption}
  875. <div id="capt">{Caption}</div>
  876. {/block:Caption}
  877. {/block:IndexPage}
  878. {/block:ifCaptions}
  879. {block:PermalinkPage}
  880. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  881. {/block:PermalinkPage}
  882.  
  883.  
  884. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  885.  
  886. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  887. <div class="sgat">
  888. {block:HasTags}
  889. {block:Tags}
  890. <a href="{TagURL}">{Tag}</a>
  891. {/block:Tags}
  892. {/block:HasTags}
  893. </div>
  894.  
  895.  
  896. {/block:Link}
  897.  
  898. {block:Photo}
  899.  
  900. {block:IndexPage}
  901. <center>
  902.  
  903. <div class="photo"><a href="{permalink}" title="{NoteCountWithLabel}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  904. {/block:IndexPage}
  905.  
  906.  
  907.  
  908. {block:PermalinkPage}
  909. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  910.  
  911. {LinkCloseTag}
  912. {/block:PermalinkPage}
  913.  
  914. {block:IfCaptions}
  915. {block:IndexPage}
  916. {block:Caption}
  917. <div id="capt">{Caption}</div>
  918. {/block:Caption}
  919. {/block:IndexPage}
  920. {/block:ifCaptions}
  921. {block:PermalinkPage}
  922. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  923. {/block:PermalinkPage}
  924.  
  925.  
  926.  
  927. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  928.  
  929. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  930. <div class="sgat">
  931. {block:HasTags}
  932. {block:Tags}
  933. <a href="{TagURL}">{Tag}</a>
  934. {/block:Tags}
  935. {/block:HasTags}
  936. </div>
  937.  
  938.  
  939.  
  940.  
  941. {/block:Photo}
  942.  
  943.  
  944.  
  945. {block:Photoset}
  946.  
  947.  
  948.  
  949. {block:IndexPage}
  950. <center>
  951. {block:if250px}{Photoset-250}{/block:if250px}
  952.  
  953. {block:if400px}
  954. {Photoset-400}
  955. {/block:if400px}
  956.  
  957. {block:if500px}
  958. {Photoset-500}
  959. {/block:if500px}
  960. </center>
  961. {/block:IndexPage}
  962.  
  963. {/block:PermalinkPage}
  964.  
  965.  
  966. {block:IfCaptions}
  967. {block:IndexPage}
  968. {block:Caption}
  969. <div id="capt">{Caption}</div>
  970. {/block:Caption}
  971. {/block:IndexPage}
  972. {/block:ifCaptions}
  973. {block:PermalinkPage}
  974. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  975. {/block:PermalinkPage}
  976.  
  977.  
  978. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  979.  
  980. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  981. <div class="sgat">
  982. {block:HasTags}
  983. {block:Tags}
  984. <a href="{TagURL}">{Tag}</a>
  985. {/block:Tags}
  986. {/block:HasTags}
  987. </div>
  988.  
  989.  
  990. {/block:Photoset}
  991.  
  992.  
  993. {block:Quote}
  994.  
  995.  
  996. <div class="quote">"{Quote}"</div><br>
  997. {block:Source}
  998. <div class="source">—{Source}</div>
  999. {/block:Source}
  1000.  
  1001.  
  1002. {block:IfCaptions}
  1003. {block:IndexPage}
  1004. {block:Caption}
  1005. <div id="capt">{Caption}</div>
  1006. {/block:Caption}
  1007. {/block:IndexPage}
  1008. {/block:ifCaptions}
  1009. {block:PermalinkPage}
  1010. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  1011. {/block:PermalinkPage}
  1012.  
  1013.  
  1014. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  1015.  
  1016. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  1017. <div class="sgat">
  1018. {block:HasTags}
  1019. {block:Tags}
  1020. <a href="{TagURL}">{Tag}</a>
  1021. {/block:Tags}
  1022. {/block:HasTags}
  1023. </div>
  1024.  
  1025.  
  1026. {/block:Quote}
  1027.  
  1028. {block:Chat}
  1029. {block:Title}<h1>{Title}</h1>{/block:Title}
  1030. <ul class="chat">{block:Lines}<ol class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1031. {Line}</ol>{/block:Lines}</ul>
  1032.  
  1033.  
  1034.  
  1035. {block:IfCaptions}
  1036. {block:IndexPage}
  1037. {block:Caption}
  1038. <div id="capt">{Caption}</div>
  1039. {/block:Caption}
  1040. {/block:IndexPage}
  1041. {/block:ifCaptions}
  1042. {block:PermalinkPage}
  1043. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  1044. {/block:PermalinkPage}
  1045.  
  1046.  
  1047. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  1048.  
  1049. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  1050. <div class="sgat">
  1051. {block:HasTags}
  1052. {block:Tags}
  1053. <a href="{TagURL}">{Tag}</a>
  1054. {/block:Tags}
  1055. {/block:HasTags}
  1056. </div>
  1057.  
  1058. {/block:Chat}
  1059.  
  1060.  
  1061.  
  1062. {block:Audio}
  1063. <div class="mn">♪</div>
  1064. <table cellborder="0" cellpadding="0" cellspacing="0" width="100%">
  1065. <tr>
  1066. <td class="audio_play">
  1067. <div class="playbutton">
  1068. {AudioPlayerWhite}
  1069.  
  1070. </div>
  1071. </div>
  1072. </td>
  1073.  
  1074. <td id="audio_t" valign="top">
  1075. <div class="wo"></div>{block:TrackName}{TrackName}{/block:TrackName} <br>
  1076. <div class="wo"></div>{block:Artist}BY {Artist}{/block:Artist}
  1077. <br>
  1078. <div class="wo"></div>{block:Album}{Album} ALBUM{/block:Album}
  1079. <br>
  1080. <div class="wo"></div>{block:PlayCount}{FormattedPlayCount} PLAYS COUNTED{/block:PlayCount}
  1081. </td>
  1082. </tr>
  1083. </table>
  1084.  
  1085.  
  1086. {block:IfCaptions}
  1087. {block:IndexPage}
  1088. {block:Caption}
  1089. <div id="capt">{Caption}</div>
  1090. {/block:Caption}
  1091. {/block:IndexPage}
  1092. {/block:ifCaptions}
  1093. {block:PermalinkPage}
  1094. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  1095. {/block:PermalinkPage}
  1096.  
  1097.  
  1098. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  1099.  
  1100. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  1101. <div class="sgat">
  1102. {block:HasTags}
  1103. {block:Tags}
  1104. <a href="{TagURL}">{Tag}</a>
  1105. {/block:Tags}
  1106. {/block:HasTags}
  1107. </div>
  1108.  
  1109.  
  1110. {/block:Audio}
  1111.  
  1112. {block:Answer}
  1113. <div class="ask">{Asker} asked: {Question}</div>
  1114. <div class="answer">{Answer}</div>
  1115.  
  1116.  
  1117. {block:IfCaptions}
  1118. {block:IndexPage}
  1119. {block:Caption}
  1120. <div id="capt">{Caption}</div>
  1121. {/block:Caption}
  1122. {/block:IndexPage}
  1123. {/block:ifCaptions}
  1124. {block:PermalinkPage}
  1125. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  1126. {/block:PermalinkPage}
  1127.  
  1128.  
  1129. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  1130.  
  1131. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  1132. <div class="sgat">
  1133. {block:HasTags}
  1134. {block:Tags}
  1135. <a href="{TagURL}">{Tag}</a>
  1136. {/block:Tags}
  1137. {/block:HasTags}
  1138. </div>
  1139.  
  1140.  
  1141. {/block:Answer}
  1142.  
  1143.  
  1144.  
  1145. {block:Video}
  1146. {block:IndexPage}
  1147.  
  1148. {block:if250px}
  1149. <center>
  1150. <div class="vid">{Video-250}</div>
  1151. </center>
  1152. {/block:if250px}
  1153.  
  1154. {block:if400px}
  1155. <center>
  1156. <div class="vid">{Video-400}</div>
  1157. </center>
  1158. {/block:if400px}
  1159.  
  1160. {block:if500px}
  1161. <center>
  1162. <div class="vid">{Video-500}</div>
  1163. </center>
  1164. {/block:if500px}
  1165.  
  1166. {/block:IndexPage}
  1167.  
  1168. {block:IfCaptions}
  1169. {block:IndexPage}
  1170. {block:Caption}
  1171. <div id="capt">{Caption}</div>
  1172. {/block:Caption}
  1173. {/block:IndexPage}
  1174. {/block:ifCaptions}
  1175. {block:PermalinkPage}
  1176. {block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
  1177. {/block:PermalinkPage}
  1178.  
  1179.  
  1180. <div id="reblog2"><a href="{Permalink}">{24HourwithZero}:{Minutes}</a></div>
  1181.  
  1182. <div id="reblog"><a href="{ReblogURL}">reblog</a></div>
  1183. <div class="sgat">
  1184. {block:HasTags}
  1185. {block:Tags}
  1186. <a href="{TagURL}">{Tag}</a>
  1187. {/block:Tags}
  1188. {/block:HasTags}
  1189. </div>
  1190.  
  1191.  
  1192. {/block:Video}
  1193.  
  1194.  
  1195. <!---------------------------------------------------------------------------
  1196. PERMALINK PAGE
  1197. ---------------------------------------------------------------------------->
  1198.  
  1199.  
  1200. {block:PermalinkPage}
  1201. {Photo}
  1202. {Video}
  1203. {Photoset}
  1204.  
  1205.  
  1206. <div id="i">
  1207. {block:Date}
  1208. <br>
  1209. <div class="il"></div>{ShortMonth}. {DayofMonth} {Year} <br>
  1210. <div class="il"></div>{NoteCountWithLabel}
  1211.  
  1212. {/block:Date}
  1213.  
  1214.  
  1215. {block:RebloggedFrom}
  1216. <br>
  1217. <div class="il"></div><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  1218. {/block:RebloggedFrom}
  1219.  
  1220. {block:HasTags}
  1221. <br>
  1222. <img src="http://static.tumblr.com/3yblkz0/zPsn8jthk/tag.png" class="tag"/>
  1223. {block:Tags}
  1224. <a href="{TagURL}">#{Tag}</a>
  1225. {/block:Tags}
  1226. </div> <!---END FOR DIV ID "I"-->
  1227. {/block:HasTags}
  1228.  
  1229.  
  1230. {block:PostNotes}
  1231. <div id="hana">
  1232. {PostNotes}
  1233. </div>
  1234. {/block:PostNotes}
  1235.  
  1236. {/block:PermalinkPage}
  1237.  
  1238. <!-------------------------------------------------------------------------------------------------------------------------------------->
  1239.  
  1240. </div>
  1241.  
  1242. {/block:Posts}
  1243. </div>
  1244.  
  1245.  
  1246. </div>
  1247.  
  1248.  
  1249. {block:IndexPage}
  1250. {block:Pagination}
  1251. <div id="pagination">
  1252. {block:NextPage}
  1253. <a id="nextPage" href="{NextPage}"></a>
  1254. {/block:NextPage}
  1255. {block:PreviousPage}
  1256. <a href="{PreviousPage}"></a>
  1257. {/block:PreviousPage}
  1258. </div>
  1259. {/block:Pagination}
  1260. {/block:IndexPage}
  1261.  
  1262.  
  1263. </body>
  1264. </html>
Advertisement
Add Comment
Please, Sign In to add comment