API tools faq
paste
Advertisement
kalder

theme #12 - robbers

kalder
Jun 10th, 2014
872
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.47 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. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <!---- theme #12 - R O B B E R S by kalder, don't copy/repost. protected over creative commons license. --->
  15.  
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21.  
  22. <meta name="color:Text" content="#838282"/>
  23.  
  24. <meta name="color:Link" content="#b8b8b8"/>
  25.  
  26. <meta name="color:Link hover" content="#b8b8b8"/>
  27.  
  28. <meta name="color:Sidebar Title" content="#b8b8b8"/>
  29.  
  30. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  31.  
  32. <meta name="color:Sidebar Links Hover" content="#b8b8b8"/>
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35.  
  36. <meta name="text:Sidebar Title" content="#c99285">
  37.  
  38.  
  39. <meta name="text:linkA" content="">
  40.  
  41. <meta name="text:linkA url" content="/">
  42.  
  43. <meta name="text:linkB" content="">
  44.  
  45. <meta name="text:linkB url" content="/">
  46.  
  47. <meta name="text:linkC" content="">
  48.  
  49. <meta name="text:linkC url" content="/">
  50.  
  51. <meta name="text:linkD" content="">
  52.  
  53. <meta name="text:linkD url" content="/">
  54.  
  55.  
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58.  
  59.  
  60. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  61.  
  62. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71. <script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
  72. </script>
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79.  
  80.  
  81.  
  82. body {
  83. font-family: 'Arial';
  84.  
  85. background:{color:background};
  86.  
  87. margin:0px;
  88.  
  89. color:{color:text};
  90.  
  91. font-size:9px;
  92.  
  93. line-height:100%;
  94.  
  95. }
  96.  
  97.  
  98.  
  99. a {
  100.  
  101. text-decoration:none;
  102.  
  103. outline:none;
  104.  
  105. -moz-outline-style:none;
  106.  
  107. color:{color:link};
  108. -moz-transition-duration:0.3s;
  109. -webkit-transition-duration:0.3s;
  110. -o-transition-duration:0.3s;
  111.  
  112. }
  113.  
  114.  
  115.  
  116. a:hover{
  117.  
  118. color:{color:link hover};
  119. -moz-transition-duration:0.3s;
  120. -webkit-transition-duration:0.3s;
  121. -o-transition-duration:0.3s;
  122. }
  123.  
  124.  
  125.  
  126. img {
  127.  
  128. border:none;
  129.  
  130. }
  131.  
  132. #tooltip{
  133. padding:4px;
  134. height: auto;
  135. margin-top:10px;
  136. margin-left:15px;
  137. font-family:helvetica;
  138. font-size:8px;
  139. font-style:normal; font-weight:normal; text-transform:lowercase; letter-spacing:0px;
  140.  
  141. display: none;
  142. text-align: center;
  143. position: absolute;
  144. line-height: 10px;
  145. text-transform:lowercase;
  146.  
  147. letter-spacing:0px;
  148. z-index: 999999999999;
  149. border-radius:50px;
  150. border:1px solid #000;
  151. background:white;
  152. color:#000;
  153. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  154.  
  155.  
  156. }
  157.  
  158.  
  159. blockquote {
  160. font-size: 12px;
  161.  
  162. padding-left:5px;
  163.  
  164. border-left:2px solid;
  165. line-height: 12px;
  166.  
  167. }
  168.  
  169.  
  170.  
  171. blockquote blockquote {
  172.  
  173. padding-left:5px;
  174.  
  175. border-left:2px solid;
  176.  
  177. }
  178.  
  179.  
  180.  
  181. h1 {
  182.  
  183. font-size:10px;
  184.  
  185. }
  186.  
  187.  
  188.  
  189.  
  190.  
  191. #entries {
  192.  
  193. padding:10px;
  194.  
  195. width:500px;
  196.  
  197. margin-left:580px;
  198.  
  199. margin-top:0px;
  200.  
  201. padding:0px;
  202.  
  203. }
  204.  
  205.  
  206.  
  207.  
  208. #post {
  209.  
  210. width:500px;
  211. margin-top: 73px ;
  212. background: #ffffff;
  213. padding: 10px;
  214.  
  215.  
  216. }
  217.  
  218.  
  219.  
  220.  
  221. #sidebar {
  222. width:245px;
  223. position:fixed;
  224. margin-left:180px;
  225. margin-top:105px;
  226. background: #ffffff;
  227. padding: 10px;
  228.  
  229.  
  230. }
  231.  
  232.  
  233.  
  234. #sidebarimage {
  235. width:64px;
  236. border-radius: 100%;
  237. margin-left:5px;
  238. }
  239.  
  240. #sidebarimage img {
  241.  
  242. width:64px;
  243. border-radius:100%;
  244. }
  245.  
  246.  
  247. #pagbox{
  248.  
  249. width: 148px;
  250. text-align:right;
  251.  
  252.  
  253. margin-left: 128px;
  254. position: static;
  255. padding: 5px;
  256. margin-top:-15px;
  257. z-index: 999999999999999999999999999;
  258. }
  259.  
  260. #pagbox a{
  261. color: #000000;
  262.  
  263. font-size: 8px;
  264. font-family: helvetica;
  265. letter-spacing:0px;
  266. }
  267.  
  268. #description {
  269.  
  270.  
  271. width:205px;
  272.  
  273.  
  274. margin-top:-65px;
  275. margin-left:70px;
  276.  
  277. position:relative;
  278.  
  279. padding:10px;
  280.  
  281.  
  282.  
  283. color:#6E6E6E;
  284.  
  285. z-index:-9;
  286.  
  287.  
  288. text-align:justify; font-weight:normal; line-height:170%; font-family:helvetica; font-size:8px; font-weight:normal; letter-spacing:0px; text-transform:lowercase;
  289.  
  290.  
  291.  
  292. }
  293.  
  294.  
  295. #title{position:fixed;
  296. width:275px; margin-top:-10px; margin-right:0px; font-family:arial; font-size:14px; font-weight:bold; line-height:100%; color:{color:Sidebar Title}; background:transparent; letter-spacing:-1px; text-transform:lowercase; text-align:right; padding:8px; z-index:9999;
  297.  
  298. }
  299.  
  300.  
  301.  
  302. #menu {width:90px;text-align:center; padding:2px; margin-left:75px; margin-top:-66px; margin-bottom:31px; position:fixed;background:#fff; z-index:99999;}
  303.  
  304. #menu a {display:inline-block; font-family:helvetica; color:{color:Sidebar Links}; font-size:8px; font-style:normal; font-weight:normal; text-transform:lowercase; text-align: right; letter-spacing:0px; padding:2px;}
  305.  
  306. #menu a:hover {color:{color:Sidebar Links Hover};
  307. }
  308.  
  309. #border{
  310. border-top: 1px solid #ddd;
  311. position: fixed;
  312. width:134px;
  313. margin-top:6px;
  314. margin-left:93px;
  315.  
  316. }
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329. .caption {
  330.  
  331. width:500px;
  332.  
  333. text-align:justify;
  334.  
  335. line-height:120%;
  336.  
  337. }
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345. .ans {
  346.  
  347. text-align:left;
  348.  
  349. padding:10px;
  350.  
  351. color:{color:text};
  352.  
  353. }
  354.  
  355.  
  356.  
  357. .audio {
  358.  
  359. width:500px;
  360.  
  361. padding-bottom:10px;
  362.  
  363. background-color:{color:infobg};
  364.  
  365. }
  366.  
  367.  
  368.  
  369. .albumart {
  370.  
  371. float:left;
  372.  
  373. padding:0px 10px 10px 0px;
  374.  
  375. }
  376.  
  377.  
  378.  
  379. .albumart img {
  380.  
  381. width:45px;
  382.  
  383. height:45px;
  384.  
  385. }
  386.  
  387.  
  388.  
  389. .playercontainer {
  390.  
  391. text-align:left;
  392.  
  393. padding:10px;
  394.  
  395. background-color:#ffffff;
  396.  
  397. width:480px;
  398.  
  399. }
  400.  
  401.  
  402.  
  403. .audioinfo {
  404.  
  405. padding:10px;
  406.  
  407. color:{color:text};
  408.  
  409. }
  410.  
  411.  
  412.  
  413. .newplayerbutton {
  414. position: relative;
  415. width: 28px;
  416. height: 27px;
  417. overflow: hidden;
  418. }
  419.  
  420. .playerbuttonhug {
  421. position: absolute;
  422. top: -5px;
  423. left: -3px;
  424. }
  425.  
  426.  
  427. .tumblr_audio_player {
  428. border: none;
  429. padding: 0px;
  430. margin: 0px;
  431. height: 30px;
  432. width: 500px;
  433. }
  434.  
  435. .playerbuttonbg {
  436. position: absolute;
  437. left: 30px;
  438. top: 20px;
  439. width: 20px;
  440. height: 20px;
  441. background-color: #ffffff;
  442. padding: 10px;
  443. -webkit-border-radius: 40px;
  444. -moz-border-radius: 40px;
  445. border-radius: 40px;
  446. opacity: .4;
  447. filter: alpha(opacity=40);
  448. -moz-opacity: 0.4;
  449. -khtml-opacity: 0.4;
  450. transition: opacity .7s ease-in-out;
  451. -moz-transition: opacity .7s ease-in-out;
  452. -webkit-transition: opacity .7s ease-in-out;
  453. }
  454.  
  455. .playerbuttonbg:hover {
  456. opacity: 1;
  457. filter: alpha(opacity=100);
  458. -moz-opacity: 1;
  459. -khtml-opacity: 1;
  460. }
  461.  
  462. .audioimgwrapper {
  463. position: absolute;
  464. left: 15px;
  465. top: 5px;
  466. -webkit-border-radius: 50px;
  467. -moz-border-radius: 50px;
  468. border-radius: 50px;
  469. overflow: hidden;
  470. width: 70px;
  471. height: 70px;
  472. }
  473.  
  474. .audioimgwrapper img {
  475. width: 70px;
  476. height:70px;
  477. -webkit-border-radius: 50px;
  478. -moz-border-radius: 50px;
  479. border-radius: 50px;
  480. }
  481.  
  482. .trackdetails {
  483. width: auto;
  484. display:inline-block;
  485. margin-left: 100px;
  486. min-height: 45px;
  487. margin-top: 3px;
  488. line-height: 10px;
  489. color: #000;
  490. font-size:8px;
  491. text-transform: uppercase;
  492. font-family: calibri;
  493. border-left: 1px solid #000;
  494. padding: 5px;
  495. }
  496.  
  497. .audiowrapper {
  498. position: relative;
  499. display:inline-block;
  500.  
  501. width: 480px;
  502. padding: 10px;
  503.  
  504. }
  505.  
  506.  
  507. #info {font-family:helvetica; margin-top:5px; margin-bottom:3px; padding-top:3px; text-align:center; text-transform:lowercase; letter-spacing:1px; font-size:8px; line-height:80%; border-bottom: 0px solid #C2C2C2; background-color:#transparent;}
  508.  
  509. #info a {font-style:normal; padding-left:7px; padding-right:7px; background-color:#ffffff; color:#878787;}
  510.  
  511. #info a:hover {color:#999999;}
  512.  
  513. #tags {font-family:helvetica; margin-top:-5px; margin-bottom:15px; margin-left:0px; text-transform:uppercase; letter-spacing: 0px; font-weight:normal; font-style:normal; font-size:8px; text-align:center; text-transform: lowercase; background-color:#transparent; border-top:1px solid #C2C2C2; padding:5px;}
  514.  
  515. #tags a {font-style:normal; color:#878787; display:inline; text-align:center;}
  516.  
  517. #tags a:hover {color:#999999;}
  518.  
  519. #date {background-color:#222222; color:{color:link};}
  520.  
  521. .notes {font-family:arial; font-size:8px; margin-top:30px; width:400px;}
  522.  
  523. .notes a:hover {background-color:transparent; color:{color:link};}
  524.  
  525. ol.notes {list-style-type:none;}
  526.  
  527. ol.notes li.note {padding-bottom:2px; margin-bottom:2px;}
  528.  
  529. ol.notes li.note img.avatar {border-radius:100%; vertical-align:-5px;}
  530.  
  531. ol.notes li.note img {padding:2px;}
  532.  
  533. ol.notes li.note blockquote {padding-left:5px; margin-left:20px;}
  534.  
  535.  
  536.  
  537. ul.chat, .chat ol, .chat li {
  538.  
  539. list-style:none;
  540.  
  541. margin:0px;
  542.  
  543. padding:2px;
  544.  
  545. }
  546.  
  547.  
  548.  
  549. .label {
  550.  
  551. text-decoration:underline;
  552.  
  553. font-weight:300;
  554.  
  555. background-color:{color:infobg};
  556.  
  557. margin-right:5px;
  558.  
  559. }
  560.  
  561.  
  562.  
  563.  
  564. .user_1 .label {color:{color:text}; font-weight:bold}
  565.  
  566. .user_2 .label {color:{color:link}; font-weight:bold}
  567.  
  568. .user_3 .label {color:{color:text}; font-weight:bold}
  569.  
  570. .user_4 .label {color:{color:link}; font-weight:bold}
  571.  
  572. .user_5 .label {color:{color:text}; font-weight:bold}
  573.  
  574. .user_6 .label {color:{color:link}; font-weight:bold}
  575.  
  576. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  577.  
  578. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  579.  
  580.  
  581.  
  582.  
  583. @-webkit-keyframes Beeh {
  584. 0% {-webkit-transform: scale(.4);}
  585. 50% {-webkit-transform: scale(1.04);}
  586. 70% {-webkit-transform: scale(.9);}
  587. 100% {-webkit-transform: scale(1);}}
  588.  
  589.  
  590.  
  591.  
  592.  
  593. #credits{ position:fixed; bottom:10px; right:10px; padding:5px;
  594. font-size:8px;
  595. text-transform: uppercase;
  596. font-family: calibri;
  597.  
  598. color: #000000;
  599.  
  600.  
  601.  
  602. text-align:center;}
  603.  
  604. #credits a{ color: #000000;}
  605. #credits a:hover{ color: #000000; text-transform: uppercase;}
  606.  
  607. .heart{
  608. display: inline;
  609. color: #d94848;
  610. }
  611.  
  612. .dot {
  613. display: inline;
  614. color: {color:sidebar links background};
  615. }
  616.  
  617.  
  618.  
  619. iframe#tumblr_controls {
  620. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  621. }
  622. #tumblr_controls{
  623. position:fixed !important;
  624. -webkit-filter: invert(100%)
  625. }
  626.  
  627.  
  628.  
  629.  
  630. /*ESTILO DE ASK POR UMA-DEUS4 */
  631. .ask {float:left;border:1px solid #000;margin-top:-3px;margin-left:1px; border-radius:200px;}
  632.  
  633. .askbaby {margin-left:25px;padding:4px;color:#000;font-family: 'calibri', sans-serif;text-transform: uppercase;font-size:8px;border-top:1px solid #000; border-bottom:1px solid #000;
  634. }
  635.  
  636. .askbaby a{COLOR:#000;}
  637.  
  638. .assk {display:inline;}
  639.  
  640. .resp {margin-left:1px;margin-top:5px;font-family:'calibri';font-size:10px;padding:3px;color:#aaa;text-indent:7px;text-align:justify;width:auto;border-left: 1px solid #ddd;}
  641.  
  642.  
  643. {CustomCSS}</style></head><body>
  644.  
  645.  
  646.  
  647. <div id="sidebar">
  648. <div id="title">{text:Sidebar Title}</div>
  649. <div id="border"></div>
  650.  
  651. <div id="sidebarimage">
  652.  
  653. <img src="{image:sidebar}">
  654. </div>
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662. <div id="menu">
  663.  
  664. <a href="{text:linkA url}">{text:linkA}</a>
  665. <a href="{text:linkB url}">{text:linkB}</a>
  666. <a href="{text:linkC url}">{text:linkC}</a>
  667. <a href="{text:linkD url}">{text:linkD}</a>
  668.  
  669.  
  670. </div>
  671.  
  672.  
  673. <br>
  674.  
  675.  
  676.  
  677.  
  678. <div id="description">{Description}</div>
  679.  
  680. <div id="pagbox">
  681.  
  682.  
  683. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}
  684. {block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  685.  
  686.  
  687.  
  688.  
  689.  
  690. </div>
  691.  
  692.  
  693. </div>
  694.  
  695.  
  696.  
  697.  
  698.  
  699. <div id="entries">
  700. {block:Posts}
  701. <div id="post">
  702.  
  703. {block:Text}
  704. <div id="topinho">{block:Title}{Title}{/block:Title}</div>
  705. {Body}{/block:Text}
  706.  
  707. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  708. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  709.  
  710. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  711. {/block:Caption}{/block:Photoset}
  712.  
  713. {block:Quote}<h2>"{Quote}"</h2>
  714. {block:Source}<div class="qsource"> —{Source}</div>
  715. {/block:Source}{/block:Quote}
  716.  
  717. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  718.  
  719. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  720.  
  721. {block:Audio}{block:AudioPlayer}
  722. <div class="audiowrapper">
  723. {block:AlbumArt}
  724. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  725. {/block:AlbumArt}
  726.  
  727. <div class="playerbuttonbg">
  728. <div class="newplayerbutton">
  729. <div class="playerbuttonhug">
  730.  
  731. {AudioPlayerWhite}
  732.  
  733. </div>
  734. </div>
  735. </div>
  736.  
  737. <div class="trackdetails">
  738.  
  739. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  740. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  741. {block:Album}Album: {Album}{/block:Album}<br/>
  742. {PlayCountWithLabel}
  743.  
  744. </div>
  745. </div>
  746. {/block:AudioPlayer}
  747.  
  748. {block:Caption}{Caption}{/block:Caption}
  749. {/block:Audio}<br>
  750.  
  751. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  752.  
  753. {block:Answer}
  754. <img src="{AskerPortraitURL-24}" class="ask">
  755. <div class="askbaby" align="left"> {Asker} asked: <div class="assk">{Question}</div></div><p></p>
  756. <div class="resp">{Answer}</div>
  757. {/block:answer}
  758.  
  759. <div id="info">
  760. <span style="background-color:#ffffff;">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date} <span style="color:#c99285; font-style:normal;">•</span> <a href="{Permalink}">{NoteCount}</a>{block:RebloggedFrom}<span style="color:#eee; font-style:normal;">|</span><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource}<span style="color:#c99285; font-style:normal;">•</span><a href="{SourceURL}">source</a>{/block:ContentSource}</span></div>
  761.  
  762. <div id="tags">
  763. {block:HasTags} {block:Tags} <a href="{TagURL}"># {Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  764.  
  765. <div class="note">
  766. {block:PostNotes}{PostNotes}{/block:PostNotes}
  767. </div>
  768. </div>
  769. {block:Posts}</center>
  770.  
  771. </div></div></div>
  772. <br><br><br><br>
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780. </div>
  781.  
  782.  
  783.  
  784.  
  785.  
  786. </div>
  787.  
  788. </div>
  789.  
  790. </div>
  791.  
  792.  
  793.  
  794. </body>
  795.  
  796.  
  797.  
  798.  
  799. <div id="credits">
  800.  
  801. <a href="http://kalder.tumblr.com" title="kalder themes">kt</a>
  802.  
  803. </div>
  804.  
  805. </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!