Advertisement
muishiki

#1 福岡市

Jan 25th, 2013
21,850
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.06 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!--
  4.  
  5. ∧_∧
  6. (´・ω・)
  7.  O┬O )
  8. ◎┴し’-◎ ≡
  9.  
  10. DO NOT REMOVE THE CREDITS !!!!
  11. 分かりましたか ???
  12.  
  13. theme by muishiki ©
  14. www.muishiki.tumblr.com
  15.  -->
  16.  
  17.  
  18. <head><title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <meta name="color:background" content="#fcfcfc">
  27. <meta name="color:scroll" content="#6c6c6c">
  28. <meta name="color:tooltipBG" content="#4c4c4c">
  29. <meta name="color:tooltipTXT" content="#fcfcfc">
  30.  
  31.  
  32. <meta name="if:bw hover" content="0"/>
  33. <meta name="if:250px" content="1"/>
  34. <meta name="if:400px"/>
  35. <meta name="if:text title" content="1"/>
  36.  
  37.  
  38. <meta name="text:Link1" content="link"/>
  39. <meta name="text:Link1URL" content=""/>
  40. <meta name="text:Link2" content="link"/>
  41. <meta name="text:Link2URL" content=""/>
  42. <meta name="text:Link3" content="link"/>
  43. <meta name="text:Link3URL" content=""/>
  44.  
  45. <meta name="image:background"/>
  46. <meta name="image:sidebarICON"/>
  47. <meta name="image:sidebarBOX"/>
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52. body {
  53. background: {color:background} url('{image:background}') fixed repeat;
  54. letter-spacing: 1px;
  55. font: 8px tahoma;
  56. color: #aaa;
  57. word-wrap: break-word;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {
  61. background-color: {color:scroll};
  62. height: 50px;
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. height: 10px;
  67. width: 3px;
  68. background-color: #fcfcfc;}
  69.  
  70. #s-m-t-tooltip {
  71. z-index: 9999;
  72. background: {color:TooltipBG};
  73. font-size: 7px;
  74. line-height: 11px;
  75. font-family: tahoma;
  76. letter-spacing: 1px;
  77. text-transform: uppercase;
  78. color: {color:TooltipTXT};
  79. max-width: 100px;
  80. word-wrap: break-word;
  81. padding: 2px 5px 2px 6px;
  82. display: block;
  83. border: 1px none #ddd;
  84. margin: 20px 10px 10px 10px }
  85.  
  86. a {
  87. color: #9c9c9c;
  88. text-decoration: none;
  89. }
  90.  
  91. b, strong { color: #8e8e8e }
  92.  
  93. #content {
  94. margin-top:-10px;
  95. background: transparent;
  96. padding: 1px 20px 20px 20px;
  97. margin-left: 30px;
  98. {block:if250px}
  99. width: 272px;
  100. {/block:if250px}
  101. {block:if400px}
  102. width: 422px;
  103. {/block:if400px}
  104. {block:PermalinkPage}
  105. width: 422px;
  106. {/block:PermalinkPage}
  107. }
  108.  
  109.  
  110. .posts {
  111. padding: 10px;
  112. text-align:justify;
  113. line-height: 9px;
  114. border-left: 1px solid #ededed;
  115. border-top: 1px solid #ededed;
  116. border-right: 1px solid #ededed;
  117. margin-top: 10px;
  118. overflow: hidden;
  119. background: #FFF;
  120. {block:if250px}
  121. width: 250px;
  122. {/block:if250px}
  123. {block:if400px}
  124. width: 400px;
  125. {/block:if400px}
  126. {block:PermalinkPage}
  127. width: 400px;
  128. border-bottom: 1px solid #ededed;
  129. {/block:PermalinkPage} }
  130.  
  131. .posts h1 {
  132. font-family: georgia;
  133. font-size: 11px;
  134. color: #aaa;
  135. background-color: #f9f9f9;
  136. font-weight: normal;
  137. letter-spacing: 1px;
  138. text-transform: lowercase;
  139. text-align: center;
  140. margin-top: 0px;
  141. padding: 2px;
  142. border-bottom: 1px solid #f1f1f1;
  143. }
  144.  
  145. .posts h1 a {
  146. color: #aaa;
  147. }
  148.  
  149. .posts img {
  150. opacity: 0.75;
  151. -webkit-filter: grayscale(0);
  152. -webkit-transition: all 0.5s ease-in-out;
  153. -moz-transition: all 0.5s ease-in-out;
  154. -o-transition: all 0.5s ease-in-out;
  155. -ms-transition: all 0.5s ease-in-out;
  156. transition: all 0.5s ease-in-out;
  157. }
  158.  
  159.  
  160. .posts img:hover {
  161. opacity: 0.92;
  162. {block:ifbwhover}
  163. -webkit-filter: grayscale(0.8);
  164. {/block:ifbwhover}
  165. }
  166.  
  167. .reblogm {padding: 0px 1px 0px 3px; background-color: #999; color: #fff; font: 5px tahoma;}
  168. .reblogm a {letter-spacing: 2px; text-decoration: none; background-color: #999; color: #fff;}
  169.  
  170.  
  171. .posts img {
  172. max-width: 100%; }
  173.  
  174. .posts h2 {
  175. font-family: georgia;
  176. font-size: 11px;
  177. color: {color:Post Title};
  178. font-weight: normal;
  179. font-style: none;
  180. text-transform: normal;
  181. letter-spacing: 0px;
  182. text-align: center;
  183. }
  184.  
  185. .quote {
  186. font-family: georgia;
  187. font-size: 20px;
  188. color: {color:Post Bold};
  189. float: left;
  190. margin-top: -1px;
  191. margin-right: 5px;
  192. }
  193.  
  194.  
  195. blockquote {
  196. background: #f9f9f9;
  197. padding: 5px 5px 5px 5px;
  198. margin-left: 10px;
  199. margin-right: 10px;
  200. }
  201.  
  202.  
  203. li {
  204. list-style-type: square; }
  205.  
  206. #captions {
  207. display: block;
  208. border-left: 3px double #ddd;
  209. padding: 1px 10px 1px 10px;
  210. margin-top: 10px;
  211. {block:IndexPage}
  212. display: none;
  213. {/block:IndexPage}
  214.  
  215. }
  216.  
  217. #audiocaptions {
  218. display: block;
  219. padding: 1px 10px 1px 10px;
  220. margin-top: 10px;
  221. border-top: 1px solid #ededed;
  222. {block:IfNotShowCaptions}
  223. {block:IndexPage}
  224. display: none;
  225. {/block:IndexPage}
  226. {/block:IfNotShowCaptions}
  227. }
  228.  
  229.  
  230. .pagination {
  231. margin-top: 5px;
  232. text-align: center;
  233. }
  234.  
  235.  
  236. #albumart img {
  237. width: 70px;
  238. height: 70px;
  239. }
  240.  
  241.  
  242. #permalink {
  243. background: #f3f3f3;
  244. text-transform: uppercase;
  245. font: 7px trebuchet ms;
  246. letter-spacing: 1px;
  247. text-align: center;
  248. border-right: 1px solid #ededed;
  249. border-left: 1px solid #ededed;
  250. border-bottom: 1px solid #ededed;
  251. padding: 4px 10px 1px 10px;
  252. }
  253.  
  254.  
  255. .photoset {
  256. opacity: 0.75;
  257. margin-bottom: -2px;
  258. -webkit-filter: grayscale(0);
  259. -webkit-transition: all 0.5s ease-in-out;
  260. -moz-transition: all 0.5s ease-in-out;
  261. -o-transition: all 0.5s ease-in-out;
  262. -ms-transition: all 0.5s ease-in-out;
  263. transition: all 0.5s ease-in-out;
  264. }
  265.  
  266. .photoset:hover {
  267. opacity: 0.92;
  268. {block:ifbwhover}
  269. -webkit-filter: grayscale(0.8);
  270. {/block:ifbwhover}
  271. }
  272.  
  273. .notes img{
  274. width: 8px;
  275. top: 8px;
  276. }
  277.  
  278. .line { background-color: #dfdfdf; width: 3px; height: 370px; bottom: -5px; left: 360px; position: fixed;
  279. {block:if400px}
  280. left: 510px;
  281. {/block:if400px}
  282. {block:PermalinkPage}
  283. left: 510px;
  284. {/block:PermalinkPage}
  285. }
  286.  
  287.  
  288. .sidebar { margin-top: 5px; margin-left: 9px; width: 120px; height: 150px; border: 1px solid #e5e5e5; padding: 5px;background-color: #fff; }
  289. .sidebar img { opacity: 0.4; width: 120px; height: 150px;}
  290.  
  291.  
  292. .kago2 {
  293. position: fixed;
  294. width: 35px;
  295. bottom: 30px;
  296. {block:if250px}
  297. left: 520px;
  298. {/block:if250px}
  299. {block:if400px}
  300. left: 670px;
  301. {/block:if400px}
  302. {block:PermalinkPage}
  303. left: 670px;
  304. {/block:PermalinkPage}
  305. }
  306.  
  307. .koko {
  308. padding: 2px 2px 2px 2px;
  309. background-color: #fff;
  310. border-top: 1px solid #ddd;
  311. border-bottom: 1px solid #ddd;
  312. border-right: 1px solid #ddd;
  313. font: 8px trebuchet ms;
  314. display: block;
  315. text-align:center;
  316. margin-top: 5px; }
  317.  
  318. .koko a {
  319. color: #999;
  320. text-transform: lowercase; }
  321.  
  322. .kago {
  323. position: fixed;
  324. width: 150px;
  325. bottom: -6px;
  326. {block:if250px}
  327. left: 380px;
  328. {/block:if250px}
  329. {block:if400px}
  330. left: 530px;
  331. {/block:if400px}
  332. {block:PermalinkPage}
  333. left: 530px;
  334. {/block:PermalinkPage}
  335. }
  336.  
  337. .quo {
  338. padding: 10px 10px 6px 10px;
  339. width: 110px;
  340. font-size: 8px;
  341. letter-spacing: 2px;
  342. color: #999;
  343. text-align: center;
  344. border: 1px solid #e5e5e5;
  345. -webkit-border-radius: 0px;
  346. -moz-border-radius: 0px;
  347. border-radius: 0px;
  348. background-color: #fff;}
  349.  
  350. .icon {
  351. opacity: 0.6;
  352. margin-bottom: 6px;}
  353.  
  354. .stitle {
  355. margin-bottom:6px;
  356. width: 140px;
  357. line-height: 12px;
  358. text-align:center;
  359. height: auto;
  360. color: #a2a2a2;
  361. font: 9px georgia;
  362. text-transform: uppercase;
  363. letter-spacing: 2px; }
  364.  
  365.  
  366. #title {
  367. margin-bottom: 5px;
  368. text-align: center;
  369. color: #000;
  370. background: #F0F0F0;
  371. padding: 5px;
  372. letter-spacing: 1px;
  373. }
  374.  
  375. .ask {
  376. background-color: #f9f9f9;
  377. padding: 2px;
  378. border-bottom: 1px solid #f1f1f1;
  379. }
  380.  
  381. .ask i {
  382. font-style: normal;
  383. }
  384.  
  385.  
  386. #audio {margin-left: 0px;}
  387. #audinfo {width: 120px; padding-top: 0px; margin-left: 10px; margin-top: 30px; min-height:60px; margin-bottom: 0px; text-transform:uppercase; font-family: trebuchet ms; font-size: 7px; line-height: 8px; letter-spacing: 1px; text-align: center; z-index: 999;
  388. {block:if250px}
  389. padding-left: 0px;
  390. {/block:if250px}
  391. {block:if400px}
  392. padding-left: 70px;
  393. {/block:if400px}
  394. {block:PermalinkPage}
  395. padding-left; 70px;
  396. {/block:PermalinkPage} }
  397.  
  398. #player {
  399. width:30px;
  400. height:30px;
  401. overflow:hidden;
  402. position:absolute;
  403. margin-top:27px;
  404. text-align: center;
  405. margin-bottom:5px;
  406. margin-left: 20px;
  407. padding-left: 5px;
  408. opacity: 0.3;
  409. filter:alpha(opacity=30);
  410. -moz-opacity: 0.3;
  411. -khtml-opacity: 0.3;
  412. z-index: 3;
  413. -webkit-transition: all 0.7s ease-out;
  414. -moz-transition: all 0.7s ease-out;
  415. -o-transition: all 0.7s ease-out;
  416. }
  417.  
  418. #player:hover {opacity: 0.7;
  419. filter:alpha(opacity=70);
  420. -moz-opacity: 70;
  421. -khtml-opacity: 70;
  422. -webkit-transition: all 0.7s ease-out;
  423. -moz-transition: all 0.7s ease-out;
  424. -o-transition: all 0.7s ease-out;
  425. }
  426.  
  427. #backu{ width:80px;
  428. height:80px;
  429. margin-top:5px;
  430. margin-bottom:0px;
  431. background-color: #fff;
  432. opacity: 0.3;
  433. filter:alpha(opacity=30);
  434. -moz-opacity: 0.3;
  435. -khtml-opacity: 0.3;
  436. position:absolute;
  437. z-index: 2;
  438. -webkit-transition: all 0.7s ease-out;
  439. -moz-transition: all 0.7s ease-out;
  440. -o-transition: all 0.7s ease-out;
  441. {block:if250px}
  442. margin-left: 140px;
  443. {/block:if250px}
  444. {block:if400px}
  445. margin-left: 209px;
  446. {/block:if400px}
  447. {block:PermalinkPage}
  448. padding-left; 209px;
  449. {/block:PermalinkPage}
  450. }
  451.  
  452. #backu:hover{
  453. opacity: 0.5;
  454. filter:alpha(opacity=50);
  455. -moz-opacity: 50;
  456. -khtml-opacity: 50;
  457. -webkit-transition: all 0.7s ease-out;
  458. -moz-transition: all 0.7s ease-out;
  459. -o-transition: all 0.7s ease-out;}
  460.  
  461. #cover {width: 80px; height: 80px; float:left; margin-top: 1px; z-index: 1; position:absolute; border: 1px solid #ddd; padding: 3px;
  462. {block:if250px}
  463. margin-left: 136px;
  464. {/block:if250px}
  465. {block:if400px}
  466. margin-left: 205px;
  467. {/block:if400px}
  468. {block:PermalinkPage}
  469. padding-left; 205px;
  470. {/block:PermalinkPage}
  471. }
  472.  
  473.  
  474. #links {
  475. text-align: center;
  476. margin-top: 5px;
  477. }
  478.  
  479. iframe#tumblr_controls {
  480. right:3px !important;
  481. position: fixed !important;
  482. -webkit-filter: invert(100%);
  483. opacity: 0.3;
  484. z-index: 9999;
  485. }
  486.  
  487.  
  488. -webkit-transition: all 0.8s ease-out;
  489. -moz-transition: all 0.8s ease-out;
  490. transition: all 0.8s ease-out;
  491. }
  492.  
  493.  
  494. iframe#tumblr_controls:hover {
  495. opacity: 1;
  496. -webkit-transition: all 0.4s ease-out;
  497. -moz-transition: all 0.4s ease-out;
  498. transition: all 0.4s ease-out; }
  499.  
  500.  
  501. </style>
  502.  
  503. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  504. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  505.  
  506. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  507. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  508. <script>
  509. (function($){
  510. $(document).ready(function(){
  511. $("[title]").style_my_tooltips();
  512. });
  513. })(jQuery);
  514. </script>
  515.  
  516. </head>
  517.  
  518.  
  519. <body>
  520.  
  521.  
  522. <div class="line"></div>
  523.  
  524. <div class="kago">
  525.  
  526. <center>
  527.  
  528. {block:IfNotTextTitle}<div class="icon"><a href="/" title="{Title}"><img src="{image:SidebarICON}"></a></div>{/block:IfNotTextTitle}
  529.  
  530. {block:IfTextTitle}<a href="/"><div class="stitle"><span style="background-color: #f3f3f3; padding: 1px;">{Title}</span></div></a>{/block:IfTextTitle}
  531.  
  532.  
  533. <div class="quo">{Description}</center>
  534.  
  535. <div class="sidebar">
  536. <img src="{image:SidebarBOX}"/>
  537. </div>
  538.  
  539. </div>
  540.  
  541. <div class="kago2">
  542.  
  543. <div class="koko"> <a href="/ask" title="message">.i</a> </div>
  544. <div class="koko"> <a href="{text:Link1URL}" title="{text:Link1}">.ii </a></div>
  545. <div class="koko"> <a href="{text:Link2URL}" title="{text:Link2}">.iii</a> </div>
  546. <div class="koko"> <a href="{text:Link3URL}" title="{text:Link3}">.iv </a> </div>
  547.  
  548.  
  549. </div>
  550.  
  551.  
  552. <div id="content">
  553.  
  554.  
  555. {block:Posts}
  556.  
  557.  
  558. <div class="posts">
  559.  
  560.  
  561. {block:Text}
  562. {block:Title}<h1>{Title}</h1>{/block:Title}
  563. {Body}
  564. {/block:Text}
  565.  
  566.  
  567.  
  568. {block:Photo}
  569.  
  570. <center>
  571. {LinkOpenTag}
  572. <img src="{PhotoURL-500}">
  573. {LinkCloseTag}
  574. </center>
  575.  
  576. {block:Caption}
  577. <div id="captions">
  578. {Caption}</div>
  579. {/block:Caption}
  580.  
  581. {/block:Photo}
  582.  
  583.  
  584.  
  585. {block:Photoset}
  586.  
  587. <div class="photoset">
  588. {block:IndexPage}
  589.  
  590. {block:If250px}
  591. {Photoset-250}
  592. {/block:If250px}
  593. {block:If400px}
  594. {Photoset-400}
  595. {/block:If400px}
  596.  
  597. {/block:IndexPage}
  598. {block:PermalinkPage}
  599. {Photoset-400}
  600. {/block:PermalinkPage}
  601. </div>
  602.  
  603. {block:Caption}
  604. <div id="captions">
  605. {Caption}</div>
  606. {/block:Caption}
  607.  
  608. {/block:Photoset}
  609.  
  610.  
  611.  
  612. {block:Quote}
  613. <div class="quote"></div>
  614. <h2>{Quote}</h2>
  615. {block:Source}<div style="text-align: center; font-size: 7px; font-family: tahoma; text-transform: uppercase; letter-spacing: 1px; margin: -3px 0px 2px 0px;">{Source}</div>{/block:Source}
  616. {/block:Quote}
  617.  
  618. {block:Link}
  619. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  620. {block:Description}{Description}{/block:Description}
  621. {/block:Link}
  622.  
  623.  
  624.  
  625. {block:Chat}
  626. {block:Title}<h1>{Title}</h1>{/block:Title}
  627. {block:Lines}
  628. {block:Label}
  629. <b>{Label}</b>
  630. {/block:Label}
  631. {Line}<br />
  632. {/block:Lines}
  633. {/block:Chat}
  634.  
  635.  
  636.  
  637. {block:Audio}
  638. <div id="backu">
  639. <div id="player">{AudioPlayerWhite}</div>
  640. </div>
  641.  
  642. <div id="cover">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
  643.  
  644. <div id="audinfo">
  645. {block:Artist}
  646. <b>artist:</b> {Artist}
  647. {/block:Artist} <br> {block:TrackName}
  648. <b>song:</b> {TrackName}
  649. {/block:TrackName}<br>
  650. {block:Album}
  651. <b>Album:</b> {Album}
  652. {/block:Album}
  653. <br><br> </div>
  654. {block:PermalinkPage}
  655. {block:Caption}
  656. {Caption}
  657. {/block:Caption}
  658. {/block:PermalinkPage}
  659. {/block:IfShowCaptions}{/block:Caption}
  660. {/block:Audio}
  661.  
  662.  
  663.  
  664. {block:Video}
  665.  
  666. <div class="video">
  667. {block:IndexPage}{Video-500}{/block:IndexPage}
  668. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  669. </div>
  670.  
  671. {block:Caption}
  672. <div id="captions">
  673. {Caption}</div>
  674. {/block:Caption}
  675.  
  676. {/block:Video}
  677.  
  678.  
  679.  
  680. {block:Answer}
  681. <div class="ask">{Asker} : {Question}</div>
  682. {Answer}
  683. {/block:Answer}
  684.  
  685. </div>
  686.  
  687.  
  688.  
  689. {block:Date}
  690. <div id="permalink">
  691.  
  692.  
  693. <span class="reblogm"><a href="{ReblogURL}" target="_blank">reblog</a></span><a href="{Permalink}"> {Year}年{MonthNumber}月{DayOfMonth}日, </a> <a href="{Permalink}">{NoteCount}</a>リアクションがあります。
  694. {/block:Date}
  695.  
  696. </div>
  697.  
  698. {block:PermalinkPage}
  699.  
  700.  
  701. <div style="text-transform: uppercase; font: 7px trebuchet ms;"><center>{block:RebloggedFrom}
  702. <br>Reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  703. <br>Original post: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  704. {/block:RebloggedFrom}{block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource}
  705.  
  706. {block:HasTags}
  707. <br>Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
  708. {/block:HasTags}</center>
  709. <p>
  710. {block:PostNotes}
  711. {PostNotes}
  712. {/block:PostNotes}</div>
  713. {/block:PermalinkPage}
  714.  
  715.  
  716. {/block:Posts}
  717.  
  718. </div>
  719.  
  720.  
  721. <div style="font: 9px georgia; letter-spacing:2px; right: 15px; bottom: 10px; position: fixed; text-deocation:none;"> <a href="http://muishiki.tumblr.com/" title="made by muishiki ©">.theme</a></div>
  722.  
  723. </body>
  724. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement