Don't like ads? PRO users don't see any ads ;-)

Theme #10

By: realidadesdeummenino on Jun 19th, 2012  |  syntax: None  |  size: 17.30 KB  |  hits: 920  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <script type="text/javascript">
  9. //desabilita menu de opcoes ao clicar no botao direito
  10. function desabilitaMenu(e)
  11. {
  12. if (window.Event)
  13. {
  14. if (e.which == 2 || e.which == 3)
  15. return false;
  16. }
  17. else
  18. {
  19. event.cancelBubble = true
  20. event.returnValue = false;
  21. return false;
  22. }
  23. }
  24.  
  25. //desabilita botao direito
  26. function desabilitaBotaoDireito(e)
  27. {
  28. if (window.Event)
  29. {
  30. if (e.which == 2 || e.which == 3)
  31. return false;
  32. }
  33. else
  34. if (event.button == 2 || event.button == 3)
  35. {
  36. event.cancelBubble = true
  37. event.returnValue = false;
  38. return false;
  39. }
  40. }
  41.  
  42. //desabilita botao direito do mouse
  43. if ( window.Event )
  44. document.captureEvents(Event.MOUSEUP);
  45. if ( document.layers )
  46. document.captureEvents(Event.MOUSEDOWN);
  47.  
  48. document.oncontextmenu = desabilitaMenu;
  49. document.onmousedown = desabilitaBotaoDireito;
  50. document.onmouseup = desabilitaBotaoDireito;
  51. </script>
  52.  
  53. <script language="javascript">
  54. function clickIE() {if (document.all) {(mensagem);return false;}}
  55. function clickNS(e) {if
  56. (document.layers||(document.getElementById&&!document.all)) {
  57. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  58. if (document.layers)
  59. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  60. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  61. document.oncontextmenu=new Function("return false")
  62. </script>
  63.  
  64. <head>
  65. <!-- DEFAULT VARIABLES -->
  66. <meta name="font:text" content="georgia" />
  67. <meta name="font:title" content="georgia" />
  68. <meta name="color:background" content="#f1f1f1" />
  69. <meta name="color:link" content="#000000" />
  70. <meta name="color:linkhover" content="#000" />
  71. <meta name="color:text" content="#000000" />
  72. <meta name="color:post" content="#ffffff" />
  73. <meta name="color:sidebar" content="#000" />
  74. <meta name="color:sidebartext" content="#ffffff" />
  75. <meta name="color:borda" content="#000" />
  76. <meta name="color:bg link" content="#000" />
  77. <meta name="color:entry" content="#ffffff" />
  78. <meta name="color:text link" content="#ffffff" />
  79. <meta name="color:borda" content="#000" />
  80. <meta name="color:bgps" content="#000" />
  81. <meta name="color:textt" content="#ffffff" />
  82.  
  83. <meta name="image:sidebar" content="http://static.tumblr.com/swv7fmc/eJCm51wo6/tumblr_lo1dvsqpj11qmn3kvo1_400.jpg"/>
  84.  
  85. <meta name="text:btitulo" content="um titulo aqui pra ficar legal." />
  86. <meta name="image:background" content=""/>
  87.  
  88. <meta name="text:frase" content="uma frase aqui e tal" />
  89. <meta name="text:Link1" content="/" />
  90. <meta name="text:Link1 Title" content="1st page" />
  91. <meta name="text:Link2" content="/ask" />
  92. <meta name="text:Link2 Title" content="ask me" />
  93. <meta name="text:Link3" content="/submit" />
  94. <meta name="text:Link3 Title" content="submit a post" />
  95. <meta name="text:Link4" content="#" />
  96. <meta name="text:Link4 Title" content="coloque os" />
  97. <meta name="text:Link5" content="#" />
  98. <meta name="text:Link5 Title" content="oito links" />
  99. <meta name="text:Link6" content="#" />
  100. <meta name="text:Link6 Title" content="se quiser k" />
  101. <meta name="text:Link7" content="#" />
  102. <meta name="text:Link7 Title" content="mais links aqui" />
  103. <meta name="text:Link8" content="#" />
  104. <meta name="text:Link8 Title" content="mais links aqui" />
  105.  
  106. <title>{Title}</title>
  107. <link rel="shortcut icon" href="{Favicon}">
  108. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  109. {block:Description}
  110. <meta name="description" content="{MetaDescription}" />
  111. {/block:Description}
  112.  
  113. {block:IfEnableEndlessScrolling}
  114. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  115. {/block:IfEnableEndlessScrolling}
  116.  
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121. body {background-color: {color:background}; font-family: calibri; color: {color:text}; text-align: center; font-size: 9px; background-image:url('{image:background}'); background-attachment: fixed; margin-bottom: 12px;}
  122.  
  123. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  124. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  125.  
  126. p {margin: 6px 0 0 0}
  127.  
  128. blockquote {margin: 5px 5px 5px 5px; border-left: 3px solid {color:background}; padding-left: 5px; }
  129. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background};}
  130. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 2px solid {color:sidebarlinks}; }
  131. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:sidtext}; }
  132.  
  133. blockquote img{max-width: 470px!important}
  134. blockquote blockquote img{max-width: 450px!important}
  135. blockquote blockquote blockquote img{max-width: 430px!important}
  136. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  137.  
  138.  
  139.  
  140. #xp {text-align: center; width: 935px; margin: 20px auto 10px auto; padding: 0px; z-index: 1}
  141.  
  142. .posts {width: 500px; background-color: {color:post}; padding: 8px; text-align: justify; font-family: verdana; font-size: 11px; font-size: 9px; border-top: 1px solid {color:background};}
  143.  
  144. #xright {position: fixed; margin-top: 0px; margin-left: 440px; overflow: auto; width: 534px; height: 675px;}
  145.  
  146. #entries {margin-top: 20px; margin-left: 470px;}
  147.  
  148. #top {margin-top: 200px;}
  149.  
  150. h1 {font-family: georgia; text-align: center; font-size: 13px; text-transform: normal; color: {color:text}; font-weight: normal; line-height: 16px;}
  151. h1 a {text-align: center; font-size: 13px; text-transform: normal; color: {color:text}; font-weight: normal; line-height: 16px;}
  152. h1 a:hover {text-align: center; font-size: 13px; text-transform: normal; color: {color:text}; font-weight: normal; line-height: 16px;}
  153.  
  154. .image {text-align: center; border: 0px}
  155. .image img {max-width: 500px; margin-bottom: 2px }
  156.  
  157. .quote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  158. .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  159. .quotesource a, a:hover{text-transform: none;}
  160.  
  161. .chat {line-height: 13px; list-style: none }
  162. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  163. .person1 {color: {color:text}; padding: 2px; }
  164. .person1 .label {font-weight: bold; color:{color:link}}
  165. .person2 {color: {color:text}; padding: 2px; }
  166. .person2 .label {font-weight: bold; color:{color:text}}
  167.  
  168. .music{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background}; text-align: center;}
  169. .music img{text-align: left; max-width: 250px; height: auto; padding: 20px 0 20px 0}
  170. .capt{text-align: justify; margin-top: 2px; margin-bottom: 7px;}
  171. .source{display:none}
  172.  
  173. #questions {background-color: {color:post}; color: {color:text}; padding:10px; margin-bottom:0px; font-family: verdana; font-size: 9px; font-style:normal; border-bottom: 2px solid {color:text};}
  174. #questions a {color: {color:text};}
  175. #questions a:hover {color: {color:text};}
  176.  
  177. #cap {width: 500px; margin-top: -2px; margin-bottom: 12px;}
  178.  
  179. #sookie {margin-left: -97px; color: text; background-color: transparent; color: {color:text}; font-size: 18px; text-transform: lowercase; font-family: georgia; position: fixed; width: 90px; padding: 3px; text-align: right; margin-top: 0px;}
  180.  
  181. #oidata {text-align: center; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11; padding-right: 9px; padding-left: 9px; padding-top: 6px; width: 500px; margin-left: -8px; text-transform: lowercase; border-top: 1px solid {color:sidebar};}
  182. #oidata a {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  183.  
  184. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: normal;}
  185. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: normal;}
  186.  
  187. #nts {width: 500px; font-family: verdana; color: text; margin-left: 470px; background-color: {color:sidebar}; padding: 10px; margin-top: -11px; font-size: 9px; text-align: left; }
  188. #nts img{display: none; border:0px}
  189.  
  190. #aria {position: fixed; margin-left: 199px; width: 240px; height: 89px; background-color: {color:sidebar}; margin-top: 0px;}
  191.  
  192. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  193.  
  194.  
  195. #sidebar {position:fixed; left:215px; top:58px; width:261px; background-color:{color:sidebar}; color:{color:sidebartext}; border-right:1px solid {color:bg}; z-index:20; border-right:1px solid {color:bg}; border-left:1px solid {color:bg};}
  196.  
  197. .frase {padding:3px; font-size:11px; font-family:georgia; text-align:center; border-bottom:1px solid {color:bg}; font-style:italic; height:13px; overflow:hidden;}
  198.  
  199.  
  200. .slideShowContainer {margin-top: 0px; margin-left: 0px; width: 251px; height: 350px; padding: 5px; background-color: {color:sidebar}; position: fixed; overflow: hidden;}
  201.  
  202. .slideShow2 {display: block;}
  203.  
  204. .slideShow2 img{width: 243px; height: 343px; border: 0px solid {color:background};  -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
  205. .slideShow2 img:hover {opacity: 0.9; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
  206.  
  207. #delicia {margin-top: 189px; margin-left: 136px; position:fixed; width: 20px; z-index:80}
  208. #delicia a{font-size: 8px; color: #fff ; background-color: #000; padding:2px 2px 2px 15px;  display:block; margin-bottom: 1px; width: 55px;  height:11px; text-align: right; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; line-height: 6px; font-family: tinytots;text-transform: uppercase;z-index: 89898}
  209. #delicia a:hover{color: #fff; background-color: #000; letter-spacing: 0px; margin-left: -12px; }
  210.  
  211.  
  212.  
  213. #titled {margin-left: 470px; margin-top:-21px; width:516px; font-size: 14px; height:23px;padding: 0px;text-align: center; font-family: consolas; line-height: 160%;background-color:#000000;color: #fff; position:fixed; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;z-index:20}
  214. #titled:hover{}
  215.  
  216. #uiui{float: left; position: fixed; margin-top:416px;  text-align: center; margin-left:205px;position:fixed; width:267px; height:26px; line-height: 9px; font-family: tinytots; text-transform: uppercase; z-index:1; background-color:#fff}
  217.  
  218. #uiui a{float: left; margin-left:3px; margin-right:0px; margin-top:3px; letter-spacing: px; font-family:tinytots; font-size: 8px; text-align: center; text-align: center;  margin-bottom: 0px; width:56px; background-color: #000; color:#fff; text-decoration: none; text-transform: lowercase; line-height: 0px; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; padding: 10px 10px ; font-family: tinytots;text-transform: uppercase;-webkit-border-radius: 00px 0px 0px 0px;}
  219.  
  220. #uiui a:hover{letter-spacing: 2px;font-family: tinytots;text-transform: uppercase;background-color: #fff; color:#000;}
  221.  
  222. #uiui2 a{background-color: #fff; color:#000;width:83px}
  223.  
  224. #uiui3 a{background-color: #000; color:#fff;width:56px}
  225.  
  226. #uiui3 a:hover{background-color: #fff; color:#000; width:56px}
  227.  
  228. #textv {width:255px; height: auto; margin-left:-5px; margin-top:-43px; position:fixed; overflow:hidden; background-color: #000000; color: #ffffff; font-family: tahoma; font-size:10px; border-left:0px solid; border-right:0px solid; padding:3px;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
  229.  
  230. #textv:hover {color: #AAAAAA;
  231. -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}
  232.  
  233. /* page */
  234.  
  235. #paginal {font-family: verdana; font-size: 9px; text-align: center;}
  236. #paginal a {background: {color:bgps}; margin: 0 1px 0 0; padding: 2px 3px; color: {color:textt}; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  237. #paginal a:hover {background: {color:borda}; color: {color:textt};}
  238. #paginal span.pagina_atual {background: {color:borda}; margin: 0 1px 0 0; padding: 2px 4px;; color: {color:textt}; font-weight: bold; text-decoration: none;}
  239. .ps {position: fixed; padding: 4px; width: 15px; height: 75px; line-height: 20px; top: 350px; margin-left: 186px; color: {color:text};}
  240.  
  241. ::-webkit-scrollbar{width:7px;height:6px;}
  242.  
  243. ::-webkit-scrollbar-button:start:decrement
  244.  
  245. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  246.  
  247. ::-webkit-scrollbar-track-piece{background-color:{color:sidebar}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  248.  
  249. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:text};-webkit-border-radius:px;}
  250.  
  251. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:text};-webkit-border-radius:px;}
  252.  
  253.  
  254. .search {letter-spacing: 3px; text-transform: uppercase;}
  255. .search input{font-family: {font:text}; border: none; background-color: {color:sidebarlinks}; color: {color:text}; text-transform: uppercase; font-size: 9px; text-align: center; padding: 3px; width: 210px;}
  256.  
  257. #tumblr_controls{position: fixed!important}
  258. #tumblr_controls{position: fixed!important}
  259. #tumblr_controls{position: fixed!important}
  260. #tumblr_controls{position: fixed!important}
  261.  
  262.  
  263. </style>
  264.  
  265. <body onkeydown="return false">
  266.  
  267. <div id="sidebar">
  268. <div class="frase">
  269. {text:btitulo}
  270. </div>
  271. <div class="slideShowContainer">
  272. <div class="slideShow2">
  273.                 <img src="{image:sidebar}"/>
  274. <div id="textv">{description}</div>
  275. </div></div></div></div>
  276.  
  277. <div id="delicia">
  278. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  279. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  280. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  281. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  282. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  283. </div></div></div></div></div></div>
  284.  
  285. <div id="uiui">
  286. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  287. <div id="uiui2">
  288. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  289. <div id="uiui3">
  290. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}</div></div></div>
  291. </div></div>
  292.  
  293. <div id="titled">{text:frase}</div></div>
  294.  
  295. <div class="ps"><div id="paginal">
  296. {block:JumpPagination length="4"}
  297. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  298. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  299. {/block:JumpPagination}
  300. </div></div>
  301.  
  302. </body>
  303.  
  304.  
  305. <div id="entries">
  306. {block:Posts}
  307. <div class="posts">
  308.  
  309. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  310.  
  311. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  312.  
  313. {block:Photoset}{Photoset-500}{/block:Photoset}
  314.  
  315. {block:Quote}
  316. <div class="quote">“{Quote}”</div>
  317. {block:Source}<div class="quotesource"> — {Source}</div>
  318. {/block:Source}
  319. {/block:Quote}
  320.  
  321. {block:Link}
  322. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  323. {block:Description}{Description}{/block:Description}
  324. {/block:Link}
  325.  
  326. {block:Chat}
  327. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  328. <div class="chat"><ul>{block:Lines}
  329. <li class="person{UserNumber}">{block:Label}
  330. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  331. {/block:Chat}
  332.  
  333. {block:Audio}
  334. <br>
  335. <div class="music">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  336. <div class="capt">{AudioPlayerGrey}{block:Caption}{Caption}{/block:Caption}</div>
  337. {/block:Audio}
  338.  
  339. {block:Video}{Video-500}{/block:Video}
  340.  
  341.  
  342. {block:Answer}<div id="questions"><b>{Asker}</b> said: "{Question}"</div>
  343. {Answer}{/block:answer}
  344.  
  345. <div id="cap">
  346. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  347. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  348. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  349.  
  350. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  351. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  352. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  353. {/block:ContentSource}</div></div>
  354.  
  355. <div id="oidata">
  356. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} - <a href="{ReblogUrl}" target="_blank">reblog this <b>fuck!</b></a>{/block:IndexPage} {block:RebloggedFrom}- via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} (© <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>) {/block:RebloggedFrom}<br>
  357. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  358. </div>
  359. </div>{/block:Date}
  360.  
  361.  {/block:Posts}
  362.  
  363. </ br>
  364. <br clear="all" /></div></div>
  365.  
  366.  
  367. {/block:Posts}
  368. {block:PostNotes}
  369. <div id="nts"><div id="ntstext">{PostNotes}</div></div>
  370. {/block:PostNotes}
  371.  
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. </div>
  377. </div>
  378.  
  379. </body>
  380. </html>