Advertisement
maryaciolli

theme lovats

Dec 20th, 2013
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.12 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <link rel="shortcut icon"{favicon}">
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Signika+Negative:300' rel='stylesheet' type='text/css'>
  9.  
  10. <title>{title}</title>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300' rel='stylesheet' type='text/css'>
  13.  
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#232325"/>
  18. <meta name="color:things" content="#4b4b4b"/>
  19. <meta name="color:menu" content="#97bcd6"/>
  20. <meta name="image:Sidebar" content="http://static.tumblr.com/56245faa2295f6e109e7859bb83683d3/nqcm3ld/PuQmy48ap/tumblr_static_1b.jpg"/>
  21. <meta name="text:Link 1" content=""/>
  22. <meta name="text:Link 1 Text" content=""/>
  23. <meta name="text:Link 2" content=""/>
  24. <meta name="text:Link 2 Text" content=""/>
  25. <meta name="text:Link 3" content=""/>
  26. <meta name="text:Link 3 Text" content=""/>
  27. <meta name="text:Link 4" content=""/>
  28. <meta name="text:Link 4 Text" content=""/>
  29. <meta name="text:title" content="your tumblr name" />
  30. <meta name="text:title 2" content="here u can put some cute words" />
  31.  
  32. <style>
  33.  
  34. body{background:{color:background}; color:{color:text}; font: 11px 'verdana'; width:820px; margin-left:auto; margin-right:auto; text-align:justify;}
  35.  
  36. ::-webkit-scrollbar-thumb {
  37. height:auto;
  38. background-color:#9C9C9C;
  39. }
  40.  
  41. ::-webkit-scrollbar {
  42. height:5px;
  43. width:10px;
  44. background-color:{color:things};
  45. }
  46.  
  47. a:link,a:active,a:visited { color: #000000; text-decoration: none; -webkit-transition-duration: .50s;} a:hover { color: #1c1c1c;}
  48.  
  49. b, strong {color: #000000; text-decoration: none;}
  50. s {color: #000000;cursor: help;}
  51. i {color: #000000; text-decoration: none;}
  52. u, underline {color: #000000; text-decoration: none; border-bottom: 1px dashed #000000;}
  53.  
  54. h1 {color: #000000; font-family: 'Roboto Condensed', sans-serif; font-size:18px; line-height:30px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px;}
  55.  
  56. h2 {color: #000000; font-family: 'Courier New', tahoma; font-size:35px; line-height:25px; font-weight: normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px;}
  57.  
  58. blockquote {width:400px; font-family: 'Roboto Condensed', sans-serif; font-size:12px; border-left:5px solid {color:Sidebar}; text-align:left; padding-left:5px;}
  59.  
  60. .side {background:{color:background}; color: 000; top: -10px; padding: 20px; width: 175px; text-align: justify; position: fixed; padding-top:250px; font-family: arial; font-size:10px; height:100%;}
  61.  
  62. .posts {background: #ffffff;color: 000; margin-top: 25px; padding: 5px; width:500px; margin-left:220px;}
  63.  
  64. .info {color: #696969; text-align:right; width:500px; border-top:1px solid #eee; padding:5px; margin-left:220px; background:#fff;}
  65.  
  66. .info a {color: #696969}
  67.  
  68. ul {list-style-type:square; text-aling:left;}
  69.  
  70. .menu{text-align: center; text-decoration: none; margin-top:15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom:8px;}
  71.  
  72. .menu a{text-transform:uppercase!important; padding: 5px 5px 5px 5px; display: inline-block; font-size: 8px; color: #696969; font-family: 'tahoma'; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; font-weight: bold;}
  73.  
  74. .pic {width:93px; border:1px solid #CFCFCF; margin-bottom:8px; padding:3px; margin-left:5px; height:93px;}
  75.  
  76. .nome {font-family: 'Marck Script', cursive; font-size:21px; text-align: center; color:{color:things}; margin-bottom:8px;}
  77.  
  78. .pag {color:{color:Text};}
  79.  
  80. det {color:{color:things};}
  81.  
  82. .menus {background:{color:menu}; padding:9px; display:inline-block; margin-bottom:4px;}
  83.  
  84. .menus:hover {background:{color:things};}
  85.  
  86. .crds {margin-left:0px;}
  87.  
  88. </style>
  89.  
  90. </head>
  91.  
  92. <body>
  93.  
  94. <div style="bottom:30px;right:20px;position:fixed;font-size:8px; padding:5px;"><a href="http://oficinadehtml.tumblr.com" title="(c) theme by @ohwhyklaus">THEME</a></div>
  95.  
  96.  
  97. <div class="side">
  98.  
  99. <div class="nome">{text:title}</div>
  100.  
  101. <center><img src="{image:Sidebar}" width="100%" class="pic" align="right"/></center>
  102.  
  103. <a href="/" class="menus" title="home">.01</a>
  104. <a href="/ask" class="menus" title="message">.02</a>
  105. <a href="{text:Link 1}" class="menus" title="{text:Link 1 Text}">.03</a>
  106. <a href="{text:Link 2}" class="menus" title="{text:Link 2 Text}">.04</a>
  107. <a href="{text:Link 3}" class="menus" title="{text:Link 3 Text}">.05</a>
  108. <a href="{text:Link 4}" class="menus" title="{text:Link 4 Text}">.06</a>
  109.  
  110. <br><br>
  111.  
  112. ❝ {description} ❞
  113.  
  114. <br><center>
  115. <div class="menu">
  116. <det>☆</det> {text:title 2} <det>☆</det>
  117.  
  118. </center>
  119.  
  120.  
  121. <div class="pag"><center><big><big>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</center></big></big>
  122.  
  123. </div></div></div></div>
  124.  
  125.  
  126. <div class="post">
  127. {block:Posts}
  128.  
  129. <!--TEXTOS-->
  130. {block:Text}<div class="posts">
  131. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  132. <div>{Body}</div>
  133. </div>{/block:Text}
  134.  
  135.  
  136. <!--PERGUNTAS E MENSAGENS-->
  137. {block:Answer}<div class="posts">
  138. {Question}
  139. <strong>@{Asker}</strong><br />
  140. {Answer}
  141. </div>{/block:Answer}
  142.  
  143.  
  144. <!--LINKS-->
  145. {block:Link}<div class="posts">
  146. <a href="{URL}"><h1>{Name}</h1></a>
  147. {block:Description}{Description}{/block:Description}
  148. </div>{block:Link}
  149.  
  150.  
  151. <!--FOTOS-->
  152. {block:Photo}<div class="posts">
  153. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center>
  154. {block:Caption}{Caption}{/block:Caption}
  155. </div>{/block:Photo}
  156.  
  157. {block:Photoset}
  158. <div class="post photoset">
  159. <img src="{Photoset-500}"/>
  160. {block:Caption}{Caption}{/block:Caption}
  161. </div>
  162. {/block:Photoset}
  163.  
  164.  
  165. <!--FRASES-->
  166. {block:Quote}<div class="posts">
  167. <h1>❝{Quote}❞</h1>
  168. {block:Source}— {Source}{/block:Source}
  169. </div>{/block:Quote}
  170.  
  171.  
  172. <!--DIALOGOS-->
  173. {block:Chat}<div class="posts">
  174. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  175. <table>
  176. {block:Lines}
  177. <tr>
  178. {block:Label}<td class="name">{Label}</td>{block:Label}
  179. <td class="words">{Line}</td>
  180. </tr>
  181. {/block:Lines}
  182. </table>
  183. </div>{/block:Chat}
  184.  
  185.  
  186. <!--MUSICAS-->
  187. {block:Audio}<div class="posts">
  188. <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  189. <center>{AudioPlayerWhite}</centeR>
  190. {block:Caption}{Caption}{/block:Caption}<br />
  191. </div>{/block:Audio}
  192.  
  193.  
  194. <!--VIDEOS-->
  195. {block:Video}<div class="posts">
  196. <center>{Video-400}</center>
  197. {block:Caption}{Caption}{/block:Caption}<br />
  198. </div>{/block:Video}
  199.  
  200. <div class="info"><small><a href="{Permalink}">Posted on {DayOfMonthWithZero} {ShortMonth}</a> <det>☆</det> {NoteCount} notes <det>☆</det> <a href="{ReblogURL}" target="_blank">Reblog</a> <det>☆</det> <a href="{Permalink}"> Dê like </a></small></div>
  201.  
  202. {/block:Posts}</div></div><br><br>
  203.  
  204. </div></div></div></div></div></div></div></div></div></div></div>
  205.  
  206.  
  207. </body>
  208.  
  209. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement