Advertisement
bau-de-incertezas

Theme 19

Aug 11th, 2013
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.44 KB | None | 0 0
  1. <!---------------------------------------------------
  2. ! !
  3. ! !
  4. !THEME POR BAU-DE-INCERTEZAS, CRÉDITOS EM TODO O CSS!
  5. ! !
  6. ! !
  7. !--------------------------------------------------->
  8.  
  9. <html>
  10.  
  11. <head>
  12. <!--DON'T COPY, FIZ ESSA MERDA COM TANTO CARINHO *-* -->
  13. <script type="text/javascript">
  14. //desabilita menu de opcoes ao clicar no botao direito
  15. function desabilitaMenu(e)
  16. {
  17. if (window.Event)
  18. {
  19. if (e.which == 2 || e.which == 3)
  20. return false;
  21. }
  22. else
  23. {
  24. event.cancelBubble = true
  25. event.returnValue = false;
  26. return false;
  27. }
  28. }
  29.  
  30. //desabilita botao direito
  31. function desabilitaBotaoDireito(e)
  32. {
  33. if (window.Event)
  34. {
  35. if (e.which == 2 || e.which == 3)
  36. return false;
  37. }
  38. else
  39. if (event.button == 2 || event.button == 3)
  40. {
  41. event.cancelBubble = true
  42. event.returnValue = false;
  43. return false;
  44. }
  45. }
  46.  
  47. //desabilita botao direito do mouse
  48. if ( window.Event )
  49. document.captureEvents(Event.MOUSEUP);
  50. if ( document.layers )
  51. document.captureEvents(Event.MOUSEDOWN);
  52.  
  53. document.oncontextmenu = desabilitaMenu;
  54. document.onmousedown = desabilitaBotaoDireito;
  55. document.onmouseup = desabilitaBotaoDireito;
  56. </script>
  57.  
  58. <head><title>{Title}</title>
  59. <link rel="shortcut icon" href="{Favicon}">
  60.  
  61.  
  62. <meta name="image:background" content="{image:background}" />
  63. <meta name="image:sidebar" content="http://static.tumblr.com/kqwwc30/E9omre37z/tumblr_inline_mmuhrgzm1u1qz4rgp.png" />
  64. <meta name="image:fundo sidebar" content="http://static.tumblr.com/kqwwc30/uORmre35g/tumblr_mpa88etrev1s531i7o6_100__1_.png" />
  65.  
  66.  
  67. <meta name="text:frase" content="Algo pequeno" />
  68.  
  69. <meta name="color:background" content="#ffffff" />
  70. <meta name="color:text" content="#808080" />
  71. <meta name="color:scroll" content="#000"/>
  72. <meta name="color:chat" content="#c0c0c0" />
  73. <meta name="color:ask" content="#C0C0C0" />
  74. <meta name="color:tags" content="#808080" />
  75. <meta name="color:links" content="#808080" />
  76. <meta name="color:linkshover" content="#808080" />
  77. <meta name="color:linkspost" content="#808080" />
  78. <meta name="color:post" content="#fff" />
  79. <meta name="color:textask" content="#fff" />
  80. <meta name="color:note" content="#fff" />
  81. <meta name="color:texto link" content="#c0c0c0" />
  82. <meta name="color:borda note" content="#c0c0c0" />
  83. <meta name="color:texto note" content="#c0c0c0" />
  84. <meta name="color:scrollbar" content="#000" />
  85.  
  86. <meta name="color:borda" content="#000" />
  87. <meta name="color:bg sidebar" content="#000" />
  88. <meta name="color:frase" content="#c0c0c0" />
  89. <meta name="color:links sidebar" content="#e6dfdf" />
  90. <meta name="color:links hover sidebar" content="#eee" />
  91.  
  92.  
  93. <meta name="text:Link1 Title" content="link 1" />
  94. <meta name="text:Link2" content="" />
  95. <meta name="text:Link2 Title" content="link 2" />
  96. <meta name="text:Link3" content="" />
  97. <meta name="text:Link3 Title" content="link 3" />
  98. <meta name="text:Link4" content="" />
  99. <meta name="text:Link4 Title" content="link 4" />
  100. <meta name="text:Link5" content="" />
  101. <meta name="text:Link5 Title" content="link 5" />
  102. <meta name="text:Link6" content="" />
  103. <meta name="text:Link6 Title" content="link 6" />
  104. <meta name="text:Link7" content="" />
  105. <meta name="text:Link7 Title" content="link 7" />
  106. <meta name="text:Link8" content="" />
  107. <meta name="text:Link8 Title" content="link 8" />
  108.  
  109.  
  110. </head>
  111.  
  112. <style>
  113.  
  114. body {background-color: {color:background}; font-family: ebrima; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  115.  
  116. a {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:links};text-decoration:none;-moz-transition:0.4s ease-in;-webkit-transition: 0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}
  117.  
  118. a:link {color: {color:linkspost}; text-decoration: none;opacity:0.8}
  119.  
  120. a:hover{color:#353434;}
  121. ::selection
  122. {color: {color:links hover}; ;
  123. background: #000;}
  124.  
  125.  
  126.  
  127.  
  128.  
  129. /*****+ FF BRANCO I LOVE THEMES *******/
  130. 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; }
  131.  
  132.  
  133. blockquote {margin: 6px 6px 6px 6px; border-left: 8px solid {color:background}; padding-left: 5px; }
  134. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  135. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  136. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  137.  
  138. blockquote img{max-width: 450px!important}
  139. blockquote blockquote img{max-width: 450px!important}
  140. blockquote blockquote blockquote img{max-width: 430px!important}
  141. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  142.  
  143.  
  144. #container {text-align: center; width: 900px; margin: -5px auto 15px auto; padding: 0px; z-index: 1}
  145.  
  146. #entry {float: left; margin-bottom: 26px; margin-left: 540px;}
  147.  
  148. /*******post*****************/
  149.  
  150.  
  151.  
  152. .posts {width: 420px; background-color: {color:post}; padding: 10px; margin-bottom: px; text-align: justify; font-family: 'Muli'; font-size: 12px; position: relative; color:{color:text}; border:1px solid#fff; margin-left:-70px; }
  153.  
  154.  
  155.  
  156. h1 {font-family: 'baumans'; text-align: center; font-size: 15px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  157. h1 a {text-align: center; font-size: 15px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  158. h1 a:hover {text-align: center; font-size: 15px; text-transform: none; color: {color:linkshover}; font-weight: normal; line-height: 18px;}
  159.  
  160.  
  161.  
  162. .image {text-align: center; border: 1px}
  163. .image img {max-width: 420px; height:auto;margin-bottom: 1px; -webkit-transition-duration: 0.40s; }
  164. .image img:hover {max-width: 420px; margin-bottom: 1px; opacity: 0.5;}
  165.  
  166.  
  167.  
  168.  
  169. .myquote2 {font-family:'muli'; font-size:12px; text-align: right; color: {color:text}; }
  170.  
  171. .myquote {font-weight:none; text-align:justify;font-size: 12px; font-style:;font-family:'muli'; line-height: 16px; text-indent:2px; padding: 0px; }
  172.  
  173.  
  174.  
  175.  
  176.  
  177. .chat {line-height: 20px; list-style: none }
  178. .chat ul {line-height: 13px; list-style: none; padding: 10px; line-height:14px;}
  179. .person1 {color: {color:chat}; padding: 2px; }
  180. .person1 .label {font-weight: bold; color:{color:chat};}
  181. .person2 {color: {color:chat}; padding: 2px; }
  182. .person2 .label {font-weight: bold; color:{color:chat};}
  183.  
  184. .player {background-color: #fff; text-align: left; display:block;}
  185.  
  186.  
  187. /*****ASK*******/
  188.  
  189. .pergunta {background: {color:post}; padding: 8px; margin-top: 0px; border-bottom: 0px solid {color:ask}; margin-left: 0px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px {color:borda};line-height:9px;}
  190. .perguntou {width: 415px;height:14px; margin-top:0px; background: {color:borda}; color:#fff; border:2px solid {color:borda ask}; padding:3px; margin-bottom:5px; margin-left:-8px; border-radius: 20px 20px 20px 20px;}
  191. .perguntou g {color:borda;}
  192. .perguntou a {color: {color:ask}; font-size:10px; font-family: 'corbel'; font-size: 10px; text-align:left;line-height:16px;text-transform:uppercase;}
  193. .askfoto {border-radius:100px;opacity: 0.7; margin-right:10px; border: 2px solid {color:borda}; width: 40px;height: 40px; -webkit-transition-duration: 0.8s; -webkit-filter: saturate(2); }
  194.  
  195. .respost { background: {color:post}; font-family: consolas; font-size: 10px;}
  196. .askfoto:hover {-webkit-filter: grayscale(100%); opacity:0.6; -webkit-transition-duration: 0.8s;}
  197.  
  198.  
  199. #st {width: 400px; margin-top: -2px;}
  200. .source {display: none;}
  201.  
  202. #wih {opacity: 0.9; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  203. #wih:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  204.  
  205.  
  206.  
  207. #notest {background-color: {color:note}; border-top: 1px solid #eee; text-align: left; margin-top:-5px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;{block:If1coluna} ;margin: 7px 0 0 7px; {/block:If1coluna} opacity:0;}
  208. #notest a {font-size: 10px; font-style:normal;text-transform: uppercase;{block:If1coluna} {/block:If1coluna}; color:{color:texto note};}
  209. #notest a:hover {font-style:italic;}
  210.  
  211.  
  212.  
  213. .posts:hover #notest {opacity:1; -webkit-transition-duration: 1s; box-shadow: inset 15px 0 0px 0 {color:links}; }
  214.  
  215. .posts:hover #notest a{ margin-left:20px; -webkit-transition: all 1s ease-out; }
  216.  
  217. ::-webkit-scrollbar {width: 5px; height:auto; background:{color:background}}
  218. ::-webkit-scrollbar-corner {padding:20px;background:{color:background}}
  219. ::-webkit-scrollbar-button:vertical {height:8px; display: block; background:{color:scrollbar}; }
  220. ::-webkit-scrollbar-button:horizontal {width: 5px; height: 8px; display: block; background:{color:scrollbar}; }
  221. ::-webkit-scrollbar-thumb:vertical {border:1px solid {color:borda scrollbar};border-radius: 0px 0px 0px 0px; background:{color:scroll};}
  222. ::-webkit-scrollbar-thumb:horizontal {border-left:1px solid {color:borda scrollbar}; border-radius: 0px 0px 0px 0px; background: {color:background};}
  223. ::-webkit-scrollbar-thumb {background: {color:scroll};}
  224.  
  225.  
  226.  
  227.  
  228. .notes {width: 250px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  229. ol.notes {list-style:none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  230. ol.notes li {background-color: {color:dtlhpost}; margin-bottom: 2px; padding: 5px; }
  231. .notes img{display: none; border:0px}
  232.  
  233.  
  234. /*** TODA A SIDEBAR PO BAU-DE-INCERTEZAS*******/
  235.  
  236. .fotobau {-webkit-transition-duration: 0.25s; -webkit-transition: all 2s ease-in-out;-webkit-transform: rotate(0deg);
  237. -moz-transition: all 1s ease-in-out;
  238. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;display: block;position: fixed;width:154px;height:204px;margin-left:210px; margin-top: 140px; }
  239.  
  240.  
  241. .fotobau 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;
  242. -o-transition: all 5s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 5s ease-in-out;display: block;height:200px;width:200px;
  243. padding:0px;margin:2px;opacity:0.8;-webkit-transition-duration: 1s;opacity: 1.0; position:fixed; -webkit-filter: saturate(1); border:2px solid{color:borda}; }
  244.  
  245.  
  246.  
  247. .baufrase {width:190px; height:20px; font-family:'Wire One'; font-size:22px; margin-top:60px; margin-left:-200px; text-align:right; color:{color:frase}; }
  248.  
  249. .baudesc {font-family:'muli'; font-size: 12px; margin-top:10px; margin-left:-200px; text-align:right; width:190px; color:{color:frase}; border-top:1px dotted {color:frase}; position:fixed;}
  250.  
  251. .baudetal {width:1380px; height:100px; margin-top:200px; margin-left:-10px; position:fixed; background-color:{color:bg sidebar}; background-image:url('{image:fundo sidebar}'); background-attachment: fixed; }
  252.  
  253.  
  254. .baulinks {
  255. margin-left:15px;
  256. margin-top:130px; width:215px;height: 12px;
  257. text-align:left; position: fixed; opacity:0;
  258. -webkit-transition-duration: .95s; position:fixed;
  259. }
  260.  
  261.  
  262. .baulinks a {padding:3px;
  263. width:35px; height: 12px;
  264. margin-top: 5px; margin-left:0px;
  265. font-family: 'ABeeZee'; font-size: 10px; text-transform:uppercase;
  266. text-align: center; display: inline-block;
  267. color:{color:links sidebar}; background-color:transparent;
  268. -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; }
  269.  
  270.  
  271.  
  272. .fotobau:hover .baulinks {opacity:3; -webkit-transition-duration: .60s;}
  273. .baulinks a:hover {-webkit-transition-duration: 0.4s; text-shadow: 2px 2px 2px {color:links hover sidebar}; color:{color:links hover sidebar}; opacity:0.2; }
  274.  
  275.  
  276.  
  277.  
  278. @font-face {font-family: PF Arma Five;src: url('http://static.tumblr.com/hhfgqo5/6Dlmfpt2j/pf_arma_five.ttf');}
  279. @font-face {
  280. font-family: 'ABeeZee';
  281. font-style: normal;
  282. font-weight: 400;
  283. src: local('ABeeZee'), local('ABeeZee-Regular'), url(http://themes.googleusercontent.com/static/fonts/abeezee/v1/m_J3nYLkIiGqm2wAiy01kg.woff) format('woff');
  284. }
  285.  
  286. @font-face {
  287. font-family: 'Muli';
  288. font-style: normal;
  289. font-weight: 400;
  290. src: local('Muli'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
  291. }
  292. @font-face {font-family: "vintage";
  293. src: url(http://static.tumblr.com/sbxkdxg/Ts8mpvt7i/vintage_straps_light.ttf) format("truetype");}
  294.  
  295.  
  296.  
  297.  
  298. @font-face {
  299. font-family: 'Baumans';
  300. font-style: normal;
  301. font-weight: 400;
  302. src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');
  303. }
  304. @font-face {
  305. font-family: 'Wire One';
  306. font-style: normal;
  307. font-weight: 400;
  308. src: local('Wire One'), local('WireOne'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
  309. }
  310.  
  311.  
  312. /***********CREDITO NAO RETIRE****************/
  313. .meuthemehehe { -webkit-transition: all 2s ease-in-out; overflow:hidden; font-style: normal; position:fixed;z-index:1400; !important;margin-top:530px;margin-left:1100px;}
  314. .meuthemehehe img{width:68px; height:62px; opacity:0.8; -webkit-filter: grayscale(100%); }
  315. .meuthemehehe img:hover{opacity:0.6; }
  316. .meutheme2 {margin-top:-45px;margin-left:7px; font-family:muli; font-size:11px; color:{color:background}; position:fixed; width:50px; text-align:right; }
  317. .meutheme3 {margin-top:-52px;margin-left:0px; font-family:monotype corsiva; font-size:20px; opacity:0.4; color:{color:background}; position:fixed; width:50px; }
  318.  
  319. /*Paginação por bau-de-incertezas*/
  320.  
  321. #pagination{
  322. position:fixed;
  323. width: 100px;
  324. margin-top:280px;
  325. margin-left:70px;
  326. color:#808080;
  327. text-align:right;
  328. text-transform:uppercase;
  329. color:{color: text}}
  330.  
  331. #pagination a {text-transform:uppercase;
  332. letter-spacing:1px;
  333. font-size:14px;
  334. font-family:corbel;
  335. color:{color: borda};}
  336.  
  337. </style>
  338. <body>
  339.  
  340. <div class="meuthemehehe"><img src='http://static.tumblr.com/sbxkdxg/Xrimqttnb/vvv2.png'><div class="meutheme3"><a href='http://bau-de-incertezas.tumblr.com' title='Theme por bau-de-incertezas' target='_blank'><center><font color=#fff>Bau</font></div><div class="meutheme2"><a href='http://bau-de-incertezas.tumblr.com' title='Theme por bau-de-incertezas' target='_blank'><font color=#d4d4d4>de
  341. incertezas</font></a></div></div>
  342.  
  343.  
  344.  
  345. <div class="baudetal"></div>
  346. <div class="fotobau">
  347. <img src="{image:sidebar}">
  348. <div class="baulinks">
  349.  
  350. <a href="{text:link1}">{text:link1 title}</a>
  351.  
  352. <a href="{text:link2}">{text:link2 title}</a>
  353.  
  354. <a href="{text:link3}">{text:link3 title}</a>
  355.  
  356. <a href="{text:link4}">{text:link4 title}</a>
  357.  
  358. <a href="{text:link5}">{text:link5 title}</a>
  359.  
  360. <a href="{text:link6}">{text:link6 title}</a>
  361.  
  362. <a href="{text:link7}">{text:link7 title}</a>
  363.  
  364. <a href="{text:link8}">{text:link8 title}</a>
  365. </div>
  366.  
  367. <div class="baufrase">{text:frase}</div>
  368. <div class="baudesc">{description}</div>
  369. </div>
  370.  
  371.  
  372. <div id="pagination">
  373. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«back</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next»</a>{/block:NextPage}{/block:Pagination}</div>
  374.  
  375.  
  376.  
  377.  
  378.  
  379. <div id="post">
  380. <div class="autopagerize_page_element">
  381. <div id="entry">
  382.  
  383. {block:Posts}
  384. <div class="posts">
  385.  
  386. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  387.  
  388. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  389.  
  390. {block:Photoset}{Photoset-400}{/block:Photoset}
  391.  
  392.  
  393.  
  394. {block:Quote}
  395. <div class="myquote">"{Quote}"</div>
  396. <div class="myquote2">
  397. {block:Source}{Source}{/block:Source}</div>
  398. {/block:Quote}
  399.  
  400. {block:Link}
  401. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  402. {block:Description}{Description}{/block:Description}
  403. {/block:Link}
  404.  
  405. {block:Chat}
  406. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  407. <div class="chat"><ul>{block:Lines}
  408. <li class="person{UserNumber}">{block:Label}
  409. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  410. {/block:Chat}
  411.  
  412. {block:Audio}
  413. <div class="player">{AudioPlayerBlack}</div>
  414. {block:Caption}{Caption}{/block:Caption}
  415. {/block:Audio}
  416.  
  417. {block:Video}{Video-400}{/block:Video}
  418.  
  419. {block:Answer}
  420. <div class="post">
  421. <img src="{AskerPortraitURL-64}" align="right" class="askfoto">
  422. <div class="pergunta">
  423. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}:</div>
  424. {Question}
  425. </div>
  426. <div class= "respost">{Answer}</div></div>
  427. {/block:Answer}
  428.  
  429. {block:Photoset}<center>{Photoset-100}</center>
  430. {/block:Photoset}
  431.  
  432.  
  433. <div id="st">
  434. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  435. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  436. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  437.  
  438. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  439. {/block:ContentSource}</div></div>
  440. <br>
  441.  
  442. <div class="wih">
  443. {block:Date}<div id="notest">
  444. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} .
  445. <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>
  446. {NoteCountWithLabel}</a>{block:RebloggedFrom} .
  447. <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>
  448. {/block:RebloggedFrom} {block:ContentSource} .
  449. <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}.
  450. {block:IndexPage}<div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> . <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage} </div>{block:IfShowTags}<div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  451. </div>{/block:IfShowTags}{/block:Date}</div>
  452. </div>
  453.  
  454.  
  455. {/block:Posts}
  456. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  457.  
  458.  
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463.  
  464.  
  465.  
  466.  
  467. </body>
  468. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement