Advertisement
bau-de-incertezas

Theme 5

Jul 16th, 2013
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.92 KB | None | 0 0
  1. <!---------------------------------------------------
  2. ! !
  3. ! !
  4. !THEME POR BAU-DE-INCERTEZAS, CRÉDITOS EM TODO O CSS!
  5. ! !
  6. ! !
  7. !--------------------------------------------------->
  8.  
  9.  
  10. <!------------------------------------------------
  11. BBBBBBBB AA UU UU
  12. BB B AA AA UU UU
  13. BB B AA AA UU UU
  14. BB B AA AA UU UU
  15. BBBBBBBB AA AA UU UU
  16. BB B AAAAAAAAAAAAAA UU UU
  17. BB B AA AA UU UU
  18. BB B AA AA UUU UUU
  19. BBBBBBBB AA AA UUUUUUU
  20. ------------------------------------------------->
  21.  
  22. <html>
  23. <script type="text/javascript">
  24. //desabilita menu de opcoes ao clicar no botao direito
  25. function desabilitaMenu(e)
  26. {
  27. if (window.Event)
  28. {
  29. if (e.which == 2 || e.which == 3)
  30. return false;
  31. }
  32. else
  33. {
  34. event.cancelBubble = true
  35. event.returnValue = false;
  36. return false;
  37. }
  38. }
  39.  
  40. //desabilita botao direito
  41. function desabilitaBotaoDireito(e)
  42. {
  43. if (window.Event)
  44. {
  45. if (e.which == 2 || e.which == 3)
  46. return false;
  47. }
  48. else
  49. if (event.button == 2 || event.button == 3)
  50. {
  51. event.cancelBubble = true
  52. event.returnValue = false;
  53. return false;
  54. }
  55. }
  56.  
  57. //desabilita botao direito do mouse
  58. if ( window.Event )
  59. document.captureEvents(Event.MOUSEUP);
  60. if ( document.layers )
  61. document.captureEvents(Event.MOUSEDOWN);
  62.  
  63. document.oncontextmenu = desabilitaMenu;
  64. document.onmousedown = desabilitaBotaoDireito;
  65. document.onmouseup = desabilitaBotaoDireito;
  66. </script>
  67.  
  68.  
  69.  
  70.  
  71. <head><title>{Title}</title>
  72. <link rel="shortcut icon" href="{favicon}">
  73.  
  74. <meta name="image:background" content="{image:background}" />
  75. <meta name="image:sidebar" content="{image:sidebar}"/>
  76.  
  77. <meta name="text:frase" content="I'm sexy and i know it" />
  78. <meta name="text:simbolo aqui" content="Copie o simbolo e cole aqui" />
  79.  
  80.  
  81. <meta name="color:background" content="#ffffff" />
  82. <meta name="color:text" content="#808080" />
  83. <meta name="color:scroll" content="#aca6a6"/>
  84. <meta name="color:chat" content="#000" />
  85. <meta name="color:ask" content="#C0C0C0" />
  86. <meta name="color:tags" content="#c5c5c5" />
  87. <meta name="color:links" content="#808080" />
  88. <meta name="color:linkshover" content="#808080" />
  89. <meta name="color:linkspost" content="#808080" />
  90. <meta name="color:post" content="#fff" />
  91. <meta name="color:textask" content="#fff" />
  92. <meta name="color:note" content="#fff" />
  93. <meta name="color:texto link" content="#fff" />
  94. <meta name="color:borda" content="#000" />
  95. <meta name="color:borda link" content="#fff" />
  96. <meta name="color:link side" content="#808080" />
  97. <meta name="color:frase" content="#fff" />
  98. <meta name="color:borda note" content="#000" />
  99.  
  100. <meta name="color:borda link" content="#808080" />
  101. <meta name="color:link side" content="#fff" />
  102. <meta name="color:bg link" content="#000" />
  103. <meta name="color:borda link hover" content="#fff" />
  104. <meta name="color:simbolo" content="#000" />
  105.  
  106.  
  107. <meta name="text:Link1" content="" />
  108. <meta name="text:Link1 Title" content="link 1" />
  109. <meta name="text:Link2" content="" />
  110. <meta name="text:Link2 Title" content="link 2" />
  111. <meta name="text:Link3" content="" />
  112. <meta name="text:Link3 Title" content="link 3" />
  113. <meta name="text:Link4" content="" />
  114. <meta name="text:Link4 Title" content="link 4" />
  115. <meta name="text:Link5" content="" />
  116. <meta name="text:Link5 Title" content="link 5" />
  117. <meta name="text:Link6 Title" content="link 6" />
  118. <meta name="text:Link6" content="" />
  119.  
  120.  
  121. <style type="text/css">
  122.  
  123. /**--BAU-DE-INCERTTEZAS---**/
  124.  
  125. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  126.  
  127. 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;}
  128.  
  129. a:link {color: {color:linkspost}; text-decoration: none;opacity:0.8}
  130.  
  131. a:hover {color: {color:linkshover};text-decoration:none;}
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140. /*********base por alguem*********/
  141. blockquote {margin: 6px 6px 6px 6px; border-left: 8px solid {color:background}; padding-left: 5px; }
  142. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  143. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  144. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  145.  
  146. blockquote img{max-width: 450px!important}
  147. blockquote blockquote img{max-width: 450px!important}
  148. blockquote blockquote blockquote img{max-width: 430px!important}
  149. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  150.  
  151.  
  152. #container {text-align: center; width: 900px; margin: -5px auto 15px auto; padding: 0px; z-index: 1}
  153.  
  154. #entry {float: left; margin-bottom: 26px; margin-left: 400px;}
  155.  
  156. /*******post*****************/
  157.  
  158. .posts {width: 410px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: Corbel; font-size: 13px; position: relative; color:{color:text};}
  159.  
  160. h1 {font-family: corbel; text-align: center; font-size: 15px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  161. h1 a {text-align: center; font-size: 15px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  162. h1 a:hover {text-align: center; font-size: 15px; text-transform: none; color: {color:links hover}; font-weight: normal; line-height: 18px;}
  163.  
  164.  
  165.  
  166. .image {text-align: center; border: 1px}
  167. .image img {max-width: 400px; margin-bottom: 1px; -webkit-transition-duration: 0.40s;}
  168. .image img:hover {max-width: 400px; margin-bottom: 1px; -webkit-filter: grayscale(100%); opacity: 0.8;}
  169.  
  170.  
  171. .myquote3{margin-left: 0px; margin-top:-30px; color: {color:text}; font-family:'dancingintheminefields'; font-size:60px; opacity:0.7; }
  172.  
  173. .myquote{color: {color:text}; font-family:corbel; text-align: left; font-size: 14px; line-height: 15px; padding: 10px; margin-top: -70px; margin-left:30px;}
  174. .myquote:first-letter{font-family:'murray'; font-size:35px; opacity:0.8;}
  175.  
  176. .myquote2 {font-family:'consolas'; font-size:12px; text-align: right; color: {color:text}; }
  177.  
  178.  
  179.  
  180.  
  181. .chat {line-height: 20px; list-style: none }
  182. .chat ul {line-height: 13px; list-style: none; padding: 10px; line-height:14px;}
  183. .person1 {color: {color:chat}; padding: 2px; }
  184. .person1 .label {font-weight: bold; color:{color:chat}}
  185. .person2 {color: {color:chat}; padding: 2px; }
  186. .person2 .label {font-weight: bold; color:{color:chat}}
  187.  
  188. .player {background-color: #fff; text-align: left; display:block;}
  189.  
  190.  
  191. /************** ASK INSPIRADA EM I-NSEGUR-A***************/
  192. .question {margin-left:10px;position: relative;min-height:70px;padding:10px 15px;margin-bottom:2px;margin-right:10px; background: {color:ask}; }
  193. .question { color:{color:textask}; font-size: 11px;font-weight: normal;fon-family: verdana;line-height:95%; widht:400px;}
  194.  
  195. .asking {text-align:center; color:{color:text}; font:9px calibri; text-transform:uppercase; opacity:1; margin-top:5px; margin-left:50px;}
  196.  
  197. .asking a{color:{color:text}; text-transform:uppercase; margin-top:5px;}
  198.  
  199. .asking img {width:45px; vertical-align:middle; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;padding:3px;opacity:1;border:1px solid {color:ask}; }
  200.  
  201. .asking img:hover {webkit-filter: grayscale(1);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);filter: url(desaturate.svg#greyscale);filter: gray; filter: grayscale(100%);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;opacity:1}
  202.  
  203. .questionarrow {font-size:30px;color:{color:ask};vertical-align:middle;margin-left:-5px!important; }
  204.  
  205.  
  206.  
  207. #st {width: 400px; margin-top: -2px;}
  208. .source {display: none;}
  209.  
  210. #wih {opacity: 0.9; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  211. #wih:hover {opacity: 0.99; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  212.  
  213.  
  214. #notest {background-color: {color:note}; border-bottom: 1px solid {color:borda note} ;border-top: 1px solid {color:borda note} ;text-align: left; margin-top:0px; font-size: 10px; font-family: calibri; text-transform: uppercase; z-index: 11;{block:If1coluna} ;margin: 7px 0 0 7px; {/block:If1coluna}}
  215. #notest a {font-size: 10px; font-style:normal;text-transform: uppercase;{block:If1coluna} {/block:If1coluna}}
  216. #notest a:hover {font-style:italic;}
  217.  
  218.  
  219. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:background}}
  220. ::-webkit-scrollbar-corner {padding:20px;background:{color:background}}
  221. ::-webkit-scrollbar-button:vertical {height:8px; display: block; background:{color:scrollbar}; }
  222. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 8px; display: block; background:{color:scrollbar}}
  223. ::-webkit-scrollbar-thumb:vertical {border-radius: 5px 0px 0px 5px; background:{color:scroll};}
  224. ::-webkit-scrollbar-thumb:horizontal {border-radius: 5px 0px 0px 5px; background: {color:background};}
  225. ::-webkit-scrollbar-thumb {background: {color:scroll};}
  226.  
  227.  
  228.  
  229. .notes {width: 250px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: center}
  230. ol.notes {list-style:none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  231. ol.notes li {background-color: {color:dtlhpost}; margin-bottom: 2px; padding: 5px; }
  232. .notes img{display: none; border:0px}
  233.  
  234.  
  235. /*Paginação por bau-de-incertezas*/
  236.  
  237. #pagination{
  238. position:fixed;
  239. width: 100px;
  240. margin-top:85px;
  241. margin-left:100px;
  242. color:#808080;
  243. text-align:right;}
  244.  
  245. #page a {
  246. letter-spacing:1px;
  247. font-size:14px;
  248. font-family:georgia;}
  249.  
  250. /***sidebar toda por bau-de-incertezas dont'cop *********/
  251. .fotobau {-webkit-transition-duration: 0.25s; -webkit-transition: all 2s ease-in-out;-webkit-transform: rotate(0deg);
  252. -moz-transition: all 1s ease-in-out;
  253. -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:160px;height:200px;margin-left:115px;
  254. margin-top: 100px; border-top:5px solid {color:borda}; border-bottom:20px solid {color:borda};position:fixed; -webkit-transition-duration: 0.8s;}
  255.  
  256.  
  257. .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;
  258. -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:160px;
  259. padding:0px;margin:0px;opacity:0.8;-webkit-transition-duration: 0.8s;opacity: 9.0; }
  260. .fotobau img:hover {-webkit-filter: saturate(2); opacity: 1.3;}
  261.  
  262. .bautitulo {font-family:'lekton'; font-size:12px; color:{color:frase}; margin-top:305px; position:fixed; margin-left:115px; width:160px; height:20px;}
  263.  
  264.  
  265.  
  266. #bausimbolo {width:160px; height:20px; color {color:simbolo}; font-size:14px; margin-left:110px; margin-top:330px; position:fixed; text-align: right;}
  267.  
  268. /********links bau-de-incertezas**********/
  269. #baubaby {width:100px; height: 40px; float: left; margin-left:115px; margin-top:260px; padding: 0px; text-align: center; position: fixed; z-index:100000; }
  270. #baubaby a {z-index:10000; display: inline-block;border:1px solid {color:borda link}; float: left; margin-left: 1px; font-family: 'lekton'; font-size: 9px; text-align: center; margin-top: 0px; height: 12px; width: 40px; color:{color:link side}; line-height: 12px; text-transform: uppercase; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; font-style: normal; background-color:{color:bg link}; letter-spacing:1px; }
  271. #baubaby a:hover{ color: {color:borda link hover}; box-shadow: inset 0 0 0 20px rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.4); -moz-transition: all .9s ease-out; -webkit-transition: all .8s ease-out;background-color: {color:sidebar}; border: 1px dashed {color:borda link hover};}
  272.  
  273.  
  274. /***************+FOLLOW BRANCO *************/
  275. 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; }
  276.  
  277. /***********CREDITO****************/
  278.  
  279. .meutheme {overflow: hidden; width: 30px; padding: 5px; background-color: {color:background}; height:8px; border:1px dashed {color:borda};position:fixed;}
  280. .meutheme a {margin-top: -2px; margin-left: -15px; color: {color:text}; font-family: corbel; font-size: 11px; position: absolute;opacity: 0.9;}
  281. .meutheme a:hover {opacity:0.8; color: {color:hover}; font-size:12px;}
  282.  
  283. /******************FONTES ********************/
  284.  
  285.  
  286. @font-face { font-family: "lekton";
  287. src: url('http://static.tumblr.com/fxpo5zq/a8Em6bgnk/lekton-regular.ttf');}
  288. @font-face {font-family: "aubrey1";
  289. src: url(http://static.tumblr.com/sbxkdxg/PTHmpvw2n/aubrey1__.ttf) format("truetype");}
  290. @font-face {font-family: "little_days";
  291. src: url(http://static.tumblr.com/sbxkdxg/Bx6mpvx6k/little_days.ttf) format("truetype");}
  292. @font-face {font-family: "fuente__dilana";
  293. src: url(http://static.tumblr.com/sbxkdxg/wLBmpvxyc/fuente__dilana.ttf) format("truetype");}
  294. @font-face {font-family: "capsuula";
  295. src: url(http://static.tumblr.com/sbxkdxg/AUempvxzk/capsuula.ttf) format("truetype");}
  296.  
  297. @font-face {font-family: "wendy";
  298. src: url(http://static.tumblr.com/sbxkdxg/vZ8mpvvkk/wendy.ttf) format("truetype");}
  299.  
  300. @font-face {font-family: "vintage_straps_light";
  301. src: url(http://static.tumblr.com/sbxkdxg/Ts8mpvt7i/vintage_straps_light.ttf) format("truetype");}
  302.  
  303. @font-face {font-family: "gotham_nights";
  304. src: url(http://static.tumblr.com/sbxkdxg/eLqmpvt2h/gotham_nights.ttf) format("truetype");}
  305.  
  306.  
  307. @font-face {font-family: "dawningofanewday";
  308. src: url(http://static.tumblr.com/sbxkdxg/coPmpsffg/dawningofanewday.ttf) format("truetype");}
  309.  
  310. @font-face {font-family: "dancingintheminefields";
  311. src: url(http://static.tumblr.com/sbxkdxg/VbMmpu3dp/dancingintheminefields.ttf) format("truetype");}
  312.  
  313. @font-face {font-family: "cedarville_pnkfun_1_cursive";
  314. src: url(http://static.tumblr.com/sbxkdxg/P4Hmpsp6p/cedarville_pnkfun_1_cursive.ttf) format("truetype");}
  315.  
  316. @font-face {
  317. font-family: 'Baumans';
  318. font-style: normal;
  319. font-weight: 400;
  320. src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v2/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');
  321. }
  322. @font-face {font-family: "murray";
  323. src: url(http://static.tumblr.com/sbxkdxg/O2jmpziur/richardm.ttf) format("truetype");}
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330.  
  331. </style>
  332. </head>
  333.  
  334. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  335.  
  336.  
  337.  
  338. <div class="fotobau">
  339. <img src="{image:sidebar}"></div>
  340. <div class="bautitulo">{text:frase}</div></div>
  341.  
  342. <div id="baubaby">
  343. <a href="{text:link1}">{text:link1 title}</a>
  344. <a href="{text:link2}">{text:link2 title}</a>
  345. <a href="{text:link3}">{text:link3 title}</a>
  346. <a href="{text:link4}">{text:link4 title}</a>
  347. <a href="{text:link5}">{text:link5 title}</a>
  348. <a href="{text:link6}">{text:link6 title}</a>
  349.  
  350. </div>
  351. <div id="bausimbolo">{text:simbolo aqui}</div>
  352.  
  353. </center></div>
  354. <div id="pagination">
  355. <div class="page">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></div>
  356.  
  357. <div class="meutheme"><a href="http://bau-de-incertezas.tumblr.com/" title="bau-de-incertezas">Theme</a></div>
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364. </div></div>
  365.  
  366.  
  367. <div id="allboxes">
  368.  
  369. <div id="post">
  370. <div class="autopagerize_page_element">
  371. <div id="entry">
  372.  
  373. {block:Posts}
  374. <div class="posts">
  375.  
  376. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  377.  
  378. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  379.  
  380. {block:Photoset}{Photoset-400}{/block:Photoset}
  381.  
  382. {block:Quote}
  383. <div class="myquote3">❝</div><div class="myquote">{Quote}</div>
  384. <div class="myquote2">
  385. {block:Source}{Source}{/block:Source}</div>
  386. {/block:Quote}
  387.  
  388. {block:Link}
  389. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  390. {block:Description}{Description}{/block:Description}
  391. {/block:Link}
  392.  
  393. {block:Chat}
  394. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  395. <div class="chat"><ul>{block:Lines}
  396. <li class="person{UserNumber}">{block:Label}
  397. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  398. {/block:Chat}
  399.  
  400. {block:Audio}
  401. <div class="player">{AudioPlayerBlack}</div>
  402. {block:Caption}{Caption}{/block:Caption}
  403. {/block:Audio}
  404.  
  405. {block:Video}{Video-400}{/block:Video}
  406.  
  407.  
  408. {block:Answer}
  409. <table width="420px" cellspacing="0" cellpadding="0">
  410. <tr>
  411. <td width="209px" class="question">{Question}</td>
  412. <td width="30px"><span class="questionarrow">◤</span></td>
  413. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  414. </tr>
  415. </table>
  416. <div class="answer">{Answer}</div>
  417. {/block:answer}
  418.  
  419. {block:Photoset}<center>{Photoset-100}</center>
  420. {/block:Photoset}
  421.  
  422.  
  423. <div id="st">
  424. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  425. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  426. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  427.  
  428. <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>
  429. {/block:ContentSource}</div></div>
  430. <br>
  431.  
  432. <div class="wih">
  433. {block:Date}<div id="notest">
  434. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} . <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} . <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} . <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}.<a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  435. </div></center>{/block:IfShowTags}{/block:Date}</div>
  436. </div>
  437.  
  438.  
  439. {/block:Posts}
  440. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  441.  
  442.  
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447.  
  448.  
  449.  
  450. </body>
  451. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement