Advertisement
benizora

Theme 02-b: {陰陽} Yin / YANG

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