Advertisement
realjunko

Mei

May 18th, 2014
2,879
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.88 KB | None | 0 0
  1. <!--
  2. Mei theme by uttsutsu
  3. please do not remove the credit or redistribute as your own
  4. thank you
  5. EDIT: NAVIGATION HAS TO BE PUT IN MANUALLY
  6. -->
  7.  
  8. <html lang="en">
  9. <head>
  10.  
  11. <meta name="image:Background" content="http://static.tumblr.com/4d8b0e8559691f86cfff2cdf9e8b3629/y2bzaee/h45n5qb7o/tumblr_static_pjq7igmim2o44o4sg0gkg00k.jpg"/>
  12. <meta name="image:Sidebarimg" content="http://media.tumblr.com/cc6377ca2cfb292309e78886a1c1b8a3/tumblr_inline_mzu5wjXC6l1riacmz.png"/>
  13. <meta name="color:Background" content="#FFFFFF"/>
  14. <meta name="color:Blog Title" content="#999999"/>
  15. <meta name="color:Link" content="#555555"/>
  16. <meta name="color:Hover" content="#999999"/>
  17. <meta name="color:Text" cofntent="#777777"/>
  18. <meta name="color:description" content="#777777"/>
  19. <meta name="color:borders" content="#777777"/>
  20. <meta name="if:player" content="1"/>
  21.  
  22. <meta name="text:Link 1" content="/"/>
  23. <meta name="text:Link 1 Title" content="link"/>
  24. <meta name="text:Link 2" content="/"/>
  25. <meta name="text:Link 2 Title" content="link"/>
  26. <meta name="text:Link 3" content="/"/>
  27. <meta name="text:Link 3 Title" content="link"/>
  28.  
  29.  
  30. <title>{Title}</title>
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}">
  35.  
  36.  
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  41. <script>
  42. (function($){$(document)
  43. .ready(function(){$("[title]")
  44. .style_my_tooltips();});})
  45. (jQuery);
  46. </script>
  47.  
  48. {block:IndexPage}
  49. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  50. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  51.  
  52. <script type="text/javascript">
  53. $(window).load(function(){
  54. var $wall = $('#entries');
  55. $wall.imagesLoaded(function(){
  56. $wall.masonry({
  57. itemSelector: '#post, #post_photo',
  58. isAnimated : false
  59. });
  60. });
  61.  
  62. $wall.infinitescroll({
  63. navSelector : '#pagination',
  64. nextSelector : '#pagination a',
  65. itemSelector : '#post, #post_photo',
  66. bufferPx : 2000,
  67. debug : false,
  68. errorCallback: function() {
  69. $('#scroll').fadeOut('normal');
  70. }},
  71. function( newElements ) {
  72. var $newElems = $( newElements );
  73. $newElems.hide();
  74. $newElems.imagesLoaded(function(){
  75. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  76. });
  77. }); $('#entries').show(500);
  78. });
  79. </script>
  80. {/block:IndexPage}
  81.  
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87.  
  88.  
  89. body{
  90. margin:0px;
  91. background-color: {color:Background};
  92. background-image:url({image:Background});
  93. background-attachment:fixed;
  94. background-repeat:100%;
  95. background-position:bottom-right;
  96. font-family: Calibri;
  97. font-size:8px;
  98. letter-spacing:1px;
  99. text-transform:uppercase;
  100. text-align:left;
  101. line-height:11px;
  102. color: {color:Text};}
  103.  
  104.  
  105. a:link, a:active, a:visited{
  106. text-decoration: none;
  107. color: {color:Link};}
  108.  
  109. a:hover {
  110. color:{color:Link};
  111. text-decoration:none;}
  112.  
  113. /************EDIT TOOLTIP HERE************/
  114.  
  115.  
  116. #s-m-t-tooltip {
  117. padding: 7px;
  118. height:auto;
  119. display: none;
  120. font-family: consolas;
  121. font-size: 8px;
  122. text-transform:uppercase;
  123. text-align: center;
  124. letter-spacing:1px;
  125. margin-top:10px;
  126. margin-left: 15px;
  127. line-height: 8px;
  128. z-index: 999999999999;
  129. border-radius:3px;
  130. border: 1px solid #f5f5f5;
  131. background:#ffffff;
  132. color: #888;}
  133.  
  134. /************EDIT POST POSITION/WIDTH HERE************/
  135.  
  136. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  137.  
  138. #entries{
  139. text-align:left;
  140. width:580px;
  141. margin-left:70px;
  142. margin-top:10px;
  143. position:relative;
  144. overflow: hidden;
  145. {block:PermalinkPage}
  146. width:550px;
  147. {/block:PermalinkPage}}
  148.  
  149.  
  150.  
  151. /************EDIT OVERALL POSTS HERE************/
  152.  
  153. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  154.  
  155. #post{
  156. text-align:left;
  157. margin:20px;
  158. background:#ffffff;
  159. box-shadow:#f5f5f5 3px 3px;
  160. border:{color:borders} 1px solid;
  161. padding:20px;
  162. border-radius:2px;
  163. padding-bottom:18px;
  164. background:#ffffff;
  165. max-width: 100%;
  166. display:block;
  167.  
  168. -webkit-transition: all .6s ease-in;
  169. -moz-transition: all .6s ease-in;
  170. transition: all .6s ease-in;
  171. overflow:hidden;
  172. width:180px;
  173. {block:PermalinkPage}
  174. width:500px;
  175. {/block:PermalinkPage}}
  176. #player {
  177. position:fixed;
  178. z-index:999;
  179. top:0px;
  180. left:-265px;
  181. opacity:0.6;
  182. height:auto;
  183. padding:4px 8px 3px 2px;
  184. letter-spacing:2px;
  185. background-color:#fff;
  186. -moz-border-radius:0px 0px 10px 0px;
  187. border-radius:0px 0px 10px 0px;
  188. -webkit-transition: opacity 1s linear;
  189. -webkit-transition: all 1s ease-in-out;
  190. -moz-transition: all 1s ease-in-out;
  191. -o-transition: all 1s ease-in-out;
  192. border-bottom: 1px solid #f5f5f5;
  193. }
  194.  
  195. #mus {
  196. float:left;
  197. padding-left:120px;
  198. -webkit-transition: opacity 1s linear;
  199. -webkit-transition: all 1s ease-in-out;
  200. -moz-transition: all 1s ease-in-out;
  201. -o-transition: all 1s ease-in-out;
  202. }
  203.  
  204. #player:hover #mus {
  205. padding-left:0px;
  206. opacity:0;
  207. }
  208.  
  209. #player:hover {
  210. left:0px;
  211. }
  212.  
  213. /*Do not delete #post img.*/
  214.  
  215. #post img{
  216. max-width:100%;}
  217.  
  218.  
  219.  
  220. .photopermalink{
  221. padding: 4px;
  222. line-height:10px;
  223. position: absolute;
  224. text-align:center;
  225. opacity:0;
  226. margin-top:-10px;
  227. width:242px;
  228. background: #fff;
  229. z-index:99999;
  230. -webkit-transition: all 0.6s ease;
  231. -moz-transition: all 0.6s ease;
  232. transition: all 0.6s ease;}
  233.  
  234. .photopermalink a{
  235. color:#cccccc;
  236. text-transform:uppercase;}
  237.  
  238. #post:hover .photopermalink{
  239. margin-top:0px;
  240. opacity:.9;}
  241.  
  242. .permalink{
  243. margin-top:6px;
  244. padding-top:4px;
  245. border-top:1px solid #f5f5f5;
  246. text-align:right;}
  247. .permalink a{
  248. color:#000000;
  249. text-transform:uppercase;
  250. line-height:15px;}
  251.  
  252.  
  253. /*Edit the titles on any text-based post.*/
  254.  
  255. .posttitle{
  256. font-size:10px;
  257. text-align:center;
  258. color:{color:Link};}
  259.  
  260. .posttitle a{
  261. color:{color:Link};}
  262.  
  263.  
  264.  
  265.  
  266. /************EDIT QUOTE POSTS HERE************/
  267.  
  268. .quote{
  269. margin-right: 5px;}
  270.  
  271. .source{
  272. padding-top:5px;
  273. display:block;
  274. text-align:right;}
  275.  
  276. #image{
  277. position:fixed; margin-top:-88px; margin-left:0px; z-index:300;
  278. }
  279.  
  280. #image img{
  281. width:80px;
  282. height:80px; background:{color:post bg}; border:3px double {color:border}; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
  283. }
  284. #desc { background:{color:description bg}; padding:4px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:9px; line-height:11px; }
  285.  
  286. /************EDIT ANSWER POSTS HERE************/
  287.  
  288. .ask{
  289. padding:4px;
  290. background:#f9f9f9;}
  291. .asker{
  292. color:{color:Link};}
  293. .answer{
  294. margin-top:10px;}
  295.  
  296. /************EDIT AUDIO POSTS HERE************/
  297.  
  298. .audio{
  299. {block:IndexPage}width:180px;{/block:IndexPage}
  300. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  301. .info{
  302. padding:2px 0px 1px 57px;}
  303. .i {
  304. text-transform:uppercase;
  305. letter-spacing:1px;
  306. font-size:8px;}
  307. .pl b,strong{
  308. text-transform:lowercase;
  309. font-size:9px;}
  310. .player{
  311. position:absolute;
  312. overflow:hidden;
  313. margin-top:0px;
  314. margin-left:15px;
  315. background:#ffffff;
  316. width:24px;
  317. height:23px;}
  318.  
  319. /************EDIT VIDEO POSTS HERE************/
  320. /***********DO NOT DELETE THIS CODE************/
  321.  
  322. .video-container {
  323. position:relative;
  324. padding-bottom:56.25%;
  325. padding-top: 30px;
  326. height:0;
  327. overflow:hidden;}
  328.  
  329. .video-container iframe,
  330. .video-container object,
  331. .video-container embed {
  332. position: absolute;
  333. top: 0;
  334. left: 0;
  335. width: 100%;
  336. height: 100%;}
  337.  
  338. /************EDIT CHAT POSTS HERE************/
  339.  
  340. .chat{
  341. line-height:12px;
  342. list-style:none;}
  343. .chat ul{
  344. list-style:none;
  345. padding:0px 5px;
  346. line-height:15px;}
  347. .label{
  348. color:{color:Link};}
  349.  
  350. /************EDIT SIDEBAR HERE************/
  351.  
  352.  
  353. #sidebar{
  354. position:fixed;
  355. margin-top:300px;
  356. margin-left:-350px;
  357. }
  358. #side{
  359. position:fixed;
  360. margin-top:10px;
  361. margin-left:120px;
  362. font-size:8px;
  363. text-transform:uppercase;
  364. border-left:0px solid {color:Borders};
  365. }
  366.  
  367.  
  368. #title{
  369. width:165px;
  370. margin-top:15px;
  371. font-size:11px;
  372. text-transform:uppercase;
  373. text-align:right;
  374. letter-spacing:1px;
  375. color:{color:Blog Title};
  376. border-bottom:1px solid {color:Borders};
  377. }
  378.  
  379. #description{
  380. margin-top:5px;
  381. font-size:8px;
  382. text-transform:uppercase;
  383. width:165px;
  384. color:{color:Description};
  385. }
  386.  
  387. /************EDIT TEXT SETTINGS HERE************/
  388.  
  389. i, em{
  390. color:{color:Link};}
  391. b, strong{
  392. font-weight:normal;
  393. text-transform:uppercase;
  394. color:{color:Link};}
  395. ul,ol{
  396. margin:0px;
  397. margin-left:-5px;}
  398. p{
  399. padding:0px;
  400. margin:2px;}
  401. u{
  402. text-decoration:none;
  403. color:{color:Title};}
  404.  
  405. blockquote {
  406. margin:0px;
  407. padding:4px;
  408. background:#f7f7f7;}
  409.  
  410. /************DO NOT DELETE #SCROLL************/
  411.  
  412. #scroll{
  413. bottom:-20px;
  414. position: absolute;
  415. left: 50%;
  416. width:10px;
  417. height:5px;
  418. overflow:hidden;
  419. margin-bottom:80px;}
  420.  
  421. /************EDIT CREDIT HERE************/
  422.  
  423. #credit{
  424. position:fixed;
  425. right:10px;
  426. bottom:10px;
  427. text-transform:uppercase;
  428. font-family:Calibri;
  429. font-size:8px;}
  430.  
  431. #credit a{
  432. color:#aaaaaa;}
  433.  
  434. #sidepic img {
  435. width:60px;
  436. height:60px;
  437. padding:2;
  438. background:{color:post bg};
  439. border:3px double {color:border};
  440. -webkit-border-radius:2px;
  441. -moz-border-radius:2px;
  442. border-radius:2px;
  443. }
  444.  
  445. #sidebar #sidelinks {
  446. position:fixed;
  447. margin-top:-55px;
  448. margin-left:91px;
  449. z-index:301;
  450. text-transform:uppercase;
  451. font-size:8px;
  452. line-height:8px;
  453. letter-spacing:1px;
  454. width:60px;
  455.  
  456. }
  457.  
  458. #sidelinks a {
  459. border:0px {color:border};
  460. display:block;
  461. margin-bottom:3px;
  462. padding:0px 1px 0px 2px;
  463. text-align:left;
  464. background:{color:sidelink bg};
  465. color:{color:sidelink};
  466. -webkit-border-radius:2px;
  467. -moz-border-radius:2px;
  468. border-radius:2px;
  469. -webkit-transition:all 0.3s ease-in-out;
  470. -moz-transition:all 0.3s ease-in-out;
  471. -o-transition:all 0.3s ease-in-out;
  472. transition:all 0.3s ease-in-out;
  473. }
  474.  
  475. #sidelinks a:hover {
  476. background:{color:sidelink bg hover};
  477. }
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484. </style>
  485. </head>
  486.  
  487. <body>
  488.  
  489.  
  490. <center>
  491.  
  492. <div id="entries">
  493.  
  494.  
  495.  
  496.  
  497. <div id="sidebar">
  498. <div id="side">
  499. <div id="image"><img src="{image:sidebarimg}"</a></div>
  500. <div id="sidelinks"><a href="/">+ home</a> <a href="/ask">+ inbox</a> <a href="/archive">+ past</a></div>
  501.  
  502. <div id="title">{Title}</div>
  503. <div id="description">{Description}</div>
  504.  
  505.  
  506. </div>
  507. </div>
  508.  
  509.  
  510. {block:Posts}
  511.  
  512.  
  513.  
  514. {block:ContentSource}
  515. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  516. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  517. {/block:SourceLogo}
  518. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  519. {/block:ContentSource}
  520.  
  521. <div id="post">
  522.  
  523.  
  524.  
  525. {block:Text}
  526. <div class="text">
  527. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  528. {Body}{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  529. </div>{/block:IndexPage}</div>
  530. {/block:Text}
  531.  
  532.  
  533.  
  534. {block:Link}
  535. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  536. {block:Description}{Description}{/block:Description}
  537. {block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  538. </div>{/block:IndexPage}
  539. {/block:Link}
  540.  
  541.  
  542.  
  543. {block:Photo}
  544. {block:IndexPage}
  545. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  546. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  547. {/block:Photo}
  548.  
  549.  
  550.  
  551. {block:Photoset}
  552. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  553. </div>{/block:IndexPage}
  554. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  555. {/block:Photoset}
  556.  
  557.  
  558. {block:Quote}
  559. {Quote}{block:Source}
  560. <div class="source">{Source}</div>{/block:Source}
  561. {block:IndexPage}
  562. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  563. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  564. {/block:Quote}
  565.  
  566.  
  567.  
  568. {block:Answer}
  569. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  570. <div class="answer">{Answer}</div>
  571. {block:IndexPage}
  572. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  573. </div>{/block:IndexPage}
  574. {/block:Answer}
  575.  
  576.  
  577.  
  578. {block:Chat}
  579. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  580. <div class="chat"><ul>{block:Lines}
  581. <li class="person{UserNumber}">{block:Label}
  582. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a> </div>
  583. {/block:IndexPage}
  584. {/block:Chat}
  585.  
  586.  
  587. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  588. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a> </div>
  589. {/block:IndexPage}
  590. {/block:Audio}
  591.  
  592.  
  593.  
  594. {block:Video}
  595. {block:IndexPage}<div class="video-container">{Video-250}</div>
  596. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a> </div>{/block:IndexPage}
  597. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  598. {/block:Video}
  599.  
  600.  
  601.  
  602. {block:PermalinkPage}
  603. {block:Caption}{Caption}{/block:Caption}
  604. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  605. <div class="permapage">
  606. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  607. </div>
  608. {/block:Posts}
  609. </div>
  610.  
  611. {block:IfPlayer}
  612. <div id="player">
  613. <div style="float:left;width:150px">
  614.  
  615.  
  616. MUSIC CODE HERE
  617.  
  618.  
  619. </div>
  620. <div id="mus"><img src="http://media.tumblr.com/tumblr_m7vyi1y0lt1r6o8v2.gif" width="10px"></div>
  621. </div>
  622. {/block:IfPlayer}
  623.  
  624.  
  625.  
  626. {block:IndexPage}
  627. {block:Pagination}
  628. <div id="pagination">
  629. {block:NextPage}
  630. <a id="nextPage" href="{NextPage}"></a>
  631. {/block:NextPage}
  632. {block:PreviousPage}
  633. <a href="{PreviousPage}"></a>
  634. {/block:PreviousPage}
  635. </div>
  636. {/block:Pagination}
  637. {/block:IndexPage}
  638. </center>
  639. </body>
  640.  
  641. <!---------------DO NOT REMOVE THIS OR I WILL FIND YOU AND RELEASE 500 MOSQUITOS IN YOUR HOUSE--------------->
  642.  
  643. <div id="credit"><a href="http://jolyene.tumblr.com/">credit</a></div>
  644. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement