API tools faq
paste
thuannemendonca

theme lucy hale

thuannemendonca
Oct 2nd, 2012
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.72 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME BASE POR HTTP://GUSTAVOCARVALHO.TUMBLR.COM. HTML/CSS DESENVOLVIDO INTEIRAMENTE POR GUSTAVOCARVALHO. FAVOR, NÃO COPIE E SE USAR USAR, MANTENHA DOS CRÉDITOS! GRATO! -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11">
  4.  
  5. </head>
  6. <title>{title}</title>
  7. <link rel="shortcut icon" href='http://static.tumblr.com/wzbybb3/6LLlvt349/favicon__6_.ico' />
  8. <style type="text/css">
  9.  
  10. /* CENTRALIZA */
  11. #centraliza {width: 800px; margin: 0 auto;}
  12. #ladosidebar {width: 285px; margin: 0 auto; float: left;}
  13. #ladoposts {width: 500px; margin: 0 auto; float: right;}
  14.  
  15. /* ESSENCIAL */
  16. body {background: url('http://media.tumblr.com/tumblr_mb5tofoqMe1rq5q3r.jpg'); background-color: #ffe2ca; background: fized; font-family: Verdana; font-size: 11px; font-align: justify; background-attachment: fixed;background-repeat: no-repeat}
  17.  
  18. /* BLOCKQUOTE */
  19. blockquote {background: #FFFFFF; font-style: normal; padding: 5px; margin: 15px; margin-bottom: 1px; margin-top: 1px; line-height: 17px; color: #000000; border-left: 5px solid #000000;}
  20.  
  21. /* LINKS */
  22. a:link, a:active, a:visited {color: #000000; text-decoration: none; -webkit-transition-duration: .40s;}
  23. a:hover {color: #FFFFFF; text-decoration: underline dashed; -webkit-transition-duration: .40s;}
  24.  
  25. /* NEGRITO */
  26. b, strong {color: #000000;}
  27.  
  28. /* ITÁLICO */
  29. i, em {font: italic 11px verdana; color: #000000;}
  30.  
  31. /* SUBLINHADO */
  32. u {border-bottom: 1px solid #000000; text-decoration: none;}
  33.  
  34. /* RISCADO */
  35. s, strike {color: #000000;}
  36.  
  37. /* CAIXAS */
  38. .box {width: 500px; background: #FFFFFF; color: #000000; text-align: justify; margin-bottom: 5px; padding: 5px;}
  39. .boxn {width: 500px; background: #000000; color: #FFFFFF; text-align: justify; margin-bottom: 35px; margin-left: -5px; padding: 5px;}
  40. .boxn a{color: #FFFFFF;}
  41. .boxs {width: 200px; background: #FFFFFF; color: #000000; text-align: justify; margin-bottom: 5px; padding: 5px;margin-left:205px;border-left:0px solid; border-right:0px solid; padding:3px }
  42. .boxc {width: 205px; background: #FFFFFF; color: #000000; text-align: justify; margin-bottom: 5px; padding: 5px;}
  43.  
  44. #pagina {width: 1000px;
  45. margin-right: auto;
  46. margin-left: auto;
  47. margin-top: auto;
  48. margin-bottom:auto;}
  49. #postsht {position: absolute;
  50. width:545px;
  51. left: 160px;
  52. top: 20px;
  53. margin: auto;
  54. position: relative;}
  55. #sidebarht {width: 320px;
  56. text-align: justify;
  57. float:left;
  58. position:fixed;
  59. margin:100px 0px 0px 50px;}
  60. /* —-Efeito parceria por Deus-de-alianca/More-html.———- */
  61.  
  62. .border1 {background:#fff;
  63. padding:1px;
  64. border:5px solid #696969;
  65. margin:1px;
  66. -webkit-transition-duration: .99s;
  67. -moz-transition-duration: .99s;}
  68.  
  69. .border1:hover {filter: grayscale(100%);
  70. -webkit-filter: grayscale(100%);
  71. -moz-filter: grayscale(100%);
  72. -o-filter: grayscale(100%);
  73. -ms-filter: grayscale(100%);
  74. border:5px solid #df8db9;}
  75. .ribbon {
  76.  font-size: 16px !important;
  77.  
  78.  width: 50%;
  79.    
  80.  position: relative;
  81.  background: #FF1493;
  82.  color: #fff;
  83.  text-align: center;
  84.  padding: 1em 2em;
  85.  margin: 2em auto 3em;
  86. }
  87. .ribbon:before, .ribbon:after {
  88.  content: "";
  89.  position: absolute;
  90.  display: block;
  91.  bottom: -1em;
  92.  border: 1.5em solid #FF1493;
  93.  z-index: -1;
  94. }
  95. .ribbon:before {
  96.  left: -2em;
  97.  border-right-width: 1.5em;
  98.  border-left-color: transparent;
  99. }
  100. .ribbon:after {
  101.  right: -2em;
  102.  border-left-width: 1.5em;
  103.  border-right-color: transparent;
  104. }
  105. .ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
  106.  content: "";
  107.  position: absolute;
  108.  display: block;
  109.  border-style: solid;
  110.  border-color: #804f7c transparent transparent transparent;
  111.  bottom: -1em;
  112. }
  113. .ribbon .ribbon-content:before {
  114.  left: 0;
  115.  border-width: 1em 0 0 1em;
  116. }
  117. .ribbon .ribbon-content:after {
  118.  right: 0;
  119.  border-width: 1em 1em 0 0;
  120. }
  121.  
  122. .menu { width: 80px; margin: 0.70px; border-left: 1px solid #FFFAFA
  123. ; text-align: center; display: inline-block; background: #FFF5EE; color: #fff; font-size: 8px; font-family:"04b03", small fonts;}
  124. .menu:hover {background: #CD5C5C; color:#fff}
  125.  
  126. .ladinho {top: 180px; margin-left: 22px; position: fixed; z-index:0px; width:50px; -webkit-transition-duration: .90s;}
  127.  
  128. .ladinho:hover {top: 180px; margin-left: -50px; position: fixed; z-index:0px; width:50px; -webkit-transition-duration: .90s;}
  129.  
  130. /*** paginação seta ***/
  131.  
  132. .pagset {display: inline-block; padding:5px; text-align:center; line-height:15px; color:#000000; float: center; font-family:arial; font-size:40px; alpha(Opacity=90);-webkit-transition-duration: .80s; margin-left: 1px; margin-right: 1px; text-shadow: 0 1px 1px #FFF; justify; margin-top: 15px;}
  133.  
  134. html::-webkit-scrollbar {width:8; height:auto;background: #FFFFFF;}
  135. html::-webkit-scrollbar-corner { background: #FFFFFF;}
  136. html::-webkit-scrollbar-button:vertical {height:1px;display:block;}
  137. html::-webkit-scrollbar-button:horizontal {width:1px;display:block;}
  138. html::-webkit-scrollbar-thumb:vertical {background-image: url('http://25.media.tumblr.com/tumblr_la3farcLRn1qcdtsho1_250.jpg');border: 1px solid  #A2A2A2;border-right:none;-webkit-border-radius: 8px;}
  139. html::-webkit-scrollbar-thumb:horizontal {background-image: url('http://25.media.tumblr.com/tumblr_la3farcLRn1qcdtsho1_250.jpg');border: 1px solid #A2A2A2;border-bottom;}
  140. html::-webkit-scrollbar-thumb  {background-image: url('http://25.media.tumblr.com/tumblr_la3farcLRn1qcdtsho1_250.jpg');}
  141. html::-webkit-scrollbar-thumb:hover {background-image: url('http://25.media.tumblr.com/tumblr_la3farcLRn1qcdtsho1_250.jpg');border: 1px solid  #A2A2A2;}
  142. html::-webkit-scrollbar-track-piece {background: none;}
  143. html::-webkit-scrollbar:vertical {border-left: 1px solid #A2A2A2;}
  144. html::-webkit-scrollbar:horizontal {border-top: 1px solid #A2A2A2;}
  145.  
  146. </style>
  147.  
  148. <body onkeydown="return false">
  149.  
  150. <!-- COMEÇO DA CENTRALIZAÇÃO -->
  151. <div id="sidebarht">
  152.  
  153.  
  154. <br>
  155. <!-- CAIXA SIDEBAR 2 -->
  156. <div class="boxs">
  157. <img src="http://data.whicdn.com/images/22396918/tumblr_lytxsh1dxC1qlvskho1_500_large.png" height="200px" width="200px"/>
  158.  
  159. <div class='ladinho'>
  160.  
  161. <a href='/' class='menu'>Home </a>
  162.  
  163. <a href='/ask' class='menu'>Ask me</a>
  164.  
  165. <a href='/' class='menu'>Link 1 </a>
  166.  
  167. <a href='/' class='menu'>Link 2 </a>
  168.  
  169. <a href='/' class='menu'>Link 3 </a>
  170.  
  171. <a href='/' class='menu'>Link 4 </a>
  172.  
  173. <a href='/' class='menu'>Link 5 </a>
  174.  
  175. </div>
  176.  
  177. <small>Theme por <a href="http://d-esequilibrio.tumblr.com/">thucca </a> base por gustavocarvalho,dtl de up-design e ostres-ds</small>
  178.  
  179.  
  180. </div>
  181. <div class="left"><div class="pagset">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div></div>
  182. <div class="right"><div class="pagset">{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div></div>
  183. <br><br>
  184.  
  185. <!-- FIM DA CAIXA DA SIDEBAR 2 -->
  186.  
  187.  
  188. <!-- CRÉDITOS, NÃO APAGAR! -->
  189. </div>
  190. <!-- FIM DOS CRÉDITOS -->
  191. </div>
  192. <!-- FIM DA SIDEBAR -->
  193. </div>
  194.  
  195. <!-- CONTEÚDO DOS POSTS -->
  196. <h1 class="ribbon">
  197.  
  198. <strong class="ribbon-content">{title} </strong> </h1>
  199. <div id="postsht">
  200.  
  201. <!-- CAIXA DOS POSTS -->
  202. {block:Posts}
  203. <div class="box">
  204.  
  205. <!-- TODOS OS POSTS -->
  206.  
  207.     <!--TEXTOs-->
  208.  
  209.     {block:Text}
  210.  
  211.         {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  212.  
  213.         <div>{Body}</div>
  214.  
  215.     {/block:Text}</h1>
  216.  
  217.  
  218.  
  219.     <!--PERGUNTAS E MENSAGENS-->
  220.  
  221.     {block:Answer}
  222.  
  223.         <strong>{Asker}</strong> perguntou: {Question}<br /><br />
  224.  
  225.         Resposta: {Answer}<br />
  226.  
  227.     {/block:Answer}
  228.  
  229.  
  230.  
  231.     <!--LINKS-->
  232.  
  233.     {block:Link}
  234.  
  235.         <a href="{URL}"><h1>{Name}</h1></a>
  236.  
  237.         {block:Description}{Description}{/block:Description}
  238.  
  239.  
  240.     {block:Link}
  241.  
  242.  
  243.  
  244.     <!--FOTOS-->
  245.  
  246.     {block:Photo}
  247.         {LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" class="opacidade"/>{LinkCloseTag}
  248.  
  249.         {block:Caption}{Caption}{/block:Caption}
  250.  
  251.     {/block:Photo}
  252.  
  253.  
  254.  
  255.     <!--FRASES-->
  256.  
  257.     {block:Quote}
  258.  
  259.         <big><h1>"{Quote} "</h1>
  260.  
  261.         {block:Source}<div style="float:right; margin-top: -13px;">&mdash; {Source}</div>{/block:Source}
  262.  
  263.     {/block:Quote}
  264.    
  265.  
  266.  
  267.     <!--DIALOGOS-->
  268.  
  269. {block:Chat} {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title} <div id="chat"> <ul>{block:Lines}<li> {block:Label}<b>{Label}</b>{block:Label} {Line} </li>{/block:Lines}</ul> </div> {/block:Chat}
  270.    
  271.     <!--MUSICAS-->
  272.  
  273.     {block:Audio}
  274.  
  275.         <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  276.  
  277.         <div class="boxplay">{AudioPlayerBlack}</div>
  278.  
  279.         {block:Caption}{Caption}{/block:Caption}
  280.  
  281.  
  282.     {/block:Audio}
  283.    
  284.  
  285.  
  286.     <!--VIDEOS-->
  287.  
  288.     {block:Video}
  289.  
  290.         <center>{Video-500}</center>
  291.  
  292.         {block:Caption}{Caption}{/block:Caption}
  293.  
  294.     {/block:Video}
  295.  
  296.         {block:PostNotes}{PostNotes}{/block:PostNotes}  
  297.        
  298. <!-- CAIXA DE INFORMAÇÕES -->
  299. <div class="boxn">
  300.  
  301.         <a href="{Permalink}">{DayOfMonth}/{MonthNumberWithZero}/{Year}</a> <a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a>
  302.    
  303.         {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> <a href="{ReblogRootURL}">Original</a>{/block:RebloggedFrom}
  304.  
  305.         {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  306.  
  307.         {block:ContentSource}<a href="{SourceURL}" target=blank>Source</a>{/block:ContentSource}
  308.        
  309.         <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog</a>
  310.  
  311.         {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  312.        
  313. <!-- FIM DAS CAIXAS DE INFORMAÇÕES -->
  314. </div>
  315.  
  316. <!-- FIM DA CAIXA DOS POSTS -->
  317. </div>
  318.  
  319. <!-- FIM DOS POSTS -->
  320. {/block:Posts}
  321.  
  322. <!-- FIM DA CENTRALIZAÇÃO EM GERAL -->
  323. </div>
  324.  
  325. </body>
  326.  
  327. </html>
  328.  
  329. <!-- THEME BASE POR HTTP://GUSTAVOCARVALHO.TUMBLR.COM. HTML/CSS DESENVOLVIDO INTEIRAMENTE POR GUSTAVOCARVALHO. FAVOR, NÃO COPIE E SE USAR USAR, MANTENHA DOS CRÉDITOS! GRATO! -->
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!