API tools faq
paste
Advertisement
themesbychloe

37 different font #2

themesbychloe
Sep 15th, 2013
738
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.21 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme made by parised, keep credit.
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10.  
  11. <script type="text/javascript">
  12. </script>
  13.  
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <!--DEFAULT VARIABLES-->
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20. <meta name="color:background" content="#fff"/>
  21. <meta name="color:link" content="#777"/>
  22. <meta name="color:text" content="#777"/>
  23. <meta name="color:title" content="#333"/>
  24. <meta name="color:hover" content="#fff"/>
  25. <meta name="image:sidebar" content="1"/>
  26. <meta name="image:background" content="1"/>
  27. <meta name="text:Link1 title" content="link1" />
  28. <meta name="text:Link1" content="" />
  29. <meta name="text:Link2 title" content="link2" />
  30. <meta name="text:Link2" content="" />
  31. <meta name="text:Link3 title" content="link3" />
  32. <meta name="text:Link3" content="" />
  33. <meta name="text:Link4 title" content="link4" />
  34. <meta name="text:Link4" content="" />
  35. <meta name="text:Link5 title" content="link5"/>
  36. <meta name="text:Link5" content="" />
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. ::selection, ::-moz-selection, ::-webkit-selection {color:#ffffff; background-color: none;}
  42. ::-webkit-scrollbar{width:7px;height:8px;}
  43. ::-webkit-scrollbar-button:start:decrement
  44. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  45. ::-webkit-scrollbar-track-piece{background-color:#f8f8f8;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  46. ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#ffffff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
  47. ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:none;}
  48. ::-webkit-scrollbar-corner { background-color:#f8f8f8;}
  49. ::-webkit-resizer { background-color:#f8f8f8; }
  50.  
  51. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  52.  
  53. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  54.  
  55. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  56.  
  57. p {
  58. margin:0px;
  59. margin-top:0px;
  60. }
  61.  
  62.  
  63. body {
  64. padding: 0px;
  65. margin: 0px;
  66. color:{color:text};
  67. font-family: consolas;
  68. line-height:10px;
  69. font-size:9px;
  70. text-transform:lowercase;
  71.  
  72. background-color: {color:Background};
  73. background-image:url({image:Background});
  74. background-attachment: fixed;
  75. background-repeat: repeat;
  76. }
  77.  
  78.  
  79. a:link, a:active, a:visited{
  80. text-decoration: none;
  81. -webkit-transition: color 0.3s ease-out;
  82. -moz-transition: color 0.3s ease-out;
  83. transition: color 0.3s ease-out;
  84. color:{color:link};
  85. }
  86.  
  87. a:hover {
  88. text-decoration: none;
  89. font-style:;
  90. color: {color:Hover};
  91. }
  92.  
  93. div#center{
  94. margin:auto;
  95. position:relative;
  96. width:100%;
  97. background-color:;
  98. overflow:auto;
  99. overflow-y:hidden;
  100. }
  101.  
  102.  
  103. .entry {
  104. float:left;
  105. display: block;
  106. margin:10px;
  107. overflow:hidden;
  108. width:300px;
  109. padding:15px;
  110. border:1px solid #eee;
  111. {block:PermalinkPage}
  112. width:450px;
  113. text-align:left;
  114. line-height:10px;
  115. {/block:PermalinkPage}
  116. background:white;
  117. background-image:URL();
  118. }
  119.  
  120.  
  121. .entry .blck{
  122. position:absolute;
  123. width:300px;
  124. height:30px;
  125. background:black;
  126. opacity:0;
  127. -webkit-transition: all .5s ease-in-out;
  128. -moz-transition: all .5s ease-in-out;
  129. -o-transition: all .5s ease-in-out;
  130. transition: all .5s ease-in-out;
  131. }
  132.  
  133. .entry:hover .blck{
  134. overflow:visible;
  135. -webkit-transition: opacity 0.5s linear; opacity: 0.9;
  136. transition: all 0.5s linear;
  137. -webkit-transition: all .5s ease-in-out;
  138. -moz-transition: all .5s ease-in-out;
  139. -o-transition: all .5s ease-in-out;
  140. transition: all .5s ease-in-out;
  141. }
  142.  
  143.  
  144. .entry .xx{
  145. position:absolute;
  146. padding:5px;
  147. overflow:hidden;
  148. opacity:0.0;
  149. color:white;
  150. top:20px;
  151. z-index:10;
  152. -webkit-transition: all .5s ease-in-out;
  153. -moz-transition: all .5s ease-in-out;
  154. -o-transition: all .5s ease-in-out;
  155. transition: all .5s ease-in-out;
  156. }
  157.  
  158. .entry:hover .xx{
  159. overflow:visible;
  160. -webkit-transition: opacity 0.5s linear; opacity: 0.9;
  161. transition: all 0.5s linear;
  162. left:20px;
  163. -webkit-transition: all .5s ease-in-out;
  164. -moz-transition: all .5s ease-in-out;
  165. -o-transition: all .5s ease-in-out;
  166. transition: all .5s ease-in-out;
  167. }
  168.  
  169. .entry .ay{
  170. position:absolute;
  171. padding:5px;
  172. overflow:hidden;
  173. opacity:0.0;
  174. right:10px;
  175. top:20px;
  176. color:white;
  177. z-index:10;
  178. -webkit-transition: all .5s ease-in-out;
  179. -moz-transition: all .5s ease-in-out;
  180. -o-transition: all .5s ease-in-out;
  181. transition: all .5s ease-in-out;
  182. }
  183.  
  184. .entry:hover .ay{
  185. overflow:visible;
  186. -webkit-transition: opacity 0.5s linear; opacity: 0.9;
  187. transition: all 0.5s linear;
  188. right:20px;
  189. -webkit-transition: all .5s ease-in-out;
  190. -moz-transition: all .5s ease-in-out;
  191. -o-transition: all .5s ease-in-out;
  192. transition: all .5s ease-in-out;
  193. }
  194.  
  195.  
  196. #posts {
  197. width:800px;
  198. margin-top:25px;
  199. z-index:99;
  200. margin-left:328px;
  201. right:auto;
  202. background:transparent;
  203. margin-right:auto;
  204. position:relative;
  205. overflow-y: hidden;
  206. }
  207.  
  208.  
  209.  
  210. #line2{
  211. position:fixed;
  212. width:1px;
  213. height:100%;
  214. background-color:#eee;
  215. top:0px;
  216. left:300px;
  217. z-index:-99;
  218. }
  219.  
  220.  
  221. #sidebar{
  222. position:fixed !important;
  223. width:200px;
  224. background:white;
  225. height:auto;
  226. margin-top:35px;
  227. margin-left:40px;
  228. text-align:center;
  229. padding:10px;
  230. padding-top:30px;
  231. padding-bottom:10px;
  232. border:1px solid #eee;
  233. }
  234.  
  235. #sidebar img{
  236. width:100px;
  237. height:100px;
  238. padding:5px;
  239. border:1px solid #eee;
  240. border-radius:100px;
  241. }
  242.  
  243. #desc{
  244. width:180px;
  245. height:auto;
  246. margin-top:25px;
  247. margin-left:-1px;
  248. background:white;
  249. padding:10px;
  250. border:1px dotted #eee;
  251. font-family:consolas;
  252. font-size:8px;
  253. font-style:normal;
  254. text-transform:lowercase;
  255. letter-spacing:1px;
  256. }
  257.  
  258. #blogtitle{
  259. position:fixed;
  260. width:220px;
  261. height:20px;
  262. font-family:"impregnable";
  263. font-size:50px;
  264. margin-top:10px;
  265. margin-left:-10px;
  266. font-style:normal;
  267. text-shadow: 2px 2px 0px rgba(168, 150, 150, 0.48);
  268. }
  269.  
  270. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  271.  
  272.  
  273. @font-face {
  274. font-family: 'impregnable'; src: url('http://static.tumblr.com/pzym0f9/nd2mt6y99/impregnable_personal_use_only.ttf') format('truetype');
  275.  
  276. }
  277.  
  278. #navline{
  279. position:fixed;
  280. width:300px;
  281. height:1px;
  282. background-color:#eee;
  283. margin-top:45px;
  284. left:0px;
  285. }
  286.  
  287.  
  288. .sknil {
  289. position:fixed;
  290. width:300px;
  291. font-size:9px;
  292. text-transform:lowercase;
  293. font-style:italic;
  294. margin-top:-12px;
  295. margin-left:0px;
  296. line-height:25px;
  297. color: black;
  298. }
  299.  
  300. .sknil a {
  301. margin:2px;
  302. padding:3px;
  303. background-color: #eee;
  304. opacity:0.9;
  305. text-decoration: underline;
  306. transition: 0.4s linear;
  307. -moz-transition: 0.4s linear;
  308. }
  309.  
  310. .sknil a:hover{
  311. opacity:1;
  312. background-color: black;
  313. transition: 0.4s linear;
  314. -moz-transition: 0.4s linear;
  315. }
  316.  
  317. #c{
  318. position:fixed;
  319. right:20px;
  320. bottom:20px;
  321. font-family:cambria;
  322. font-size:10px;
  323. letter-spacing:1px;}
  324.  
  325. .title{
  326. font-family:cambria;
  327. font-size:13px;
  328. font-style:italic;
  329. line-height: 12px;
  330. color:{color:Title};
  331. font-weight: normal;
  332. }
  333.  
  334.  
  335. .permalink{
  336. text-transform: normal;
  337. display: block;
  338. text-align: right;
  339. text-decoration: none;
  340. font-style:italic;
  341. margin-top:5px;
  342. background:#f5f5f5;
  343. border:1px solid #eee;
  344. padding:5px;
  345. }
  346.  
  347. #infscr-loading{
  348. bottom: -70px;
  349. position: absolute;
  350. left: 50%;
  351. margin-left:-8px;
  352. width:16px;
  353. height:11px;
  354. overflow:hidden;
  355. margin-bottom: 50px;
  356. }
  357. .artcover {position:absolute;}
  358. .artcover img {width:42px;height:42px;float:left;border:5px solid #EEE;}
  359. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  360. .audioinfo {margin-left:55px;padding:3px 0px;}
  361. .i{display:block;padding:2px;}
  362. .i b, strong{font-family:Consolas;}
  363. .player {
  364. position:absolute;
  365. background:#FFF;
  366. width:30px;
  367. height:30px;
  368. opacity:0.75;
  369. padding:4px;
  370. margin:7px;
  371. overflow:hidden;}
  372.  
  373.  
  374. #info {
  375. color:{color:text};
  376. width:490px;
  377. font-family:calibri;
  378. text-transform:uppercase;
  379. letter-spacing:0px;
  380. font-size: 8px;
  381. line-height:120%;
  382. text-align:center;
  383. margin-top:2px;
  384. letter-spacing:1px;
  385. padding:5px;
  386. padding-bottom:5px;
  387. -webkit-transition-duration:0.5s;
  388. }
  389.  
  390. #info a{
  391. color:{color:info};
  392. border:0px;
  393. width:490px;
  394. font-family:calibri;
  395. text-transform:uppercase;
  396. font-style:normal;
  397. letter-spacing:0px;
  398. font-size: 8px;
  399. line-height:120%;
  400. text-align:center;
  401. letter-spacing:1px;
  402. -moz-transition-duration:0.5s;
  403. -webkit-transition-duration:0.5s;
  404. -o-transition-duration:0.5s;
  405. }
  406.  
  407. #info a:hover{
  408. color:{color:infohover};
  409. border-bottom:0px solid #fff;
  410. width:490px;
  411. letter-spacing:0px;
  412. font-size: 8px;
  413. line-height:120%;
  414. text-align:center;
  415. margin-top:2px;
  416. letter-spacing:1px;
  417. -moz-transition-duration:0.5s;
  418. -webkit-transition-duration:0.5s;
  419. -o-transition-duration:0.5s;
  420.  
  421. }
  422.  
  423. #postnotes{
  424. text-align: justify;}
  425.  
  426. #postnotes blockquote{
  427. border: 0px;}
  428.  
  429. blockquote{
  430. padding:0px 0px 2px 5px;
  431. margin:0px 0px 2px 10px;
  432. border-left: 1px dotted #555555;
  433. }
  434.  
  435. blockquote p, ul{
  436. margin:0px;
  437. padding:0px;
  438. }
  439.  
  440. a img{border: 0px;}
  441.  
  442.  
  443. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  444.  
  445. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  446. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  447.  
  448. .notes img{width:10px; position:relative; top:3px;}
  449. <--ses-->
  450. small{font-size: 90%;}
  451.  
  452. {CustomCSS}
  453.  
  454. </style>
  455.  
  456. {block:IndexPage}
  457. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  458. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  459.  
  460. <script type="text/javascript">
  461. $(window).load(function(){
  462. var $wall = $('#posts');
  463. $wall.imagesLoaded(function(){
  464. $wall.masonry({
  465. itemSelector: '.entry, .entry_photo',
  466. isAnimated : false
  467. });
  468. });
  469.  
  470. $wall.infinitescroll({
  471. navSelector : '#pagination',
  472. nextSelector : '#pagination a',
  473. itemSelector : '.entry, .entry_photo',
  474. bufferPx : 2000,
  475. debug : false,
  476. errorCallback: function() {
  477. $('#infscr-loading').fadeOut('normal');
  478. }},
  479. function( newElements ) {
  480. var $newElems = $( newElements );
  481. $newElems.hide();
  482. $newElems.imagesLoaded(function(){
  483. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  484. });
  485. }); $('#posts').show(500);
  486. });
  487. </script>
  488.  
  489.  
  490. {/block:IndexPage}
  491.  
  492.  
  493. <title>{title}</title>
  494.  
  495. <link rel="shortcut icon" href="{Favicon}" />
  496. <meta name="viewport" content="width=820" />
  497. </head>
  498.  
  499. <body>
  500. <BODY onselectstart="return false;" ondragstart="return false;">
  501. <div class="wrapper">
  502. <div class="header">
  503. </div>
  504.  
  505. <div id="cage">
  506. <div id="center">
  507.  
  508. <div id="sidebar">
  509. <center>
  510. <a href="/"><img src="{image:sidebar}" width=100%></a>
  511. <div id="blogtitle">{title}</div>
  512. <div id="desc">{description}</div>
  513. <div id="navline"><div class="sknil">
  514. <a href="{text:Link1}">{text:Link1 title}</a>
  515. <a href="{text:Link2}">{text:Link2 title}</a>
  516. <a href="{text:Link3}">{text:Link3 title}</a>
  517. <a href="{text:Link4}">{text:Link4 title}</a>
  518. <a href="{text:Link5}">{text:Link5 title}</a>
  519. </div></div>
  520.  
  521. </center>
  522. </div>
  523.  
  524. <div id="line2"></div>
  525. <!------------------------------------->
  526.  
  527.  
  528. <div class="left">
  529. <div id="posts">
  530. {block:Posts}
  531. <div class="entry">
  532.  
  533. {block:Answer}
  534. <div id="question>"><center><b>{Asker} asks</b>:{Question}</div>
  535. <div id="answer"><center>
  536. <i>{Answer}</i>
  537. </div>
  538. {block:IndexPage}<a href="{permalink}"><div class="permalink">
  539. <a href="{Permalink}">{notecountwithlabel}</a> / {timeago} </div>
  540. {/block:IndexPage}
  541. {/block:Answer}
  542.  
  543. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink">
  544. <a href="{ReblogURL}">share it </a> with <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a><br>{/block:HasTags}</span></align>
  545. {/block:Text}
  546.  
  547. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  548.  
  549. class="permalink"><a href="{ReblogURL}">share it </a> with <a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  550.  
  551. {block:Photo}
  552. {block:IndexPage}
  553. <center>
  554. <div class="blck"></div><div class="xx"><a href="{ReblogURL}">share it </a> / <a href="{Permalink}">{notecountwithlabel}</a></center>
  555. <div class="ay"><center>{TimeAgo}</div>
  556.  
  557. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  558. {/block:IndexPage}
  559. {block:PermalinkPage}
  560. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  561.  
  562. {LinkCloseTag}
  563. {/block:PermalinkPage}
  564. {/block:Photo}
  565.  
  566. {block:Photoset}
  567. {block:IndexPage}
  568. <center>
  569.  
  570. <div class="perma">
  571. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  572.  
  573. {Photoset-250}</center>
  574. {/block:IndexPage}
  575. {block:PermalinkPage}
  576. <center>
  577. {Photoset-500}</center>
  578. {/block:PermalinkPage}
  579. {/block:Photoset}
  580.  
  581. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a href="{ReblogURL}">share it </a> with <a href="{Permalink}">{notecountwithlabel}</a></span>{/block:Quote}
  582.  
  583. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  584. <ul class="chat">
  585. {block:Lines}
  586. <li class="user_{UserNumber}">
  587. {block:Label}
  588. <span class="label">{Label}</span>
  589. {/block:Label}
  590.  
  591. {Line}
  592. </li>
  593. {/block:Lines}
  594. <p align=right><span class="permalink"><a href="{ReblogURL}">share it </a> with <a href="{Permalink}">{notecountwithlabel}</a></span></align>
  595. {/block:Chat}
  596.  
  597. {block:Audio}
  598. {block:AlbumArt}<div class="artcover">
  599. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  600. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  601. <div class="audioinfo"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  602. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  603. {block:IndexPage}
  604. <br>
  605. <p align=right><span class="permalink"><a href="{ReblogURL}">share it </a> with <a href="{Permalink}">{notecountwithlabel}</a>{/block:IndexPage}
  606. {/block:Audio}
  607.  
  608. {block:Video}
  609. {block:IndexPage}
  610. <center>
  611. <div class="perma">
  612. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  613. {Video-250}</center>
  614. {/block:IndexPage}
  615. {block:PermalinkPage}
  616. <center>
  617. {Video-400}</center>
  618. {/block:PermalinkPage}
  619. {block:Video}
  620.  
  621.  
  622. {block:PostNotes}<div align="middle">{caption}</div>
  623. <center>
  624.  
  625. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  626.  
  627. {block:HasTags}
  628. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  629. {block:RebloggedFrom}
  630. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  631. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  632.  
  633. {/block:RebloggedFrom}
  634. </center></span>
  635. <br>
  636. <div id="postnotes">{PostNotes}</div><br>
  637.  
  638. <center>{block:ContentSource}
  639. <br><a href="{SourceURL}">
  640. {lang:Source}:
  641. {block:SourceLogo}
  642. <img src="{BlackLogoURL}" width="{LogoWidth}"
  643. height="{LogoHeight}" alt="{SourceTitle}" />
  644. {/block:SourceLogo}
  645. {block:NoSourceLogo}
  646. {SourceLink}
  647. {/block:NoSourceLogo}
  648. </a>
  649. {/block:ContentSource}</center>
  650.  
  651. {/block:PostNotes}
  652. </div>
  653. {/block:Posts}
  654. </div></div>
  655.  
  656. {block:IndexPage}
  657. {block:Pagination}
  658. <div id="pagination">
  659. {block:NextPage}
  660. <a id="nextPage" href="{NextPage}"></a>
  661. {/block:NextPage}
  662. {block:PreviousPage}
  663. <a href="{PreviousPage}"></a>
  664. {/block:PreviousPage}
  665. </div>
  666. {/block:Pagination}
  667. {/block:IndexPage}
  668.  
  669. <div id="c">&copy; <a href="http://parised.tumblr.com">PARISED</a></div>
  670.  
  671. </body>
  672. </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!