API tools faq
paste
Advertisement
simonecereja

Theme Extra2 (theme de themes)

simonecereja
Oct 26th, 2012
10,177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.26 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <head profile="http://gmpg.org/xfn/11"><link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  4. <script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  6.  
  7. <!-----------------THEME FEITO POR SIMONE MONTILARES (CEREJADOSUNDAE), NÃO COPIE, NEM DISPONIBILIZE, ESTE THEME É PARA AUXILIAR NA SUA DISPONIBILIZAÇÃO DE THEMES, NÃO RETIRE OS CRÉDITOS E DIGA QUE FOI VOCÊ QUE FEZ, ISSO É CHATO E DESAGRÁDAVEL--->
  8.  
  9.  
  10.  
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{favicon}" />
  13. <link href='http://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet' type='text/css'>
  14. </head>
  15. <style>
  16.  
  17.  
  18. /*** Background ***/
  19.  
  20. body {background: url('http://static.tumblr.com/wtqmrzh/dvBmc5hj3/starlit_night_by_gucken.jpg') bottom left fixed repeat #000; text-align:justify; color:#a6a6a6; padding:0; line-height:17px; color:#a6a6a6; overflow-x:hidden; height:100%; font:11px Verdana; margin-top:50px;}
  21.  
  22.  
  23.  
  24.  
  25. /* Formatação dos links sm*/
  26. a:link, a:visited, a:active {color: #fff; letter-spacing: 1px; text-decoration: none;}
  27. a:hover {color: #F7ABBB;; -webkit-transition-duration: .99s;}
  28. /* Formatação dos caixas sm*/
  29. #caixa {width:790px;margin-top:80px;height:370px;}
  30. .caixa1 {width:580px; height:370px;color:#fff;background: rgba(0,0,0,0.5);float:left;margin-top: 2px;padding:4px;}
  31. .caixa2 {width:190px; color:#aaa;float:right;margin-top: -0px;}
  32. .caixa3 {width:870px; float:left;margin-top: -20px;padding:4px; font-family:calibri; font-size:10px;text-transform:uppercase;text-align:right;}
  33.  
  34.  
  35. /**Efeito 1 (cerejadosundae)***/
  36. #imagesm1 {margin-top: 3px;width:280px;height:370px;position:relative;display: inline-block; }
  37. #imagesm1 img {position:absolute;width:280px;height:370px;-webkit-transition-duration: .49s;}
  38. #imagesm1:hover img{ margin-top:-380px;-webkit-transition-duration: .49s;}.imageside1 {float:center;width:280px;height:370px; border:2px solid #777; overflow:hidden;margin:1px; }
  39.  
  40.  
  41. .frase{
  42. margin-top: 5px;
  43. width: 280px;
  44. background:#000;;
  45. opacity: 0.7;
  46. padding: 0px;
  47. position: absolute;
  48. height: auto;
  49. font-family: 'Oregano', cursive;font-size:15px;
  50. color: #fff;
  51. line-height:22px;
  52. text-align: center;
  53. text-transform: none;
  54. letter-spacing: 0px;}
  55.  
  56. #texto1 {width:280px;height:350px;background: rgba(27,37,49,0.5);margin-left:-4px;opacity:1;margin-top:-0px;padding:4px;color:#777;padding: 15px 2px 10px 2px ; }
  57. h2{color:#fff; !important;text-shadow: -1px -1px 8px #fff;font-family: 'Rochester', cursive;font-size:15px;line-height:20px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:center;letter-spacing: 1px;}
  58.  
  59. h1{color:#fff; !important;font-family: 'Oregano', cursive;font-size:15px;line-height:20px;font-weight:normal;margin:0px;padding:0px;margin-bottom:-0px;text-align:center;letter-spacing: 1px;}
  60. /* Formatação dos dos themes sm*/
  61. .caixacor1 {color:#fff;width:275px;display: inline-block;}
  62.  
  63. .caixinha {color:#fff; width:255px;padding:4px;height:15px; display: inline-block;margin: 1px; -webkit-transition-duration: .90s;font-family:georgia;font-size: 12px;font-style:italic;background: rgba(0,0,0,0.5);margin:1px;margin-left:5px;border-radius:4px;}
  64.  
  65. .caixinha a{color:#fff;}
  66.  
  67. .caixinha2 {color:#fff; display: inline-block;margin: 1px; -webkit-transition-duration: .90s;font-family:georgia;font-size: 10px;line-height:20px;}
  68.  
  69. .caixinha2 a{color:#aaa;}
  70. /** Menu SM**/
  71. .menu {color:#fff;background: rgba(27,37,49,0.5); display: inline-block; padding: 2px; text-align: center; line-height: 10px; height: 12px; ;width:81px; float: center; margin:1px 1px 1px 1px; font-family:calibri; font-size:10px;text-transform:uppercase;!important;text-decoration: none; letter-spacing:-0.05em; opacity:0.8; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.5s ease-out; }
  72.  
  73. .menu:hover {background: rgba(27,37,49,0.9); display: inline-block; padding: 2px; text-align: center; float: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.5s ease-out;}
  74.  
  75.  
  76. b, strong, bold {color:#9BA4B7;}
  77. /****************** FORMATAÇÃO DO SCROLLBAR **/
  78.  
  79. ::-webkit-scrollbar-thumb:vertical {background: rgba(0,0,0,0.99);height:50px; border:2px solid rgba(250,250,250,0.5);}
  80.  
  81. ::-webkit-scrollbar-button:vertical {height:8px;display: block; background: rgba(0,0,0,0.5);;}
  82.  
  83.  
  84. ::-webkit-scrollbar {height:0px;width:7px;background: rgba(250,250,250,0.5);}
  85.  
  86. /* Formatação do titulo sm*/
  87. caixinha {width:450px;color:#aaa;font-family: 'Marvel', sans-serif;font-size:25px;line-height:25px;-align:center;letter-spacing: 2px;padding: 6px;margin-bottom:-4px;}
  88.  
  89.  
  90. .desejos {background:rgba (0,0,0, 0.8);margin-bottom : 1px;display : block;font-size: 9px;font-family: verdana; letter-spacing : 0; line-height: 20px;border-bottom : 0px solid #eee;text-indent : 5px;vertical-align : middle; padding-left : 15px;text-indent : 5px;text-decoration : none;border-bottom : 1px solid #000;-webkit-transition-duration: .30s;text-align:left;color:#aaa;}
  91.  
  92. .desejos:hover {background:rgba (0,0,0, 0.5); }
  93.  
  94. .bordass{width:260px;opacity:0.9;-webkit-transition-duration: .90s;}
  95. .bordass:hover{opacity:1;}
  96. </style>
  97. <body onkeydown="return false" ondragstart='return false' oncontextmenu="return false" ondragstart="return false"><center>
  98. <div id="caixa"><caixinha>Themes NOME DO SEU TUMBLR</caixinha><div class="caixa3">
  99. <a href="http://LINK" ><div class="menu">Nome</div></a>
  100.  
  101. <a href="http://LINK"><div class="menu">Nome</div></a>
  102. <a href="http://LINK"><div class="menu">Nome</div></a>
  103. </div>
  104.  
  105. <!----aqui você vai colocar os links e nomes dos seus themes---->
  106.  
  107. <div class="caixa1"><div style="width:580px;overflow: auto; line-height: 100%;height:370px;background: rgba(27,37,49,0.5);" >
  108.  
  109. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  110. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  111. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  112. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  113. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  114. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  115. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  116. <div class="caixacor1"><div class="caixinha">NOME DO THEME</div><img src="http://static.tumblr.com/zvqacv0/U3Pmcim7c/imagem.png"class="bordass"><div class="caixinha2"><a href="URLDOCÓDIGO" target="_blank">Code </a> - <a href="URLDAPREVIA" target="_blank"> Preview</a></div></div>
  117.  
  118.  
  119. </div></div><div class="caixa3"><br>
  120. Theme feito totalmente por <a href="http://cerejadosundae.tumblr.com">cerejadosundae</a>. </div>
  121. <!-- FIM CONTADOR -->
  122.  
  123.  
  124.  
  125. <!----aqui você vai colocar a imagem e regras dos seus themes---->
  126.  
  127. <div class="caixa2"><!----------Efeito 1 (cds)----------><div id="imagesm1" class="imageside1">
  128. <img src="http://25.media.tumblr.com/tumblr_ls8dlzT1DR1r2z3xoo1_500.jpg"class="image1"><div class="frase">Leia as regras</div>
  129. <div id="texto1"><br>
  130.  
  131.  
  132. <div class="desejos">Regra aqui</div>
  133.  
  134. <div class="desejos">Regra aqui</div>
  135.  
  136. <div class="desejos">Regra aqui</div>
  137.  
  138. <div class="desejos">Regra aqui</div>
  139.  
  140. <div class="desejos">Regra aqui</div>
  141.  
  142. <div class="desejos">Regra aqui</div>
  143.  
  144. <div class="desejos">Regra aqui</div>
  145.  
  146. <div class="desejos">Regra aqui</div>
  147.  
  148. <div class="desejos">Regra aqui</div>
  149.  
  150. <div class="desejos">Regra aqui</div>
  151.  
  152. <div class="desejos">Regra aqui</div>
  153.  
  154. <div class="desejos">Regra aqui</div>
  155.  
  156. <div class="desejos">Regra aqui</div>
  157. </div></div>
  158.  
  159.  
  160. </div>
  161. </div>
  162. <center>
  163.  
  164.  
  165. </div></div>
  166. </center>
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173. </div></div>
  174.  
  175. </body>
  176.  
  177. </head>
  178. </html>
  179. </html>
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!