Advertisement
bau-de-incertezas

Theme2

Jul 13th, 2013
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.03 KB | None | 0 0
  1. <!--- THEME POR BAU-DE-INCERTEZAS --->
  2.  
  3. <html>
  4.  
  5. <script type="text/javascript">
  6. //desabilita menu de opcoes ao clicar no botao direito
  7. function desabilitaMenu(e)
  8. {
  9. if (window.Event)
  10. {
  11. if (e.which == 2 || e.which == 3)
  12. return false;
  13. }
  14. else
  15. {
  16. event.cancelBubble = true
  17. event.returnValue = false;
  18. return false;
  19. }
  20. }
  21.  
  22. //desabilita botao direito
  23. function desabilitaBotaoDireito(e)
  24. {
  25. if (window.Event)
  26. {
  27. if (e.which == 2 || e.which == 3)
  28. return false;
  29. }
  30. else
  31. if (event.button == 2 || event.button == 3)
  32. {
  33. event.cancelBubble = true
  34. event.returnValue = false;
  35. return false;
  36. }
  37. }
  38.  
  39. //desabilita botao direito do mouse
  40. if ( window.Event )
  41. document.captureEvents(Event.MOUSEUP);
  42. if ( document.layers )
  43. document.captureEvents(Event.MOUSEDOWN);
  44.  
  45. document.oncontextmenu = desabilitaMenu;
  46. document.onmousedown = desabilitaBotaoDireito;
  47. document.onmouseup = desabilitaBotaoDireito;
  48. </script>
  49. <head>
  50.  
  51. <meta name="color:background" content="#ffffff" />
  52. <meta name="color:links" content="#353434" />
  53. <meta name="color:text" content="#c0c0c0" />
  54. <meta name="color:post" content="#ffffff" />
  55. <meta name="color:scrollbar" content="#c0c0c0" />
  56. <meta name="color:scrollbg" content="ffffff" />
  57. <meta name="color:hover" content="#000000" />
  58. <meta name="color:borda" content="#000000" />
  59. <meta name="color:linkst" content="#c0c0c0" />
  60. <meta name="color:titulo" content="#c0c0c0" />
  61. <meta name="color:notes" content="#c0c0c0" />
  62. <meta name="color:fontnote" content="#ffffff" />
  63. <meta name="color:ask" content="#ffffff" />
  64. <meta name="color:text2" content="#c0c0c0" />
  65. <meta name="color:sourcequote" content="#c0c0c0" />
  66. <meta name="color:page" content="#808080" />
  67. <meta name="color:fundoside" content="#c0c0c0" />
  68. <meta name="color:descricao" content="#c0c0c0" />
  69. <meta name="color:pontilhado" content="#ffffff" />
  70. <meta name="color:backgroundchat" content="#ffffff" />
  71. <meta name="color:textchat" content="#ffffff" />
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78. <meta name="image:background" content="" />
  79. <meta name="image:sidebar" content="http://static.tumblr.com/sbxkdxg/NmVmpu1mk/tumblr_inline_mpqqw2leg51qz4rgp.png" />
  80.  
  81.  
  82.  
  83.  
  84. <meta name="text:Link1" content="" />
  85. <meta name="text:Link1 Title" content="link 1" />
  86. <meta name="text:Link2" content="" />
  87. <meta name="text:Link2 Title" content="link 2" />
  88. <meta name="text:Link3" content="" />
  89. <meta name="text:Link3 Title" content="link 3" />
  90. <meta name="text:Link4" content="" />
  91. <meta name="text:Link4 Title" content="link 4" />
  92. <meta name="text:Link5" content="" />
  93. <meta name="text:Link5 Title" content="link 5" />
  94.  
  95.  
  96.  
  97. {block:Description}
  98. <meta name="description" content="{MetaDescription}" />
  99. {/block:Description}
  100.  
  101.  
  102.  
  103. <!-- fontes personalizadas -->
  104. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  105. </head>
  106. <head>
  107. <link rel="shortcurt icon" href="{Favicon}">
  108. <title>{title}</title>
  109.  
  110. <!-- fontes personalizadas -->
  111. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  112.  
  113.  
  114.  
  115. </head>
  116.  
  117.  
  118. <!------ base modifica de sua-barbie-preferida------------>
  119. <style>
  120. 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; }
  121.  
  122. /*Personalização dos links*/
  123. a:link {color: {color:fontnote}; text-decoration: none;}
  124. a:hover {color: {color:hover}; -webkit-transition: all 0.99s ease-in-out;}
  125.  
  126. /****************ALL SIDEBAR POR BAU-DE-INCERTEAS **************/
  127.  
  128. .imagem {position: absolute;width:170px;height:170px;margin-left:150px;
  129. margin-top: 100px; border:2px solid {color:borda} ;position:fixed;}
  130.  
  131. .imagem img { -webkit-transition-duration: .25s; position:fixed; -webkit-transition: all 2s ease-in-out;-webkit-transform: rotate(0deg);
  132. -moz-transition: all 1s ease-in-out;
  133. -o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;display: block;height:170px;width: 170px;
  134. padding:0px;margin-left:0px;margin-top:0px;opacity:0.8;-webkit-transition-duration: 0.8s;opacity: 9.0;-webkit-border-radius: 0px 0px 0px 0px;}
  135.  
  136.  
  137. .stetext {margin-left: 10px; margin-top: 80px;background: {color:background}; padding:0px; width: 150px; height: 70px; text-align: center; color: {color:descricao}; font-family: verdana; font-size: 10px; opacity: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 0.40s; }
  138. .stetext:hover { opacity: 0.75;-webkit-transition:0.3s; }
  139.  
  140. .merde{background-color:transparent;}
  141.  
  142.  
  143. #stetitul{background-color: {color:fundoside}; position: absolute;width:170px;height:20px;margin-left:150px;margin-top: 280px; border:2px solid {color:borda};position:fixed; opacity: 0.6;}
  144. .stetitulo {margin-left:2px; margin-top:2px;font-family:'dancingintheminefields'; color: {color:titulo}; font-size: 15px; letter-spacing:0px; padding:0px;line-height:1; text-align:justify;}
  145.  
  146.  
  147.  
  148. .stelinks {background-color: {color:fundoside}position: absolute;width:200px;height:15px;margin-left:0px; margin-top: 52px;position: fixed; }
  149. .stelinks a {padding:4px; letter-spacing:0px; font-family: gill sans mt; font-size:12px; color: {color:linkst}; opacity: 0.7;}
  150. .stelinks a:hover {text-transform:uppercase; -webkit-transition:0.9s; font-size:8px; opacity:0.3;}
  151.  
  152. .detalhebau {background-color:transparent; font-size:12px; margin-top:25px;margin-left:10px; color: {color:borda};letter-spacing:-1px;}
  153.  
  154. /************SCROLLBAR PONTILHADA************/
  155.  
  156. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar};height:50px; border:2px dotted {color:pontilhado};}
  157. ::-webkit-scrollbar-button:vertical {height:5px;display: block; background: {color:scrollbg};}
  158. ::-webkit-scrollbar {width:12px;height:0px;background-color: {color:scrollbg};}
  159.  
  160. /********************Paginação por bau-de-incertezas*****************/
  161.  
  162. #pagination{
  163. position:fixed;
  164. width: 100px;
  165. margin-top:80px;
  166. margin-left:70px;
  167. color:{color:page};
  168. text-align:right;}
  169.  
  170. #page a {letter-spacing:2px;
  171. font-size:18px;
  172. font-family:consolas;}
  173.  
  174.  
  175. /***********************************POST****************************/
  176.  
  177. .post {background: transparent; width: 510px; margin-top: 20px; margin-left: 340px; position: absolute; }
  178.  
  179.  
  180. .caixa {background: {color:post}; padding: 5px; width: 500px; margin-bottom: 7px;}
  181.  
  182.  
  183.  
  184.  
  185.  
  186. .myquote3{margin-left: -30px; margin-top: -20px;color: {color:text}; font-family:'dancingintheminefields'; font-size:60px; opacity:0.3; }
  187.  
  188. .myquote {color: {color:text}; font-family:corbel; text-align: left; font-size: 14px; line-height: 15px; padding: 10px; margin-top: 6px; opacity:0.8; margin-left:20px;}
  189.  
  190. .myquote2{font-family:'consolas'; font-size:11px; text-align: right; color: {color:sourcequote}; }
  191.  
  192. #d {margin-top: -2px;}
  193.  
  194.  
  195.  
  196. h1 {font-family: 'corbel'; color: {color:text}; font-size: 15px; text-align: center; opacity: 0.5;}
  197.  
  198.  
  199.  
  200. blockquote {border-left: 2px solid {color:borda}; margin-left: 1px;}
  201.  
  202. /*******por bau-de-incertezas*** *******/
  203.  
  204.  
  205. .cred {overflow: hidden; width: 30px; padding: 5px; background-color:#fff; height:8px; border:1px dashed #c0c0c0; margin-top: 600px; margin-left: 1250px; color: #000; font-family: 'Consolas'; font-size: 11px; position: absolute;}
  206. .cred:hover {opacity:1.0; color: #808080;}
  207.  
  208.  
  209.  
  210.  
  211.  
  212.  
  213. .not {width: 506px; margin-left:-5px; height: 14px; background: {color:notes}; padding: 2px; color: {color:fontnote}; border-top:2px dotted {color:borda}; border-bottom:2px dotted {color:borda}; font-family:corbel; font-size: 11px; text-align: center; opacity:0.8;}
  214.  
  215.  
  216. /*****ASK inspirado por duda R.*******/
  217.  
  218. .pergunta {background: {color:post}; padding: 8px; margin-top: 0px; border-bottom: 1px solid {color:ask}; margin-left: 0px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px {color:borda};line-height:9px;}
  219. .perguntou {width: 415px;height:14px; background: {color:borda}; border:2px dotted {color:post}; font-weight:normal; padding:3px; margin-bottom:1px; color:#fff;font-family: 'corbel'; font-size: 10px; text-align:left;line-height:16px;text-transform:uppercase;margin-left:-8px;}
  220. .perguntou g {color:borda;}
  221. .perguntou a {color: {color:ask}; font-size:10px;}
  222. .askfoto {opacity: 0.7; margin-right:35px; border: 2px solid {color:borda}; -webkit-border-radius: 0px 5px 5px 0px; width: 40px;height: 40px;}
  223. .respost { background: {color:post}; font-family: consolas; font-size: 10px;}
  224. .askfoto:hover {opacity: 0.6;}
  225.  
  226. /*** permalink info por tthy **/
  227. .extra {font-family: georgia; font-style: italic; display : block; background-repeat : no-repeat; font-size: 10px; margin-bottom : 1px;background: #f7f7f7; line-height: 18px;}
  228. .extra img {margin-right: 4px; margin-left: 3px; margin-top: 2px;}
  229.  
  230. /*** notes estilo por tthy **/
  231. ol.notes {display : block; margin-bottom : 1px; list-style-type: none; text-align: left;}
  232. o.notes a {color: #c66966;}
  233. ol.notes li.note {border-top: solid 1px #fff;background: #f7f7f7; padding: 2px;}
  234. ol.notes li.note img.avatar {display: inline; width: 10px}
  235. ol.notes li.note span.action {font-weight: none;}
  236. ol.notes li.note .answer_content {font-weight: normal;}
  237. ol.notes li.note blockquote {display: none;}
  238. ol.notes li.note blockquote a {text-decoration: none; display: none;}
  239.  
  240.  
  241.  
  242.  
  243. /***********CREDITO****************/
  244.  
  245. .meutheme {overflow: hidden; width: 30px; padding: 5px; background-color: {color:background}; height:8px; border:1px dashed {color:borda};}
  246. .meutheme a {margin-top: -2px; margin-left: -2px; color: {color:text}; font-family: corbel; font-size: 11px; position: absolute;opacity: 0.9;}
  247. .meutheme a:hover {opacity:0.8; color: {color:hover}; font-size:12px;}
  248.  
  249. /******************FONTES ********************/
  250. @font-face {font-family: "dawningofanewday";
  251. src: url(http://static.tumblr.com/sbxkdxg/coPmpsffg/dawningofanewday.ttf) format("truetype");}
  252.  
  253. @font-face {font-family: "dancingintheminefields";
  254. src: url(http://static.tumblr.com/sbxkdxg/VbMmpu3dp/dancingintheminefields.ttf) format("truetype");}
  255.  
  256. @font-face {font-family: "cedarville_pnkfun_1_cursive";
  257. src: url(http://static.tumblr.com/sbxkdxg/P4Hmpsp6p/cedarville_pnkfun_1_cursive.ttf) format("truetype");}
  258.  
  259.  
  260. /******CHAT*******/
  261.  
  262. .chat {background: #fff;
  263. font-size: 12px;
  264. font-family: 'Play';
  265. -webkit-transition-duration: 0.7s;}
  266. .chat:hover {margin-left: 5px;}
  267.  
  268. .chat .lines {font-family: 'Play', sans-serif;
  269. border-radius: 3px;
  270. padding: 6px;
  271. margin-bottom: 2px;
  272. font-size: 12px;
  273. color: #888;
  274. background: {color:backgroundchat};
  275. -webkit-transition-duration: .7s;}
  276. .chat .lines:hover {background: {color:backgroundchat};
  277. color: {color:textchat};}
  278.  
  279. .chat .lines span {font-weight: bold;}
  280.  
  281.  
  282. </style>
  283.  
  284.  
  285. <body>
  286.  
  287. <div class="meutheme"><a href="http://bau-de-incertezas.tumblr.com/" title="bau-de-incertezas">Theme</a></div>
  288.  
  289. <div class="imagem">
  290. <img src="{image:sidebar}" height= "170px"; width= "170px;">
  291. <div class="stetext">❝ {description} ❞</div>
  292.  
  293.  
  294. <div class="stelinks">
  295. <a title="{text:Link1 Title}" href="{text:Link1}">{text:Link1 Title}</a>
  296. <a title="{text:Link2 Title}" href="{text:Link2}">{text:Link2 Title}</a>
  297. <a title="{text:Link3 Title}" href="{text:Link3}">{text:Link3 Title}</a>
  298. <a title="{text:Link4 Title}" href="{text:Link4}">{text:Link4 Title}</a>
  299. <a title="{text:Link5 Title}" href="{text:Link5}">{text:Link5 Title}</a>
  300. <a title="{text:Link6 Title}" href="{text:Link6}">{text:Link6 Title}</a>
  301. <a title="{text:Link7 Title}" href="{text:Link7}">{text:Link7 Title}</a>
  302. <a title="{text:Link8 Title}" href="{text:Link8}">{text:Link8 Title}</a>
  303. </div></div></div>
  304.  
  305.  
  306.  
  307.  
  308. <div id="stetitul">
  309. <div class="stetitulo">{title}</div>
  310. <div class="detalhebau">▲▽▲▽▲▽▲▽▲▽▲▽▲▽▲▽<div>
  311. </div></div>
  312.  
  313. </div>
  314. <div id="pagination">
  315. <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>
  316.  
  317.  
  318.  
  319.  
  320.  
  321. <div class="post">
  322. {block:Posts}
  323.  
  324. {block:Text}
  325. <div class="caixa">
  326.  
  327. {block:Title} <h1>{Title}</h1> {/block:Title}
  328. {Body}
  329. <div class="not">{-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  330. </div>
  331. {/block:Text}
  332.  
  333. {block:Photo}
  334. <div class="caixa">
  335. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  336. {block:Caption} {Caption} {/block:Caption}
  337. <div class="not">-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  338. </div>
  339. {/block:Photo}
  340.  
  341.  
  342. {block:Photoset}
  343. <div class="caixa">
  344. <center>{Photoset-500}</center>
  345. {block:Caption} {Caption} {/block:Caption}
  346. <div class="not">-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  347. </div>
  348. {/block:Photoset}
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356. {block:Quote}
  357. <div class="caixa"><div class="myquote">{Quote}<div class="myquote3">❝</div></div>
  358. <div class="myquote2">
  359. {block:Source}{Source}{/block:Source}</div>
  360. <div class="not">-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  361. </div>
  362. {/block:Quote}
  363.  
  364.  
  365.  
  366. {block:Link}
  367. <div class="caixa">
  368.  
  369. <a href="" {Target}><h1>{Name}</h1></a>
  370. {block:Description} {Description}{/block:Description}
  371. <div class="not">-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  372. </div>
  373. {/block:Link}
  374.  
  375. {block:chat}
  376. {block:Lines}
  377. <div class="chat">
  378. <div class="lines">
  379. {block:Label}
  380. <span>
  381. {Label}
  382. </span>
  383. {/block:Label}
  384. {Line}
  385. </div>
  386. </div>
  387. {/block:Lines}
  388. <div class="not">-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  389. {/block:chat}
  390.  
  391.  
  392.  
  393.  
  394. {block:Video}
  395. <div class="caixa">
  396. {Video-500}
  397. {block:Caption}{Caption}{/block:Caption}
  398. <div class="not">-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  399. </div>
  400. {/block:Video}
  401.  
  402. {block:Audio}
  403. <div class="caixa">
  404. {AudioPlayerGrey}
  405. {block:TrackName}{TrackName}{/block:TrackName}
  406. {block:Artist}{Artist}{/block:Artist}
  407. {block:Album}{Album}{/block:Album}
  408. {block:PlayCount}{PlayCount}{/block:PlayCount}
  409. {block:Caption}{Caption}{/block:Caption}
  410. <div class="not">-{TimeAgo}-<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} · </a><a href="{ReblogURL}">reblog ▲</a></div>
  411. </div>
  412. {/block:Audio}
  413.  
  414.  
  415. {block:Answer}
  416. <div class="caixa">
  417. <img src="{AskerPortraitURL-64}" align="right" class="askfoto">
  418. <div class="pergunta">
  419. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}:</div>
  420. {Question}
  421. </div>
  422. <div class= "respost">{Answer}</div></div>
  423. {/block:Answer}
  424.  
  425.  
  426. {block:PostNotes}
  427. <div class="caixa">
  428. {block:Photoset}
  429. {block:Caption}<em>{Caption}</em>{/block:Caption}
  430. {/block:Photoset}
  431. {block:Video}
  432. {block:Caption}{Caption}{/block:Caption}
  433. {/block:Video}
  434. {block:Link}
  435. {block:Description}<em>{Description}</em>{/block:Description}
  436. {/block:Link}
  437. <br>
  438. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png" class="user">
  439. {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>
  440. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/3OKm1iuvh/clock.png" class="user"> {DayOfMonth},<b> {Month}</b> de {Year}<br></div>
  441. <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>
  442. <div class="extra"><img src="http://static.tumblr.com/wa79tuo/MiZm1iv2y/heart.png" class="user">{NoteCount}</div><br>
  443. {PostNotes}
  444. </div>
  445. {/block:PostNotes}
  446.  
  447. {/block:Posts}
  448. </div>
  449. </body>
  450. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement