API tools faq
paste
Advertisement
benizora

Theme 015: Xeno

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