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

Theme (05)

By: BeckynRoll on Apr 14th, 2012  |  syntax: None  |  size: 8.43 KB  |  hits: 12  |  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 HTML 4.0 Transitional//EN">
  2. <html>
  3.  
  4. <!-- THEME TOTALMENTE POR: BECKY (WAYFORLIFE) SE USAR NÃO RETIRE OS CRÉDITOS. SÓ PODE  USAR COMO BASE PARA USO PRÓPIO.
  5.   -->
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <title>{Title}</title>
  12.  
  13. <style type="text/css">
  14. #navbar-iframe {display: none;}
  15. body {
  16. fmargin:0px;
  17. font-family:calibri, trebuchet ms;
  18. font-size:12px;
  19. background-color:#FFFFFF;
  20. color:#929292;
  21. background-attachment:fixed;
  22. background-position:;
  23. background-image:url('http://assets.tumblr.com/images/x.gif'); ;
  24. }
  25. a:link, a:visited {
  26. text-decoration:none;
  27. color:#FF2B5C;
  28. }
  29. a:hover {
  30. color: transparent;
  31. -webkit-transition: .7s;
  32. }
  33. .content {
  34. padding:10px;
  35. margin-bottom:35px;
  36. overflow:hidden;
  37. background-color:#ffffff;
  38. border-bottom:3px solid #829B74;
  39. }
  40. .bar {
  41. width:253px;
  42. padding:10px 10px 4px 10px;
  43. position:fixed;
  44. background-color:#ffffff;
  45. border-bottom:1px solid #829B74;
  46. overflow:hidden;
  47. }
  48. .judul1 {
  49. font-family:arial;
  50. font-size:16px;
  51. color: #FF3E96;
  52. letter-spacing: 2px;
  53. padding: 3px;
  54. }
  55. .judul2 {
  56. margin:-17px 0 0 0;
  57. position:absolute;
  58. width:300px;
  59. padding:2px 0px;
  60. text-align:center;
  61. text-transform:uppercase;
  62. letter-spacing:1px;
  63. font-family:trebuchet ms;
  64. font-size:10px;
  65. background-color:#829B74;
  66. color:#ffffff;
  67. display:block;
  68. }
  69. blockquote {
  70. padding-left:5px;
  71. border-left:4px solid #FF3E96;
  72. }
  73. a.nav {
  74. width:245px;
  75. padding:2px 0px 2px 0px;
  76. margin-top:2px;
  77. display:block;
  78. text-align:center;
  79. text-transform:uppercase;
  80. font-family:trebuchet ms;
  81. font-size:9px;
  82. letter-spacing:2px;
  83. background-color:#FF2B5C;
  84. color:#FFFFFF;
  85. opacity:0.9;
  86. }
  87. a.nav:hover {
  88. letter-spacing:3px;
  89. opacity:0.6;
  90. }
  91. u {
  92. text-decoration: none;
  93. border-bottom: 2px solid #829B74;
  94. }
  95. ::-webkit-scrollbar {
  96. height:10px;
  97. width:15px;
  98. background: #FFF;
  99. }
  100. ::-webkit-scrollbar-thumb {
  101. background-color: #FF2B5C;
  102. }
  103. .texxt{
  104. background: #fff;
  105. padding: 1px;
  106. opacity:.7;
  107. height:10px;
  108. margin-top:-30px;
  109. color: black;
  110. margin-bottom:180px;
  111. margin-right:-5px;
  112. font-size: 10px;
  113. text-align: center;
  114. font-family:georgia;
  115. text-transform:uppercase;
  116. }
  117.  
  118. .texxt:hover {letter-spacing: 1px;}
  119.  
  120.  
  121.  
  122. .texto {font: normal 14px 'georgia'; color: #fff; background: #000; text-align: center; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; border-top-left-radius: 5px; border-top-right-radius: 5px; text-shadow: none;}
  123.  
  124. #posts {
  125. margin-top:50px;
  126. text-align: justify;
  127. }
  128.  
  129. #posts:hover #via {background: #FF2B5C; opacity: 0.8;
  130. display:block;
  131. -webkit-transition-duration: 0.6s;
  132. -moz-transition-duration: 0.6s;
  133. }
  134.  
  135. #via {
  136. color: FFF;
  137. margin-top:0px;
  138. width:500px;
  139. font-family:calibri;
  140. font-size:10px;
  141. text-align:center;
  142. opacity:0;
  143. text-transform:uppercase;
  144. -webkit-transition-duration: 0.6s;
  145. -moz-transition-duration: 0.6s;
  146. position:absolute;
  147. }
  148.  
  149. #via a {color: #fff;}
  150. }
  151.  
  152.  
  153. #line{
  154. width:500px;
  155. margin-bottom:2px;
  156. border-top:1px dashed {color:border};
  157. letter-spacing:1px;
  158. }
  159.  
  160. .tags {
  161. width:500px;
  162. margin-top:2px;
  163. text-align:center;
  164. font-size:10px;
  165. -webkit-transition-duration: 0.6s;
  166. -moz-transition-duration: 0.6s;
  167. }
  168.  
  169. #footer{
  170. margin-top:-30px;
  171. margin-left:20px;
  172. width:80px;
  173. }
  174.  
  175. .right {
  176. margin-top:-12px;
  177. font-family: calibri;
  178. font-size:30px;
  179. text-align:right;
  180. }
  181.  
  182. .right a {
  183. opacity:0.4;
  184. color:{color:pagination};
  185. }
  186.  
  187. .left {
  188. font-family: calibri;
  189. font-size:30px;
  190. text-align:left;
  191. }
  192.  
  193. .left a {
  194. opacity:0.4;
  195. color:{color:pagination};
  196. }
  197.  
  198. #portrait {
  199. width:80px;
  200. height:80px;
  201. margin-top:25px;
  202. background-color:{color:portrait};
  203. -moz-border-radius: 80px;
  204. -webkit-border-radius: 80px;
  205. z-index:2;
  206. position:fixed;
  207. }
  208.  
  209. #portrait img {
  210. margin-top:8px;
  211. margin-left:0px;
  212. margin-bottom:10px;
  213. -moz-border-radius: 80px;
  214. -webkit-border-radius: 80px;
  215. z-index:2;
  216. }
  217.  
  218. .opacidade {filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
  219. .opacidade:hover {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -moz-transition-duration:.90s; -webkit-transition-duration:.90s;}
  220.  
  221.  
  222.  /*** TOOLTIP POR DESIGNS FOR YOU ***/
  223. #tooltip-d4y{position: absolute; padding: 4px; background-color: #FFF; border: 2px solid #FF2B5C; left: -100px; color: #363636; text-align: center; font-size: 10px; width: auto; margin: 13px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; visibility: hidden; z-index: 300; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); opacity: 0.7;}
  224.  
  225.  
  226.  
  227. </style>
  228. <body oncontextmenu='return false;'><br>
  229.  
  230. <!--- TOOLTIP POR DESIGNS FOR YOU --->
  231. <div id="tooltip-d4y"></div>
  232. <script language="JavaScript" src="http://static.tumblr.com/rozpbz7/rF5lvsgo2/tooltip-matheus-julio.txt"></script>
  233.  
  234.  
  235. <table style="line-height: 17px;" width="1000"  border="0" align="center" cellspacing="5">
  236. <tbody><tr>
  237.  
  238. <div style="position: absolute; top: 35px; left: 500px; width: 600px;">
  239. <!-- conteudo dos posts e paginas -->
  240.  
  241. <div id="content">
  242.  
  243. {block:Posts}
  244.  
  245.  
  246. <div id="posts">
  247.  
  248. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  249. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  250. {block:Text}{Body}{/block:Text}
  251.  
  252. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  253. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  254.  
  255. {block:Photo}<center>{LinkOpenTag}<div class="opacidade"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  256. {block:Photoset}<center><div class="opacidade">{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  257.  
  258. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  259.  
  260. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  261.  
  262. {block:Answer}
  263. <div id="question">{Question}</div><br>
  264. <div id="asker">&mdash; {Asker}</div><BR>
  265. <div id="answer">{Answer}</div>{/block:Answer}
  266.  
  267. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  268.  
  269. <BR>
  270.  
  271. <div id="line">
  272. <div class="tags">{block:HasTags}{block:Tags}&nbsp;&nbsp;-&nbsp;&nbsp;<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>&nbsp;&nbsp;-{/block:NoteCount}</div></div>
  273. <div id="via">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom}&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a href="{ReblogParentURL}">via</a>
  274. {block:ContentSource}&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a></div>
  275. </div>
  276.  
  277. {/block:Posts}<BR><BR>
  278. {block:PostNotes}{PostNotes}{/block:PostNotes}<center>{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  279. </center>
  280. </div></div></div></div>
  281.  
  282.  
  283. <div style="position:fixed; top:50px; left:210px;">
  284. <img style="-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow:0px 0px 5px #a4a4a4;" src="http://27.media.tumblr.com/tumblr_m2hfu6XQLH1rtfeqio1_500.jpg" width="245">
  285.  
  286. <div class="texxt">
  287. <center><small>Pequena frase ;D</small></center>
  288. </div></div>
  289.  
  290. <div style="position:fixed; top:200px; left:200px;">
  291. <div class="bar">
  292. <a class="nav" href="/" onMouseover="ddrivetip('Volte ao inicio')"; onMouseout="hideddrivetip()" >Home</a>
  293. <a class="nav" href="/about" onMouseover="ddrivetip('Sobre mim')"; onMouseout="hideddrivetip()">About</a>
  294. <a class="nav" href="/ask" onMouseover="ddrivetip('Pergunte <b>bastante</b>')"; onMouseout="hideddrivetip()">Ask</a>
  295. <a class="nav" href="/tumblr" onMouseover="ddrivetip('Sobre meu tumblr')"; onMouseout="hideddrivetip()">Tumblr</a>
  296. <a class="nav" href="/SUATAG" onMouseover="ddrivetip('Textos')"; onMouseout="hideddrivetip()">Textos</a>
  297. <a class="nav" href="/" onMouseover="ddrivetip('Link')"; onMouseout="hideddrivetip()">Link</a>
  298. <a class="nav" href="http://wayforlife.tumblr.com" onMouseover="ddrivetip('Clica e siga')"; onMouseout="hideddrivetip()">Theme</a>
  299. </center>
  300. <center>{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</center>
  301. </div></div>
  302.  
  303.  
  304. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></body></head></html>
create a new version of this paste RAW Paste Data