API tools faq
paste
Advertisement
benizora

Theme 01: {真夜中} Mayonaka

benizora
Aug 22nd, 2012
12,793
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.12 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. theme 001: mayonaka (midnight)
  8. by jackie @ benizora.tumblr.com
  9. please keep all of the credits
  10. and don’t steal or distribute.
  11.  
  12. thank you! enjoy!
  13.  
  14. -->
  15.  
  16. <head><title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}"/>
  22. {/block:Description}
  23.  
  24. <meta name="color:background" content="#000"/>
  25. <meta name="color:entry background" content="#000"/>
  26. <meta name="color:text" content="#b8b6b6"/>
  27. <meta name="color:title" content="#73a9fd"/>
  28.  
  29.  
  30. <meta name="color:top links" content="#111111"/>
  31. <meta name="color:top links text" content="#fff"/>
  32. <meta name="color:side title" content="#fff"/>
  33. <meta name="color:side title box" content="#000"/>
  34. <meta name="color:sidelinks" content="#000"/>
  35. <meta name="color:sidelinks hover" content="#fff"/>
  36. <meta name="color:sidelinks hover text" content="#000"/>
  37. <meta name="color:sidelinks text" content="#fff"/>
  38. <meta name="color:side description" content="#fff"/>
  39. <meta name="color:permalink" content="#131313"/>
  40. <meta name="color:permalink text" content="73a9fd"/>
  41. <meta name="color:scrollbar" content="111111"/>
  42. <meta name="color:links" content="#fff"/>
  43. <meta name="color:links hover" content="#fce66a"/>
  44. <meta name="color:quote" content="#b6b6b6"/>
  45.  
  46. <meta name="image:sidebar" content="http://static.tumblr.com/e1ydrvt/38vm9lj25/tumblr_m8kch3zbzh1qiptgio1_500.jpeg" />
  47. <meta name="image:background" content="http://static.tumblr.com/e1ydrvt/oFNm96lmj/picture_11.png"/>
  48.  
  49. <meta name="font:title" content="Dosis"/>
  50. <meta name="font:body" content="Calibri"/>
  51.  
  52. <meta name="text:link 1" content="" />
  53. <meta name="text:link 1 title" content="" />
  54. <meta name="text:link 2" content="" />
  55. <meta name="text:link 2 title" content="" />
  56. <meta name="text:link 3" content="" />
  57. <meta name="text:link 3 title" content="" />
  58. <meta name="text:link 4" content="" />
  59. <meta name="text:link 4 title" content="" />
  60. <meta name="text:link 5" content="" />
  61. <meta name="text:link 5 title" content="" />
  62. <meta name="text:link 6" content="" />
  63. <meta name="text:link 6 title" content="" />
  64.  
  65. <meta name="if:InfiniteScroll" content="0" />
  66. <meta name="if:ShowCaptions" content="0">
  67. <meta name="if:BigPosts" content="0" />
  68. <meta name="if:ShowTags" content="0" />
  69.  
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. /*-- entries info --*/
  77.  
  78. body {
  79. background-image: url('{image:background}');
  80. background-color: {color:background};
  81. background-attachment: fixed;
  82. background-repeat: {text:Background Repeat};
  83. {/block:IfNoBackgroundImageNoRepeat};
  84. color: {color:text};
  85. font-family: {font:body};
  86. font-size: 12px;
  87. }
  88.  
  89. @font-face {
  90.    font-family: "Dosis";
  91.    src: url('http://static.tumblr.com/e1ydrvt/0wDm987za/dosis.ttf') format("truetype");
  92. }
  93.  
  94. /*-- scrollbar --*/
  95.  
  96. ::-webkit-scrollbar-thumb {
  97. background-color: {color:background};
  98. height: 8px;
  99. width: 8px;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. height: 8px;
  104. width: 8px;
  105. background-color: {color:scrollbar};
  106. }
  107.  
  108. /*-- links info --*/
  109.  
  110. a {
  111. color: {color:links};
  112. text-decoration: none;
  113. }
  114.  
  115. a:link, a:active, a:visited {
  116. text-decoration: none;
  117. color: {color:links};
  118. -webkit-transition: all 0.5s linear;
  119. -moz-transition: all 0.5s linear;
  120. -o-transition: all 0.5s linear;
  121. }
  122.  
  123. a:hover {
  124. color:{color:links hover};
  125. text-decoration: none;
  126. -webkit-transition: all 0.5s linear;
  127. -moz-transition: all 0.5s linear;
  128. -o-transition: all 0.5s linear;
  129. }
  130.  
  131. /*-- pagination --*/
  132.  
  133. #pagination {
  134. margin-top: 20px;
  135. width: 295px;
  136. text-align: center;
  137. font-family: 'calibri', sans-serif;
  138. font-size: 9px;
  139. }
  140.  
  141. .current_page {
  142. background-color: {color:permalink};
  143. color: {color:description text};
  144. padding: 5px;
  145. }
  146.  
  147. #pagination a {
  148. background-color: {color:sidelinks};
  149. padding: 5px;
  150. color: {color:links};
  151. text-decoration: none;
  152. }
  153.  
  154.  
  155. /*-- sidebar info --*/
  156.  
  157. #toplinks {
  158. margin:12px 0 0 0px;
  159. position:fixed;
  160. text-align:center;
  161. font-family:'Dosis', Calibri, sans-serif;
  162. z-index:999;
  163. }
  164.  
  165. #toplinks a {
  166. padding:30px 16px 11px 16px;
  167. text-transform:none;
  168. font-family:'Dosis', Calibri, sans-serif;
  169. font-size:9px;
  170. letter-spacing:3px;
  171. background-color:{color:top links};
  172. color:{color:top links text};
  173. opacity: .8;
  174. z-index:999;
  175. }
  176.  
  177. #toplinks a:hover{
  178. opacity: .5;
  179. -webkit-transition: all 0.5s ease-in-out;
  180. -moz-transition: all 0.5s ease-in-out;
  181. -o-transition: all 0.5s ease-in-out;
  182. }
  183.  
  184. #sidebar {
  185. width: 290px;
  186. top: 00px;
  187. margin-left: 56px;
  188. height:100%;
  189. position: fixed;
  190. overflow: hidden;
  191. text-align:center;
  192. }
  193.  
  194. #sidebar img {
  195. max-width:290px;
  196. padding: 10px 0px 0px 0px;
  197. margin: 40px 0px -4px 0px;
  198. }
  199.  
  200. #sidetitle {
  201. display: block;
  202. width: 270px;
  203. line-height: 12px;
  204. padding: 12px;
  205. text-align: center;
  206. font-size: 13px;
  207. letter-spacing: 3px;
  208. text-transform: uppercase;
  209. font-family: 'Dosis', Calibri, sans-serif;
  210. color: {color:side title};
  211. background-color:{color:side title box};
  212. }
  213.  
  214. #sidelinks a {
  215. width: 290px;
  216. padding: 4px;
  217. font-size: 9px;
  218. letter-spacing: 1px;
  219. display: block;
  220. text-align: center;
  221. font-family: 'Dosis', sans-serif;
  222. background-color:{color:sidelinks};
  223. text-transform: uppercase;
  224. margin: 5px 0px -2px 0px;
  225. color:{color:sidelinks text};
  226. -webkit-transition: all 0.5s ease-in-out;
  227. -moz-transition: all 0.5s ease-in-out;
  228. -o-transition: all 0.5s ease-in-out;
  229. }
  230.  
  231. #sidelinks a:hover{
  232. background-color:{color:sidelinks hover};
  233. color:{color:sidelinks hover text};
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. -o-transition: all 0.5s ease-in-out;
  237. }
  238.  
  239. #sidedesc {
  240. width:290px;
  241. position: fixed;
  242. padding: 4px;
  243. margin: 3px 0px 0px -4px;
  244. font-family:'Dosis', Calibri, sans-serif;
  245. font-size: 10px;
  246. letter-spacing: 1px;
  247. text-align:center;
  248. text-decoration:none;
  249. color: {color:side description};
  250. }
  251.  
  252. /*-- posts & entries --*/
  253. #content {
  254. font-family: 'Calibri', Helvetica, sans-serif;
  255. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  256. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  257. margin: 0px 10px 0px 400px;
  258. }
  259.  
  260.  
  261. #entries {
  262. padding: 10px 10px 0 10px;
  263. background-color: {color:entry background};
  264. margin-bottom: 30px;
  265. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  266. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  267. }
  268.  
  269. #entries img {
  270. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  271. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  272. }
  273.  
  274. /*-- blockquote info --*/
  275.  
  276. blockquote{
  277. border-left: 5px solid {color:permalink text};
  278. padding:0px 3px;
  279. overflow:auto;
  280. }
  281.  
  282. blockquote img {
  283. {block:ifBigPosts}max-width: 420px;{/block:ifBigPosts}
  284. {block:ifNotBigPosts}max-width: 320px;{/block:ifNotBigPosts}
  285. }
  286.  
  287. /*-- quote info --*/
  288.  
  289. #quotes{
  290. padding: 15px;
  291. font-family: "Dosis", Calibri, sans-serif;
  292. letter-spacing: 1px;
  293. line-height: 100%;
  294. font-size:14px;
  295. text-transform: uppercase;
  296. text-align:center;
  297. color: {color:quote};
  298. }
  299.  
  300. /*-- permalink info --*/
  301.  
  302. #permalink {
  303. postion: fixed;
  304. font-family: "Calibri", sans-serif;
  305. font-size: 9.5px;
  306. letter-spacing: 2px;
  307. {block:ifBigPosts}width: 512px;{/block:ifBigPosts}
  308. {block:ifNotBigPosts}width: 412px;{/block:ifNotBigPosts}
  309. margin-top: 9px;
  310. margin-left: -10px;
  311. text-align: center;
  312. padding: 4px;
  313. text-transform: lowercase;
  314. background-color: {color:permalink};
  315. color: {color:permalink text};
  316. }
  317.  
  318. #permalink a:link {
  319. font-style: none;
  320. color: {color:links};
  321. }
  322.  
  323. #permalink a:hover {
  324. font-style: none;
  325. color: {color:links hover};
  326. }
  327.  
  328. /*-- tags info --*/
  329.  
  330. #tags {
  331. font-size: 10px;
  332. margin-left: -10px;
  333. padding:1px 4px 5px 4px;
  334. font-family: 'Calibri', sans-serif;
  335. text-align: center;
  336. letter-spacing:1px;
  337. text-transform: lowercase;
  338. {block:IfBigPosts}width: 512px;{/block:IfBigPosts}
  339. {block:IfNotBigPosts}width: 412px;{/block:IfNotBigPosts}
  340. background-color: {color:permalink};
  341. color: {color:permalink text};
  342. }
  343.  
  344. /*-- entry title info --*/
  345.  
  346. .title{
  347. padding-bottom: 3px;
  348. font-size: 20px;
  349. font-family: 'Dosis';
  350. line-height: 100%;
  351. letter-spacing: 2px;
  352. text-transform: uppercase;
  353. color: {color:title};
  354. }
  355.  
  356. /*-- asks info --*/
  357.  
  358. #ask {
  359. position: relative;
  360. background-color: {color:permalink};
  361. margin: 0;
  362. padding: 10px;
  363. text-align: left;
  364. {block:IfBigPosts}width: 480px;{/block:IfBigPosts}
  365. {block:IfNotBigPosts}width: 380px;{/block:IfNotBigPosts}
  366. display: block;
  367. }
  368.  
  369. #ask img {
  370. width: 45px;
  371. height: 45px;
  372. margin: -5px 0px -5px -5px;
  373. }
  374.  
  375. #ask, #ask a {
  376. font-size: 13px;
  377. color: {color:bold};
  378. font-family: calibri;
  379. {block:IfBigPosts}width: 480px;{/block:IfBigPosts}
  380. {block:IfNotBigPosts}width: 380px;{/block:IfNotBigPosts}
  381. text-align: center;
  382. margin-top: 0px;
  383. text-transform: none;
  384. }
  385.  
  386. #sources {
  387. font-family: ‘Calibri’, sans-serif;
  388. font-size:8pt;
  389. text-align: right;
  390. margin-top: -5px;
  391. }
  392.  
  393. /*-- chatbox info --*/
  394.  
  395.  
  396. .user_1 .label {
  397. color:{color:links};
  398. font-weight:bold;
  399. }
  400.  
  401. .user_2 .label {
  402. color:{color:links};
  403. font-weight:regular;
  404. }
  405. .user_3 .label {
  406. color:{color:links};
  407. font-weight:regular;
  408. }
  409.  
  410. .user_4 .label {
  411. color:{color:links};
  412. font-weight:regular;
  413. }
  414.  
  415. .user_5 .label {
  416. color:{color:links};
  417. font-weight:regular;
  418. }
  419.  
  420. .user_6 .label {
  421. color:{color:links};
  422. font-weight:regular;
  423. }
  424.  
  425. ul.chat, .chat ol, .chat li {
  426. list-style:none;
  427. margin:0px;
  428. padding:0px;
  429. }
  430. /*-- notes info --*/
  431.  
  432. ol.notes {
  433. padding: 0px;
  434. margin: 15px 0px;
  435. list-style-type: none;
  436. background: transparent;
  437. border: 0px;
  438. letter-spacing: 0px;
  439. text-transform: lowercase;
  440. }
  441.  
  442. ol.notes li.note {
  443. padding: 1px;
  444. text-align: left;
  445. letter-spacing: 0px;
  446. text-transform: lowercase;
  447. }
  448.  
  449. .notes img{
  450. width: 8px;
  451. position: relative;
  452. top: 1px;
  453. opacity: .5;
  454. }
  455.  
  456. .music {
  457. background-color: {color: entry background};
  458. display:block;
  459. }
  460.  
  461. {CustomCSS}
  462.  
  463. </style>
  464.  
  465. {block:IfInfiniteScroll}
  466. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  467. {/block:IfInfiniteScroll}
  468.  
  469. </head>
  470.  
  471. <body>
  472.  
  473. <div id="sidebar">
  474.  
  475. <div id="toplinks">
  476. <a href="/">home</a>
  477. <a href="/ask">ask me</a>
  478. <a href="/archive">archive</a>
  479. <a href="http://benizora.tumblr.com">theme</a>
  480. </div>
  481.  
  482. <img src="{image:sidebar}">
  483.  
  484. <div id="sidetitle">{title}</div>
  485.  
  486. <div id="sidelinks">
  487. {block:IfLink1}<a href="{text:link 1}" id="sidelinks">{text:link 1 title}</a>{/block:IfLink1}
  488. {block:IfLink2}<a href="{text:link 2}" id="sidelinks">{text:link 2 title}</a>{/block:IfLink2}
  489. {block:IfLink3}<a href="{text:link 3}" id="sidelinks">{text:link 3 title}</a>{/block:IfLink3}
  490. {block:IfLink4}<a href="{text:link 4}" id="sidelinks">{text:link 4 title}</a>{/block:IfLink4}
  491. {block:IfLink5}<a href="{text:link 5}" id="sidelinks">{text:link 5 title}</a>{/block:IfLink5}
  492. {block:IfLink6}<a href="{text:link 6}" id="sidelinks">{text:link 6 title}</a>{/block:IfLink6}</div>
  493.  
  494. <div id="sidedesc">{block:Description}{Description}{/block:Description}
  495.  
  496. {block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">
  497. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}{block:JumpPagination length="3"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  498. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  499.  
  500. </div>
  501. </div>
  502.  
  503.  
  504.  
  505. </div>
  506.  
  507.  
  508.  
  509. <div id="content">
  510.  
  511. <div class="autopagerize_page_element">
  512.  
  513. {block:Posts}
  514.  
  515. <div id="entries">
  516.  
  517. {block:Text}
  518.  
  519. {block:Title}<div class="title">{Title}</div>{/block:Title}
  520. {Body}
  521.  
  522. {/block:Text}
  523.  
  524.  
  525.  
  526. {block:Photo}
  527.  
  528. {block:IfBigPosts}{LinkOpenTag}<img src="{PhotoURL-500}" class="center">{LinkCloseTag}{/block:IfBigPosts}{block:IfNotBigPosts}
  529.  
  530. {LinkOpenTag}<img src="{PhotoURL-400}" class="center">{LinkCloseTag}{/block:IfNotBigPosts}
  531.  
  532. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  533. {block:IfNotShowCaptions}
  534.  
  535. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  536.  
  537. {/block:Photo}
  538.  
  539.  
  540.  
  541. {block:Photoset}
  542.  
  543. {block:IfBigPosts}{Photoset-500}{/block:IfBigPosts}{block:IfNotBigPosts}{Photoset-400}{/block:IfNotBigPosts}
  544.  
  545. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}
  546.  
  547. {/block:Photoset}
  548.  
  549.  
  550.  
  551. {block:Quote}
  552.  
  553. <div id="quotes">{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  554.  
  555. {/block:Quote}
  556.  
  557.  
  558.  
  559. {block:Link}
  560.  
  561. <div class="title">
  562. <a href="{URL}" {Target}>{Name}</a>
  563. </div>
  564. {block:Description}{Description}{/block:Description}
  565.  
  566. {/block:Link}
  567.  
  568.  
  569.  
  570. {block:Chat}
  571.  
  572. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  573.  
  574. {/block:Chat}
  575.  
  576.  
  577.  
  578. {block:Audio}
  579.  
  580. <div class="music">{AudioPlayerBlack}</div>{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} | <b>{Artist}</b>{/block:Artist}{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  581. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  582.  
  583. {/block:Audio}
  584.  
  585.  
  586.  
  587. {block:Video}
  588.  
  589. {block:IfBigPosts}{Video-500}{/block:IfBigPosts}{block:IfNotBigPosts}{Video-400}{/block:IfNotBigPosts}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  590. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  591.  
  592. {/block:Video}
  593.  
  594.  
  595.  
  596. {block:Answer}
  597.  
  598. <div id="ask"><img src="{AskerPortraitURL-40}" align="left"><i>{Asker}</i> <b>sent:</b><br />
  599. {Question}</div>{Answer}
  600.  
  601. {/block:Answer}
  602.  
  603.  
  604.  
  605. {block:IndexPage}
  606. {block:Date}<div id="permalink">posted <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount}&nbsp;&nbsp;with<a href="{Permalink}"> {NoteCountWithLabel}</a>
  607. {/block:NoteCount}</div>{/block:Date}{block:IfShowTags}<div id="tags">{block:HasTags}
  608. tagged: {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  609. {/block:HasTags}</div>{/block:IfShowTags}
  610. {/block:IndexPage}
  611.  
  612.  
  613.  
  614. {block:PermalinkPage}
  615. <div class="permalink">
  616.  
  617. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  618.  
  619. {block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom} {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  620. {block:PostNotes}{PostNotes}{/block:PostNotes}
  621.  
  622. </div>
  623. {/block:PermalinkPage}
  624.  
  625. </div>
  626.  
  627. {/block:Posts}
  628.  
  629. </div>
  630.  
  631. </div>
  632.  
  633. </body>
  634.  
  635. </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!