API tools faq
paste
Advertisement
unzothemes

Bled Theme

unzothemes
Apr 14th, 2014
2,709
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <html lang="en">
  5.  
  6. <!-- ---------------------------------------------------------------
  7.  
  8. Bled Theme
  9. Made by Unzo
  10. http://unzo.tumblr.com/
  11.  
  12. --------------------------------------------------------------- -->
  13.  
  14. <head>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  21.  
  22. <meta name="color:Background" content="#fdfdfd"/>
  23. <meta name="color:Container" content="#fff"/>
  24. <meta name="color:Links" content="#8394a5"/>
  25. <meta name="color:Links Hover" content="#eee"/>
  26. <meta name="color:Scrollbar" content="#8394a5"/>
  27. <meta name="color:Text" content="#9c9c9c"/>
  28.  
  29. <meta name="if:Faded Images" content="0"/>
  30. <meta name="if:Faded Images Inverted" content="0"/>
  31. <meta name="if:Pop Up Askbox" content="0"/>
  32. <meta name="if:Scroll To Top" content="1"/>
  33. <meta name="if:Show Blog Title" content="1"/>
  34. <meta name="if:Show Sidebar Image" content="0"/>
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Sidebar" content=""/>
  38.  
  39. <meta name="text:Link 1" content=""/>
  40. <meta name="text:Link 1 Title" content=""/>
  41. <meta name="text:Link 2" content=""/>
  42. <meta name="text:Link 2 Title" content=""/>
  43. <meta name="text:Link 3" content=""/>
  44. <meta name="text:Link 3 Title" content=""/>
  45. <meta name="text:Link 4" content=""/>
  46. <meta name="text:Link 4 Title" content=""/>
  47. <meta name="text:Link 5" content=""/>
  48. <meta name="text:Link 5 Title" content=""/>
  49.  
  50. <meta name="text:Pop Up Askbox Title" content="Message"/>
  51.  
  52.  
  53. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  54.  
  55. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Andika' rel='stylesheet' type='text/css'>
  58.  
  59. <script src="http://static.tumblr.com/kjtbii3/y9Wmz7ys3/basics.js">
  60. </script>
  61.  
  62. <script src="http://static.tumblr.com/kjtbii3/6R6mjtufm/contact.js">
  63. </script>
  64.  
  65. <script src="http://static.tumblr.com/kjtbii3/FJfmwoo4b/source-via.js">
  66. </script>
  67.  
  68. <script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
  69. </script>
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75. #tumblr_controls{
  76. position:fixed;
  77. opacity:0.3;
  78.  
  79. -webkit-filter:invert(100%);
  80. -moz-filter:invert(100%);
  81. -o-filter:invert(100%);
  82. filter:invert(100%);
  83. }
  84.  
  85.  
  86. ::-webkit-scrollbar-thumb:vertical{
  87. width:10px;
  88. background:{color:scrollbar};
  89. border-radius:5px;
  90. border:2px solid {color:background};
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb:horizontal{
  94. height:10px;
  95. background:{color:scrollbar};
  96. border-radius:5px;
  97. border:2px solid {color:background};
  98. }
  99.  
  100. ::-webkit-scrollbar{
  101. width:11px;
  102. height:11px;
  103. background:{color:background};
  104. background-image:url({image:Background});
  105. }
  106.  
  107.  
  108. body{
  109. font-family:'Calibri', sans-serif;
  110. font-size:11.5px;
  111. line-height:150%;
  112.  
  113. background:{color:Background};
  114. color:{color:Text};
  115.  
  116. background-image:url({image:Background});
  117. background-position:center top;
  118. background-attachment:fixed;
  119.  
  120. cursor:default;
  121. }
  122.  
  123. a{
  124. text-decoration:none;
  125.  
  126. color:{color:Links};
  127.  
  128. -webkit-transition: all 0.5s ease;
  129. -moz-transition: all 0.5s ease;
  130. transition: all 0.5s ease;
  131. }
  132.  
  133. a:hover{
  134. color:{color:Links Hover};
  135.  
  136. text-decoration:none;
  137. font-style:none;
  138. }
  139.  
  140.  
  141. .container{
  142. position:absolute;
  143. left:50%;
  144. min-height:100%;
  145.  
  146. width:584px;
  147.  
  148. margin:-10px 0 0 -420px;
  149.  
  150. {block:permalinkpage}
  151. width:580px;
  152. background:{color:Container};
  153. border:1px solid #eee;
  154. {/block:permalinkpage}
  155. }
  156.  
  157.  
  158. .sidebar{
  159. z-index:100;
  160. position:fixed;
  161.  
  162. top:150px;
  163. left:50%;
  164.  
  165. margin:0 0 0 220px;
  166.  
  167. width:150px;
  168. padding:10px;
  169.  
  170. background:{color:container};
  171.  
  172. font-size:11.3px;
  173. text-align:center;
  174.  
  175. border:1px solid #eee;
  176.  
  177. box-shadow:5px 5px #f7f7f7;
  178.  
  179. -webkit-animation:fadeInDown 3s;
  180. -moz-animation:fadeInDown 3s;
  181. -ms-animation:fadeInDown 3s;
  182. }
  183.  
  184. .blogtitle{
  185. margin:2px 0;
  186. padding:2px 5px 3px;
  187.  
  188. font-family:'Andika';
  189. font-size:11px;
  190. line-height:100%;
  191. letter-spacing:3px;
  192. text-transform:uppercase;
  193. text-align:center;
  194.  
  195. border:1px solid #eee;
  196. }
  197.  
  198. .banner img{
  199. margin:0 auto;
  200. max-width:150px;
  201.  
  202. -webkit-transition: all 0.5s ease;
  203. -moz-transition: all 0.5s ease;
  204. transition: all 0.5s ease;
  205. }
  206.  
  207. .description{
  208. padding:3px 0;
  209. }
  210.  
  211.  
  212. #content{
  213. position:relative;
  214. margin:20px auto 0;
  215.  
  216. width:584px;
  217.  
  218. {block:permalinkpage}
  219. width:500px;
  220. margin:40px auto 0;
  221. {/block:permalinkpage}
  222. }
  223.  
  224.  
  225. .entry{
  226. width:230px;
  227.  
  228. margin:20px;
  229.  
  230. {block:indexpage}
  231. padding:10px 10px 6px;
  232.  
  233. background:{color:Container};
  234.  
  235. border:1px solid #eee;
  236.  
  237. box-shadow:5px 5px #f7f7f7;
  238. {/block:indexpage}
  239.  
  240. {block:permalinkpage}
  241. width:500px;
  242. margin:20px auto 0;
  243. {/block:permalinkpage}
  244. }
  245.  
  246. .entry img{
  247. max-width:230px;
  248.  
  249. {block:indexpage}
  250. cursor:default;
  251. {/block:indexpage}
  252.  
  253. {block:PermalinkPage}
  254. max-width:500px;
  255. {/block:PermalinkPage}
  256. }
  257.  
  258.  
  259. .badge{
  260. z-index:1;
  261. position:absolute;
  262. opacity:0;
  263.  
  264. top:50%;
  265. left:38%;
  266.  
  267. width:35px;
  268. height:35px;
  269.  
  270. margin:-25px 0 0 0;
  271. padding:10px;
  272.  
  273. background:white;
  274.  
  275. font-family:'Calibri', sans-serif;
  276. font-size:9px;
  277. line-height:35px;
  278. text-transform:uppercase;
  279. text-align:center;
  280. letter-spacing:1px;
  281.  
  282. border-radius:50px;
  283.  
  284. border:1px solid #eee;
  285.  
  286. cursor:pointer;
  287.  
  288. -webkit-transform:scale(0.85);
  289. -moz-transform:scale(0.85);
  290. -o-transform:scale(0.85);
  291. transform:scale(0.85);
  292.  
  293. -webkit-transition: all 0.5s ease;
  294. -moz-transition: all 0.5s ease;
  295. transition: all 0.5s ease;
  296. }
  297.  
  298. .entry:hover .badge:hover{
  299. opacity:1;
  300. }
  301.  
  302. .entry:hover .badge{
  303. opacity:0.8;
  304.  
  305. -webkit-transform:scale(1);
  306. -moz-transform:scale(1);
  307. -o-transform:scale(1);
  308. transform:scale(1);
  309. }
  310.  
  311.  
  312. .badge2{
  313. z-index:1;
  314. position:absolute;
  315. opacity:0;
  316.  
  317. top:50%;
  318. left:38%;
  319.  
  320. width:35px;
  321. height:35px;
  322.  
  323. margin:-25px 0 0 0;
  324. padding:10px;
  325.  
  326. background:white;
  327.  
  328. font-family:'Calibri', sans-serif;
  329. font-size:9px;
  330. line-height:35px;
  331. text-transform:uppercase;
  332. text-align:center;
  333. letter-spacing:1px;
  334.  
  335. border-radius:50px;
  336.  
  337. border:1px solid #eee;
  338.  
  339. cursor:pointer;
  340.  
  341. -webkit-transition: all 0.8s ease;
  342. -moz-transition: all 0.8s ease;
  343. transition: all 0.8s ease;
  344. }
  345.  
  346. .badge2 a:hover{
  347. color:{color:Links};
  348. }
  349.  
  350. .entry:hover .badge2:hover{
  351. opacity:0.8;
  352. }
  353.  
  354.  
  355. .box{
  356. {block:iffadedimages}
  357. opacity:0.85;
  358. {/block:iffadedimages}
  359.  
  360. {block:iffadedimagesinverted}
  361. opacity:1;
  362. {/block:iffadedimagesinverted}
  363.  
  364. -webkit-transition: all 0.5s ease;
  365. -moz-transition: all 0.5s ease;
  366. transition: all 0.5s ease;
  367. }
  368.  
  369. .box:hover{
  370. {block:iffadedimages}
  371. opacity:1;
  372. {/block:iffadedimages}
  373.  
  374. {block:iffadedimagesinverted}
  375. opacity:0.85;
  376. {/block:iffadedimagesinverted}
  377. }
  378.  
  379. .box img{
  380. {block:permalinkpage}
  381. width:500px;
  382. {/block:permalinkpage}
  383. }
  384.  
  385.  
  386. /* Others */
  387.  
  388. blockquote{
  389. margin:0 0 5px 10px;
  390. padding:3px 5px;
  391.  
  392. border-left:1px solid {color:Links};
  393. }
  394.  
  395. blockquote p, blockquote ul{
  396. margin:0;
  397. padding:0;
  398. }
  399.  
  400. .quote p{
  401. margin:0;
  402. }
  403.  
  404.  
  405. .arrow{
  406. margin:8px 0 0 185px;
  407.  
  408. border-left:6px solid #f7f7f7;
  409.  
  410. {block:permalinkpage}
  411. margin:8px 0 0 455px;
  412. {/block:permalinkpage}
  413. }
  414.  
  415. .answer{
  416. width:165px;
  417.  
  418. margin:0 0 3px;
  419.  
  420. background:#f7f7f7;
  421.  
  422. {block:permalinkpage}
  423. width:435px;
  424. {/block:permalinkpage}
  425. }
  426.  
  427. .asker{
  428. color:{color:Links};
  429. }
  430.  
  431. .asker:first-letter{
  432. text-transform:uppercase;
  433. }
  434.  
  435.  
  436. .postnotes ::-webkit-scrollbar{
  437. background:{color:Container};
  438. }
  439.  
  440.  
  441. /* Navigation */
  442.  
  443. .nav{
  444. font-family:'Times', sans-serif;
  445. text-align:center;
  446. text-transform:lowercase;
  447. letter-spacing:1px;
  448. font-style:italic;
  449. }
  450.  
  451. .nav a{
  452. margin:0 2px;
  453. }
  454.  
  455. .nav a:hover{
  456.  
  457. }
  458.  
  459.  
  460. /* Custom */
  461.  
  462. .permalink-title{
  463. {block:permalinkpage}
  464. margin-left:10px;
  465. letter-spacing:1px;
  466. text-transform:uppercase;
  467. {/block:permalinkpage}
  468. }
  469.  
  470.  
  471. #tooltip{
  472. z-index:100000;
  473. opacity:0.8;
  474.  
  475. margin:15px;
  476. padding:5px;
  477.  
  478. background:white;
  479. color:#aaa;
  480.  
  481. font-family:'Calibri', sans-serif;
  482. font-size:9px;
  483. line-height:100%;
  484. letter-spacing:1px;
  485. text-transform:uppercase;
  486.  
  487. border:1px solid #eee;
  488. border-radius:5px;
  489. }
  490.  
  491.  
  492. {CustomCss}
  493.  
  494. </style>
  495. </head>
  496.  
  497. <body>
  498.  
  499.  
  500. <div class="container">
  501.  
  502.  
  503. <div class="sidebar">
  504.  
  505. {block:ifshowsidebarimage}
  506. <div class="banner">
  507. <a href="/"><img src="{image:sidebar}"></a>
  508. </div>
  509. {/block:ifshowsidebarimage}
  510.  
  511. {block:ifshowblogtitle}
  512. <div class="blogtitle">
  513. <a href="/">{Title}</a>
  514. </div>
  515. {/block:ifshowblogtitle}
  516.  
  517.  
  518. {block:description}
  519. <div class="description">
  520. {Description}
  521. </div>
  522. {/block:description}
  523.  
  524.  
  525. <div class="nav">
  526.  
  527. {block:iflink1title}
  528. <a href="{text:link 1}" title="{text:link 1 title}">I.</a>
  529. {/block:iflink1title}
  530.  
  531. {block:ifpopupaskbox}
  532. <a href="#?w=500" rel="01" class="poplight" title="{text:pop up askbox title}">II.</a>
  533. {/block:ifpopupaskbox}
  534.  
  535. {block:iflink2title}
  536. <a href="{text:link 2}" title="{text:link 2 title}">II.</a>
  537. {/block:iflink2title}
  538.  
  539. {block:iflink3title}
  540. <a href="{text:link 3}" title="{text:link 3 title}">III.</a>
  541. {/block:iflink3title}
  542.  
  543. {block:iflink4title}
  544. <a href="{text:link 4}" title="{text:link 4 title}">IV.</a>
  545. {/block:iflink4title}
  546.  
  547. {block:iflink5title}
  548. <a href="{text:link 5}" title="{text:link 5 title}">V.</a>
  549. {/block:iflink5title}
  550.  
  551. </div>
  552.  
  553.  
  554. </div>
  555.  
  556.  
  557. <div id="content">
  558.  
  559. {block:Posts}
  560.  
  561.  
  562. {block:Photo}
  563. <div class="entry">
  564. <div class="box">
  565.  
  566. {block:indexpage}
  567. <div class="badge">
  568.  
  569. <a href="{Permalink}">{Notecount}</a>
  570.  
  571. </div>
  572.  
  573. <div class="badge2">
  574.  
  575. <a target="_blank" href="{ReblogURL}">Reblog</a>
  576.  
  577. </div>
  578. {/block:indexpage}
  579.  
  580. <a href="{Permalink}">
  581. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  582. </a>
  583.  
  584. </div>
  585. </div>
  586. {/block:Photo}
  587.  
  588.  
  589. {block:Photoset}
  590. <div class="entry">
  591. <div class="box">
  592.  
  593. {block:indexpage}
  594. <div class="badge">
  595.  
  596. <a href="{Permalink}">{Notecount}</a>
  597.  
  598. </div>
  599.  
  600. <div class="badge2">
  601.  
  602. <a target="_blank" href="{ReblogURL}">Reblog</a>
  603.  
  604. </div>
  605. {/block:indexpage}
  606.  
  607. {block:Photos}
  608.  
  609. <a href="{Permalink}">
  610. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  611. </a>
  612.  
  613. {/block:Photos}
  614.  
  615. </div>
  616. </div>
  617. {/block:Photoset}
  618.  
  619.  
  620. {block:Video}
  621. <div class="entry">
  622.  
  623. {block:IndexPage}
  624. {VideoEmbed-250}
  625. {/block:IndexPage}
  626.  
  627. {block:PermalinkPage}
  628. {VideoEmbed-500}
  629. {/block:PermalinkPage}
  630.  
  631. {block:indexpage}
  632. <div class="date">
  633. <a href="{Permalink}">{NoteCountWithLabel}</a>
  634. </div>
  635. {/block:indexpage}
  636.  
  637. </div>
  638. {block:Video}
  639.  
  640.  
  641. {block:Text}
  642. <div class="entry">
  643.  
  644. {block:Title}
  645. <div class="permalink-title">
  646. {Title}
  647. </div>
  648. {/block:Title}
  649.  
  650. {Body}
  651.  
  652. {block:indexpage}
  653. <div class="date">
  654. <a href="{Permalink}">{NoteCountWithLabel}</a>
  655. </div>
  656. {/block:indexpage}
  657.  
  658. </div>
  659. {/block:Text}
  660.  
  661.  
  662. {block:Link}
  663. <div class="entry">
  664.  
  665. <a href="{URL}">{Name}</a>
  666. <br>
  667.  
  668. {block:Description}
  669. {Description}
  670. {/block:Description}
  671.  
  672. {block:indexpage}
  673. <div class="date">
  674. <a href="{Permalink}">{NoteCountWithLabel}</a>
  675. </div>
  676. {/block:indexpage}
  677.  
  678. </div>
  679. {/block:Link}
  680.  
  681.  
  682. {block:Quote}
  683. <div class="entry">
  684.  
  685. <div class="quote">"{Quote}"</div>
  686.  
  687. {block:Source}
  688. <div style="margin:5px 0;text-align:right;">— {Source}</div>
  689. {/block:Source}
  690.  
  691. {block:indexpage}
  692. <div class="date">
  693. <a href="{Permalink}">{NoteCountWithLabel}</a>
  694. </div>
  695. {/block:indexpage}
  696.  
  697. </div>
  698. {/block:Quote}
  699.  
  700.  
  701. {block:Chat}
  702. <div class="entry">
  703.  
  704. {block:Title}
  705. {Title}
  706. {/block:Title}
  707.  
  708. {block:Lines}
  709.  
  710. <p>
  711.  
  712. {block:Label}
  713. <b>{Label}</b>
  714. {/block:Label}
  715.  
  716. {Line}
  717.  
  718. </p>
  719.  
  720. {/block:Lines}
  721.  
  722. {block:indexpage}
  723. <div class="date">
  724. <a href="{Permalink}">{NoteCountWithLabel}</a>
  725. </div>
  726. {/block:indexpage}
  727.  
  728. </div>
  729. {/block:Chat}
  730.  
  731.  
  732. {block:Audio}
  733. <div class="entry">
  734.  
  735. <div class="cover">
  736. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  737. </div>
  738.  
  739. {block:AlbumArt}
  740. <div class="cover">
  741. <img src="{AlbumArtURL}">
  742. </div>
  743. {/block:AlbumArt}
  744.  
  745. <div class="playbox">
  746. {block:AudioPlayer}
  747. {AudioPlayerWhite}
  748. {/block:AudioPlayer}
  749. </div>
  750.  
  751. <div class="info">
  752.  
  753. <b>Track:</b>
  754. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>
  755. {block:TrackName}
  756. {TrackName}
  757. {/block:TrackName}
  758. <br>
  759.  
  760. <b>Artist:</b>
  761. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>
  762. {block:Artist}
  763. {Artist}
  764. {/block:Artist}
  765. <br>
  766.  
  767. <b>Album:</b>
  768. <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>
  769. {block:Album}
  770. {Album}
  771. {/block:Album}
  772.  
  773. </div>
  774.  
  775. {block:indexpage}
  776. <div class="date">
  777. <a href="{Permalink}">{NoteCountWithLabel}</a>
  778. </div>
  779. {/block:indexpage}
  780.  
  781. </div>
  782. {/block:Audio}
  783.  
  784.  
  785. {block:Answer}
  786. <div class="entry">
  787.  
  788. <div class="arrow">
  789. </div>
  790.  
  791. <img class="portrait" src="{AskerPortraitURL-40}" align="right">
  792.  
  793. <div class="answer">
  794.  
  795. <div class="asker">{Asker}</div>
  796.  
  797. {Question}
  798.  
  799. </div>
  800.  
  801. {Answer}
  802.  
  803. {block:indexpage}
  804. <div class="date">
  805. <a href="{Permalink}">{NoteCountWithLabel}</a>
  806. </div>
  807. {/block:indexpage}
  808.  
  809. </div>
  810. {/block:Answer}
  811.  
  812.  
  813.  
  814. {block:PermalinkPage}
  815. <div align="center">
  816.  
  817. {block:Date}
  818. <div class="posts-info">
  819. <div class="info-date">Posted {TimeAgo}</div>
  820. <div class="info-notes">{NoteCountWithLabel}</div>
  821. </div>
  822. {/block:Date}
  823.  
  824. {block:PostNotes}
  825. <div class="postnotes">
  826. {PostNotes}
  827. </div>
  828. {/block:PostNotes}
  829.  
  830. </div>
  831. {/block:PermalinkPage}
  832.  
  833.  
  834.  
  835. {/block:Posts}
  836.  
  837. </div>
  838.  
  839.  
  840. {block:indexpage}
  841.  
  842. {block:NextPage}
  843. <div class="navigation"><a href="{NextPage}"></a></div>
  844. {/block:NextPage}
  845.  
  846. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  847.  
  848. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  849.  
  850. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/NLrmeq8ua/jquerymsnryv2.js"></script>
  851.  
  852. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/3NYmju2rv/loadcontent.js"></script>
  853.  
  854. {/block:indexpage}
  855.  
  856. {block:ifscrolltotop}
  857. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/RQJmuycrq/scrolltotop.js"></script>
  858. {/block:ifscrolltotop}
  859.  
  860. </body>
  861.  
  862. <div id="01" class="contact" align="center">
  863.  
  864. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%">
  865. </iframe>
  866. </div>
  867.  
  868. </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!