Advertisement
bau-de-incertezas

Theme 41

Dec 29th, 2014
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.42 KB | None | 0 0
  1. <!---------------------------------------------------
  2. ! !
  3. ! !
  4. !THEME POR BAU-DE-INCERTEZAS, CRÉDITOS EM TODO O CSS!
  5. ! !
  6. ! !
  7. !--------------------------------------------------->
  8. <!--DON'T COPY, FIZ ESSA MERDA COM TANTO CARINHO *-*
  9. Base por wiskeiraw-->
  10.  
  11.  
  12. <html>
  13.  
  14. <script>
  15.  
  16.  
  17.  
  18. <head>
  19.  
  20.  
  21.  
  22.  
  23. <script type="TEXT/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("[title]").style_my_tooltips();
  30. });
  31. })(jQuery);
  32. </script>
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{favicon}">
  36.  
  37.  
  38. <meta name="color:background" content="#ffffff"/>
  39. <meta name="color:links" content="#c0c0c0"/>
  40. <meta name="color:links hover" content="#7a7a7a"/>
  41. <meta name="color:texto do post" content="#808080"/>
  42.  
  43.  
  44.  
  45. <meta name="color:borda" content="#c0c0c0" />
  46. <meta name="color:link" content="#c0c0c0" />
  47. <meta name="color:link fundo" content="#f597c1" />
  48. <meta name="color:link hover fundo" content="#fff" />
  49. <meta name="color:borda frase" content="#eee"/>
  50. <meta name="color:background frase" content="#f597c1"/>
  51. <meta name="color:frase" content="#fff"/>
  52.  
  53.  
  54.  
  55.  
  56. <meta name="image:background" content="{image:background}" />
  57. <meta name="image:sidebar" content="http://36.media.tumblr.com/b439bae91d53018a41c12b8f54dec0b6/tumblr_nfaopdTwus1tqyin3o1_250.jpg" />
  58. <meta name="image:emoji" content="{image:emoji}" />
  59.  
  60.  
  61. <meta name="text:frase" content="Uma frase " />
  62. <meta name="text:simbolo ask" content="✖ " />
  63.  
  64.  
  65.  
  66. <meta name="text:Link1" content="" />
  67. <meta name="text:Link1 Title" content="link 1" />
  68.  
  69. <meta name="text:Link2" content="" />
  70. <meta name="text:Link2 Title" content="link 2" />
  71.  
  72. <meta name="text:Link3" content="" />
  73. <meta name="text:Link3 Title" content="link 3" />
  74.  
  75. <meta name="text:Link4" content="" />
  76. <meta name="text:Link4 Title" content="link 4" />
  77.  
  78.  
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. body {color:{color:texto do post};background-color:{color:background}; background-image: url('{image:background}'); background-attachment:fixed; font-family:'calibri';font-size:12px; line-height:100%; text-align:justify; text-transform: none;text-align: left; font-style: none; }
  84.  
  85.  
  86.  
  87. #s-m-t-tooltip {
  88. display: block;
  89. background: #fff;
  90. font-size: 10px;
  91. font-family: calibri;
  92. letter-spacing: 0px;
  93. text-transform: uppercase;
  94. color:#000;
  95. text-align: center;
  96. margin-left: 18px;
  97. padding: 2px 5px 2px 5px;
  98. border-left:3px solid {color:links hover};
  99. min-width: 40px;
  100. max-width: 200px;
  101. box-shadow: 1px 1px 1px rgba(60, 60, 60, 0.3);
  102. z-index: 99999;}
  103.  
  104.  
  105. /*****+ FF BRANCO I LOVE THEMES *******/
  106. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  107.  
  108.  
  109. /********* nao mexa *******/
  110.  
  111.  
  112.  
  113.  
  114.  
  115. #title2 { width:140px; height:25px ;position: fixed;font-style: ; color: ; font-family: consolas; font-size:9px; line-height:15px; text-align:center; color: ; padding:5px;margin-top:280px;margin-left:120px;padding: 2px; background: #fff ; border: 0px solid #c7c7c7;; background: transparent; text-transform: uppercase;border-bottom: 2px dotted #c7c7c7}
  116.  
  117. #title2:hover {opacity:9; color:;background:transparent;; }
  118.  
  119.  
  120.  
  121.  
  122. #sidebar:hover #links {position: fixed; width: 30px; margin-left:20px; margin-top: -145px; padding: 0px; text-align: center; z-index:3; background-color:font-style:italic; }
  123.  
  124.  
  125.  
  126.  
  127. #entries {position:absolute; margin:auto; margin-top:10px; margin-bottom:30px; margin-left:480px; width:800px;}
  128.  
  129.  
  130. .nigga {overflow: hidden; float:left; position:relative; {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage};}
  131.  
  132. .entry {background:transparent; margin: 1px; {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}; overflow: hidden; float:left; position:relative; padding:2px;}
  133.  
  134.  
  135.  
  136. .entry img {max-width:400px; {block:IndexPage}max-width:250px;{/block:IndexPage};}
  137.  
  138.  
  139. blockquote {margin: 0px; padding-left: 0px; }
  140. blockquote img{width: 400px!important; text-align:justify;}
  141.  
  142.  
  143. .notes{background: none ; height:14px; padding:15px 0 15px 0; width:250px; left:-90;top:-9; bottom:0;position:absolute;-webkit-transition-duration: 0.4s; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;text-align:center;opacity:0;}
  144. .notes a:hover{text-decoration:none;}
  145.  
  146. .notes .flow img{width:13px; padding-top:px; background:#000; padding:5px; /* REBLOG */}
  147.  
  148. .entry:hover .notes{opacity:0.8;}
  149.  
  150.  
  151. .notex {font-family:cambria; opacity:0; font-size:10px; text-transform: lowercase; text-align:center; color:{color:texto do post}; -webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; margin-top:0px;}
  152. .entry:hover .notex {-webkit-transition: all 0.8s ease-in-out; -moz-transition-duration:0.8s; opacity:1; font-size:10px; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s;}
  153.  
  154.  
  155.  
  156. a {color: {color:links}; text-decoration: none; text-transform: none;}
  157. a:hover {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; color:{color:links hover};text-transform: none ;}
  158. }
  159.  
  160. p {margin: 6px 0 0 0}
  161.  
  162.  
  163.  
  164. h1 { font-family: arial; text-align: center; font-size: 14px; font-style: none; color: {color:post text}; font-weight: normal; }
  165. h1 a {text-align: center; font-size: 14px; text-transform: none; color: {color:post text}; font-weight: normal; ;padding: 4px;}
  166. h1 a:hover {text-align: center; font-size: 14px; text-transform: none; color: {color:post text}; font-weight: normal;padding: 4px;}
  167.  
  168.  
  169.  
  170. .quote {text-align:justify; font-family: arial; font-size: 12px; line-height:15px; color:{color:texto do post}; padding:3px;margin-left:-2px;margin-bottom:3px; margin-top:2px;background-color:transparent;}
  171. .qsource {font-family:calibri; color:{color:texto do post}; text-transform:none; text-align:center;font-size:11px; margin-top:1px;}
  172.  
  173.  
  174. ::-webkit-scrollbar-thumb:vertical {background: {color:texto do post} Url('');height:6px; ;}
  175.  
  176. ::-webkit-scrollbar-button:vertical {height:0px;display: block; background:#fff;}
  177.  
  178.  
  179. ::-webkit-scrollbar {height:0px;width:5px;background-color:#fff;}
  180.  
  181.  
  182.  
  183. .chat {line-height: 13px; list-style: none }
  184. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:13px;}
  185. .person1 {color: {color:texto do post}; padding: 2px; background:; border-radius:10px; margin-bottom:2px;}
  186. .person1 .label {font-weight: bold; color:{color:texto do post}}
  187. .person2 {color: {color:texto do post}; padding: 2px; background:; border-radius:10px; margin-bottom:2px; }
  188. .person2 .label {font-weight: bold; color:{color:texto do post}}
  189.  
  190.  
  191.  
  192. /** estilo de ask por undoned **/
  193. .resposta{background-color:#fff;font-family: consolas; font-size: 9px;color:{color:text links descri};text-align: left;border-bottom:1px solid #f0f0f0;padding-bottom:5px;text-transform:uppercase;}
  194.  
  195. .resposta a{color:{color:text links descri};text-transform:uppercase;}
  196.  
  197. .pergunta{font-family:consolas; font-size:9px;width:400px;text-transform:uppercase;}
  198.  
  199. .pergunta a{color:{color:text}; font-family:consolas; font-size:9px;text-transform:uppercase;}
  200.  
  201. /** fim do código **/
  202.  
  203.  
  204. .crlh{display: none;}
  205. .source {display: none;}
  206.  
  207.  
  208.  
  209. .tumblrAutoPager_page_separator,
  210. .tumblrAutoPager_page_info {display: none;}
  211.  
  212. #tumblr_controls{position: fixed!important}
  213. #tumblr_controls{position: fixed!important}
  214. #tumblr_controls{position: fixed!important}
  215. #tumblr_controls{position: fixed!important}
  216.  
  217.  
  218.  
  219. .audio{background-color:#fff; COLOR: #000;}
  220.  
  221.  
  222. /*** TODA A SIDEBAR PO BAU-DE-INCERTEZAS*******/
  223. .fotosidebar {-webkit-transition-duration: 0.25s; -webkit-transition: all 2s ease-in-out;-webkit-transform: rotate(0deg);
  224. -moz-transition: all 1s ease-in-out;
  225. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;display: block;position: absolute;width:150px;height:180px;margin-left:200px;
  226. margin-top: 100px; position:fixed; -webkit-transition-duration: 0.8s; position:fixed; }
  227.  
  228.  
  229.  
  230. .fotosidebar img { -webkit-transition-duration: .25s; position:fixed; -webkit-transition: all 5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transition: all 5s ease-in-out;
  231. -o-transition: all 5s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 5s ease-in-out;display: block;height:170px;width:140px;
  232. padding:0px;margin:5px;opacity:0.8;-webkit-transition-duration: 1s;opacity: 1.0; position:fixed; }
  233. .fotosidebar img:hover {-webkit-filter: saturate(0.5); opacity: 1.3;}
  234.  
  235.  
  236.  
  237. .frasebau2 {width:150px; height:30px; margin-top:178px; margin-left:0px; background-color:transparent; position:fixed; font-family:calibri; font-size:11px; color:{color:frase}; text-align: center;background-color:{color:background frase}; border:1px dashed{color:borda frase}; }
  238.  
  239.  
  240.  
  241.  
  242. .baulinks {
  243. margin-left:5px;
  244. margin-top:165px; width:140px;height: 10px;
  245. text-align:left; position: fixed; opacity:1;
  246. -webkit-transition-duration: .95s; position:fixed;
  247. opacity:0; text-align: center;}
  248.  
  249.  
  250. .baulinks a {padding:2px;
  251. width:auto; height: 12px;
  252. margin-top: 5px; margin-left:0px;
  253. font-family: calibri; font-size: 11px; text-transform:uppercase;
  254. text-align: center; display: inline-block;
  255. color:{color:link}; background-color:transparent;
  256. -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; }
  257.  
  258. .baulinks a:hover {-webkit-transition-duration: 0.4s; text-shadow: 2px 2px 2px #d4d4d4; background-color:{color:link fundo}; color:{color:link hover fundo}; opacity:1; border-radius: 0px 0px 0px 0px; }
  259.  
  260. .fotosidebar:hover .baulinks {opacity:1; -webkit-transition-duration:1s; -moz-transition: all 1s ease-in-out;
  261. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; padding-top:40px;}
  262.  
  263.  
  264. /* fim */
  265.  
  266.  
  267.  
  268.  
  269. @font-face {
  270. font-family: 'ABeeZee';
  271. font-style: normal;
  272. font-weight: 400;
  273. src: local('ABeeZee'), local('ABeeZee-Regular'), url(http://themes.googleusercontent.com/static/fonts/abeezee/v1/m_J3nYLkIiGqm2wAiy01kg.woff) format('woff');
  274. }
  275.  
  276. @font-face {
  277. font-family: 'Muli';
  278. font-style: normal;
  279. font-weight: 400;
  280. src: local('Muli'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
  281. }
  282. @font-face {font-family: "vintage";
  283. src: url(http://static.tumblr.com/sbxkdxg/Ts8mpvt7i/vintage_straps_light.ttf) format("truetype");}
  284.  
  285.  
  286.  
  287.  
  288. @font-face {
  289. font-family: 'Baumans';
  290. font-style: normal;
  291. font-weight: 400;
  292. src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');
  293. }
  294. @font-face {
  295. font-family: 'Wire One';
  296. font-style: normal;
  297. font-weight: 400;
  298. src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
  299. }
  300.  
  301. /* fim sidebar */
  302.  
  303. </style>
  304.  
  305.  
  306. <body>
  307.  
  308.  
  309.  
  310. <!---------- SUA PLAYLIST AQUI --------->
  311.  
  312.  
  313.  
  314.  
  315. <!-----------SIDEBAR E LINKS------------>
  316.  
  317. <div class="fotosidebar">
  318. <img src="{image:sidebar}">
  319. <div class="baulinks">
  320. <a href="{text:link1}">{text:link1 title}</a>
  321.  
  322. <a href="{text:link2}">{text:link2 title}</a>
  323.  
  324. <a href="{text:link3}">{text:link3 title}</a>
  325.  
  326. <a href="{text:link4}">{text:link4 title}</a>
  327.  
  328.  
  329. </div>
  330.  
  331.  
  332.  
  333. <div class="frasebau2">{text:frase}</div>
  334. <!------fim da sidebar e links----->
  335.  
  336.  
  337. <style>
  338. /***********CREDITO NAO RETIRE****************/
  339.  
  340. .themebau {width:20px; height:20px; background-color:#c0c0c0; position: fixed; margin-left:1200px; margin-top:600px; border-radius:2px;}
  341.  
  342. .themebau a {margin-top: 4px; margin-left: 3px; color:#fff; font-family:trebuchet ms; font-size: 9px; position: absolute;opacity: 0.9;}
  343. .themebau a:hover {opacity:0.4; font-family:14px;}
  344.  
  345.  
  346.  
  347.  
  348.  
  349. </style>
  350.  
  351.  
  352.  
  353. <!----- Se mexer aqui vai da pani, e o theme não vai funcionar--->
  354. <div class="themebau"><a href="http://bau-de-incertezas.tumblr.com/" title="Theme por bau-de-incertezas, devidamente creditado"><a href="https://www.tumblr.com/follow/bau-de-incertezas" title="Instal Theme">BDI</a></a></div>
  355.  
  356.  
  357.  
  358. <div id="borda1">
  359.  
  360.  
  361.  
  362.  
  363. </div></div></div>
  364.  
  365.  
  366. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  367. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  368.  
  369. <div id="entries">{block:Posts}
  370.  
  371.  
  372. <div class="entry">
  373.  
  374.  
  375. <div class="nigga">
  376.  
  377.  
  378. {block:Text}{/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{block:IndexPage}
  379. <div class="notex">{block:IndexPage}{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:Text}
  380.  
  381.  
  382.  
  383. {block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}<div class="notes"><a href="{ReblogURL}" target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span data-reblog="{ReblogURL}" data-id="{PostID}" >{LikeButton size="15" color="white"}</span></div>{/block:IndexPage}{/block:Photoset}
  384.  
  385.  
  386. <div id="cap">{block:Photo}{block:IndexPage}<div class="notes"><a href="{ReblogURL}" target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span data-reblog="{ReblogURL}" data-id="{PostID}" >{LikeButton size="15" color="white"}</span></div>{/block:IndexPage}{block:IndexPage}<img src="{PhotoURL-250}" width="250">{/block:IndexPage}{/block:Photo}
  387.  
  388.  
  389. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Link}
  390.  
  391. {block:Quote}<div class="quote">{Quote}</div>{block:IndexPage}<div class="notex"><br>{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Quote}
  392.  
  393.  
  394. {block:Chat}
  395. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  396. <div class="chat"><ul>{block:Lines}
  397. <li class="person{UserNumber}">{block:Label}
  398. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}</div>
  399. {/block:Chat}
  400.  
  401.  
  402. {block:Video}{block:IndexPage}<div class="notes"><a href="{ReblogURL}" target="_blank"><span class="flow"><img src="http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png"></span></a><span data-reblog="{ReblogURL}" data-id="{PostID}">{LikeButton size="15" color="white"}</span></div>{/block:IndexPage}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}<center>{Video-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  403.  
  404.  
  405. {block:Audio}<div class="AUDIO">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="notex">{block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a> | <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{/block:Audio}
  406.  
  407. {block:Answer}
  408.  
  409. <div class="pergunta"><font color=#DB7093>{text:simbolo ask} </font><b>{Asker} says: </b>{Question}</div>
  410. <div class="resposta">{Answer}</div>
  411. {/block:Answer}
  412. </div>
  413.  
  414.  
  415. <div class="crlh">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  416. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  417.  
  418. </div></div>{/block:Posts}
  419.  
  420. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  421. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  422. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  423. <script type="text/javascript">
  424. $(window).load(function(){
  425. var $wall = $('#entries');
  426. $wall.imagesLoaded(function(){
  427. $wall.masonry({
  428. itemSelector: '.entry',
  429. isAnimated : false
  430. });
  431. });
  432. $wall.infinitescroll({
  433. navSelector : "div#navigation",
  434. nextSelector : "div#navigation a#nextPage",
  435. itemSelector : '.entry',
  436. loadingImg : "",
  437. loadingText : "",
  438. donetext : " ",
  439. extraScrollPx : 1000,
  440. bufferPx : 10100,
  441. debug : false,
  442. errorCallback: function() {
  443. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  444. }},
  445. function( newElements ) {
  446. var $newElems = $( newElements );
  447. $newElems.hide();
  448. $newElems.imagesLoaded(function(){
  449. $wall.masonry( 'appended', $newElems, {isAnimated: false, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  450. });
  451. }); $('#entries').show(500);
  452. });
  453. </script>
  454. <div class="column navigation" id="navigation">
  455.  
  456. {block:Pagination}
  457. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  458. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  459. </div>
  460. {/block:IndexPage}
  461.  
  462.  
  463.  
  464. </div></div></div></div></div>
  465. </div></div></div></div></div></div></div></div></div>
  466. </body>
  467.  
  468.  
  469.  
  470.  
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement