API tools faq
paste
Advertisement
benizora

Theme 07: {黒雷} Kokurai

benizora
Sep 10th, 2012
14,293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--
  7.  
  8. theme 07: {黒雷} kokurai
  9. by jackie @ benizora.tumblr.com
  10. please keep ALL of the credits
  11. and don’t steal or distribute.
  12.  
  13. -->
  14.  
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}"/>
  21. {/block:Description}
  22.  
  23. <meta name="color:background" content="#fff"/>
  24.  
  25. <meta name="color:text" content="#5c5c5c"/>
  26. <meta name="color:bold" content="#000"/>
  27. <meta name="color:italic" content="#7a7a7a"/>
  28.  
  29. <meta name="color:entry background" content="#fff"/>
  30.  
  31. <meta name="color:title" content="#049686"/>
  32.  
  33. <meta name="color:sidebar bg" content="#000"/>
  34. <meta name="color:side title box" content="#000"/>
  35. <meta name="color:side title" content="#fff"/>
  36. <meta name="color:description text" content="#fff"/>
  37. <meta name="color:ask background" content="#f0f0f0"/>
  38.  
  39. <meta name="color:permalink" content="#ebf5f4"/>
  40. <meta name="color:permalink text" content="#000"/>
  41. <meta name="color:scrollbar" content="#c5c5c5"/>
  42. <meta name="color:link" content="#000"/>
  43. <meta name="color:link hover" content="#049686"/>
  44. <meta name="color:quote" content="#2b2b2b"/>
  45. <meta name="color:sidelink border" content="#8dc5c1"/>
  46. <meta name="color:sidelink border hover" content="#fff"/>
  47. <meta name="color:sidelinks" content="#000"/>
  48.  
  49. <meta name="image:sidebar" content="http://static.tumblr.com/e1ydrvt/nBGma5h1u/17sweettasteofbitter37.jpg"/>
  50. <meta name="image:background" content="http://static.tumblr.com/e1ydrvt/s8Tma5h11/2z527om.png"/>
  51. <meta name="font:title" content="Valencia"/>
  52. <meta name="font:body" content="Calibri"/>
  53.  
  54. <meta name="text:link 1" content="" />
  55. <meta name="text:link 1 title" content="" />
  56. <meta name="text:link 2" content="" />
  57. <meta name="text:link 2 title" content="" />
  58. <meta name="text:link 3" content="" />
  59. <meta name="text:link 3 title" content="" />
  60.  
  61. <meta name="if:InfiniteScroll" content="1" />
  62. <meta name="if:ShowCaptions" content="1">
  63.  
  64. <style type="text/css">
  65.  
  66. /*-- entries info --*/
  67.  
  68. body {
  69. background-image: url('{image:background}');
  70. background-color: {color:background};
  71. background-attachment: fixed;
  72. background-repeat: {text:Background Repeat};
  73. color: {color:text};
  74. font-family: {font:body};
  75. font-size: 12px;
  76. }
  77.  
  78. @font-face {
  79. font-family: "Valencia";
  80. src: url('http://static.tumblr.com/e1ydrvt/wzyma4890/valencialight.ttf') format("truetype");
  81. }
  82.  
  83. /*-- scrollbar --*/
  84.  
  85. ::-webkit-scrollbar-thumb {
  86. background-color: {color:background};
  87. height: 8px;
  88. width: 8px;
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. height: 8px;
  93. width: 8px;
  94. background-color: {color:scrollbar};
  95. }
  96.  
  97. /*-- links info --*/
  98.  
  99. a {
  100. color: {color:link};
  101. text-decoration: none;
  102. }
  103.  
  104. a:link, a:active, a:visited {
  105. text-decoration: none;
  106. color: {color:link};
  107. -webkit-transition: all 0.5s linear;
  108. -moz-transition: all 0.5s linear;
  109. -o-transition: all 0.5s linear;
  110. }
  111.  
  112. a:hover {
  113. color:{color:link hover};
  114. text-decoration: none;
  115. -webkit-transition: all 0.5s linear;
  116. -moz-transition: all 0.5s linear;
  117. -o-transition: all 0.5s linear;
  118. }
  119.  
  120. /*-- pagination --*/
  121.  
  122.  
  123. #pagination {
  124. font-family: 'Calibri';
  125. font-size: 10px;
  126. width: 245px;
  127. margin:10px 0px 0px 0px;
  128. position: fixed;
  129. text-align: center;
  130. z-index:999;
  131. }
  132.  
  133. .current_page {
  134. color: {color:link hover};
  135. padding: 5px;
  136. }
  137.  
  138. #pagination a {
  139. padding: 5px;
  140. color: {color:link};
  141. text-decoration: none;
  142. }
  143.  
  144.  
  145.  
  146. /*-- sidebar info --*/
  147.  
  148. .sidebar {
  149. width: 250px;
  150. position: fixed;
  151. text-align:center;
  152. top:100px;
  153. left:50px;
  154. background-color: {color:sidebar bg};
  155. }
  156.  
  157. #banner {
  158. display:block;
  159. font-family: "Valencia", Georgia, serif;
  160. font-size: 25px;
  161. margin:-35px 0px -50px 0px;
  162. color: {color:side title};
  163. text-transform: uppercase;
  164. text-align: center;
  165. background-color:{color:side title box};
  166. opacity:.2;
  167. letter-spacing: 2px;
  168. padding: 5px;
  169. width: 240px;
  170. position:fixed;
  171. -webkit-transition: all 0.5s ease-in-out;
  172. -moz-transition: all 0.5s ease-in-out;
  173. -o-transition: all 0.5s ease-in-out;
  174. }
  175.  
  176. #banner:hover {
  177. display:block;
  178. font-family: "Valencia", Georgia, serif;
  179. font-size: 40px;
  180. margin: -45px 0px -50px 0px;
  181. color: {color:side title};
  182. background-color:{color:side title box};
  183. text-transform: uppercase;
  184. text-align: center;
  185. opacity:1;
  186. letter-spacing: 2px;
  187. padding: 5px;
  188. width: 240px;
  189. position:fixed;
  190. -webkit-transition: all 0.5s ease-in-out;
  191. -moz-transition: all 0.5s ease-in-out;
  192. -o-transition: all 0.5s ease-in-out;
  193. }
  194.  
  195. .sidebar img {
  196. max-width:250px;
  197. height:auto;
  198. z-index:-9;
  199. }
  200.  
  201. #sidedesc {
  202. width:210px;
  203. padding:20px;
  204. font-family: 'Tahoma', sans-serif;
  205. font-size: 8px;
  206. letter-spacing: 1px;
  207. text-align:center;
  208. color: {color:description text};
  209. z-index:999;
  210. }
  211.  
  212. #awesome {
  213. margin: 10px 0px -3px 250px;
  214. display:block;
  215. position:fixed;
  216. }
  217.  
  218. #awesome a {
  219. display:block;
  220. width:70px;
  221. padding:4px 1px 4px 7px;
  222. margin-top:7px;
  223. color:{color:sidelinks};
  224. text-align:left;
  225. text-transform:lowercase;
  226. letter-spacing:1px;
  227. border-left:5px solid {color:sidelink border};
  228. font-family:'Tahoma', sans-serif;
  229. font-size: 8px;
  230. -webkit-transition: all 0.5s ease-in-out;
  231. -moz-transition: all 0.5s ease-in-out;
  232. -o-transition: all 0.5s ease-in-out;
  233. }
  234.  
  235. #awesome a:hover {
  236. display:block;
  237. border-left:15px solid {color:sidelink border hover};
  238. -webkit-transition: all 0.5s ease-in-out;
  239. -moz-transition: all 0.5s ease-in-out;
  240. -o-transition: all 0.5s ease-in-out;
  241. }
  242.  
  243. /*-- ENTRIES --*/
  244.  
  245. #content {
  246. margin-left: 400px;
  247. font-family: 'Calibri', Helvetica, sans-serif;
  248. width: 400px;
  249. }
  250.  
  251. #entries {
  252. z-index:#999;
  253. border:3px solid {color:permalink};
  254. width: 400px;
  255. background-color: {color:entry background};
  256. padding: 10px;
  257. margin: 35px 0px 60px 10px;
  258. }
  259.  
  260. #entries b, strong {
  261. color: {color:bold};
  262. }
  263.  
  264. #entries i, em {
  265. color: {color:italic};
  266. }
  267.  
  268. #entries img {
  269. max-width:400px;
  270. }
  271.  
  272.  
  273.  
  274. /*-- BLOCKQUOTES --*/
  275.  
  276. blockquote{
  277. border-left:5px solid {color:sidelink border};
  278. background-color: {color:entry bg};
  279. padding:0px 5px 0px 7px;
  280. margin-left:5px;
  281. width: 375px;
  282. overflow:hidden;
  283. }
  284.  
  285. blockquote img {
  286. max-width: 375px;
  287. }
  288.  
  289.  
  290.  
  291. /*-- QUOTES --*/
  292.  
  293. #quotes{
  294. padding: 10px 10px 20px 10px;
  295. font-family: "Calibri", sans-serif;
  296. line-height: 100%;
  297. font-size:12px;
  298. letter-spacing:1px;
  299. font-style:italic;
  300. color: {color:quote};
  301. text-align: center;
  302. }
  303.  
  304. #sources {
  305. font-family:'Calibri', sans-serif;
  306. font-size:11px;
  307. text-align:right;
  308. margin-top: -5px;
  309. padding: 10px 0px 5px 0px;
  310. }
  311.  
  312. /*-- PERMALINK --*/
  313.  
  314. #permalink a:link {
  315. color: {color:link};
  316. }
  317.  
  318. #permalink a:hover {
  319. color: {color:link hover};
  320. }
  321.  
  322. #permalink {
  323. font-family:'Calibri', sans-serif;
  324. text-transform:uppercase;
  325. letter-spacing:1px;
  326. font-size:9px;
  327. border:3px solid {color:permalink};
  328. position: absolute;
  329. padding:4px 11px 4px 11px;
  330. margin:0px 0px 0px -13px;
  331. text-align:left;
  332. width: 398px;
  333. background-color: {color:permalink};
  334. color: {color:permalink text};
  335. }
  336.  
  337. /*-- TAGGIES --*/
  338.  
  339. #tags a:link {
  340. color: {color:link};
  341. }
  342.  
  343. #tags a:hover {
  344. color: {color:link hover};
  345. }
  346.  
  347. #tags {
  348. font-family:'Calibri', sans-serif;
  349. text-transform:uppercase;
  350. border:2px solid {color:permalink};
  351. letter-spacing:1px;
  352. font-size:9px;
  353. position: absolute;
  354. padding:4px 10px 7px 10px;
  355. margin: 0px 0px 0px -14px;
  356. text-align:left;
  357. width: 402px;
  358. background-color: {color:permalink};
  359. color: {color:permalink text};
  360. }
  361.  
  362.  
  363.  
  364. /*-- TITLES --*/
  365.  
  366. #title {
  367. padding-bottom: 3px;
  368. font-size: 52px;
  369. text-align: center;
  370. font-family: "Valencia", Georgia, sans-serif;
  371. line-height: 100%;
  372. letter-spacing: 2px;
  373. color: {color:title};
  374. }
  375.  
  376. /*-- ASKAROOS --*/
  377.  
  378.  
  379. #asks {
  380. position: relative;
  381. background-color: {color:entry background};
  382. padding: 0px 0px 20px 0px;
  383. width: 400px;
  384. display: block;
  385. }
  386.  
  387. #asks a {
  388. font-size: 12px;
  389. color: {color:link};
  390. font-family: 'Tahoma', Calibri, sans-serif;
  391. text-align: center;
  392. text-transform: uppercase;
  393. }
  394.  
  395. #asks a:hover {
  396. color: {color:link hover};
  397. }
  398.  
  399.  
  400. #askcontainer {
  401. width: 400px;
  402. background-color: {color:ask background};
  403. text-align: left;
  404. padding:7px 10px 7px 10px;
  405. margin: -10px 0px -15px -10px;
  406. font-size: 12px;
  407. line-height:130%;
  408. color: {color:bold};
  409. font-family: 'Calibri';
  410. display:block;
  411. }
  412.  
  413.  
  414. /*-- CHATS --*/
  415.  
  416. .user_1 .label {
  417. color:{color:link};
  418. font-weight:regular;
  419. }
  420.  
  421. .user_2 .label {
  422. color:{color:bold};
  423. font-weight:regular;
  424. }
  425.  
  426. ul.chat, .chat ol, .chat li {
  427. list-style:square;
  428. margin:0px 0px 0px 10px;
  429. padding:1px;
  430. }
  431.  
  432. /*-- NOTES --*/
  433.  
  434. ol.notes {
  435. margin: 15px 0px 15px -25px;
  436. list-style-type: square;
  437. background: transparent;
  438. border: 0px;
  439. font-family:'Tahoma', sans-serif;
  440. font-size:10px;
  441. letter-spacing: 1px;
  442. text-transform: lowercase;
  443. }
  444.  
  445. .notes img{
  446. width: 8px;
  447. position: relative;
  448. top: 1px;
  449. }
  450.  
  451. /*-- MUSIC POSTS --*/
  452.  
  453. .pressplay {
  454. width:20px;
  455. height:30px;
  456. overflow:hidden;
  457. position:relative;
  458. z-index:1000;
  459. margin:40px 40px 30px 40px;
  460. }
  461.  
  462. .shadow {
  463. background-color:{color:entry background};
  464. position: absolute;
  465. z-index:1000;
  466. opacity:.5;
  467. -webkit-transition: all 0.7s ease;
  468. -moz-transition: all 0.7s ease;
  469. -o-transition: all 0.7s ease;
  470. }
  471.  
  472. .shadow:hover {
  473. opacity:1;
  474. }
  475.  
  476. #mcont {
  477. width:400px;
  478. height:110px;
  479. margin-bottom:5px;
  480. }
  481.  
  482. .art {
  483. width:100px;
  484. height:100px;
  485. position:absolute;
  486. }
  487.  
  488. .art img{
  489. width:100px;
  490. height:100px;
  491. float:left;
  492. }
  493.  
  494. .defaultart {
  495. width:100px;
  496. height:100px;
  497. position:absolute;
  498. }
  499.  
  500. .defaultart img {
  501. width:100px;
  502. height:100px;
  503. float:left;
  504. }
  505.  
  506. .music {
  507. padding:3px;
  508. margin:3px 0 5px 100px;
  509. font-family:'Tahoma', sans-serif;
  510. text-transform:uppercase;
  511. font-size:9.5px;
  512. border-left:10px solid {color:sidelink border};
  513. -webkit-transition-duration: 0.6s;
  514. -moz-transition-duration: 0.6s;
  515. }
  516.  
  517. .music:hover {
  518. border-left:20px solid {color:sidelink border hover};
  519. -webkit-transition-duration: 0.6s;
  520. -moz-transition-duration: 0.6s;
  521. }
  522.  
  523. {CustomCSS}
  524.  
  525. </style>
  526.  
  527. {block:IfInfiniteScroll}
  528. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  529. {/block:IfInfiniteScroll}
  530.  
  531.  
  532. </head>
  533.  
  534. <body>
  535.  
  536.  
  537. <div class="sidebar">
  538.  
  539. <div id="awesome">
  540. <a href="/">home</a>
  541. <a href="/ask">message</a>
  542. <a href="/archive">archive</a>
  543. {block:IfLink1}<a href="{text:link 1}" id="rightlinks">{text:link 1 title}</a>{/block:IfLink1}
  544. {block:IfLink2}<a href="{text:link 2}" id="rightlinks">{text:link 2 title}</a>{/block:IfLink2}
  545. {block:IfLink3}<a href="{text:link 3}" id="rightlinks">{text:link 3 title}</a>{/block:IfLink3}
  546. </div>
  547.  
  548.  
  549. <img src="{image:sidebar}">
  550.  
  551. <div id="banner">{title}</div>
  552.  
  553. <div id="sidedesc">
  554.  
  555. <br>{block:Description}{Description}{/block:Description}
  556. </div>
  557.  
  558. {block:IfNotInfiniteScroll}<div id="pagination">
  559. {block:Pagination}
  560. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;&nbsp;{/block:PreviousPage}
  561. {block:JumpPagination length="2"}
  562. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  563. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  564. {/block:JumpPagination}
  565. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  566. {/block:Pagination}
  567. </div>{/block:IfNotInfiniteScroll}</div>
  568.  
  569. </div>
  570.  
  571. </div>
  572.  
  573.  
  574. <div id="content">
  575.  
  576. <div class="autopagerize_page_element">
  577.  
  578. {block:Posts}
  579.  
  580. <div id="entries">
  581.  
  582. {block:Text}
  583.  
  584. {block:Title}<div id="title">{Title}</div>{/block:Title}
  585. {Body}
  586.  
  587. {/block:Text}
  588.  
  589. {block:Photo}
  590.  
  591. {LinkOpenTag}<img src="{PhotoURL-500}" class="center">{LinkCloseTag}
  592.  
  593. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  594.  
  595. {block:IfNotShowCaptions}
  596.  
  597. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  598.  
  599. {/block:Photo}
  600.  
  601. {block:Photoset}
  602.  
  603. {LinkOpenTag}{Photoset-400}{LinkCloseTag}
  604.  
  605. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}
  606.  
  607. {/block:Photoset}
  608.  
  609. {block:Quote}
  610.  
  611. <div id="quotes">{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  612.  
  613. {/block:Quote}
  614.  
  615. {block:Link}
  616.  
  617. <div id="title">
  618. <a href="{URL}" {Target}>{Name}</a>
  619. </div>
  620. {block:Description}{Description}{/block:Description}
  621.  
  622. {/block:Link}
  623.  
  624. {block:Chat}
  625.  
  626. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><br>
  627.  
  628. {/block:Chat}
  629.  
  630. {block:Audio}
  631.  
  632. <div id="entries audio">
  633.  
  634. <div id="mcont">
  635. <div class="shadow">
  636. <div class="pressplay">
  637. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  638. </div></div>
  639. <div class="defaultart"><img src="http://static.tumblr.com/e1ydrvt/yutma3ebm/default.png"></div>
  640. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><br>
  641. {block:Artist}<div class="music"><b>ARTIST:</b> {Artist}</div>{/block:Artist}
  642. {block:TrackName}<div class="music"><b>TRACK:</b> {TrackName}</div>{/block:TrackName}
  643. {block:Album}<div class="music"><b>ALBUM:</b> {Album}</div>{/block:Album}
  644.  
  645. </div>
  646.  
  647. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}</div>
  648.  
  649. {/block:Audio}
  650.  
  651. {block:Video}
  652.  
  653. {Video-400}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  654.  
  655. {/block:Video}
  656.  
  657.  
  658. {block:Answer}
  659.  
  660.  
  661. <div id="asks"><div id="askcontainer">✖ <b>{Asker}</b> <i>whispered:</i> {Question}</div></div>{Answer}
  662.  
  663. {/block:Answer}
  664.  
  665. {block:IndexPage}
  666.  
  667.  
  668. {block:Date}<div id="permalink">posted:<a href="{Permalink}"> {Timeago} with {NoteCountWithLabel}</a> ◆ <a href="{ReblogURL}">reblog</a>
  669.  
  670.  
  671. {block:HasTags}<div id="tags"><b>▸ tags:</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>
  672.  
  673. {/block:HasTags}</div>
  674. {/block:Date}
  675.  
  676. {/block:IndexPage}
  677.  
  678. {block:PermalinkPage}
  679.  
  680. <div class="permalink">
  681.  
  682. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  683.  
  684. </center>
  685. {block:PostNotes}{PostNotes}{/block:PostNotes}
  686.  
  687. </div>
  688.  
  689. {/block:PermalinkPage}
  690.  
  691. </div>
  692.  
  693.  
  694. {/block:Posts}
  695.  
  696. </div>
  697.  
  698. </div>
  699.  
  700. </body>
  701.  
  702. <font style="position: fixed; bottom: 10px; right: 10px;"><font size="4"><a href="http://benizora.tumblr.com"><b>❀</b></a></font>
  703.  
  704. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!