API tools faq
paste
htmlparavoces

Theme novo ^^

htmlparavoces
Aug 23rd, 2012
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.20 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.  
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"!>
  5.  
  6. <html>
  7. <head>
  8.  
  9.  
  10.     <title>{title}</title>  
  11.     <link rel="shortcut icon" href="">  
  12.  
  13.   <script type="text/javascript">
  14. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  15. </script>
  16.  
  17. </head>
  18. <style>
  19.  
  20. /* formatação */
  21.  
  22. b, strong, bold {color: #B0ACAD;}
  23. u, underline {color: #B0ACAD; border-bottom: 1px dashed #B0ACAD;text-decoration:none;}
  24. i, em {color: #B0ACAD;}
  25. s, strike {color: #B0ACAD;}
  26.  
  27. /* links */
  28.  
  29. a {color: #000; -webkit-transition-duration: .99s; text-decoration:none;}
  30.  
  31. /* Descrição por Mel-html */
  32. .smenu {text-align: center; font-size: 11px; font-family: verdana; position: relative; margin-left: 0px; width: 110px; background-color: #fff; color: #000; padding: 28px; margin-top: 0px; opacity: 0.3;}
  33. #slideShow2 {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; position: absolute;}
  34. #slideShow2 img{width: 208; height: auto;}
  35.  
  36.  
  37. /* box by Pâmela */
  38.  
  39.  
  40. .box {background: #FFF; padding: 5px; margin-bottom: 5px; left:110px; border: 1px solid #000; -moz-box-shadow: 0 0 1em #000; -webkit-box-shadow: 0 0 1em #000;  box-shadow: 0 0 1em #000; }
  41.  
  42. /*** I-frame Mel-html ***/
  43. .menu{background:transparent; color:#000000; padding: 5px; margin:1px; text-align:center; font-size:12px; font-family:verdana; widht:70px;}
  44.  
  45.  
  46.  
  47.  
  48. /*body */
  49.  
  50.   body {background: #fff url(''); font: 10px verdana; text-align:justify; color: #B0ACAD;}
  51.  
  52. /*posts*/
  53. #posts {margin-top: 10px; left: 450px; width:510px; position: absolute;}
  54.  
  55.  
  56. /*sidebar */
  57. #sidebar {width:170px; text-align: justify; float: left; position: fixed; margin-top: 160px; left:220px;}
  58.  
  59. /* caixa */
  60. .caixa {background: #fff;
  61. padding: 5px;
  62. margin-bottom: 0px;
  63. left:10px;
  64. -webkit-box-shadow:0 0 0em #dadada }  
  65.   #image{ padding:5px; text-align:center; background-color: {color:sidebar}; margin-top: 1px; }
  66.  
  67. #image img{width: 180px; height: 160px;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  68.   #image img:hover{opacity:0.7;
  69.  
  70. -webkit-transition-duration: .40s;
  71.  
  72. -webkit-transform: rotate(360deg) scale(1) skew(10deg) translate(100px);
  73.  
  74. -moz-transform: rotate(360deg) scale(1) skew(10deg) translate(100px);
  75.  
  76. -o-transform: rotate(180deg) scale(19) skew(10deg) translate(100px); }}}
  77.  
  78.  
  79. /* creditos */
  80. #credito{margin-left: 80px; margin-top: 235px; width: 328px; float: left; background-color: #FFFFFF; padding: 0px; position: fixed; height: 50px; font-size: 9px; font-family: verdana; }
  81.  
  82. #link5 {font-family: tinytots; background-color: transparent; color: {color:text}; font-size: 8px; padding: 5px 5px 5px 5px;  width: 110px; margin-top: 412px; margin-left: -28px; z-index: 1; position: fixed; text-align: center; height: 18px; border:0px solid ; text-transform: none; opacity: 0.8;}
  83. #link5 a{font-family: tinytots; font-size: 8px; text-transform: none; font-weight: none; padding-left:1px; margin-left:-3px; opacity: 0.4; }
  84.  
  85. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  86.  
  87.  
  88. #links {width: 52px; float: left; margin-left:160px; margin-top: -110px; padding: 1px; text-align: center; position: fixed;  -moz-transition: opacity .9s ease-in-out; -o-transition: opacity .9s ease-in-out; transition: opacity .9s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in;
  89. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; background-color: transparent; height:120px;  }
  90.  
  91. #links a {float: left; padding: 0px; margin-top:1px; display: block; letter-spacing: 0px; font-family: verdana; font-size: 8px; text-align: center;  width: 25px; background-color:#FF69F4; color:#fff; text-decoration: none; text-transform: uppercase;  height: 17px; overflow: hidden; border:0px solid {color:background}; margin-left: 3px; line-height: 17px; }
  92.  
  93. #links  a:hover{text-align: center; background-color: {color:menuhover}; color: transparent; width:77px;}
  94.  
  95.  
  96. </style>
  97. <body>
  98.  
  99.     <div id="sidebar">
  100. <div class="caixa">
  101.  
  102. <div id="image"><img src="http://25.media.tumblr.com/tumblr_m8b0nhv6Lk1qmrp9no2_250.png"title="{title}" style="border: 3px solid #FF69F4"></div>
  103.  
  104.  
  105.  
  106.  
  107. <div id="credito">
  108. “Aprenda a enxergar que você não é tão importante. Você faz parte de uma sociedade, não domina ela. Você convive com outros iguais. Você não é melhor do que ninguém. Aprenda a respeitar, e só assim você terá respeito.”
  109.  
  110.  
  111. </div>
  112.  
  113.  <div id="links">
  114. <a href="/" title="home" style="opacity:0.8;">home</a>
  115. <a href="/ask" title="fale" style="opacity:0.7;">ask</a>
  116. <a href="/" title="link" style="opacity:0.5;">link</a>
  117. <a href="/" title="link" style="opacity:0.7;">link</a>
  118. <a href="/" title="link" style="opacity:0.7;">link</a>
  119.  <u><br><span onClick="changeNavigation('01')"  style="opacity:0.8; class="links">©</span></u>
  120.  
  121.  
  122.  
  123.  
  124.  
  125. </div>
  126.  
  127.  
  128. </div>
  129. </div>
  130. <div id="posts">
  131.  
  132. <div id="liuc">
  133.  
  134. {block:Posts}
  135.  
  136.  
  137. {block:Text}
  138. <div class="post text">
  139. {block:Title}
  140. <h3><a href="{Permalink}">{Title}</a></h3>
  141. {/block:Title}
  142. {Body}
  143. </div>
  144. {/block:Text}
  145.  
  146.  
  147.  
  148. {block:Photo}
  149. <div class="post photo">
  150. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  151. {block:Caption}
  152. <div class="caption">{Caption}</div>
  153. {/block:Caption}
  154. </div>
  155. {/block:Photo}
  156.  
  157.                
  158.  
  159. {block:Photoset}
  160. <div class="post photoset">
  161. {Photoset-500}
  162. {block:Caption}
  163. <div class="caption">{Caption}</div>
  164. {/block:Caption}
  165. </div>
  166. {/block:Photoset}
  167.  
  168.  
  169.  
  170. {block:Quote}
  171. <div class="post quote">
  172. "{Quote}"
  173. {block:Source}
  174. <div class="source">{Source}</div>
  175. {/block:Source}
  176. </div>
  177. {/block:Quote}
  178.  
  179.  
  180.  
  181. {block:Link}
  182. <div class="post link">
  183.  <a href="{URL}" class="link" {Target}>{Name}</a>
  184. {block:Description}
  185. <div class="description">{Description}</div>
  186. {/block:Description}
  187. </div>
  188. {/block:Link}
  189.  
  190.  
  191.  
  192. {block:Chat}
  193. <div class="post chat">
  194. {block:Title}
  195. <h3><a href="{Permalink}">{Title}</a></h3>
  196. {/block:Title}
  197. <ul class="chat">
  198. {block:Lines}
  199. <li class="{Alt} user_{UserNumber}">
  200. {block:Label}
  201. <span class="label">{Label}</span>
  202. {/block:Label}
  203. {Line}
  204. </li>
  205. {/block:Lines}
  206. </ul>
  207. </div>
  208. {/block:Chat}
  209.  
  210.  
  211.  
  212. {block:Video}
  213. <div class="post video">
  214. {Video-500}
  215. {block:Caption}
  216. <div class="caption">{Caption}</div>
  217. {/block:Caption}
  218. </div>
  219. {/block:Video}
  220.  
  221.  
  222.  
  223. {block:Audio}
  224. <div class="post audio">
  225. {AudioPlayerBlack}
  226. {block:Caption}
  227. <div class="caption">{Caption}</div>
  228. {/block:Caption}
  229. </div>
  230. {/block:Audio}
  231.  
  232.  
  233.                
  234. {block:Answer}
  235. <div class="post answer">
  236. {Asker}<br/>
  237. {Question}<br/><br/>
  238. {Answer}
  239. </div>
  240. {/block:Answer}
  241.  
  242. <br>
  243.  
  244. {block:HasTags}{block:Tags}&nbsp;#<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}{/block:HasTags}</a> ? Postado em {DayOfMonth}/{MonthNumberWithZero}/{Year} às {12Hour}:{Minutes}{AmPm} com <a href="{Permalink}">{NoteCount}</a> notes! ({block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}/{block:ContentSource}<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource}) ? <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog!</a>
  245.  
  246. <br><br>
  247.  
  248. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  249.  
  250. {block:PermalinkPage}
  251. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  252. {/block:PermalinkPage}
  253.  
  254.  
  255.  
  256. {/block:Posts}
  257.         </div>
  258.         </div>
  259. <p id="footer">
  260.             {block:PreviousPage}
  261.                 <a href="{PreviousPage}">&#171; Previous</a>
  262.             {/block:PreviousPage}
  263.  
  264.             {block:NextPage}
  265.                 <a href="{NextPage}">Next &#187;</a>
  266.             {/block:NextPage}
  267.  
  268.          
  269. </p>    
  270.      
  271.  
  272.    <!-- About -->
  273. <div id="01" style="display:none">
  274. <div class="box">
  275.  
  276. <h2> Ajudas </h2>
  277.  
  278.  <br>Theme por:  <a href="http;//d-esequilibrio.tumblr.com"> Thucca</a>
  279.  
  280. <br>Base por: <a href="http://granulado-azul.tumblr.com"> Vanessa  </a>
  281.  
  282. <br>Ajudas: <a href="http://everythingforhtml.tumblr.com"> everythingforhtml </a>  /  <a href="http://illgivemyheartabreak.tumblr.com"> illgivemyheartabreak </a>
  283.  
  284. <br>I-frame: <a href="http://mel-html.tumblr.com"> Pâmela </a>
  285.  
  286. <br>
  287.  
  288. </div></div>
  289.  
  290.  
  291.  
  292. </body>
  293. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!