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

Theme 05

By: diariodeumjudas on May 8th, 2012  |  syntax: None  |  size: 18.17 KB  |  hits: 29  |  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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- ----------------------------------
  6.  
  7.                           DIARIO DE UM JUDAS / DON'T COPY / COPY YOU ASS
  8.  
  9. ---------------------------------- -->
  10. <head>
  11.  
  12.  
  13. <meta name="color:Background" content="#f3f3f3" />
  14. <meta name="color:text" content="#000" />
  15. <meta name="color:entry" content="#fff" />
  16. <meta name="color:balao" content="#C09ADA" />
  17. <meta name="color:textbalao" content="#fff" />
  18. <meta name="color:text link" content="#000" />
  19. <meta name="color:bg link" content="#fff" />
  20. <meta name="color:Link" content="#000" />
  21. <meta name="color:link h" content="#CECECE" />
  22.  
  23. <meta name="font:Body" content="verdana" />
  24. <meta name="font:Title" content="Georgia" />
  25.  
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:foto" content="http://assets.webdoc.com/medias/image/D0a84fcf-3485-4f4f-9880-62d464346505/default_zyan3.jpg?1326409461"/>
  28. <meta name="image:foto1"content="http://30.media.tumblr.com/tumblr_m3elbiKqQg1rnleg8o1_250.jpg"/>
  29.  
  30. <meta name="text:frase" content="Sua frase" />
  31. <meta name="text:palavra" content="1 palavra" />
  32. <meta name="text:balao palavra" content=" Links" />
  33.  
  34. <meta name="text:Link1" content="1" />
  35. <meta name="text:Link1 Title" content="link" />
  36. <meta name="text:Link2" content="2" />
  37. <meta name="text:Link2 Title" content="link" />
  38. <meta name="text:Link3" content="3" />
  39. <meta name="text:Link3 Title" content="link" />
  40. <meta name="text:Link4" content="4" />
  41. <meta name="text:Link4 Title" content="link" />
  42. <meta name="text:Link5" content="5" />
  43. <meta name="text:Link5 Title" content="link" />
  44. <meta name="text:Link6" content="6" />
  45. <meta name="text:Link6 Title" content="link" />
  46.  
  47. <title>{Title}</title>
  48.         <link rel="shortcut icon" href="{Favicon}">
  49.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51. </head>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar{width:9px;height:9px;}
  57. ::-webkit-scrollbar-button:start:decrement
  58. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  59. ::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  60. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:text};-webkit-border-radius:px;}
  61. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:text};-webkit-border-radius:px;}
  62.  
  63. body {background-color:{color:background}; font-family: {font:body}; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}') }
  64.  
  65.         a:link, a:active, a:visited{; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;font-size:9px; color: {color:link}}
  66.         a:hover{color:{color:link h}; }
  67.  
  68. p {margin: 6px 0 0 0}
  69.  
  70. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:entry}; padding-left: 5px; }
  71. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:entry};}
  72. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:blockquote}; }
  73. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:blockquote}; }
  74.  
  75. #entriess {margin:0px 0 10px 0;  }
  76. .posts {width: 500px; background-color: {color:entry}; padding: 10px; margin-bottom:-16px; text-align: justify; font-family: {font:body}; font-size: 11px; margin-top: 17px; margin-left: 308px; }
  77.  
  78. h1 {font-family: {font:title}; text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  79.  
  80. h1 a {text-align: center; font-size: 66px; color: {color:link}; font-weight: normal; line-height: 18px;}
  81.  
  82. .post img{margin: 2px 0 2px 0}
  83.  
  84. h1 a:hover {text-align: center; font-size: 16px;  color: {color:link h}; font-weight: normal; line-height: 18px;}
  85.  
  86. .qquote {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  87. .qqquote {text-align: center; text-transform: none; margin-bottom: 5px;}
  88. .qqquote a, a:hover{text-transform: none;}
  89.  
  90. .chat {line-height: 12px; list-style: none }
  91. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  92. .person1 {background-color:{color:entry}; color: {color:text}; }
  93. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  94. .person2 {color: {color:text} }
  95. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  96.  
  97. .audio{background-color:black; display:block;}
  98. .audio img{text-align: left; max-width: 250px; height: auto; padding: 20px 0 20px 0}
  99.  
  100. #info {background-color:{color:entry}; padding:3px; text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;  -webkit-transition:1s;}
  101.  
  102. #info a {font-size: 9px;}
  103.  
  104. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  105. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  106.  
  107. #cap {width: 500px; margin-top: -2px;}
  108. .notes {width: 520px; padding: 0px;  margin-bottom: 10px; font-size: 9px; text-align: left;margin-top: 17px; margin-left: 468px;}
  109. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  110. ol.notes li {background-color: {color:entry}; margin-bottom: 1px; padding: 5px; }
  111. .notes img{display: none; border:0px}
  112. .source {display: none;}
  113.  
  114. #caixinha { margin-top: 3px; background-color: #000; color; #fff; margin-left:-134}
  115. #tumblr_controls{position: fixed!important}
  116. #tumblr_controls{position: fixed!important}
  117. #tumblr_controls{position: fixed!important}
  118. #tumblr_controls{position: fixed!important}
  119.  
  120. #paginal {font-family: verdana; font-size: 8px; text-align: left;}
  121.  
  122. #paginal a {background:{color:entry}; margin: 0 2px 0 0; padding: 2px 5px; color: {color:text}; font-style:bold; -moz-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;font-size: 8px; margin-left: 0px}
  123.  
  124. #paginal a:hover {background: {color:entry}; color: {color:text}; font-style:bold; opacity:1.0;}
  125.  
  126. #paginal span.pagina_atual {background: {color:entry}; margin: 0 1px 0 0; padding: 2px 5px;; color:{color:border}; font-weight: none; text-decoration: none; -moz-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; -moz-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  127.  
  128. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  129. #asker a {font-size: 11px}
  130. .answer {padding: 2px}
  131. .answer img {max-width: 470px;}
  132.  
  133. .descri {font-size: 16px; font-family: verdana; width: 156px; height: 25px; background-color: {color:entry}; color: {color:text}; position:fixed; margin-left: 835px; margin-top: 22px; padding: 2px; line-height: 25px}
  134.  
  135. #sid4 {  position: fixed; margin-top:436px; margin-left:790px; width: 200px; height:autopx; background-color: #trans; color: {color:text}; font-size:9px; text-align:center; padding: 4px}
  136.  
  137. #linka {width: 15px; height: auto; float: left; margin-left:284px; margin-top:90px; padding: 2px; text-align: center;  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; background-color: transparent; position: fixed; opacity:1; }
  138. #linka:hover{opacity: 1;}
  139.  
  140. .linka1 a {float: right; font-family: tinytots; font-size: 8px; text-align: center; margin-top: 1px; height: 50px;margin-left:1px; width: 10px; background-color: #000; color:transparent; line-height: 12px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase;  line-height: 50px;}
  141. .linka1  a:hover{text-align: center; width: 100px; background-color: #000; color:#fff; line-height: 50px;}
  142.  
  143. .linka2 a {float: right; font-family: tinytots; font-size: 8px; text-align: center; margin-top: 0px; height: 50px;margin-left:1px; width: 10px; background-color: #363636; color:transparent; line-height: 12px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase;  line-height: 50px;}
  144. .linka2  a:hover{text-align: center; width: 100px; background-color: #363636; color:#fff; line-height: 50px;}
  145.  
  146. .linka3 a {float: right; font-family: tinytots; font-size: 8px; text-align: center; margin-top: 0px; height: 50px;margin-left:1px; width: 10px; background-color: #000; color:transparent; line-height: 12px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase;  line-height: 50px;}
  147. .linka3  a:hover{text-align: center; width: 100px; background-color: #000; color:#fff; line-height: 50px;}
  148.  
  149. .linka4 a {float: right; font-family: tinytots; font-size: 8px; text-align: center; margin-top: 0px; height: 50px;margin-left:1px; width: 10px; background-color: #363636; color:transparent; line-height: 12px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase;  line-height: 50px;}
  150. .linka4  a:hover{text-align: center; width: 100px; background-color: #363636; color:#fff; line-height: 50px;}
  151.  
  152. .linka5 a {float: right; font-family: tinytots; font-size: 8px; text-align: center; margin-top: 0px; height: 50px;margin-left:1px; width: 10px; background-color: #000; color:transparent; line-height: 12px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase;  line-height: 50px;}
  153. .linka5  a:hover{text-align: center; width: 100px; background-color: #000; color:#fff; line-height: 50px;}
  154.  
  155. .linka6 a {float: right; font-family: tinytots; font-size: 8px; text-align: center; margin-top: 0px; height: 50px;margin-left:1px; width: 10px; background-color:  #363636; color:transparent; line-height: 12px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; letter-spacing: 0px; opacity:1; text-transform: uppercase;  line-height: 50px;}
  156. .linka6  a:hover{text-align: center; width: 100px; background-color: #363636; color:#fff; line-height: 50px;}
  157.  
  158. #barra1 {float: left; margin-top: -25px; margin-left: 305px; width: 524px; height: 20px; background-color: {color:background}; padding: 1px; font-size: 9px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; -webkit-border-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; position:fixed;}
  159.  
  160. #barra2 {float: left; margin-top: -6px; margin-left: 305px; width: 524px; height: 2px; background-color: {color:entry}; padding: 1px; font-size: 9px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; -webkit-border-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; position:fixed;}
  161.  
  162. #barra3 {float: left; margin-top: -6px; margin-left: 303px; width: 2px; height: 824px; background-color: {color:entry}; padding: 1px; font-size: 9px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; -webkit-border-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; position:fixed;}
  163.  
  164. #barra4 {float: left; margin-top: -6px; margin-left: 830px; width: 2px; height: 824px; background-color: {color:entry}; padding: 1px; font-size: 9px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; -webkit-border-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; position:fixed;}
  165.  
  166. .qnda {position:fixed; width:240px; height:180px; left: 843px; top:70px; margin:0 auto;}
  167.  
  168. .qnda img {position:absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; height: 270px; width: 150px; background: {color:entry}; center center; color: #e9db76; padding: 5px; text-align:center; text-decoration: none; letter-spacing:1px; font: italic 10px/67px Georgia, "Times New Roman", Times, serif;}
  169.  
  170. .qnda img.top {-webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0);
  171.  
  172. -ms-transform:scale(0,0); transform:scale(0,0); opacity:0;}
  173.  
  174. .qnda:hover img.top, .cf4.hover_effect img.top {opacity:1; -webkit-transform:scale(1,1); -webkit-transform-origin: top right; -moz-transform:scale(1,1); -moz-transform-origin: top right; -o-transform:scale(1,1); -o-transform-origin: top right; -ms-transform:scale(1,1); -ms-transform-origin: top right; transform:scale(1,1); transform-origin: top right;}
  175.  
  176. .qnda:hover img.bottom, .cf4.hover_effect img.bottom {-webkit-transform:scale(0,0); -webkit-transform-origin: bottom left; -moz-transform:scale(0,0); -moz-transform-origin: bottom left;
  177.  
  178. -o-transform:scale(0,0); -o-transform-origin: bottom left; -ms-transform:scale(0,0); -ms-transform-origin: bottom left; transform:scale(0,0); transform-origin: bottom left;}
  179.  
  180. .sdescri {position: fixed; margin-top: 334px; float: left; margin-left: 835px; width: 140px; height: 430; text-align: justify; font-size: 9px; background-color: {color:entry}; color: {color:text}; font-family: verdana; padding: 10px;}
  181.  
  182. #balao {width: 45px; height: 18px; position: fixed; padding: 8px; color: ; background-color: {color:balao};  margin-left: 238px; margin-top: 50px; border-top-right-radius: 13px; border-top-left-radius: 13px; border-bottom-right-radius: 13px; border-bottom-left-radius: 13px; -webkit-transform: rotate(-15deg);}
  183.  
  184.  
  185.  
  186. .really {font-family: verdana; font-size: 11px; text-transform: none; letter-spacing: 1px; color: {color:textbalao};}
  187.  
  188.  
  189.  
  190. #seta {width: 45px; position: fixed; padding: 8px; background-color: transparent;  margin-left: 250px; margin-top: 60px; color: {color:balao}; font-size: 23px; -webkit-transform: rotate(45deg);}
  191.  
  192. </style>        
  193. <body>
  194.  
  195. <div id="linka">
  196.  
  197. <div class="linka1">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  198. </div>
  199. <div class="linka2">{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  200. </div>
  201. <div class="linka3">{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  202. </div>
  203. <div class="linka4">{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  204. </div>
  205. <div class="linka5">{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  206. </div>
  207. <div class="linka6">{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  208. </div></div></div>
  209.  
  210.  
  211. <div id="balao">
  212. <div class="really">{text:balao palavra}
  213.  
  214.  
  215.  
  216.  
  217. </div></div>
  218.  
  219.  
  220.  
  221.  
  222. <div id="seta">►</div>
  223.  
  224. <div class="qnda" class="hover">
  225. <img class="bottom shadow" src="{image:foto1}" />
  226. <img class="top shadow" src="{image:foto}" />
  227. </div>
  228.  
  229.  
  230. <div id="barra1"></div>
  231.  
  232. <div id="barra2"></div>
  233.  
  234. <div id="barra3"></div>
  235.  
  236. <div id="barra4"></div>
  237.  
  238. <Div class="descri">{text:palavra}</div>
  239.  
  240. <div class="sdescri"><div style="margin-top: -1px">{description}</div></div>
  241.  
  242. <div id="sid4"> <div id="paginal"><center>{block:JumpPagination length="6"}{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}</center></div></div>
  243. </div>
  244.  
  245. <div style="margin-left: 866px; margin-top: 570px; position:fixed"><a href="http://imatu-ro.tumblr.com">© imatu-ro</a></div>
  246. <div id="entriess">
  247.  {block:Posts}
  248. <div class="posts">
  249.  
  250. {block:Text}{block:Title}<h1><div class="cufon">{Title}</div></h1>{/block:Title}{Body}{/block:Text}
  251.  
  252. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  253.  
  254. {block:Photoset}{Photoset-500}{/block:Photoset}
  255.  
  256. {block:Quote}
  257. <div class="qquote">“{Quote}”</div>
  258. {block:Source}<div class="qqquote"> ~ {Source}</div>
  259. {/block:Source}
  260. {/block:Quote}
  261.  
  262. {block:Link}
  263. <h1><a href="{URL}" {Target}><font size="3px">{Name}</font></a></h1>
  264. {block:Description}{Description}{/block:Description}
  265. {/block:Link}
  266.  
  267. {block:Chat}
  268. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  269. <div class="chat"><ul>{block:Lines}
  270. <li class="person{UserNumber}">{block:Label}
  271. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  272. {/block:Chat}
  273.  
  274. {block:Audio}
  275. <br>
  276. <div class="audio">{AudioPlayerBlack}</div>
  277. {block:Caption}{Caption}{/block:Caption}
  278. {/block:Audio}
  279.  
  280. {block:Video}{Video-500}{/block:Video}
  281.  
  282. {block:Answer}
  283. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  284. <div class="answer">{Answer}</div>
  285. {/block:Answer}
  286.  
  287. <div id="cap">
  288. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  289. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  290. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  291.  
  292. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  293.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  294.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  295. {/block:ContentSource}</div></div>
  296. <br><br>
  297.  
  298. <div id="info">
  299. {block:Date}<div class="tags">{block:HasTags}<b>tags:</b> {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  300.  <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog with <b>caress</b> </a>{/block:IndexPage}
  301. {block:RebloggedFrom}<br>posted by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · reblogged of <a href="{ReblogParentURL}">{ReblogParentName}</a>
  302. {/block:RebloggedFrom}
  303. </div>
  304. </div>{/block:Date}
  305.  
  306. {/block:posts}
  307.  
  308. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  309.  
  310. </div>
  311. </div>
  312. <script type="text/javascript"> Cufon.now(); </script>
  313.  
  314.  
  315. </body>
  316. </html>
create a new version of this paste RAW Paste Data