API tools faq
paste
kalder

Theme #5 - NOTICE ME by kalder

kalder
Jan 26th, 2014
450
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.11 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.  
  15.  
  16. <!---- theme #5 - notice me by kalder do not fucking copy me i'll find you and kill you ayy lmao --->
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'>
  19. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  20.  
  21.  
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24.  
  25.  
  26. <meta name="color:Text" content="#838282"/>
  27.  
  28. <meta name="color:Link" content="#b8b8b8"/>
  29.  
  30. <meta name="color:border" content="#eeeeee"/>
  31.  
  32.  
  33.  
  34. <meta name="color:Link hover" content="#b8b8b8"/>
  35.  
  36. <meta name="image:sidebar" content=""/>
  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. <meta name="text:sidebar title" content="royalty;">
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58. <script>
  59. (function($){
  60. $(document).ready(function(){
  61. $("a[title]").style_my_tooltips({
  62. tip_follows_cursor:true,
  63. tip_delay_time:90,
  64. tip_fade_speed:600,
  65. attribute:"title"
  66. });
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76.  
  77.  
  78.  
  79.  
  80. body {
  81. font-family: 'Arial';
  82.  
  83. background:{color:background};
  84.  
  85. margin:0px;
  86.  
  87. color:{color:text};
  88.  
  89. font-size:9px;
  90.  
  91. line-height:100%;
  92.  
  93. }
  94.  
  95.  
  96.  
  97. a {
  98.  
  99. text-decoration:none;
  100.  
  101. outline:none;
  102.  
  103. -moz-outline-style:none;
  104.  
  105. color:{color:link};
  106. -moz-transition-duration:0.3s;
  107. -webkit-transition-duration:0.3s;
  108. -o-transition-duration:0.3s;
  109.  
  110. }
  111.  
  112.  
  113.  
  114. a:hover{
  115.  
  116. color:{color:link hover};
  117. -moz-transition-duration:0.3s;
  118. -webkit-transition-duration:0.3s;
  119. -o-transition-duration:0.3s;
  120. }
  121.  
  122.  
  123.  
  124. img {
  125.  
  126. border:none;
  127.  
  128. }
  129.  
  130.  
  131.  
  132.  
  133. blockquote {
  134. font-size: 12px;
  135.  
  136. padding-left:5px;
  137.  
  138. border-left:2px solid;
  139. line-height: 12px;
  140.  
  141. }
  142.  
  143.  
  144.  
  145. blockquote blockquote {
  146.  
  147. padding-left:5px;
  148.  
  149. border-left:2px solid;
  150.  
  151. }
  152.  
  153.  
  154.  
  155. h1 {
  156.  
  157. font-size:10px;
  158.  
  159. }
  160.  
  161.  
  162.  
  163.  
  164.  
  165. #entries {
  166.  
  167. padding:10px;
  168.  
  169. width:500px;
  170.  
  171. margin-left:600px;
  172.  
  173. margin-top:0px;
  174.  
  175. padding:0px;
  176.  
  177. }
  178.  
  179.  
  180.  
  181.  
  182.  
  183. #post {
  184.  
  185. width:500px;
  186. margin-top: 73px ;
  187. background: #ffffff;
  188. padding: 10px;
  189.  
  190.  
  191. }
  192.  
  193.  
  194.  
  195.  
  196. #sidebar {
  197. width:128px;
  198.  
  199. position:fixed;
  200. margin-left:360px;
  201. margin-top:100px;
  202. background: #ffffff;
  203. padding: 10px;
  204.  
  205. }
  206.  
  207. #sidebarborder{ border-right: 1px solid #f3f3f3;
  208. height:2000px;
  209. margin-left:510px;
  210. margin-top:-95px;
  211. position:fixed;
  212. }
  213.  
  214.  
  215.  
  216. #sidebarimage {
  217. width:128px;
  218.  
  219. }
  220.  
  221. #sidebarimage img {
  222. width:128px;
  223.  
  224. }
  225.  
  226.  
  227.  
  228.  
  229. #description {
  230.  
  231.  
  232. position:fixed;
  233. width:128px;
  234. display: inline;
  235.  
  236. font-family:'arial';
  237. margin-top:0px;
  238. margin-left:-10px;
  239. font-size:9px;
  240. position:fixed;
  241. line-height: 14px;
  242. padding:10px;
  243.  
  244. color:#6E6E6E;
  245.  
  246.  
  247. word-spacing:0px;
  248.  
  249. text-align: center;
  250. }
  251.  
  252.  
  253.  
  254.  
  255.  
  256. #links {
  257. position: fixed;
  258. margin-top: -62px;
  259. margin-left: -44px;
  260. text-align:center;
  261.  
  262. }
  263.  
  264.  
  265. #links2{
  266. width:auto;
  267. height:119px;
  268.  
  269.  
  270.  
  271. }
  272.  
  273.  
  274.  
  275.  
  276. #linkis{
  277.  
  278.  
  279. font-size:8px;
  280. text-transform:uppercase;
  281. opacity: 1;
  282. border-right:1px solid #eee;
  283. position: fixed;
  284. font-family:consolas;
  285.  
  286.  
  287. text-align:right;
  288.  
  289. letter-spacing:1px;
  290. line-height:17px;
  291. z-index:9999;
  292. padding:2px;
  293.  
  294. }
  295.  
  296. #links2 a{
  297. font-size:8px;
  298. text-transform:uppercase;
  299. opacity: 1;
  300.  
  301.  
  302. font-family:consolas;
  303.  
  304.  
  305. text-align:right;
  306.  
  307. letter-spacing:1px;
  308.  
  309. color: {color: link};
  310.  
  311. -moz-transition-duration:0.3s;
  312. -webkit-transition-duration:0.3s;
  313. -o-transition-duration:0.3s;
  314.  
  315. }
  316.  
  317. #links2 a:hover{
  318. -moz-transition-duration:0.3s;
  319. -webkit-transition-duration:0.3s;
  320. -o-transition-duration:0.3s;
  321. color: {color: link hover};
  322. padding:; 2px;
  323. }
  324.  
  325.  
  326.  
  327. #borderayy{
  328. width: 144px;
  329. height:2px;
  330. padding:3px;
  331. margin-left: -10px;
  332. border-bottom: 1px #eeeeee solid;
  333. }
  334.  
  335.  
  336. .pagination {
  337. font-size:10px;
  338. font-family:calibri;
  339. letter-spacing:0px;
  340. word-spacing:1px;
  341. width:150px;
  342. text-transform:lowercase;
  343. text-decoration:none;
  344. text-align:right;
  345. margin-left:-23px;
  346. position:relative;
  347. padding-top:0px;
  348. }
  349.  
  350. .pagination a:hover {
  351.  
  352. color:#696969;
  353. }
  354.  
  355.  
  356.  
  357.  
  358.  
  359. .caption {
  360.  
  361. width:500px;
  362.  
  363. text-align:justify;
  364.  
  365. line-height:120%;
  366.  
  367. }
  368.  
  369.  
  370.  
  371. .ask {
  372.  
  373. padding:10px;
  374.  
  375. text-align:left;
  376.  
  377. color:{color:text};
  378.  
  379. background-color:#eee;
  380.  
  381. border-bottom:1px solid #eee;
  382.  
  383. }
  384.  
  385.  
  386.  
  387. .ans {
  388.  
  389. text-align:left;
  390.  
  391. padding:10px;
  392.  
  393. color:{color:text};
  394.  
  395. }
  396.  
  397.  
  398.  
  399. .audio {
  400.  
  401. width:500px;
  402.  
  403. padding-bottom:10px;
  404.  
  405. background-color:{color:infobg};
  406.  
  407. }
  408.  
  409.  
  410.  
  411. .albumart {
  412.  
  413. float:left;
  414.  
  415. padding:0px 10px 10px 0px;
  416.  
  417. }
  418.  
  419.  
  420.  
  421. .albumart img {
  422.  
  423. width:45px;
  424.  
  425. height:45px;
  426.  
  427. }
  428.  
  429.  
  430.  
  431. .playercontainer {
  432.  
  433. text-align:left;
  434.  
  435. padding:10px;
  436.  
  437. background-color:#ffffff;
  438.  
  439. width:480px;
  440.  
  441. }
  442.  
  443.  
  444.  
  445. .audioinfo {
  446.  
  447. padding:10px;
  448.  
  449. color:{color:text};
  450.  
  451. }
  452.  
  453.  
  454.  
  455. #info {
  456. width:500px;
  457. text-align:left;
  458. font-family:'trebuchet ms';
  459. margin-top:3px;
  460. margin-left:px;
  461. letter-spacing:1px;
  462. font-size:7px;
  463. font-style:none;
  464. padding:1px;
  465. line-height:10px;
  466. text-transform:uppercase;
  467. border-top:1px solid;
  468. border-color:#dddddd;
  469. }
  470.  
  471. #info a {
  472. text-align:center;
  473. color:{color: link};
  474. }
  475.  
  476. #info a:hover {
  477. -moz-transition-duration:0.3s;
  478. -webkit-transition-duration:0.3s;
  479. -o-transition-duration:0.3s;
  480. color:{color: link hover}
  481. }
  482.  
  483.  
  484.  
  485. .note {
  486.  
  487. text-transform:lowercase;
  488.  
  489. font-style:normal;
  490.  
  491. letter-spacing:0px;
  492.  
  493. font-size: 9px;
  494.  
  495. text-align:left;
  496.  
  497. line-height:90%;
  498.  
  499. margin-left:-40px;
  500.  
  501. }
  502.  
  503.  
  504.  
  505. .note li {
  506.  
  507. list-style-type:none;
  508.  
  509. border-bottom:1px solid {color:border};
  510.  
  511. padding:10px 25px 10px 25px;
  512.  
  513. text-align:left;
  514.  
  515. margin:0px;
  516.  
  517. -moz-transition-duration:0.5s;
  518.  
  519. -webkit-transition-duration:0.5s;
  520.  
  521. -o-transition-duration:0.5s;
  522.  
  523. }
  524.  
  525.  
  526.  
  527. .tags {
  528.  
  529. font-style:normal;
  530.  
  531. width:500px;
  532.  
  533. text-transform:uppercase;
  534.  
  535. font-style:normal;
  536.  
  537. color:{color:tags};
  538.  
  539. letter-spacing:2px;
  540.  
  541. line-height:120%;
  542.  
  543. font-size:8px;
  544.  
  545. text-align:left;
  546.  
  547. padding:2px;
  548.  
  549. -moz-transition-duration:0.5s;
  550.  
  551. -webkit-transition-duration:0.5s;
  552.  
  553. -o-transition-duration:0.5s;
  554.  
  555. }
  556.  
  557.  
  558.  
  559. .tags a {
  560.  
  561. color:{color:tags};
  562.  
  563. letter-spacing:1px;
  564.  
  565. padding:1px;
  566.  
  567. }
  568.  
  569.  
  570.  
  571. .tags a:hover {
  572.  
  573. color:{color:link};
  574.  
  575. }
  576.  
  577.  
  578. ul.chat, .chat ol, .chat li {
  579.  
  580. list-style:none;
  581.  
  582. margin:0px;
  583.  
  584. padding:2px;
  585.  
  586. }
  587.  
  588.  
  589.  
  590. .label {
  591.  
  592. text-decoration:underline;
  593.  
  594. font-weight:300;
  595.  
  596. background-color:{color:infobg};
  597.  
  598. margin-right:5px;
  599.  
  600. }
  601.  
  602.  
  603.  
  604.  
  605. .user_1 .label {color:{color:text}; font-weight:bold}
  606.  
  607. .user_2 .label {color:{color:link}; font-weight:bold}
  608.  
  609. .user_3 .label {color:{color:text}; font-weight:bold}
  610.  
  611. .user_4 .label {color:{color:link}; font-weight:bold}
  612.  
  613. .user_5 .label {color:{color:text}; font-weight:bold}
  614.  
  615. .user_6 .label {color:{color:link}; font-weight:bold}
  616.  
  617. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  618.  
  619. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  620.  
  621.  
  622. #s-m-t-tooltip {-webkit-animation: Beeh 500ms;
  623.  
  624. max-width:300px; /* largura máxima */
  625.  
  626. background-color:#fff; /* background */
  627.  
  628. border:1px solid #e7e9ea; /* cor e espessura da borda */
  629.  
  630. font-family:'calibri'; /* fonte */
  631.  
  632. font-size:10px; /* tamanho */
  633.  
  634. color:#aaaaaa; /* cor */
  635.  
  636. letter-spacing:1px; /* espaçamento */
  637.  
  638. text-transform:lowercase; /* uppercase(maiúscula), lowercase(minúscula) ou none(nenhum) */
  639.  
  640. padding:3px 4px 3px 4px; /* tamanho do padding */
  641.  
  642. margin:20px 0px 0px 20px; /* tamanho da margem */
  643.  
  644. z-index:99999999999; /* deixa acima de tudo, não mexa */}
  645.  
  646. @-webkit-keyframes Beeh {
  647. 0% {-webkit-transform: scale(.4);}
  648. 50% {-webkit-transform: scale(1.04);}
  649. 70% {-webkit-transform: scale(.9);}
  650. 100% {-webkit-transform: scale(1);}}
  651.  
  652.  
  653. #border{border-bottom: 1px solid #eee; width:120px; margin-left:7px; margin-top:-20px; padding-top:3px; padding-bottom:3px;}
  654.  
  655.  
  656. #credits{ position:fixed; bottom:10px; right:10px; padding:5px;
  657. font-size:8px;
  658. text-transform: uppercase;
  659. font-family: calibri;
  660. letter-spacing:1px;
  661. color: #ffffff;
  662. background:#b9c5d0;
  663.  
  664. border: 1px solid #f3f3f3;
  665. text-align:center;}
  666.  
  667.  
  668. #credits a{ color: #ffffff;}
  669. #credits a:hover{ color: #ffffff; text-transform: uppercase;}
  670.  
  671. .heart{
  672. display: inline;
  673. color: #d94848;
  674. }
  675.  
  676.  
  677.  
  678.  
  679.  
  680. iframe#tumblr_controls {
  681. 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;
  682. }
  683. #tumblr_controls{
  684. position:fixed !important;
  685. -webkit-filter: invert(100%)
  686. }
  687.  
  688.  
  689.  
  690.  
  691.  
  692. /**ask por conjugad-a (kah) **/
  693.  
  694. #pergunta a {font-family: calibri; color:#9c9c9c; font-size: 10px; text-transform: uppercase;}
  695.  
  696. .pergunta {font-size: 10px; font-family: calibri; background: #f0f0f0;text-align: justify; padding: 14px; margin-bottom: 5px; margin-left: 40px; margin-right: auto;}
  697.  
  698. .pergunta a {color: #000}
  699.  
  700. .pergunta g {color: #000;}
  701.  
  702. .iconeask {float: left; margin-right: 2px; margin-bottom: 3px; border:4px solid #f0f0f0; -moz-transition-duration:0.5s;
  703. -webkit-transition-duration:0.5s;
  704. -o-transition-duration:0.5s;}
  705. .iconeask:hover { -moz-transition-duration:0.5s;
  706. -webkit-transition-duration:0.5s;
  707. -o-transition-duration:0.5s; border:4px solid {color:dot color};
  708.  
  709. .divisoria {display: block; margin-top: 4px; margin-bottom: 4px;}
  710.  
  711. div.treme img{position:relative}
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718.  
  719. {CustomCSS}</style></head><body>
  720.  
  721.  
  722.  
  723.  
  724.  
  725. <div id="sidebarborder"></div>
  726.  
  727. <div id="sidebar">
  728.  
  729.  
  730.  
  731. <br>
  732.  
  733. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  734.  
  735.  
  736.  
  737. <div id="links">
  738.  
  739. <div id="linkis">
  740. <center>
  741.  
  742.  
  743. <div id="links2">
  744. <b>
  745. <div style="padding-top: 1px; padding-bottom: 1px;font-size: 8px;color:#b9c5d0;">
  746. <a href="{text:linkA url}">{text:linkA}</a>
  747. <br>
  748. <a href="{text:linkB url}">{text:linkB}</a>
  749. <br>
  750. <a href="{text:linkC url}">{text:linkC}</a>
  751. <br>
  752. <a href="{text:linkD url}">{text:linkD}</a>
  753. </b>
  754.  
  755. </div>
  756. </div>
  757. </div>
  758.  
  759.  
  760.  
  761. </div>
  762.  
  763.  
  764.  
  765. <div id="description">{Description}
  766. <br>
  767. <div id="borderayy"></div>
  768.  
  769. <br>
  770. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}
  771. {block:NextPage}— <a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination} </div>
  772. </div>
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790. </div>
  791.  
  792.  
  793.  
  794.  
  795.  
  796. <div id="entries">
  797. {block:Posts}
  798. <div id="post">
  799.  
  800. {block:Text}
  801. <h1>{block:Title}{Title}{/block:Title}</h1>
  802. {Body}{/block:Text}
  803.  
  804. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  805. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  806.  
  807. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  808. {/block:Caption}{/block:Photoset}
  809.  
  810. {block:Quote}<h2>"{Quote}"</h2>
  811. {block:Source}<div class="qsource"> —{Source}</div>
  812. {/block:Source}{/block:Quote}
  813.  
  814. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  815.  
  816. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  817.  
  818. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  819. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  820. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  821. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  822. {/block:Audio}<br>
  823.  
  824. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  825.  
  826. {block:Answer}<div class="ask"><img src="{AskerPortraitURL-24}" width="24"> <i>{Asker}</i> said: <b>{Question}</b></div><div class="answer">{Answer}</div>{/block:answer}
  827.  
  828. <div id="info">
  829. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  830. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  831. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  832. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  833. with <div class="heart">♥</div> {NoteCountWithLabel}</a>
  834. {block:HasTags}<div id="tags">
  835.  
  836. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  837. </div>{block:HasTags}
  838. </div>
  839. </div>
  840. {/block:Posts}
  841. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  842.  
  843. {/block:Posts}</div></div></div>
  844. <br><br><br><br>
  845.  
  846.  
  847.  
  848.  
  849.  
  850. </div>
  851.  
  852.  
  853.  
  854.  
  855.  
  856. </div>
  857.  
  858. </div>
  859.  
  860. </div>
  861.  
  862.  
  863.  
  864. </body>
  865.  
  866.  
  867.  
  868. <div id="credits">
  869.  
  870. <a href="http://kalder.tumblr.com">kalder</a>
  871.  
  872. </div>
  873.  
  874. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!