API tools faq
paste
Advertisement
benizora

Theme 09: {夜空} Yozora

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