Joana_darc2

Theme Plunge ( para tumblr de themes)

Feb 2nd, 2013
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.38 KB | None | 0 0
  1. <!-----------------------------------------------------------------------
  2. // Theme feito por sounds-of-war . //
  3.  
  4. -> Não copie , não retire os créditos e não se inspire <-
  5.  
  6. // Avise na ask se usar //
  7. ------------------------------------------------------------------------>
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  10. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Sidebar" content=""/>
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Caixa" content="#ffffff"/>
  24. <meta name="color:Faixa" content="#ffffff"/>
  25. <meta name="color:Sidebar" content="#ffffff"/>
  26. <meta name="color:Titulos" content="#ffffff"/>
  27. <meta name="color:Regras" content="#ffffff"/>
  28. <meta name="color:Barrarolagem" content="#ffffff"/>
  29. <meta name="color:Menu" content="#ffffff"/>
  30. <meta name="color:Links" content="#ffffff"/>
  31.  
  32. <script type="text/javascript" src="http://static.tumblr.com/tpusuz1/36rmhlx0y/code3.txt"></script>
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  40.  
  41.  
  42. <style type="text/css">
  43. body {
  44. color: #000000;background: {color:Background}; url({image:Background});
  45. font-family: 'Nova Square', cursive;
  46. font-size: 10px;
  47. line-height: 1.5em;
  48. }
  49. p {margin:0 0 .75em 0} p:last-child {margin:0}
  50. a {
  51. color:{color:Links};
  52. text-decoration:none;
  53. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  54. a:hover {color: black; }
  55. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  56. line-height: 100%;border-left: solid 4px #EDEDED;
  57. }
  58. h1 {
  59. font-family: 'Nova Square', cursive;
  60. font-size: 10px;
  61. line-height: 1.5em;font-weight: normal;
  62. }
  63. ul {
  64. margin: 0px 1.5em .75em;}
  65. li {
  66. margin: .75em 0;
  67. list-style-type: square;
  68. }
  69. h3 {
  70. font-size: 14px; font-weight: normal;}
  71.  
  72. #side {
  73. text-align: center;
  74. margin-top: 25%;
  75. margin-left:30%;
  76. width:500px;
  77. height:400px;
  78. padding:0px;position: fixed;
  79. background: {color:Sidebar};
  80. border: 1px solid #000000
  81. }
  82. #side img {
  83. float:right;
  84. width:150px;
  85. height:395px;
  86. margin-right:3px;
  87. margin-top:3px;
  88. -webkit-transition-duration:0.64s;-moz-transition-duration:0.64s;
  89. }
  90. #side:hover img {
  91. -webkit-transform: rotate(360deg);
  92. -webkit-filter: brightness(0.3);
  93. -moz-filter: brightness(0.3);
  94. -ms-filter: brightness(0.3);
  95. -o-filter: brightness(0.3);
  96. filter: brightness(0.3);
  97. }
  98. #caixa {
  99. width:150px;
  100. height:50px;
  101. float:left;
  102. background:{color:Caixa};
  103. margin-left:2px;
  104. margin-top:2px;
  105. margin-bottom:3px;
  106. margin-right:5px;
  107. font-family: candara;
  108.  
  109. }
  110. #caixa2 {
  111. width:120px;
  112. height:300px;
  113. margin-top:50px;
  114. margin-left:-125px;
  115. position:fixed;
  116. color:{color:Regras};
  117. }
  118. #caixa3 {
  119. display:block;
  120. width:200px;
  121. height:20px;
  122. margin-top:394px;
  123. margin-left:294px;
  124. position:fixed;
  125. background:transparent;
  126. border-top:0px;
  127. float:right;
  128. }
  129. .faixa {
  130. width:150px;
  131. height:14px;
  132. background:{color:Faixa};
  133. margin-top:0px;
  134. margin-left:0px;
  135. font-family:'Patrick Hand', cursive;
  136. font-size:12px;
  137. color:{color:Titulos};
  138. }
  139. .faixa2 {
  140. width:120px;
  141. height:20px;
  142. margin-top:0px;
  143. margin-left:0px;
  144. font-family: 'Nova Square', cursive;
  145. font-size:15px;
  146. color:black;
  147. font-weight:bold;
  148. }
  149. .faixa3 {
  150. width:300px;
  151. height:30px;
  152. background:transparent;
  153. margin-top:-32px;
  154. font-size:25px;
  155. float:right;
  156. font-family: 'The Girl Next Door', cursive;
  157. }
  158.  
  159. .cod {
  160. font-size:12px;
  161. font-family: 'Open Sans Condensed', sans-serif;
  162. }
  163. .efeito img{
  164. margin-top:22%;
  165. margin-left:30%;
  166. width:15px;
  167. height:15px;
  168. position:fixed;
  169. float:left;
  170. }
  171. .efeito2 img{
  172. margin-top:22%;
  173. margin-left:32%;
  174. width:15px;
  175. height:15px;
  176. position:fixed;
  177. float:left;
  178. }
  179. .efeito3 img{
  180. margin-top:22%;
  181. margin-left:34%;
  182. width:15px;
  183. height:15px;
  184. position:fixed;
  185. float:left;
  186. }
  187.  
  188. ul {margin-bottom: .75em;}
  189.  
  190. /*Barra de rolagem*/
  191. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Barrarolagem};height:3px;}
  192. ::-webkit-scrollbar-thumb:horizontal {background-color:black;height:5px}
  193. ::-webkit-scrollbar {height:5px; width:5px; background-color:#F5F0F5;}
  194.  
  195. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;}
  196.  
  197. </style></head>
  198. <body>
  199.  
  200. <div id="contain">
  201. <a href="url do link" class="efeito" target="parent"><img src="http://static.tumblr.com/jscxg5p/t91m9hw1t/home.png"></a>
  202.  
  203. <a href="url do link2" class="efeito2" target="parent"><img src="http://static.tumblr.com/jscxg5p/Qrlm9hw2d/message.png"></a>
  204.  
  205. <a href="url do link3" class="efeito3" target="parent"><img src="http://static.tumblr.com/jscxg5p/xaHm9hw31/tag_2.png"></a>
  206.  
  207. <div id="side">
  208. <div class="faixa3">{title}</div>
  209.  
  210. <div id="caixa2">
  211. <div class="faixa2">REGRAS</div>
  212.  
  213. <center>Regra aqui</center>
  214. <hr size="1" color="black">
  215.  
  216. <center>Regra aqui</center>
  217. <hr size="1" color="black">
  218.  
  219. <center>Regra aqui</center>
  220. <hr size="1" color="black">
  221.  
  222. <center>Regra aqui</center>
  223. <hr size="1" color="black">
  224.  
  225. <center>Regra aqui</center>
  226. <hr size="1" color="black">
  227.  
  228. <center>Regra aqui</center>
  229. <hr size="1" color="black">
  230.  
  231. <center>Regra aqui</center>
  232. <hr size="1" color="black">
  233.  
  234. <center>Regra aqui</center>
  235. <hr size="1" color="black">
  236.  
  237. <center>Regra aqui</center>
  238. <hr size="1" color="black">
  239.  
  240. <center>Regra aqui</center>
  241. <hr size="1" color="black">
  242.  
  243. <center>Regra aqui</center>
  244. <hr size="1" color="black">
  245. <br>
  246. </div>
  247.  
  248. <img src="{image:Sidebar}">
  249.  
  250. <div style="padding: 5px;margin-top:2px; overflow: auto;width: 330px; height: 380px; background-color: transparent; font-family: verdana;">
  251.  
  252. <div id="caixa"><div class="faixa">Theme 1</div><br>
  253. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  254. </div>
  255.  
  256. <div id="caixa"><div class="faixa">Theme 2</div><br>
  257. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  258. </div>
  259.  
  260. <div id="caixa"><div class="faixa">Theme 3</div><br>
  261. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  262. </div>
  263.  
  264. <div id="caixa"><div class="faixa">Theme 4</div><br>
  265. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  266. </div>
  267.  
  268. <div id="caixa"><div class="faixa">Theme 5</div><br>
  269. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  270. </div>
  271.  
  272. <div id="caixa"><div class="faixa">Theme 6</div><br>
  273. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  274. </div>
  275.  
  276. <div id="caixa"><div class="faixa">Theme 7</div><br>
  277. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  278. </div>
  279.  
  280. <div id="caixa"><div class="faixa">Theme 8</div><br>
  281. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  282. </div>
  283.  
  284. <div id="caixa"><div class="faixa">Theme 9</div><br>
  285. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  286. </div>
  287.  
  288. <div id="caixa"><div class="faixa">Theme 10</div><br>
  289. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  290. </div>
  291.  
  292. <div id="caixa"><div class="faixa">Theme 11</div><br>
  293. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  294. </div>
  295.  
  296. <div id="caixa"><div class="faixa">Theme 12</div><br>
  297. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  298. </div>
  299.  
  300. <div id="caixa"><div class="faixa">Theme 13</div><br>
  301. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  302. </div>
  303.  
  304. <div id="caixa"><div class="faixa">Theme 14</div><br>
  305. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  306. </div>
  307.  
  308. <div id="caixa"><div class="faixa">Theme 15</div><br>
  309. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  310. </div>
  311.  
  312. <div id="caixa"><div class="faixa">Theme 16</div><br>
  313. <center><a href="código" class="cod">CODE</a> | <a href="prévia do theme"class="cod">PREVIEW</a>
  314. </div>
  315.  
  316. <div id="caixa3"><a href="http://sounds-of-war.tumblr.com" target="blank" title="Theme by sounds-of-war.Don't copy!"><center>&copy; Theme by SOUNDS-OF-WAR</center></div>
  317. </div>
  318. </div>
  319.  
  320. </div>
  321.  
  322. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment