API tools faq
paste
Advertisement
thmxpedro

Theme about + inbox; Simple and beautiful.

thmxpedro
May 16th, 2014
546
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!------------------------------------------------------------------------
  3. THEMES FEITO POR PEDRO COSTA /FRAQUEAR.TUMBLR
  4. dtls oceans / sofia
  5. ----------------------------------------------------------------------
  6. * NÃO RETIRE OS CREDITOS ;
  7. * NÃO PLAGIE , ART. LEI 184
  8. * DÚVIDAS ME PERGUNTE, OKAY?
  9. * NÃO SE INSPIRE, NEM COPIE.
  10. * PENSE BEM ANTES DE FAZER BESTEIRA
  11. ----------------------------------------------------------------------
  12. ---------------->
  13.  
  14. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  15.  
  16. <style>
  17. div#qTip {
  18. padding:4px;
  19. height: auto;
  20. margin-top:10px;
  21. margin-left:10px;
  22. font-family:consolas;
  23. font-size:8px;
  24. display: none;
  25. text-align: center;
  26. position: absolute;
  27. line-height: 10px;
  28. letter-spacing:1px;
  29. text-transform:uppercase;
  30. z-index: 999999999999;
  31. background:white;
  32. border-radius:5px;
  33. color:#aaa;
  34. border:1px solid #eee;
  35. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  36. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  37. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  38. }
  39. </style>
  40.  
  41. <style type="text/css">
  42.  
  43. body {
  44. color:#aaa;
  45. background-image:url('http://static.tumblr.com/78190f2d3e5851712665be3892f0cb09/ut8byil/FXon5n2in/tumblr_static_6z836oo46p8okg8k8o8kwkck0.jpg'); background-attachment:fixed; background-repeat:no-repeat; background-size:100% 100%; }
  46.  
  47.  
  48.  
  49. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  50.  
  51. ::-webkit-scrollbar-thumb { background-color:#9ad0db; border-bottom: 1px solid #fff; border-radius:5px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  52.  
  53. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  54.  
  55. a:link, a:active, a:visited{
  56. color:#a2bdd3;
  57. text-decoration: none;
  58. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  59. }
  60. a:hover {
  61. font-style: none;
  62. text-decoration:underline;
  63. color:#aaa;
  64. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  65. }
  66. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  67.  
  68. #content {
  69. width: 500px;
  70. height:300px;
  71. margin-left:270px;
  72. margin-top:150px;
  73. }
  74. div#askinha{
  75. position: fixed;
  76. text-align: justify;
  77. font-family:CONSOLAS;
  78. font-size:10px;
  79. background:white;
  80. padding:18px;
  81. padding-top:px;
  82. border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;
  83. border-radius:0px;
  84. line-height: 14px;
  85. letter-spacing:0px;
  86. height:auto;
  87. width:500px;
  88. color:;
  89. margin-top:270px;
  90. margin-left:450px;
  91. z-index:9999;
  92. }
  93.  
  94. #linkss a {
  95. display:block;
  96. padding:10px;
  97. margin-left:-2px; margin-bottom:12px;
  98. background:transparent;
  99. color:white;
  100. z-index:99999999;
  101. width:10px;
  102. height:10px;
  103. border:1px solid #fff;
  104. outline:1px solid#efefef;
  105. outline-offset:-4px;
  106. border-radius: 1px;
  107. }
  108.  
  109. #linkss {
  110. opacity:1;
  111. padding: 10px;
  112. margin-top: 92px;
  113. display: block;
  114. position: fixed;
  115. z-index: 999999999;
  116. font-size: 12px;
  117. margin-left: 985px;
  118. letter-spacing: 2px;
  119. text-align: left;
  120. line-height: 15px;
  121. font-family: consolas;
  122. text-transform: uppercase;
  123. -webkit-transition: all 0.7s ease-out;
  124. -moz-transition: all 0.7s ease-out;
  125. transition: all 0.7s ease-out;
  126.  
  127. }
  128.  
  129. #linkss:hover {
  130. border-radius:50px;
  131. }
  132.  
  133. div#informacao{
  134. position: fixed;
  135. text-align: justify;
  136. line-height:13px;
  137. font-family:arial;
  138. font-size:8px;
  139. letter-spacing:1px;
  140. text-transform:uppercase ;
  141. background:white;
  142. padding:8px;
  143. padding-top:12px;
  144. border:1px solid #f2f2f2;
  145. border-radius:7px 7px 0px 0px;
  146. height:auto;
  147. width:520px;
  148. color:;
  149. margin-top:87px;
  150. margin-left:450px;
  151. z-index:9999;
  152. }
  153.  
  154. #frase{
  155. position:fixed !important;
  156. font-family:"Amatic SC";
  157. font-size:35px;
  158. margin-top:60px;
  159. color:#d2aaac;
  160. background-color:;
  161. z-index:9999;
  162. letter-spacing:1px;
  163. text-shadow:
  164. -1px 0 #fff,
  165. 0 1px #fff,
  166. 1px 0 #fff,
  167. 0 -1px #fff;
  168. margin-left:470px;
  169. }
  170.  
  171. #links {height:50px; width:120px; margin-top:78px; margin-left:268px;position:fixed; text-align:left;opacity:1; border:0px solid {color:#fff};border-radius:100px;z-index:99999}
  172. #links img { width:auto; height:23px; margin-left:8px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;opacity:0.6;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;border-radius:100px;}
  173.  
  174. #s-m-t-tooltip {max-width:300px; padding:3px 3px 3px 3px;margin:15px 20px;background-color:#fff; font-family:arial; font-size:9px; letter-spacing:0px; text-transform:lowercase; color:#808080; border:1px solid #e0dfdf; z-index:9999999; -moz-transition-duration:1s;
  175. -webkit-transition-duration:1s;
  176. -o-transition-duration:1s;}
  177.  
  178.  
  179. </style>
  180. <script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=0afa49f7919cad0e610199915e2a6884"></script><meta http-equiv="x-dns-prefetch-control" content="off"/><script type="text/javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=83c002e9bd947a7c3a044efdde3ef9c0"></script><meta http-equiv="x-dns-prefetch-control" content="off"/></head> <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  181.  
  182. <script type="text/javascript"
  183. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  184. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  185. <script>
  186. (function($){
  187.  
  188. $(document).ready(function(){
  189. $("[title]").style_my_tooltips();
  190. });
  191. })(jQuery);
  192. </script>
  193.  
  194.  
  195. <body>
  196. </style>
  197.  
  198. <title>Mande uma mensagem...</title>
  199. <link rel="shortcut icon" href="http://pnsdr.com/favicon.ico">
  200. <body>
  201. <center>
  202.  
  203. <div id="informacao">
  204. Sua descrição aqui. Sua descrição aqui. Sua descrição aqui. Sua descrição aqui. Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui.Sua descrição aqui........
  205. </div>
  206. <div id="frase">Messages here</div>
  207.  
  208.  
  209. <div id="linkss">
  210. <a href="/" title="link"><img src="http://i45.tinypic.com/70zxhj.png"style="opacity:1;margin-top:-3px;margin-left:-3px;"></a>
  211.  
  212. <a href="/" title="link"><img src="http://i47.tinypic.com/xfyble.png"style="opacity:1;margin-top:-3px;margin-left:-3px;"></a>
  213.  
  214. <a href="/" title="link"><img src="
  215. http://i49.tinypic.com/34dq4qh.png"style="opacity:1;margin-top:-3px;margin-left:-3px;"></a>
  216.  
  217. <a href="/" title="link"><img src="http://i45.tinypic.com/2qbdlok.png"style="opacity:1;margin-top:-3px;margin-left:-3px;"></a>
  218.  
  219. </div>
  220. </div></div></div>
  221. <div id="askinha">
  222. <p><iframe frameborder="0" height="200" scrolling="no" src="http://www.tumblr.com/ask_form/SUAURL.tumblr.com" width="100%"></iframe></p>
  223. </div>
  224.  
  225. </div>
  226. </div>
  227. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!