Advertisement
bau-de-incertezas

Theme4

Jul 13th, 2013
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.06 KB | None | 0 0
  1. <!--- THEME POR BAU-DE-INCERTEZAS. CRÉDITOS NO CSS----->
  2.  
  3. <html>
  4.  
  5.  
  6.  
  7. <script type="text/javascript">
  8. //desabilita menu de opcoes ao clicar no botao direito
  9. function desabilitaMenu(e)
  10. {
  11. if (window.Event)
  12. {
  13. if (e.which == 2 || e.which == 3)
  14. return false;
  15. }
  16. else
  17. {
  18. event.cancelBubble = true
  19. event.returnValue = false;
  20. return false;
  21. }
  22. }
  23.  
  24. //desabilita botao direito
  25. function desabilitaBotaoDireito(e)
  26. {
  27. if (window.Event)
  28. {
  29. if (e.which == 2 || e.which == 3)
  30. return false;
  31. }
  32. else
  33. if (event.button == 2 || event.button == 3)
  34. {
  35. event.cancelBubble = true
  36. event.returnValue = false;
  37. return false;
  38. }
  39. }
  40.  
  41. //desabilita botao direito do mouse
  42. if ( window.Event )
  43. document.captureEvents(Event.MOUSEUP);
  44. if ( document.layers )
  45. document.captureEvents(Event.MOUSEDOWN);
  46.  
  47. document.oncontextmenu = desabilitaMenu;
  48. document.onmousedown = desabilitaBotaoDireito;
  49. document.onmouseup = desabilitaBotaoDireito;
  50. </script>
  51. <head>
  52.  
  53. <meta name="color:background" content="#ffffff" />
  54. <meta name="color:link" content="#353434" />
  55. <meta name="color:text" content="#535252" />
  56. <meta name="color:post" content="#ffffff" />
  57. <meta name="color:scrollbar" content="#f3f2f1" />
  58. <meta name="color:scrollbg" content="ffffff" />
  59. <meta name="color:hover" content="#000000" />
  60. <meta name="color:borda" content="#c0c0c0" />
  61. <meta name="color:note" content="#c0c0c0" />
  62. <meta name="color:texto note" content="#fff" />
  63. <meta name="color:link sid" content="#808080" />
  64. <meta name="color:titulo sid" content="#808080" />
  65. <meta name="color:sidebar" content="#fff" />
  66. <meta name="color:sombra" content="#000" />
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <meta name="image:background" content="" />
  73. <meta name="image:back sidebar" content="" />
  74. <meta name="image:sidebar" content="http://static.tumblr.com/sbxkdxg/MWjmpw6nt/tumblr_inline_mpr18dsocg1qz4rgp.png" />
  75.  
  76. <meta name="text:titulo" content="I'm sexy and i know it" />
  77.  
  78. <meta name="text:Link1" content="" />
  79. <meta name="text:Link2" content="" />
  80. <meta name="text:Link3" content="" />
  81. <meta name="text:Link4" content="" />
  82. <meta name="text:Link1 Title" content="link 1" />
  83. <meta name="text:Link2 Title" content="link 2" />
  84. <meta name="text:Link3 Title" content="link 3" />
  85. <meta name="text:Link4 Title" content="link 4" />
  86. <meta name="text:Link5" content="" />
  87. <meta name="text:Link5 Title" content="link 5" />
  88. <meta name="text:Link6" content="" />
  89. <meta name="text:Link6 Title" content="link 6" />
  90. <meta name="text:Link7" content="" />
  91. <meta name="text:Link7 Title" content="link 7" />
  92. <meta name="text:Link8" content="" />
  93. <meta name="text:Link8 Title" content="link 8" />
  94.  
  95.  
  96.  
  97.  
  98. <link rel="shortcurt icon" href="{Favicon}">
  99. <title>{title}</title>
  100.  
  101. {block:Description}
  102. <meta name="description" content="{MetaDescription}" />
  103. {/block:Description}
  104.  
  105.  
  106.  
  107. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  108. </head>
  109.  
  110. <style>
  111.  
  112.  
  113.  
  114.  
  115. /**--BAU-DE-INCERTTEZAS---**/
  116.  
  117.  
  118. body {background-color: {color:background};font-family:corbel;color:{color:text};text-align:justify;font-size:12px;background-image:url('{image:background}');background-attachment:fixed; }
  119.  
  120. a {color: {color:link};text-decoration:none;}
  121.  
  122. a:hover {color: {color:hover};background-color:transparent;-moz-transition: all .0s ease-in-out!important;-o-transition: all .0s ease-in-out!important;transition: all .9s ease-in-out!important;-webkit-transition: all .5s ease-in-out!important;}
  123.  
  124.  
  125. /**********************ASK OMDG *************************/
  126. .pergunta {background: {color:post}; padding: 8px; margin-top: 0px; border-bottom: 1px solid {color:post}; margin-left: 0px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px {color:sombra};line-height:9px;}
  127. .perguntou {width: 415px;height:14px; background:#D4D4D4; font-weight:normal; padding:3px; margin-bottom:1px; color:#fff;font-family: 'Play', sans-serif; font-size: 8px; text-align:left;line-height:16px;text-transform:uppercase;margin-left:-8px;} /**--OMDG---♥---**/
  128. .perguntou g {color:#c0c0c0;} /**--OMDG---♥---**/
  129. .perguntou a {color: #fff; font-size:10px;}
  130. .askfoto {opacity: 0.7; border: 2px solid {color:borda};width: 40px;height: 40px;} /**--OMDG---♥---**/
  131. .askfoto:hover {opacity: 0.9;}
  132.  
  133.  
  134. /*Personalização dos links*/
  135. a:link {color: #696969; text-decoration: none;}
  136. a:hover {color: #eee; -webkit-transition: all 0.99s ease-in-out;}
  137.  
  138. /*Paginação por bau-de-incertezas*/
  139.  
  140. #pagination{
  141. position:fixed;
  142. width: 100px;
  143. margin-top:320px;
  144. margin-left:100px;
  145. color:#808080;
  146. text-align:right;}
  147.  
  148. #page a {
  149. letter-spacing:1px;
  150. font-size:14px;
  151. font-family:georgia;}
  152.  
  153.  
  154. .
  155. /** sidebar inspirado por disprodigio**/
  156. #sidebar {width: 250px; height:auto; margin-left:0px; ; background-image:url('{image:back sidebar}');opacity:.9;}
  157.  
  158. #side {position:fixed; margin-top:-10px; margin-left:310px; }
  159.  
  160.  
  161. #imagem {left:50px; width:150px; height: 170px; top:340px; position:fixed; overflow:hidden; background-color: {color:sidebar};background-image:url('{image:back sidebar}'); border-left:3px solid {color:borda}; border-bottom:3px solid {color:borda}; border-top:3px solid {color:borda};border-right:3px solid {color:borda}; padding:7px; padding-bottom:15px;}
  162. #imagem:hover {opacity:.75;}
  163.  
  164.  
  165. #links {margin-top:495px; margin-left:50px; position:fixed; width:150px; font-size:12px; letter-spacing:1px; opacity:0.8;background-color:transparent; padding:0px; text-align:center;}
  166. #links a {font-family:calibri; font-style:italic; font-size:10px; letter-spacing:0px; padding:1px; color: {color:link sid}; z-index:9;}
  167. #links a:hover {color:{color:hover}; font-size:11px; font-weight:bold; opacity: 0.4;}
  168.  
  169.  
  170. #titulo {width:200px; height:15px; margin-left:-260px; margin-top:-18px; position:fixed; overflow: hidden; background-color:transparent; line-height:10px; letter-spacing:-1px; color:{color:titulo sid}; font-family:'cambria'; font-style:italic; font-weight:bold; font-size:14px; text-align:center; padding:3px; opacity:.8; color-font: #000;}
  171. #titulo:hover {opacity:.7; -webkit-transition: 0.5s ease-in; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; opacity: 0.8; text-shadow: 0px -4px #C4C4C4, 0px 4px #C4C4C4;}
  172.  
  173.  
  174. .desc {margin-left:-248px; margin-top:560px; width:230px; height:auto; display:block; font-family:arial; border-top:1px solid {color:border}; font-size:9px; font-color: #333; width: 140px; text-align:right; padding:4px; opacity:.6; line-height:10px}
  175.  
  176.  
  177.  
  178.  
  179.  
  180. .post {background: transparent; width: 500px; margin-top: 20px; margin-left: 280px; position: absolute;}
  181.  
  182.  
  183. .caixa {background: {color:post}; padding: 5px; width: 500px; margin-bottom: 7px;}
  184.  
  185. #d {margin-top: -2px;}
  186.  
  187. /*TITULO POR BAU-DE-INCERTEZAS*/
  188.  
  189. h1 {background-color:#fff; font-family: 'Consolas', cursive; color: #696969; font-size: 12px; text-align: center; text-decoration: none;}
  190.  
  191.  
  192. .myquote3{ width: 500px; margin-left: 0px; margin-top:0px; color: {color:text}; font-family:'dancingintheminefields'; font-size:60px; opacity:0.6; }
  193.  
  194. .myquote{color: {color:text}; font-family:corbel; text-align: left; font-size: 14px; line-height: 15px; padding: 10px; margin-top: -70px; opacity:0.8; margin-left:20px;}
  195. .myquote:first-letter{font-family:fuente__dilana; font-size:35px; opacity:0.8;}
  196.  
  197. .myquote2 {font-family:'consolas'; font-size:12px; text-align: right; color: {color:text}; opacity:0.6;}
  198.  
  199.  
  200. /*******por bau-de-incertezas*** *******/
  201.  
  202.  
  203. .meutheme {overflow: hidden; width: 30px; padding: 5px; background-color:{color:post}; height:8px; border:1px dashed {color:borda}; margin-top: 600px; margin-left: 1250px; color: {color:text}; font-family: 'Consolas'; font-size: 11px; position: absolute; position:fixed;}
  204. .meutheme:hover {opacity:1.0; color: {color:hover};}
  205.  
  206.  
  207.  
  208.  
  209. /***—Scrollbar inspirado em duda R.***/
  210. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};height:50px; border:1px dashed {color:borda};}
  211. ::-webkit-scrollbar-button:vertical {height:5px;display: block; background:{color:scrollbg};}
  212. ::-webkit-scrollbar {width:12px;height:0px;background-color:{color:scrollbg};}
  213.  
  214.  
  215.  
  216.  
  217. .not {width: 496px; background: {color:note}; padding: 2px; color: {color:texto note}; font-family: 'PF Arma Five'; font-size: 10px; text-align: center;}
  218.  
  219. /*** permalink info por tthy **/
  220. .extra {font-family: georgia; font-style: italic; display : block; background-repeat : no-repeat; font-size: 10px; margin-bottom : 1px;background: #f7f7f7; line-height: 18px;}
  221. .extra img {margin-right: 4px; margin-left: 3px; margin-top: 2px;}
  222.  
  223. /*** notes estilo por tthy **/
  224. ol.notes {display : block; margin-bottom : 1px; list-style-type: none; text-align: left;}
  225. o.notes a {color: #c66966;}
  226. ol.notes li.note {border-top: solid 1px #fff;background: #f7f7f7; padding: 2px;}
  227. ol.notes li.note img.avatar {display: inline; width: 10px}
  228. ol.notes li.note span.action {font-weight: none;}
  229. ol.notes li.note .answer_content {font-weight: normal;}
  230. ol.notes li.note blockquote {display: none;}
  231. ol.notes li.note blockquote a {text-decoration: none; display: none;}
  232.  
  233.  
  234. @font-face {font-family: "fuente__dilana";
  235. src: url(http://static.tumblr.com/sbxkdxg/wLBmpvxyc/fuente__dilana.ttf) format("truetype");}
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243. </style>
  244. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  245.  
  246. <!-----------------SUA PLAYLIST AQUI ------------->
  247.  
  248.  
  249.  
  250.  
  251. <div id="side">
  252. <div id="sidebar">
  253.  
  254. <div id="imagem">
  255. <img src="{image:sidebar}" height= "150"; width= "150px;""></div>
  256.  
  257. <div id="titulo">{text:titulo}</div>
  258. <div class="desc">{description}</div>
  259.  
  260. </div></div><div id="links">
  261. <a title="{text:Link1 Title}" href="{text:Link1}">{text:Link1 Title}</a>
  262. <a title="{text:Link2 Title}" href="{text:Link2}">{text:Link2 Title}</a>
  263. <a title="{text:Link3 Title}" href="{text:Link3}">{text:Link3 Title}</a>
  264. <a title="{text:Link4 Title}" href="{text:Link4}">{text:Link4 Title}</a>
  265. <a title="{text:Link5 Title}" href="{text:Link5}">{text:Link5 Title}</a>
  266. <a title="{text:Link6 Title}" href="{text:Link6}">{text:Link6 Title}</a>
  267. <a title="{text:Link7 Title}" href="{text:Link7}">{text:Link7 Title}</a>
  268. <a title="{text:Link8 Title}" href="{text:Link8}">{text:Link8 Title}</a>
  269.  
  270. </div></div></div>
  271.  
  272. <div class="meutheme"><a href="http://bau-de-incertezas.tumblr.com/" title="bau-de-incertezas+detalhes creditados">Theme</a></div>
  273.  
  274. </center></div>
  275. <div id="pagination">
  276. <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>
  277.  
  278.  
  279.  
  280. <div class="post">
  281. {block:Posts}
  282.  
  283. {block:Text}
  284. <div class="caixa">
  285.  
  286. {block:Title} <h1>{Title}</h1> {/block:Title}
  287. {Body}
  288. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div>
  289. </div>
  290. {/block:Text}
  291.  
  292.  
  293. {block:Photo}
  294. <div class="caixa">
  295. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  296. {block:Caption} {Caption} {/block:Caption}
  297. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div>
  298. </div>
  299. {/block:Photo}
  300.  
  301.  
  302. {block:Photoset}
  303. <div class="caixa">
  304. <center>{Photoset-500}</center>
  305. {block:Caption} {Caption} {/block:Caption}
  306. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div>
  307. </div>
  308. {/block:Photoset}
  309.  
  310.  
  311. {block:Quote}
  312. <div class="caixa">
  313. <div class="myquote3">❝</div><div class="myquote">{Quote}</div>
  314. <div class="myquote2">{block:Source}{Source}{/block:Source}</div>
  315. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div></div>
  316. {/block:Quote}
  317.  
  318.  
  319. {block:Link}
  320. <div class="caixa">
  321.  
  322. <a href="{URL}" {Target}><h1>{Name}</h1></a>
  323. {block:Description} {Description}{/block:Description}
  324. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div>
  325. </div>
  326. {/block:Link}
  327.  
  328.  
  329. {block:Chat}
  330. <div class="caixa">
  331. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  332. {block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <b>{Label}</b> {/block:Label} {Line}</li>{/block:Lines}
  333. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div>
  334. </div>
  335. {block:Chat}
  336.  
  337.  
  338. {block:Video}
  339. <div class="caixa">
  340. {Video-500}
  341. {block:Caption}{Caption}{/block:Caption}
  342. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div>
  343. </div>
  344. {/block:Video}
  345.  
  346. {block:Audio}
  347. <div class="caixa">
  348. {AudioPlayerGrey}
  349. {block:TrackName}{TrackName}{/block:TrackName}
  350. {block:Artist}{Artist}{/block:Artist}
  351. {block:Album}{Album}{/block:Album}
  352. {block:PlayCount}{PlayCount}{/block:PlayCount}
  353. {block:Caption}{Caption}{/block:Caption}
  354. <div class="not">postado {TimeAgo} with {NoteCount} notes - <a href="{ReblogURL}"><font color=#808080>compartilhe com outros unicornios ♥</font></a></div>
  355. </div>
  356. {/block:Audio}
  357.  
  358.  
  359. {block:Answer}
  360. <div class="caixa">
  361. <img src="{AskerPortraitURL-64}" align="right" class="askfoto">
  362. <div class="pergunta">
  363. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}</div>
  364. {Question}
  365. </div>
  366. {Answer}</div>
  367. {/block:Answer}
  368.  
  369.  
  370.  
  371.  
  372. {block:PostNotes}
  373. <div class="caixa">
  374. {block:Photoset}
  375. {block:Caption}<em>{Caption}</em>{/block:Caption}
  376. {/block:Photoset}
  377. {block:Video}
  378. {block:Caption}{Caption}{/block:Caption}
  379. {/block:Video}
  380. {block:Link}
  381. {block:Description}<em>{Description}</em>{/block:Description}
  382. {/block:Link}
  383. <br>
  384. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png" class="user">
  385. {block:RebloggedFrom} <a href="{ReblogParentURL}"> - Via</a> <a href="{ReblogRootURL}">- From</b></a> {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" target=blank> - Source </a>{/block:ContentSource}</div>
  386. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}<br></div>
  387. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/YzBm1iuyx/tag.png" class="user"> {block:HasTags}{/block:HasTags}{block:HasTags}{block:Tags} <a class="tag" href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</span></div>
  388. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/MiZm1iv2y/heart.png" class="user">{NoteCount}</div><br>
  389. {PostNotes}
  390. </div>
  391. {/block:PostNotes}
  392.  
  393. {/block:Posts}
  394. </div>
  395. </body>
  396.  
  397.  
  398.  
  399.  
  400. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement