API tools faq
paste
Advertisement
nicoliveeira

Theme 101

nicoliveeira
Jun 24th, 2015
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.67 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"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3.  
  4. <!--
  5.  
  6.  
  7. BASE FCKRAW TOTALMENTE ADAPTADA POR BRUTEIRA + LTTLDOLL
  8.  
  9.  
  10. JAMAIS RETIRE OS CREDITOS
  11.  
  12. -->
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <html><head>
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips({
  29. tip_follows_cursor:true,
  30. tip_delay_time:20,
  31. tip_fade_speed:400,
  32. attribute:"title"
  33. });
  34. });
  35. })(jQuery);
  36. </script>
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38.  
  39.  
  40.  
  41.  
  42. <meta name="color:background" content="#ffffff" />
  43. <meta name="color:hover" content="#000" />
  44. <meta name="color:text" content="#000" />
  45. <meta name="color:sidebar" content="#dcdcdc" />
  46. <meta name="color:links" content="#fff" />
  47. <meta name="color:cor dos detalhes" content="#dcdcdc" />
  48. <meta name="color:ask link" content="#ededed" />
  49. <meta name="color:border ask" content="#dcdcdc" />
  50. <meta name="color:descri" content="#000" />
  51.  
  52.  
  53. <meta name="text:description2" content="" />
  54. <meta name="image:sidebar" content="" />
  55. <meta name="image:favicon" content="" />
  56. <meta name="if:Rolagem infinita" content="1"/>
  57. <meta name="image:background" content=""/>
  58.  
  59.  
  60.  
  61. <meta name="text:Link1" content="/" />
  62. <meta name="text:Link1 Title" content="" />
  63. <meta name="text:Link2" content="/" />
  64. <meta name="text:Link2 Title" content="" />
  65. <meta name="text:Link3" content="/" />
  66. <meta name="text:Link3 Title" content="" />
  67. <meta name="text:Link4" content="/" />
  68. <meta name="text:Link4 Title" content="" />
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <title>{Title}</title>
  76.  
  77.  
  78. <link rel="shortcut icon" href="{image:favicon}">
  79.  
  80. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  81. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  82.  
  83. {block:IndexPage}<script type="text/javascript">Cufon.now(); </script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>{/block:IndexPage}
  84.  
  85. <style type="text/css">
  86.  
  87. ::selection {background-color:{color:cor dos detalhes};color:#fff;text-shadow:0em 0.1em 0em #888;}
  88.  
  89.  
  90.  
  91. body {background-color:{color:background}; background-image:url('{image:background}'); color: #696969; font-family:calibri; font-size:12px; text-align: justify; line-height:15px;}
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99. a {color: #696969; text-decoration: none; text-transform: none;}
  100. a:hover {color: #666;}
  101.  
  102. p {margin: 6px 0 0 0}
  103.  
  104. blockquote {margin: 0px; padding-left: 0px; }
  105. blockquote img{width: 400px!important; text-align:justify;}
  106.  
  107.  
  108.  
  109.  
  110. #container {width:400px; margin-top:10px; margin-left:430px;}
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119. .posts {-webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; width:180px; padding:0px; margin-top:15px; margin-right:20px;position:relative; float:left; {block:PermalinkPage} width:180px;{/block:PermalinkPage};padding:0px;}
  120. .posts img {max-width:180px;min-width:5px;{block:PermalinkPage}max-width:180px;{/block:PermalinkPage};}
  121. .posts:hover {opacity:1;-webkit-filter: grayscale(100%);}
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129. h1 {font-family:calibri;text-align:center;color:#696969;line-height:18px; font-size: 12px;{block:PermalinkPage}padding:0px; {/block:PermalinkPage};padding:0px;font-weight: normal;}
  130. h1 a {color: #000;}
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. .photoset {width:180px;}
  139.  
  140. .source {display: none; color:transparent;}
  141.  
  142.  
  143.  
  144.  
  145.  
  146. .quote {font-family: calibri; font-size: 11px; letter-spacing:0px; line-height: 15px; text-align: justify; color: #000; background-color:transparent; padding:5px; font-weight: normal;}
  147.  
  148. .sorc {font-family: calibri; font-size: 9px; line-height: 9px; padding:3px; text-align: justify; color: #000; text-transform: lowercase; background-color:transparent; font-weight: normal;}
  149. .sorc a {text-transform: lowercase; color:#000}
  150.  
  151.  
  152.  
  153.  
  154.  
  155. .posts .pergunta {font-family:arial; text-align: justify;color:{color:text}; font-size:9px;padding:1px; margin-top: 0px;border-bottom:1px solid {color:border ask};}
  156. .posts .pergunta a {color:{color:ask link};text-shadow:1px 1px 0px gray;font-family:xiomara;font-size:11px;-webkit-transition: all 0.5s ease-out;-webkit-transition: all 0.6s ease-in-out;}
  157. .posts .pergunta a:hover {color:#dcdcdc;text-shadow:0px 0px 5px {color:ask};-webkit-filter: grayscale(0%);}
  158. .resposta {font-family:arial; font-size:9px;color:{color:text};padding:1px;}
  159. .resposta img {max-width:190;height:auto;}
  160.  
  161.  
  162.  
  163. /*-✱- tooltip by I-NSEGUR-A | CONNECTION HTML | credite sempre bitch !-✱-*/
  164. #s-m-t-tooltip {-webkit-animation: CH 600ms;max-width:320px;margin:-20px 20px 20px 8px;background:#fff;outline:1px solid #000; outline-offset:-2px;z-index:999999999999999999999999999999999999999;font-family:calibri;font-size:8px;color:#000;padding:1px 4px 1px 4px;text-shadow:1px 1px 0px silver;text-transform:uppercase;text-shadow:1px 1px 0px #dcdcdc;}
  165.  
  166.  
  167.  
  168.  
  169. #permalinks {width:400px; padding:18px; z-index:10; text-align:left; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out; }
  170.  
  171. .sorce {text-transform:lowercase;padding:8px; width:130px; height:20px; background:rgba(255,255,255,.3); font-size:5px; text-align:right; position: absolute; color:#000; opacity:0;font-family:verdana; display:block; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:4px; margin-left:0px;border-radius:0px 10px 10px 0px;}
  172. .sorce a{font-size:9px; font-family:verdana;color:#000;}
  173. .posts:hover .sorce {opacity:1; z-index:9; font-size:10px; text-transform:lowercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:-40px;}
  174.  
  175. .sorceask {text-transform:lowercase;padding:0px; width:130px; height:auto; background:rgba(255,255,255,.3); font-size:5px; text-align:right; position: absolute; color:#000; opacity:0;font-family:verdana; display:block; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:4px; margin-left:0px;border-radius:0px 10px 10px 0px;}
  176. .sorceask a{font-size:9px; font-family:verdana;color:#000;}
  177. .posts:hover .sorceask {opacity:1; z-index:9; font-size:10px; text-transform:lowercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all .4s ease-out;margin-top:0px;}
  178.  
  179.  
  180.  
  181.  
  182.  
  183. ::-webkit-scrollbar{width:5px;height:5px;}
  184. ::-webkit-scrollbar-button:start:decrement
  185. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:#fff;}
  186. ::-webkit-scrollbar-track-piece{background-color: transparent; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  187. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  188. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #f8f8f8;-webkit-border-radius:px;}
  189.  
  190. </style><script type="text/javascript">
  191. $(window).load(function(){
  192. var $wall = $('#container');
  193. $wall.imagesLoaded(function(){
  194. $wall.masonry({
  195. itemSelector: '.posts',
  196. isAnimated : true
  197. });
  198. });
  199. $wall.infinitescroll({
  200. navSelector : "div#navigation",
  201. nextSelector : "div#navigation a#nextPage",
  202. itemSelector : '.posts',
  203. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  204. loadingText : " ",
  205. donetext : " ",
  206. extraScrollPx : 9000,
  207. bufferPx : 10000,
  208. debug : false,
  209. errorCallback: function() {
  210. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  211. }},
  212. function( newElements ) {
  213. var $newElems = $( newElements );
  214. $newElems.hide();
  215. $newElems.imagesLoaded(function(){
  216. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  217. });
  218. }); $('#container').show(500);
  219. });
  220. </script><style>
  221.  
  222. .tumblrAutoPager_page_separator,
  223. .tumblrAutoPager_page_info {display: none;}
  224.  
  225. #tumblr_controls{position: fixed!important}
  226. #tumblr_controls{position: fixed!important}
  227. #tumblr_controls{position: fixed!important}
  228. #tumblr_controls{position: fixed!important}
  229.  
  230. iframe#tumblr_controls{top: 2px !important; position: fixed !important; right: 5px !important; margin: 0 0 0 0;}
  231.  
  232.  
  233.  
  234.  
  235.  
  236. #gogoho {margin-left:-44px; text-align:left; font-size: 10px; font-family: calibri; width:100px;height: auto; text-transform:lowercase;}
  237. #gogoho a {text-transform:lowercase; font-style:normal}
  238. #gogoho a:hover {color:#777;}
  239. .notes {width:550px; padding:0px; margin-top:1px; margin-bottom:1px; font-size:10px; text-align:center} ol.notes {list-style: none; margin: 0 20px 0 0px; padding:0px; bord00er-bottom: 1px sólida # ccc; z-index:6;} ol.notes li {background-color:;margin-bottom:1px; padding:5px;}.notes img{display:none; border:0px}
  240.  
  241.  
  242.  
  243. #sidebar {position:fixed; width:130px; height:auto; margin-left:150px;margin-top:150px;z-index:99999999999999999999999999999999;padding:5px;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-our;background:{color:sidebar};outline-offset:-2px;outline:1px solid {color:background};}
  244.  
  245.  
  246.  
  247. #foto {margin-top:0px; margin-left:0px;border-left:0px solid {color:border}; height:auto; width:130px; -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;opacity:1;}
  248. #foto img {display: inline; height:auto; width:130px;}
  249.  
  250.  
  251.  
  252.  
  253. #descri {background-color:transparent;color:{color:descri};text-align:center;position:fixed; width:140px; margin-left:-5px;height:14px;padding:0px; line-height:16px;text-transform:Italic; margin-top:5px;font-family:calibri;font-style:Italic;font-size:10px;opacity:10;z-index:99999999999999999;border-radius:0px;border-top:0px solid #eee;border-bottom:0px solid #fff;font-weight:bold;opacity:1;-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out}
  254. #sidebar:hover #descri {opacity:0; transform:rotatex(180deg);}
  255.  
  256. #descri2 {background-color:transparent;text-align:center;position:fixed; width:140px; margin-left:-5px;height:14px;padding:0px; line-height:16px; margin-top:5px;opacity:10;z-index:99999999999999999;opacity:0; transform:rotatex(180deg);-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out}
  257. #descri2 a {color:{color:links};text-transform:Italic;font-family:calibri;font-style:Italic;font-size:10px;font-weight:bold}
  258. #sidebar:hover #descri2 {opacity:1; transform:rotatex(0deg);}
  259. #descri2 a:hover {text-decoration: line-through;}
  260.  
  261.  
  262. #faixa {position:fixed; top:-10px; left:330px; width:3px; height:700px; background-image:linear-gradient(to top, #ededed 0%, {color:sidebar} 100%);}
  263.  
  264. #faixaa {position:fixed; top:-10px; left:337px; width:3px; height:700px; background-image:linear-gradient(to top, #ededed 0%, {color:sidebar} 100%);}
  265.  
  266. #faixaaa {position:fixed; top:-10px; left:344px; width:3px; height:700px; background-image:linear-gradient(to top, #ededed 0%, {color:sidebar} 100%);}
  267.  
  268.  
  269.  
  270. /***************** credito ****************/
  271.  
  272.  
  273. .cred {font-size:11px;font-family:cambria;
  274. width:auto;height:10px; text-align:center;
  275. line-height:16px;margin-top:500px;
  276. position:fixed;left:1315px;line-height:15%;}
  277. .cred a {color:#000;text-indent:5px;
  278. padding:2px;width:60px;BACKGROUND:transparent;height:1px;}
  279. .cred img {width:25px;}
  280.  
  281.  
  282.  
  283. /***************** credito ****************/
  284.  
  285.  
  286. </style>
  287. <body>
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299. <div id="sidebar">
  300.  
  301. <div id="foto"><img src="{image:sidebar}"></div>
  302. <div id="descri">{description}</div>
  303.  
  304. <div id="descri2">
  305. <a href="{text:link1}">{text:link1 title}</a>
  306. <a href="{text:link2}">{text:link2 title}</a>
  307. <a href="{text:link3}">{text:link3 title}</a>
  308. <a href="{text:link4}">{text:link4 title}</a>
  309. </div>
  310.  
  311. <div id="faixa"></div>
  312. <div id="faixaa"></div>
  313. <div id="faixaaa"></div>
  314. </div>
  315.  
  316.  
  317.  
  318.  
  319. </div>
  320.  
  321. <div id="container">{block:Posts}
  322.  
  323.  
  324.  
  325.  
  326. {block:Text}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}{body}<!-- permalink --->{block:IndexPage}<div class="sorceask"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> . <span class="heart" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></span> <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Text}
  327.  
  328.  
  329.  
  330.  
  331. {block:Photo}<div class="posts"><img src="{PhotoURL-500}">{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">🔁</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photo}
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. {block:Photoset}<div class="posts"><center>{Photoset}</center>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">🔁</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Photoset}
  339.  
  340.  
  341. {block:Quote}<div class="posts"><div class="quote">{Quote}</div><div class="sorc">{Source}</div>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorceask"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> . <a href="{Permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}</div><!-- permalink --->{/block:Quote}
  342.  
  343.  
  344.  
  345. {block:Link}<div class="posts">{block:IndexPage}<h1><a href="{URL}">{Name}</h1></a>{block:Description}{Description}{/block:Description}<!-- permalink --->{block:IndexPage}<div class="sorceask"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> . {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div><br>{/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Link}
  346.  
  347.  
  348. {block:Chat}<div class="posts">{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}</div>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorceask"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<!-- permalink --->{/block:IndexPage}</div>{/block:Chat}
  349.  
  350.  
  351.  
  352. {block:Audio}<div class="posts"><center>{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}{block:Caption}{Caption} Played {PlayCount} times</center>{/block:Caption}<p>{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorceask"><a href="{ReblogURL}" title="Reblog" target="_blank">reblog</a> . {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Audio}
  353.  
  354.  
  355.  
  356. {block:Video}<div class="posts">{Video-250}{block:IndexPage}<!-- permalink --->{block:IndexPage}<div class="sorce"><a href="{ReblogURL}" title="Reblog" target="_blank">🔁</a> / {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IndexPage} {/block:IndexPage}</div> {/block:IndexPage}<br></div><!-- permalink --->{/block:Video}
  357.  
  358.  
  359. {block:Answer}<div class="posts"><div class="pergunta"><a href="/" style="text-transform:lowercase;">{Asker} :</a> {Question}</div><div class="resposta" style=" margin-left:0px;">{Answer}</div><!-- permalink ---><div class="sorceask"><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:IndexPage} . <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage} </div><!-- permalink ---></div>{/block:Answer}
  360.  
  361.  
  362.  
  363.  
  364. {block:PostNotes}<div id="permalinks">{TimeAgo}{NoteCountWithLabel}{block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:5px;">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PostNotes}{/block:posts}
  365.  
  366. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  367.  
  368.  
  369.  
  370. <div class="cred">
  371. <a href="http://lttldoll.tumblr.com"title=design/lttldoll><img src="http://static.tumblr.com/smtbiyk/z4Vnpg9tw/oie_transparent__4_.png"></a>
  372. </div>
  373.  
  374.  
  375.  
  376. </body>
  377.  
  378.  
  379. </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!