API tools faq
paste
Advertisement
chsc

Shadows

chsc
Jul 23rd, 2014
1,807
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.85 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. S H A D O W S theme
  5. by clavels
  6. please, KEEP the credit
  7.  
  8.  
  9. -->
  10.  
  11. <html lang="en">
  12. <head>
  13.  
  14. <meta name="image:Background" content=""/>
  15. <meta name="color:Background" content="#FFFFFF"/>
  16. <meta name="color:Title" content="#999999"/>
  17. <meta name="color:Scrollbar" content="#000000"/>
  18. <meta name="color:Link" content="#555555"/>
  19. <meta name="color:Hover" content="#999999"/>
  20. <meta name="color:Text" content="#777777"/>
  21. <meta name="color:All" content="#ffee00"/>
  22. <meta name="text:Blogtitle" content="shadows"/>
  23. <meta name="image:Sidebar" content=""/>
  24. <meta name="text:YOUR URL" content=""/>
  25. <meta name="if:Image" content="0"/>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic' rel='stylesheet' type='text/css'>
  28.  
  29. <script src="http://code.jquery.com/jquery-1.10.0.min.js">
  30. </script>
  31. <script>
  32. $(document).ready(function(){
  33. $(".one").click(function(){
  34. $(".1").toggle();
  35. $(".2,.3,.4").hide();
  36. });
  37. $(".two").click(function(){
  38. $(".2").toggle();
  39. $(".1,.3,.4").hide();
  40. });
  41. $(".three").click(function(){
  42. $(".3").toggle();
  43. $(".1,.2,.4").hide();
  44. });
  45. $(".four").click(function(){
  46. $(".4").toggle();
  47. $(".1,.2,.3").hide();
  48. });
  49. });
  50. </script>
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("a[title]").style_my_tooltips({
  60. tip_follows_cursor:true,
  61. tip_delay_time:90,
  62. tip_fade_speed:600,
  63. attribute:"title"
  64. });
  65. });
  66. })(jQuery);
  67. </script>
  68.  
  69.  
  70. <title>{title}</title>
  71. <link rel="shortcut icon" href="{favicon}" />
  72. <meta name="viewport" content="width=820" />
  73.  
  74. <style type="text/css">
  75.  
  76. #tumblr_controls,.tmblr-iframe,.tmblr-iframe--desktop-loggedin-controls,.iframe-controls--desktop{
  77. opacity:1;
  78. right:7px;
  79. top:7px;
  80. position:fixed;
  81. -webkit-filter: invert(100%);
  82. -moz-filter: invert(100%);
  83. -o-filter: invert(100%);
  84. -ms-filter: invert(100%);
  85. filter: invert(100%);
  86. }
  87.  
  88.  
  89. ::-webkit-scrollbar {width: 3px; height: 4px; background:transparent;}
  90. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};}
  91.  
  92. .1, .2, .3, .4,{display:none;}
  93.  
  94.  
  95. body{
  96. background-color: {color:Background};
  97. background-image:url({image:Background});
  98. background-attachment:fixed;
  99. background-repeat:100%;
  100. font-family: arial;
  101. font-size:9px;
  102. letter-spacing:1px;
  103. font-style:normal;
  104. text-transform:lowercase;
  105. text-align:left;
  106. line-height:20px;
  107. color: {color:Text};}
  108.  
  109.  
  110. a:link, a:active, a:visited{
  111. text-decoration: none;
  112. color: {color:Link};}
  113.  
  114. a:hover {
  115. color:{color:Link};
  116. text-decoration:none;
  117. }
  118.  
  119. #s-m-t-tooltip {
  120. padding: 5px;
  121. font-family: calibri;
  122. font-size: 8px;
  123. font-style:normal;
  124. text-transform:uppercase;
  125. text-align: center;
  126. letter-spacing:1px;
  127. margin-left: 15px;
  128. margin-top: 15px;
  129. line-height: 8px;
  130. z-index: 999999999999;
  131. background:black;
  132. color: white;}
  133.  
  134.  
  135. #entries{
  136. text-align:left;
  137. width:460px;
  138. margin-top:30px;
  139. margin-left:0px;
  140. margin-bottom:150px;
  141. }
  142.  
  143.  
  144. #post{
  145. text-align:left;
  146. margin:20px;
  147. margin-top:50px;
  148. padding:10px;
  149. display:block;
  150. width:400px;
  151. {block:PermalinkPage}
  152. width:400px;
  153. {/block:PermalinkPage}}
  154.  
  155. .l{
  156. width:100%;
  157. height:1px;
  158. background:#f1f1f1;
  159. }
  160.  
  161. .perma {
  162. text-align:center;
  163. margin-top:-10px;
  164. text-transform:uppercase;
  165. font-family:arial;
  166. font-size:7px;
  167. font-style:normal;
  168. }
  169.  
  170. .perma a{
  171. width:auto;
  172. margin-left:10px;
  173. padding:6px;
  174. -moz-transition-duration:0.7s;
  175. -webkit-transition-duration:0.7s;
  176. -o-transition-duration:0.7s;
  177. }
  178.  
  179. .perma a:hover{
  180. background:{color:All};
  181. -moz-transition-duration:0.7s;
  182. -webkit-transition-duration:0.7s;
  183. -o-transition-duration:0.7s;
  184. }
  185.  
  186. .tags {
  187. font-family:arial;
  188. letter-spacing:2px;
  189. text-transform:uppercase;
  190. font-size:7px;
  191. padding:10px;
  192. line-height:10px;
  193. font-style:normal;
  194. margin-top:-10px;
  195. text-align:right;
  196. border-left:1px solid #f1f1f1;
  197. border-right:1px solid #f1f1f1;
  198. border-bottom:1px solid #f1f1f1;
  199. }
  200.  
  201. .posttitle{
  202. font-size:7px;
  203. text-align:center;
  204. font-family:arial;
  205. letter-spacing: 3px;
  206. text-transform:uppercase;
  207. font-style:normal;
  208. color:{color:Link};}
  209.  
  210.  
  211. .quote{
  212. margin-right: 5px;}
  213.  
  214. .source{
  215. padding-top:5px;
  216. display:block;
  217. text-align:center;
  218. font-family:times new roman;
  219. font-style:9px;
  220. font-style:italic;
  221. letter-spacing:3px;
  222. }
  223.  
  224.  
  225. .question {
  226. padding:9px;
  227. text-align:justify;
  228. text-transform:italic;
  229. color:{color:text};
  230. background-color: #f5f5f5;
  231. line-height:15px;
  232. }
  233.  
  234. .asker{
  235. background:black;
  236. width:100%;
  237. text-align:center;
  238. padding-bottom:9px;
  239. padding-top:9px;
  240. color:#fff;
  241. font-family:georgia;
  242. text-transform:lowercase;
  243. font-style:italic;
  244. font-size:8px;
  245. }
  246.  
  247. .asker a{
  248. text-transform:uppercase;
  249. color:#fff;
  250. font-style:normal;
  251. letter-spacing:3px;
  252. font-family:arial;
  253. font-size:7px;
  254. }
  255.  
  256. .answer {
  257. text-align:left;
  258. padding:7px;
  259. color:{color:text};
  260. }
  261.  
  262.  
  263. #audio {
  264. width:200px;
  265. height:auto;
  266. min-height:60px;
  267. padding-bottom:0px;
  268. }
  269.  
  270. .cover {
  271. position:absolute;
  272. z-index:1;
  273. width:60px;
  274. height:60px;}
  275.  
  276. .cover img {
  277. float:left;
  278. width:60px;
  279. height:60px;
  280. }
  281.  
  282. .cover img:hover {
  283. margin-top:0px;
  284. }
  285.  
  286.  
  287. .playbox {
  288. opacity:0.6;
  289. width:27px;
  290. height:30px;
  291. overflow:hidden;
  292. position:absolute;
  293. z-index:1000;
  294. margin-left:17px;
  295. margin-top:17px;
  296. text-align:center;
  297. }
  298.  
  299. .info {
  300. font-family:arial;
  301. font-size:7px;
  302. text-transform:uppercase;
  303. margin-left:73px;
  304. margin-top:0px;
  305. font-style:normal;
  306. width:328px;
  307. line-height:15px;
  308. }
  309.  
  310.  
  311. .chat ul{
  312. line-height:20px;
  313. list-style:none;
  314. margin-left:-38px;
  315. }
  316.  
  317. .chat li{
  318. padding:5px;
  319. border:1px solid #f1f1f1;
  320. margin-bottom:-1px;
  321. }
  322.  
  323. .label{
  324. color:#000;
  325. padding:5px;
  326. text-transform:uppercase;
  327. font-size:7px;
  328. }
  329.  
  330.  
  331.  
  332. #sidebar{
  333. position:relative;
  334. top:5px;
  335. margin-left:10px;
  336. padding-left:30px;
  337. text-align:center;
  338. width:390px;
  339. }
  340.  
  341.  
  342. {block:ifimage}
  343. #sidebarimage img {
  344. z-index:1;
  345. position:relative;
  346. margin-top:100px;
  347. padding:20px;
  348. background: #f4f4f4;
  349. width:70px;
  350. height:70px;
  351. }
  352. {/block:ifimage}
  353.  
  354. #sidebar .blogtitle{
  355. {block:ifnotimage}
  356. margin-top:170px;
  357. {/block:ifnotimage}
  358. {block:ifimage}
  359. margin-top:10px;
  360. {/block:ifimage}
  361. text-align:center;
  362. font-family:'Playfair Display';
  363. font-size:12px;
  364. text-transform:uppercase;
  365. color:#000;
  366. }
  367.  
  368. #sidebar .description{
  369. border-bottom:1px solid #f1f1f1;
  370. border-top:1px solid #f1f1f1;
  371. margin-top:-10px;
  372. margin-left:-10px;
  373. padding:25px;
  374. font-size:9px;
  375. text-transform:lowercase;
  376. text-align:justify;
  377. font-style:normal;
  378. font-family:arial;
  379. line-height:20px;
  380. }
  381.  
  382.  
  383. .links {
  384. z-index:99999999999;
  385. margin-top:-11px;
  386. margin-left:-10px;
  387. text-align:center;
  388. padding-left:25px;
  389. padding-right:25px;}
  390.  
  391. .links a {
  392. font-family:arial;
  393. letter-spacing:2px;
  394. text-transform:uppercase;
  395. font-size:7px;
  396. width:auto;
  397. padding:6px;
  398. margin-left:10px;
  399. -moz-transition-duration:0.7s;
  400. -webkit-transition-duration:0.7s;
  401. -o-transition-duration:0.7s;}
  402.  
  403. .links a:hover {
  404. padding:6px;
  405. background:{color:All};
  406. z-index:1;
  407. -moz-transition-duration:0.9s;
  408. -webkit-transition-duration:0.9s;
  409. -o-transition-duration:0.9s; }
  410.  
  411.  
  412. #pagination {
  413. font-family:arial;
  414. width:100%;
  415. font-size:7px;
  416. padding:5px;
  417. margin-left:-5px;
  418. text-transform:uppercase;
  419. margin-top:13px;
  420. word-spacing:6px;
  421. font-style:normal;
  422. text-align:center;
  423. }
  424.  
  425. .current_page {
  426. padding-bottom:5px;
  427. border-bottom:1px solid {color:All};
  428. color:{color:All};}
  429.  
  430.  
  431. i, em{
  432. color:{color:Link};}
  433.  
  434. b, strong{
  435. font-weight:normal;
  436. text-transform:uppercase;
  437. color:{color:Link};}
  438.  
  439. ul,ol{
  440. margin:0px;
  441. margin-left:-5px;}
  442.  
  443. p{
  444. padding:0px;
  445. margin:2px;}
  446.  
  447. u{
  448. text-decoration:none;
  449. color:{color:Title};}
  450.  
  451. ol.notes {
  452. padding:0px 18px;
  453. font-size: 9px;
  454. line-height: 15px;
  455. list-style:none;
  456. margin-top:10px;
  457. margin-left:2px;
  458. }
  459.  
  460. ol.notes li.note {
  461. padding:7px 0px;
  462. text-align: justify;
  463. color:#777;
  464. }
  465.  
  466. .notes img{
  467. width:10px;
  468. border-radius:100%;
  469. padding:2px;
  470. vertical-align:-4px;
  471.  
  472. }
  473.  
  474. blockquote {
  475. padding:4px;
  476. text-align:justify;
  477. }
  478.  
  479. .caption {
  480. border: 1px solid #f1f1f1;
  481. padding:20px;
  482. }
  483.  
  484. #credit{
  485. position:fixed;
  486. bottom:10px;
  487. left:10px;
  488. padding:5px;
  489. text-align:center;
  490. font-style:normal;
  491. font-family:calibri;
  492. font-size:8px;
  493. text-transform:uppercase;
  494. border-radius:100%;
  495. border:1px solid #f1f1f1;
  496. width:10px;
  497. height:10px;
  498. line-height:11px;
  499. }
  500.  
  501.  
  502. .table{
  503. width:380px;
  504. padding:10px;
  505. margin-top:60px;
  506. margin-left:30px;
  507. }
  508.  
  509.  
  510. .t{
  511. font-family:arial;
  512. font-size:7px;
  513. text-transform:uppercase;
  514. letter-spacing:2px;
  515. padding:5px;
  516. text-align:center;
  517. font-style:normal;
  518. width:351px;
  519. color:black;
  520. border:1px solid #f1f1f1;
  521. margin-left:7px;
  522. }
  523.  
  524. .taggie{
  525. padding:10px;
  526. margin-top:-10px;
  527. margin-left:2px;
  528. line-height:17px;
  529. text-align:left;
  530. }
  531.  
  532. .taggie a{
  533. display:inline-block;
  534. width:166px;
  535. margin-top:-1px;
  536. color:#999;
  537. padding:7px;
  538. font-family:arial;
  539. font-size:9px;
  540. text-transform:lowercase;
  541. text-align:center;
  542. border:1px solid #f1f1f1;
  543. margin-left:-5px;
  544. letter-spacing:1px;
  545. -moz-transition-duration:.9s;
  546. -webkit-transition-duration:.9s;
  547. -o-transition-duration:.9s;
  548. }
  549.  
  550. .taggie a:hover{
  551. color:#000;
  552. -moz-transition-duration:.9s;
  553. -webkit-transition-duration:.9s;
  554. -o-transition-duration:.9s;
  555. }
  556.  
  557.  
  558. </style>
  559. </head>
  560. <body>
  561. <center>
  562.  
  563. <div id="entries">
  564.  
  565.  
  566. <div class="1">
  567.  
  568. <div id="sidebar">
  569.  
  570. {block:ifimage}<div id="sidebarimage">
  571. <a href="/"><img src="{image:sidebar}"></a></div>{/block:ifimage}
  572.  
  573. <div class="blogtitle">{text:Blogtitle}</div>
  574.  
  575. <div class="description">{description}</div>
  576.  
  577. <div class="links">
  578. <a style="background:{color:All};color:black">home</a>
  579. <a class="two" href="#">ask</a>
  580. <a class="three" href="#">links</a>
  581. <a class="four" href="#">about</a>
  582. </div>
  583. </div>
  584.  
  585.  
  586. {block:Posts}
  587.  
  588. {block:ContentSource}
  589. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  590. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  591. {/block:SourceLogo}
  592. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  593. {/block:ContentSource}
  594.  
  595. <div id="post">
  596.  
  597. {block:Text}
  598. <div class="caption"><div class="text">
  599. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  600. {Body}</div></div>
  601. {/block:Text}
  602.  
  603.  
  604. {block:Link}
  605. <div class="caption">
  606. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  607. {block:Description}{Description}{/block:Description}</div>
  608. {/block:Link}
  609.  
  610.  
  611. {block:Photo}
  612. <img src="{PhotoURL-400}">{block:Caption}<div style="margin-top:10px"><div class="caption">{Caption}</div></div>{/block:Caption}
  613. {/block:Photo}
  614.  
  615.  
  616. {block:Photoset}
  617. {Photoset-400}{block:Caption}<div style="margin-top:10px"><div class="caption">{Caption}</div></div>{/block:Caption}
  618. {/block:Photoset}
  619.  
  620.  
  621. {block:Quote}
  622. <div class="posttitle">{Quote}</div>{block:Source}
  623. <div class="source">{Source}</div>{/block:Source}
  624. {/block:Quote}
  625.  
  626.  
  627. {block:Answer}
  628. <div class="asker">{ASKER} asked:</div>
  629. <div class="question">{Question}</div><div class="answer">{Answer}</div>
  630. {/block:Answer}
  631.  
  632.  
  633.  
  634. {block:Chat}
  635. {block:Title}
  636. <div class="posttitle">{Title}</div>{/block:Title}
  637. <div class="chat"><ul>{block:Lines}
  638. <li class="person{UserNumber}">{block:Label}
  639. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  640. {/block:Chat}
  641.  
  642.  
  643. {block:Audio}
  644. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  645. {/block:Audio}
  646.  
  647.  
  648. {block:Video}
  649. {Video-400}{block:Caption}<div style="margin-top:10px"><div class="caption">{Caption}</div></div>{/block:Caption}
  650. {/block:Video}
  651.  
  652.  
  653. {block:Date}
  654. <div class="l" style="margin-top:20px"></div>
  655. <div class="perma">
  656. <a href="{Permalink}">{Year}.{MonthNumberWithZero}.{DayOfMonthWithZero}</a>{block:PermalinkPage}{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource} <a href="{Permalink}"> +{NoteCount}</a>{block:PermalinkPage}</div>
  657. {block:HasTags}<div class="tags">filed under:{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  658. {block:PostNotes}{PostNotes}{/block:PostNotes}
  659. </div>
  660. {/block:Date}
  661. {/block:Posts}
  662.  
  663. {block:Pagination}
  664. <div id="pagination">
  665. {block:PreviousPage}
  666. <a href="{PreviousPage}">previous</a>
  667. {/block:PreviousPage}
  668. {block:JumpPagination length="4"}
  669. {block:CurrentPage}
  670. <span class="current_page">{PageNumber}</span>
  671. {/block:CurrentPage}
  672. {block:JumpPage}
  673. <a class="jump_page" href="{URL}">{PageNumber}</a>
  674. {/block:JumpPage}
  675. {/block:JumpPagination}
  676. {block:NextPage}
  677. <a href="{NextPage}">next</a>
  678. {/block:NextPage}
  679. </div>
  680. {/block:Pagination}
  681.  
  682. </div>
  683.  
  684.  
  685.  
  686. <!-- MAIL -->
  687.  
  688. <div class="2" style="display:none;">
  689. <div id="sidebar">
  690.  
  691. {block:ifimage}<div id="sidebarimage">
  692. <a href="/"><img src="{image:sidebar}"></a></div>{/block:ifimage}
  693.  
  694. <div class="blogtitle">{text:Blogtitle}</div>
  695.  
  696. <div class="description">{description}</div>
  697.  
  698. <div class="links">
  699. <a class="one" href="#">home</a>
  700. <a style="background:{color:All};color:black">ask</a>
  701. <a class="three" href="#">links</a>
  702. <a class="four" href="#">about</a>
  703. </div>
  704. </div>
  705.  
  706. <div class="table">
  707. <iframe frameborder="0"
  708. height="260"
  709. id="ask_form"
  710. scrolling="no"
  711. src="http://www.tumblr.com/ask_form/{text:YOUR URL}"
  712. width="100%">
  713. </iframe>
  714. </div>
  715. </div>
  716.  
  717. <!-- MAIL -->
  718.  
  719.  
  720.  
  721. <!-- LINKS -->
  722.  
  723. <div class="3" style="display:none;">
  724. <div id="sidebar">
  725.  
  726. {block:ifimage}<div id="sidebarimage">
  727. <a href="/"><img src="{image:sidebar}"></a></div>{/block:ifimage}
  728.  
  729. <div class="blogtitle">{text:Blogtitle}</div>
  730.  
  731. <div class="description">{description}</div>
  732.  
  733. <div class="links">
  734. <a class="one" href="#">home</a>
  735. <a class="two" href="#">ask</a>
  736. <a style="background:{color:All};color:black">links</a>
  737. <a class="four" href="#">about</a>
  738. </div>
  739. </div>
  740. <div class="table">
  741. <div class="taggie">
  742. <a href="/">link 01</a>
  743. <a href="/">link 02</a>
  744. <a href="/">link 03</a>
  745. <a href="/">link 04</a>
  746. <a href="/">link 05</a>
  747. </div>
  748.  
  749. <br>
  750.  
  751. <div class="t">Title</div>
  752. <div class="taggie">
  753. <a href="/">tag name</a>
  754. <a href="/">tag name</a>
  755. <a href="/">tag name</a>
  756. <a href="/">tag name</a>
  757. <a href="/">tag name</a>
  758. </div>
  759. </div>
  760. </div>
  761.  
  762. <!-- LINKS -->
  763.  
  764.  
  765.  
  766. <!-- ABOUT -->
  767.  
  768. <div class="4" style="display:none;">
  769. <div id="sidebar">
  770.  
  771. {block:ifimage}<div id="sidebarimage">
  772. <a href="/"><img src="{image:sidebar}"></a></div>{/block:ifimage}
  773.  
  774. <div class="blogtitle">{text:Blogtitle}</div>
  775.  
  776. <div class="description">{description}</div>
  777.  
  778. <div class="links">
  779. <a class="one" href="#">home</a>
  780. <a class="two" href="#">ask</a>
  781. <a class="three" href="#">links</a>
  782. <a style="background:{color:All};color:black">about</a>
  783. </div>
  784. </div>
  785. <div class="table">
  786. <div class="posttitle">about:</div>
  787. Hi, you can write here everything you want
  788. </div>
  789. </div>
  790.  
  791. <!-- ABOUT -->
  792.  
  793.  
  794.  
  795. </center>
  796. </body>
  797.  
  798. <div id="credit"><a href="http://clavels.tumblr.com/">t</a></div>
  799.  
  800. </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!