API tools faq
paste
Advertisement
benizora

Theme 12: {黎明} Reimei

benizora
Dec 23rd, 2012
10,091
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.38 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 12: { 黎明 } R E I M E I
  8. by jackie @ benizora.tumblr.com
  9. please keep ALL of the credits
  10. and don’t steal or distribute.
  11.  
  12. -->
  13.  
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}"/>
  20. {/block:Description}
  21.  
  22. <meta name="color:background" content="#fff"/>
  23.  
  24. <meta name="color:text" content="#000"/>
  25. <meta name="color:bold" content="#000"/>
  26. <meta name="color:italic" content="#7a7a7a"/>
  27.  
  28. <meta name="color:entry background" content="#fff"/>
  29.  
  30. <meta name="color:title" content="#000"/>
  31. <meta name="color:top links" content="#737373"/>
  32. <meta name="color:top links hover" content="#fff"/>
  33. <meta name="color:top links text" content="#737373"/>
  34. <meta name="color:top links text hover" content="#fff"/>
  35.  
  36. <meta name="color:sidebar" content="#f3fafd"/>
  37. <meta name="color:sidelinks" content="#eee"/>
  38. <meta name="color:sidelinks hover" content="#eee"/>
  39. <meta name="color:sidelinks text" content="#000"/>
  40. <meta name="color:sidelinks text hover" content="#fff"/>
  41. <meta name="color:sidebar title" content="#000"/>
  42. <meta name="color:description text" content="#4d4d4d"/>
  43.  
  44. <meta name="color:permalink" content="#d2eefa"/>
  45. <meta name="color:permalink text" content="#000"/>
  46. <meta name="color:scrollbar" content="#d2eefa"/>
  47. <meta name="color:link" content="#7a7a7a"/>
  48. <meta name="color:link hover" content="#000"/>
  49. <meta name="color:lighter accent" content="#000"/>
  50. <meta name="color:darker accent" content="#000"/>
  51.  
  52. <meta name="image:sidebar" content="" />
  53. <meta name="image:background" content=""/>
  54. <meta name="font:title" content="Quicksand"/>
  55. <meta name="font:body" content="Calibri"/>
  56.  
  57. <meta name="text:link 1" content="" />
  58. <meta name="text:link 1 title" content="" />
  59. <meta name="text:link 2" content="" />
  60. <meta name="text:link 2 title" content="" />
  61. <meta name="text:link 3" content="" />
  62. <meta name="text:link 3 title" content="" />
  63. <meta name="text:link 4" content="" />
  64. <meta name="text:link 4 title" content="" />
  65. <meta name="text:link 5" content="" />
  66. <meta name="text:link 5 title" content="" />
  67. <meta name="text:link 6" content="" />
  68. <meta name="text:link 6 title" content="" />
  69. <meta name="text:link 7" content="" />
  70. <meta name="text:link 7 title" content="" />
  71. <meta name="text:link 8" content="" />
  72. <meta name="text:link 8 title" content="" />
  73.  
  74. <meta name="if:InfiniteScroll" content="1" />
  75. <meta name="if:ShowCaptions" content="1">
  76. <meta name="if:250px" content="0" />
  77. <meta name="if:400px" content="1" />
  78. <meta name="if:500px" content="0" />
  79. <meta name="if:MonochromePosts" content="1" />
  80. <meta name="if:ShowTags" content="0"/>
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Quicksand|Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  83.  
  84. <style type="text/css">
  85.  
  86. /*-- entries info --*/
  87.  
  88. @font-face {
  89. font-family: "Quicksand";
  90. src: url('http://static.tumblr.com/jyonzim/Y3dmfiayz/quicksand_book.ttf') format("truetype");
  91. }
  92.  
  93. body {
  94. background-image: url('{image:background}');
  95. background-color: {color:background};
  96. background-attachment: fixed;
  97. background-repeat: {text:Background Repeat};
  98. {/block:IfNoBackgroundImageNoRepeat};
  99. color: {color:text};
  100. font-family: {font:body};
  101. font-size: 12px;
  102. }
  103.  
  104. iframe#tumblr_controls {
  105. right:3px !important;
  106. position: fixed !important;
  107. opacity: 0.2;
  108. filter:alpha(opacity=20);
  109. -moz-opacity: 0.2;
  110. -khtml-opacity: 0.2;
  111. -webkit-transition: all 0.9s ease;
  112. -moz-transition: all 0.9s ease;
  113. -o-transition: all 0.9s ease;
  114. }
  115.  
  116. iframe#tumblr_controls:hover {
  117. opacity: 1;
  118. filter:alpha(opacity=100);
  119. -moz-opacity: 1;-khtml-opacity: 1;
  120. -webkit-transition: all 0.9s ease;
  121. -moz-transition: all 0.9s ease;
  122. -o-transition: all 0.9s ease;
  123. }
  124.  
  125. /*-- scrollbar --*/
  126.  
  127. ::-webkit-scrollbar-thumb {
  128. background-color: {color:background};
  129. height: 4px;
  130. width: 4px;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height: 4px;
  135. width: 4px;
  136. background-color: {color:scrollbar};
  137. }
  138.  
  139. /*-- links info --*/
  140.  
  141. a {
  142. color: {color:link};
  143. text-decoration: none;
  144. }
  145.  
  146. a:link, a:active, a:visited {
  147. text-decoration: none;
  148. color: {color:link};
  149. -webkit-transition: all 0.5s linear;
  150. -moz-transition: all 0.5s linear;
  151. -o-transition: all 0.5s linear;
  152. }
  153.  
  154. a:hover {
  155. color:{color:link hover};
  156. text-decoration: none;
  157. -webkit-transition: all 0.5s linear;
  158. -moz-transition: all 0.5s linear;
  159. -o-transition: all 0.5s linear;
  160. }
  161.  
  162. /*-- pagination --*/
  163.  
  164. #previous {
  165. font-family: 'Calibri';
  166. font-size: 18px;
  167. width: 20px;
  168. color:{color:bold};
  169. float:right;
  170. right:320px;
  171. top:102px;
  172. position: fixed;
  173. text-align: center;
  174. z-index:999;
  175. }
  176.  
  177. #next {
  178. font-family: 'Calibri';
  179. color:{color:bold};
  180. font-size: 18px;
  181. float:right;
  182. top:102px;
  183. right:20px;
  184. width: 20px;
  185. position: fixed;
  186. text-align: center;
  187. z-index:999;
  188. }
  189.  
  190. /*-- toplinks info --*/
  191.  
  192. #navlinks {
  193. width: 265px;
  194. margin-left:-10px;
  195. margin-top:30px;
  196. display:block;
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. -ms-transition: all 0.5s ease-in-out;
  201. transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. #navlinks a {
  205. display: block;
  206. border-left:10px solid {color:lighter accent};
  207. border-right:10px solid {color:lighter accent};
  208. width: 245px;
  209. height: 15px;
  210. margin-bottom:2px;
  211. padding-right:5px;
  212. font-family: 'Calibri', sans-serif;
  213. background-color:{color:top links};
  214. font-size: 7px;
  215. color: {color:top links text};
  216. text-transform: uppercase;
  217. letter-spacing: 1px;
  218. text-align: right;
  219. line-height: 16px;
  220. -webkit-transition: all 0.4s linear;
  221. -moz-transition: all 0.4s linear;
  222. -o-transition: all 0.4s linear;
  223. -ms-transition: all 0.4s linear;
  224. transition: all 0.4s linear;
  225. }
  226.  
  227. #navlinks a:hover {
  228. color: {color:top links text hover};
  229. background-color:{color:top links hover};
  230. -webkit-transition: all 0.4s linear;
  231. -moz-transition: all 0.4s linear;
  232. -o-transition: all 0.4s linear;
  233. -ms-transition: all 0.4s linear;
  234. transition: all 0.4s linear;
  235. }
  236.  
  237. /*-- sidebar info --*/
  238.  
  239. #sidebar {
  240. width: 250px;
  241. height:100%;
  242. border-right:10px solid {color:darker accent};
  243. border-left:10px solid {color:darker accent};
  244. float:right;
  245. padding-bottom:20px;
  246. background-color:{color:sidebar};
  247. position: fixed;
  248. text-align:center;
  249. top:0px;
  250. right:45px;
  251. }
  252.  
  253. #sidelinks {
  254. width: 265px;
  255. margin-left:-10px;
  256. margin-top:15px;
  257. display:block;
  258. -webkit-transition: all 0.5s ease-in-out;
  259. -moz-transition: all 0.5s ease-in-out;
  260. -o-transition: all 0.5s ease-in-out;
  261. -ms-transition: all 0.5s ease-in-out;
  262. transition: all 0.5s ease-in-out;
  263. }
  264.  
  265. #sidelinks a {
  266. display: block;
  267. border-left:10px solid {color:lighter accent};
  268. border-right:10px solid {color:lighter accent};
  269. width: 245px;
  270. height: 17px;
  271. margin-bottom:2px;
  272. padding-left:5px;
  273. font-family: 'Calibri', sans-serif;
  274. background-color:{color:sidelinks};
  275. font-size: 9px;
  276. color: {color:sidelinks text};
  277. text-transform: uppercase;
  278. letter-spacing: 1px;
  279. text-align: left;
  280. line-height: 16px;
  281. -webkit-transition: all 0.4s linear;
  282. -moz-transition: all 0.4s linear;
  283. -o-transition: all 0.4s linear;
  284. -ms-transition: all 0.4s linear;
  285. transition: all 0.4s linear;
  286. }
  287.  
  288. #sidelinks a:hover {
  289. color: {color:sidelinks text hover};
  290. background-color:{color:sidelinks hover};
  291. -webkit-transition: all 0.4s linear;
  292. -moz-transition: all 0.4s linear;
  293. -o-transition: all 0.4s linear;
  294. -ms-transition: all 0.4s linear;
  295. transition: all 0.4s linear;
  296. }
  297.  
  298.  
  299. #sidelinks .more:hover a.mlinkss {
  300. background-color: {color:sidelinks};
  301. color: {color:sidelinks text};
  302. }
  303.  
  304. .mlinks {
  305. display: block;
  306. height: 17px;
  307. width:275px;
  308. overflow: hidden;
  309. }
  310.  
  311. .mlinks:hover {
  312. height: 47px;
  313. {block:IfLink6}height: 60px;{/block:IfLink6}
  314. {block:IfLink7}height: 76px;{/block:IfLink7}
  315. {block:IfLink8}height: 93px;{/block:IfLink8}
  316. }
  317.  
  318. #banner {
  319. display:block;
  320. margin-left:-10px;
  321. font-family: Quicksand, serif;
  322. font-size: 15px;
  323. margin-top:0px;
  324. color: #000;
  325. text-transform: none;
  326. text-align: center;
  327. padding: 10px 15px 0px 15px;
  328. width: 240px;
  329. }
  330.  
  331. #sidebar img {
  332. max-width:250px;
  333. margin-top:10px;
  334. margin-left:-10px;
  335. border-left:10px solid {color:lighter accent};
  336. border-right:10px solid {color:lighter accent};
  337. }
  338.  
  339. #description {
  340. color: {color:description text};
  341. width: 240px;
  342. letter-spacing:1px;
  343. padding:15px;
  344. margin-left:-10px;
  345. text-align:justify;
  346. font-family:calibri;
  347. font-size:10px;
  348. }
  349.  
  350. #description b, strong {
  351. color: {color:bold};
  352. }
  353.  
  354. /*-- posts & entries --*/
  355.  
  356. #content {
  357. float:right;
  358. top:0px;
  359. margin-right:355px;
  360. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  361. {block:if500px}width: 520px;{/block:if500px}
  362. {block:if400px}width: 420px;{/block:if400px}
  363. {block:if250px}width: 270px;{/block:if250px}
  364. }
  365.  
  366. #entries {
  367. z-index:#999;
  368. border:7px solid {color:darker accent};
  369. float:right;
  370. {block:if500px}width: 500px;{/block:if500px}
  371. {block:if400px}width: 400px;{/block:if400px}
  372. {block:if250px}width: 250px;{/block:if250px}
  373. background-color: {color:entry background};
  374. font-family: 'Dosis', Calibri, sans-serif;
  375. text-align:justify;
  376. padding: 10px;
  377. margin: 7px 0px 45px 0px;
  378. }
  379.  
  380. #entries b, strong {
  381. color: {color:bold};
  382. }
  383.  
  384. #entries i, em {
  385. color: {color:italic};
  386. }
  387.  
  388. #entries img {
  389. {block:if500px}max-width: 500px;{/block:if500px}
  390. {block:if400px}max-width: 400px;{/block:if400px}
  391. {block:if250px}max-width: 250px;{/block:if250px}
  392. {block:IfMonochromePosts}
  393. -webkit-filter: grayscale(1);
  394. -webkit-transition: all 0.5s ease-in-out;
  395. -moz-transition: all 0.5s ease-in-out;
  396. -o-transition: all 0.5s ease-in-out;
  397. -ms-transition: all 0.5s ease-in-out;
  398. transition: all 0.5s ease-in-out;
  399. {/block:IfMonochromePosts}
  400. }
  401.  
  402. {block:IfMonochromePosts}
  403. #entries img:hover{
  404. filter: none;
  405. -webkit-filter: grayscale(0);
  406. }
  407. {/block:IfMonochromePosts}
  408.  
  409. #photo{
  410. {block:if250px}max-width: 250px;{/block:if250px}
  411. {block:if400px}max-width: 400px;{/block:if400px}
  412. {block:if500px}max-width: 500px;{/block:if500px}
  413. {block:IfMonochromePosts}
  414. -webkit-filter: grayscale(1);
  415. -webkit-transition: all 0.5s ease-in-out;
  416. -moz-transition: all 0.5s ease-in-out;
  417. -o-transition: all 0.5s ease-in-out;
  418. -ms-transition: all 0.5s ease-in-out;
  419. transition: all 0.5s ease-in-out;
  420. {/block:IfMonochromePosts}
  421. }
  422.  
  423. {block:IfMonochromePosts}
  424. #photo:hover{
  425. filter: none;
  426. -webkit-filter: grayscale(0);
  427. }
  428. {/block:IfMonochromePosts}
  429.  
  430. /*-- blockquote info --*/
  431.  
  432. #entries blockquote {
  433. border-left:4px solid {color:darker accent};
  434. padding-left: 5px;
  435. padding-right: 3px;
  436. margin-left: 25px;
  437. }
  438.  
  439. #entries pre {
  440. overflow:auto;
  441. font-size:10px;
  442. }
  443.  
  444. #entries blockquote img{
  445. {block:if250px}max-width: 175px;{/block:if250px}
  446. {block:if400px}max-width: 325px;{/block:if400px}
  447. {block:if500px}max-width: 425px;{/block:if500px}
  448. margin-left: 5px;
  449. }
  450.  
  451. /*-- quote info --*/
  452.  
  453. #quotes{
  454. padding: 10px 10px 20px 10px;
  455. font-family: "Quicksand", Garamond, sans-serif;
  456. letter-spacing: 1px;
  457. line-height: 110%;
  458. text-transform:none;
  459. font-size:17px;
  460. color: {color:bold};
  461. text-align: center;
  462. }
  463.  
  464. #sources {
  465. font-family:'Dosis', Calibri, sans-serif;
  466. font-size:9pt;
  467. text-align: right;
  468. margin-top: -5px;
  469. padding-top:10px;
  470. padding-bottom:5px;
  471. }
  472.  
  473. /*-- permalink info --*/
  474.  
  475. #permalink a {
  476. color: {color:link};
  477. }
  478.  
  479. #permalink a:hover {
  480. color:{color:link hover};
  481. }
  482.  
  483.  
  484. #permalink {
  485. z-index:99999;
  486. {block:if250px}width: 272px;{/block:if250px}
  487. {block:if400px}width: 422px;{/block:if400px}
  488. {block:if500px}width: 522px;{/block:if500px}
  489. margin-top:25px;
  490. margin-left:-17px;
  491. position:absolute;
  492. color:{color:permalink text};
  493. font-family: "Calibri", sans-serif;
  494. text-align:center;
  495. letter-spacing:1px;
  496. line-height:14px;
  497. padding:5px;
  498. background-color:{color:permalink};
  499. border:1px ridge {color:lighter accent};
  500. font-size:8px;
  501. text-transform:uppercase;
  502. opacity:1.1;
  503. }
  504.  
  505. .permalink {
  506. font-family: 'Dosis', Calibri, sans-serif;
  507. font-size:9px;
  508. letter-spacing:1px;
  509. color: {color:text};
  510. text-transform:uppercase;
  511. }
  512.  
  513. /*-- tags --*/
  514.  
  515. #tags a {
  516. color:{color:link};
  517. }
  518.  
  519. #tags a:hover {
  520. color:{color:link hover};
  521. }
  522.  
  523. #tags {
  524. width:150px;
  525. position:absolute;
  526. font-family: "Dosis", Calibri, sans-serif;
  527. text-align:right;
  528. margin-left:-187px;
  529. letter-spacing:1px;
  530. line-height:14px;
  531. border-right: 7px solid {color:lighter accent};
  532. padding:8px 10px;
  533. font-size:9px;
  534. float:left;
  535. text-transform:uppercase;
  536. opacity:0;
  537. -webkit-transition: all 0.5s ease-in-out;
  538. -moz-transition: all 0.5s ease-in-out;
  539. -o-transition: all 0.5s ease-in-out;
  540. -ms-transition: all 0.5s ease-in-out;
  541. transition: all 0.5s ease-in-out;
  542. }
  543.  
  544. #entries:hover #tags {
  545. font-size:9px;
  546. position:absolute;
  547. opacity: 1.1;
  548. float:left;
  549. width: 150px;
  550. -webkit-transition: all 0.5s ease-in-out;
  551. -moz-transition: all 0.5s ease-in-out;
  552. -o-transition: all 0.5s ease-in-out;
  553. -ms-transition: all 0.5s ease-in-out;
  554. transition: all 0.5s ease-in-out;
  555. }
  556.  
  557. /*-- entry title info --*/
  558.  
  559. #title {
  560. padding: 7px 0px 4px 0px;
  561. background-color:{color:darker accent};
  562. margin-left:-17px;
  563. {block:if500px}width: 500px;{/block:if500px}
  564. {block:if400px}width: 420px;{/block:if400px}
  565. {block:if250px}width: 250px;{/block:if250px}
  566. border-right: 7px solid {color:lighter accent};
  567. border-left: 7px solid {color:lighter accent};
  568. font-size: 20px;
  569. line-height:120%;
  570. text-align: center;
  571. font-family: "Quicksand", Calibri, sans-serif;
  572. letter-spacing: 1px;
  573. font-style:bold;
  574. color: {color:title};
  575. text-transform:uppercase;
  576. }
  577.  
  578. /*-- asks info --*/
  579.  
  580.  
  581. #asks {
  582. position: relative;
  583. background-color: {color:entry background};
  584. padding: 10px 0px 20px 0px;
  585. {block:If250px}width: 100px;{/block:If250px}
  586. {block:If500px}width: 350px;{/block:If500px}
  587. {block:If400px}width: 250px;{/block:If400px}
  588. display: block;
  589. }
  590.  
  591. #asks img {
  592. width: 45px;
  593. height: 45px;
  594. border: 5px solid {color:sidelinks};
  595. margin: -5px 0px -5px 5px;
  596. {block:IfMonochromePosts}
  597. -webkit-filter: grayscale(1);
  598. -webkit-transition: all 0.5s ease-in-out;
  599. -moz-transition: all 0.5s ease-in-out;
  600. -o-transition: all 0.5s ease-in-out;
  601. -ms-transition: all 0.5s ease-in-out;
  602. transition: all 0.5s ease-in-out;
  603. {block:IfMonochromePosts}
  604. }
  605.  
  606. #asks img:hover{
  607. {block:IfMonochromePosts}
  608. filter: none;
  609. -webkit-filter: grayscale(0);
  610. {block:IfMonochromePosts}
  611. }
  612.  
  613. #asks a {
  614. font-size: 11px;
  615. padding-left:-10px;
  616. color: {color:link};
  617. font-family: 'Dosis', Calibri, serif;
  618. text-align: center;
  619. letter-spacing:1px;
  620. text-transform: uppercase;
  621. }
  622.  
  623. #asks a:hover {
  624. color: {color:link hover};
  625. }
  626.  
  627. #askcontainer {
  628. {block:If250px}width: 175px;{/block:If250px}
  629. {block:If500px}width: 425px;{/block:If500px}
  630. {block:If400px}width: 325px;{/block:If400px}
  631. border-bottom:2px solid {color:bold};
  632. margin-left:70px;
  633. margin-top:-5px;
  634. padding-bottom:10px;
  635. text-align: left;
  636. font-size: 10px;
  637. line-height:130%;
  638. color: {color:text};
  639. font-family: 'Dosis', Calibri, sans-serif;
  640. display:block;
  641. }
  642.  
  643.  
  644. /*-- chatbox info --*/
  645.  
  646. .user_1 .label {
  647. color:{color:link};
  648. font-weight:regular;
  649. }
  650.  
  651. .user_2 .label {
  652. color:{color:bold};
  653. font-weight:bold;
  654. }
  655.  
  656. ul.chat, .chat ol, .chat li {
  657. list-style:none;
  658. margin:0px;
  659. padding:2px;
  660. }
  661.  
  662. /*-- notes info --*/
  663.  
  664. ol.notes {
  665. padding: 0px;
  666. margin: 15px;
  667. font-family:'Dosis', Calibri, sans-serif;
  668. list-style-type: none;
  669. background-color: {color:entry background};
  670. border: 0px;
  671. height:200px;
  672. overflow-y:scroll;
  673. letter-spacing: 0px;
  674. text-transform: lowercase;
  675. }
  676.  
  677. ol.notes li.note {
  678. padding: 1px;
  679. font-family:'Dosis', Calibri, sans-serif;
  680. text-align: center;
  681. font-size:9px;
  682. letter-spacing: 0px;
  683. text-transform: lowercase;
  684. }
  685.  
  686. .notes img{
  687. display:none;
  688. }
  689.  
  690. .music {
  691. background-color: {color: entry background};
  692. display:block;
  693. }
  694.  
  695. /*-- MUSIC POSTS --*/
  696.  
  697. .pressplay {
  698. width:25px;
  699. height:30px;
  700. overflow:hidden;
  701. position:relative;
  702. z-index:1000;
  703. margin:25px 40px 30px 25px;
  704. }
  705.  
  706. .shadow {
  707. background-color:{color:entry background};
  708. position: absolute;
  709. width:75px;
  710. height:75px;
  711. z-index:1000;
  712. opacity:.5;
  713. -webkit-transition: all 0.7s ease;
  714. -moz-transition: all 0.7s ease;
  715. -o-transition: all 0.7s ease;
  716. }
  717.  
  718. .shadow:hover {
  719. opacity:1;
  720. {block:IfMonochromePosts}
  721. filter: none;
  722. -webkit-filter: grayscale(0);
  723. {/block:IfMonochromePosts}
  724. }
  725.  
  726. #mcont {
  727. {block:If250px}width:250px;{/block:If250px}
  728. {block:If400px}width:400px;{/block:If400px}
  729. {block:If500px}width:500px;{/block:If500px}
  730. height:110px;
  731. }
  732.  
  733. .art {
  734. width:75px;
  735. height:75px;
  736. position:absolute;
  737. }
  738.  
  739. .art img{
  740. width:75px;
  741. height:75px;
  742. float:left;
  743. {block:IfMonochromePosts}
  744. -webkit-filter: grayscale(1);
  745. -webkit-transition: all 0.5s ease-in-out;
  746. -moz-transition: all 0.5s ease-in-out;
  747. -o-transition: all 0.5s ease-in-out;
  748. -ms-transition: all 0.5s ease-in-out;
  749. transition: all 0.5s ease-in-out;
  750. {/block:IfMonochromePosts}
  751. }
  752.  
  753. .defaultart {
  754. width:100px;
  755. height:100px;
  756. position:absolute;
  757. }
  758.  
  759.  
  760. .defaultart img {
  761. width:100px;
  762. height:100px;
  763. float:left;
  764. {block:IfMonochromePosts}
  765. -webkit-filter: grayscale(1);
  766. -webkit-transition: all 0.5s ease-in-out;
  767. -moz-transition: all 0.5s ease-in-out;
  768. -o-transition: all 0.5s ease-in-out;
  769. -ms-transition: all 0.5s ease-in-out;
  770. transition: all 0.5s ease-in-out;
  771. {/block:IfMonochromePosts}
  772. }
  773.  
  774. .music {
  775. padding:4px 3px;
  776. {block:If250px}width:160px;{/block:If250px}
  777. {block:If400px}width:329px;{/block:If400px}
  778. {block:If500px}width:429px;{/block:If500px}
  779. margin:-11px 0 14px 75px;
  780. font-family:'Dosis', Calibri, sans-serif;
  781. text-transform:uppercase;
  782. border-right:7px solid {color:lighter accent};
  783. text-align:left;
  784. font-size:10px;
  785. background-color:{color:darker accent};
  786. color: {color:text};
  787. -webkit-transition-duration: 0.6s;
  788. -moz-transition-duration: 0.6s;
  789. }
  790.  
  791. {CustomCSS}
  792.  
  793. </style>
  794.  
  795. {block:IfInfiniteScroll}
  796. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  797. {/block:IfInfiniteScroll}
  798.  
  799. </head>
  800.  
  801. <body>
  802. <div id="sidebar">
  803. <div id="navlinks">
  804. <a href="/">home</a>
  805. <a href="/ask">message</a>
  806. <a href="/archive">archive</a>
  807. <a href="http://benizora.tumblr.com">theme</a></div>
  808.  
  809. <div id="banner">{title}</div>
  810.  
  811. <img src="{image:sidebar}">
  812.  
  813. <div id="sidelinks">
  814. {block:IfLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:IfLink1}
  815. {block:IfLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:IfLink2}
  816. {block:IfLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3}
  817. {block:IfLink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:IfLink4}
  818. {block:IfLink5}<div class="mlinks"><a href="" class="mlinkss">MORE</a>
  819. <div class="more">{/block:IfLink5}
  820. {block:IfLink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:IfLink5}
  821. {block:IfLink6}<a href="{text:link 6}">{text:link 6 title}</a>{/block:IfLink6}
  822. {block:IfLink7}<a href="{text:link 7}">{text:link 7 title}</a>{/block:IfLink7}
  823. {block:IfLink8}<a href="{text:link 8}">{text:link 8 title}</a>{/block:IfLink8}
  824. {block:IfLink5}</div></div>{/block:IfLink5}{block:IfLink1}</div>{/block:IfLink1}
  825. <div id="description">
  826.  
  827. {block:Description}{Description}{/block:Description}</div></div></div>
  828.  
  829. {block:IfNotInfiniteScroll}<div id="previous">
  830. {block:Pagination}
  831. {block:PreviousPage}
  832. <a href="{PreviousPage}">«</a>
  833. {/block:PreviousPage}
  834. {/block:Pagination}
  835. </div>
  836. <div id="next"> {block:Pagination}
  837. {block:NextPage}
  838. <a href="{NextPage}">»</a>
  839. {/block:NextPage}
  840. {/block:Pagination}
  841. </div>{/block:IfNotInfiniteScroll}
  842.  
  843. </div>
  844.  
  845. <div id="content">
  846.  
  847. <div class="autopagerize_page_element">
  848.  
  849. {block:Posts}
  850.  
  851. <div id="entries">
  852.  
  853. {block:Text}
  854.  
  855. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  856.  
  857. {block:Title}<div id="title">{Title}</div>{/block:Title}
  858. {Body}
  859.  
  860. {/block:Text}
  861.  
  862. {block:Photo}
  863.  
  864. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  865.  
  866. {LinkOpenTag}
  867.  
  868. <div id="photo">
  869.  
  870. {block:If250px}<img src="{PhotoURL-250}" class="center">{/block:If250px}
  871.  
  872. {block:If400px}<img src="{PhotoURL-400}" class="center">{/block:If400px}
  873.  
  874. {block:If500px}<img src="{PhotoURL-500}" class="center">{/block:If500px}
  875.  
  876. </div>
  877.  
  878. {LinkCloseTag}
  879.  
  880. {block:IfShowCaptions}
  881. {block:Caption}{Caption}{/block:Caption}
  882. {/block:IfShowCaptions}
  883.  
  884. {/block:Photo}
  885.  
  886. {block:Photoset}
  887.  
  888. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  889.  
  890. {LinkOpenTag}
  891.  
  892. <div id="photo">
  893.  
  894. {block:If250px}{PhotoSet-250}{/block:If250px}
  895.  
  896. {block:If400px}{PhotoSet-400}{/block:If400px}
  897.  
  898. {block:If500px}{PhotoSet-500}{/block:If500px}
  899.  
  900. </div>
  901.  
  902. {LinkCloseTag}
  903.  
  904. {block:IfShowCaptions}
  905. {block:Caption}{Caption}{/block:Caption}
  906. {/block:IfShowCaptions}
  907.  
  908. {/block:Photoset}
  909.  
  910. {block:Quote}
  911.  
  912. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  913.  
  914. <div id="quotes">{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  915.  
  916. {/block:Quote}
  917.  
  918. {block:Link}
  919.  
  920. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  921.  
  922. <div id="title">
  923. <a href="{URL}" {Target}>{Name}</a>
  924. </div>
  925. {block:Description}{Description}{/block:Description}
  926.  
  927. {/block:Link}
  928.  
  929. {block:Chat}
  930.  
  931. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  932.  
  933. {block:Title}<div id="title">{Title}</div>{/block:Title}
  934.  
  935. <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>
  936.  
  937. {/block:Chat}
  938.  
  939. {block:Audio}
  940.  
  941. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  942.  
  943. <div id="entries audio">
  944.  
  945. <div id="mcont">
  946. <div class="shadow">
  947. <div class="pressplay">
  948. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  949. </div></div>
  950. <div class="defaultart"><img src="http://static.tumblr.com/e1ydrvt/yutma3ebm/default.png"></div>
  951. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><br>
  952. {block:Artist}<div class="music"><b>ARTIST:</b> {Artist}</div>{/block:Artist}
  953. {block:TrackName}<div class="music"><b>TRACK:</b> {TrackName}</div>{/block:TrackName}
  954. {block:Album}<div class="music"><b>ALBUM:</b> {Album}</div>{/block:Album}
  955. </div></div>
  956.  
  957. {block:IfShowCaptions}
  958. {block:Caption}{Caption}{/block:Caption}
  959. {/block:IfShowCaptions}
  960.  
  961. {/block:Audio}
  962.  
  963. {block:Video}
  964.  
  965. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  966.  
  967. {block:If250px}{Video-250}{/block:If250px}{block:If400px}{Video-400}{/block:If400px}{block:If500px}{Video-500}{/block:If500px}
  968.  
  969. {block:IfShowCaptions}
  970. {block:Caption}{Caption}{/block:Caption}
  971. {/block:IfShowCaptions}
  972.  
  973. {/block:Video}
  974.  
  975. {block:Answer}
  976.  
  977. {block:IfShowTags}{block:HasTags}<div id="tags"><b>TAGS:</b><br> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}
  978.  
  979. <div id="asks"><img src="{AskerPortraitURL-40}" align="left"><div id="askcontainer">{Asker} <i>whispered:</i> <br>{Question}</div></div>{Answer}
  980.  
  981. {/block:Answer}
  982.  
  983. {block:IndexPage}
  984.  
  985. {block:Date}<div id="permalink">posted:<a href="{Permalink}"> {Timeago} </a> // <a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}">reblog</a></div>{/block:Date}
  986.  
  987. {/block:IndexPage}
  988.  
  989. {block:PermalinkPage}
  990.  
  991.  
  992. <div class="permalink">
  993.  
  994. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  995.  
  996. {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> {/block:Tags}{/block:HasTags}</center>
  997. {block:PostNotes}{PostNotes}{/block:PostNotes}
  998. </div>
  999. {/block:PermalinkPage}
  1000.  
  1001. </div>
  1002.  
  1003. {/block:Posts}
  1004.  
  1005. </div>
  1006.  
  1007. </div>
  1008.  
  1009. </body>
  1010.  
  1011. </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!