Advertisement
maryaciolli

gomez theme

Dec 10th, 2013
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.29 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="#97bcd6"/>
  19. <meta name="image:Sidebar" content="http://media.tumblr.com/5eee6c341394a6493f745251dc1ab426/tumblr_inline_mxi5lnomxV1su6ixi.png"/>
  20. <meta name="text:Link 1" content=""/>
  21. <meta name="text:Link 1 Text" content="nav"/>
  22. <meta name="text:Link 2" content=""/>
  23. <meta name="text:Link 2 Text" content="owners"/>
  24. <meta name="text:title" content="selenita gomez" />
  25.  
  26. <style>
  27.  
  28. body{background:{color:background}; color:{color:text}; font: 11px 'verdana'; width:820px; margin-left:auto; margin-right:auto; text-align:justify;}
  29.  
  30. ::-webkit-scrollbar-thumb {
  31. height:auto;
  32. background-color:#9C9C9C;
  33. }
  34.  
  35. ::-webkit-scrollbar {
  36. height:5px;
  37. width:10px;
  38. background-color:{color:things};
  39. }
  40.  
  41. a:link,a:active,a:visited { color: #000000; text-decoration: none; -webkit-transition-duration: .50s;} a:hover { color: #1c1c1c;}
  42.  
  43. b, strong {color: #000000; text-decoration: none;}
  44. s {color: #000000;cursor: help;}
  45. i {color: #000000; text-decoration: none;}
  46. u, underline {color: #000000; text-decoration: none; border-bottom: 1px dashed #000000;}
  47.  
  48. 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;}
  49.  
  50. 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;}
  51.  
  52. blockquote {width:400px; font-family: 'Roboto Condensed', sans-serif; font-size:12px; border-left:5px solid {color:Sidebar}; text-align:left; padding-left:5px;}
  53.  
  54. .side {background:{color:background}; color: 000; top: -10px; padding: 20px; width: 170px; text-align: justify; position: fixed; padding-top:250px; font-family: arial; font-size:10px; height:100%;}
  55.  
  56. .posts {background: #ffffff;color: 000; margin-top: 25px; padding: 5px; width:500px; margin-left:220px;}
  57.  
  58. .info {color: #696969; text-align:right; width:500px; border-top:1px solid #eee; padding:5px; margin-left:220px; background:#fff;}
  59.  
  60. .info a {color: #696969}
  61.  
  62. ul {list-style-type:square; text-aling:left;}
  63.  
  64. .menu{text-align: center; text-decoration: none; margin-top:15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom:8px;}
  65.  
  66. .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;}
  67.  
  68. .pic {width:58px; border:1px solid #CFCFCF; margin-bottom:8px; padding:3px; margin-left:5px;}
  69.  
  70. .nome {font-family: 'Marck Script', cursive; font-size:21px; text-align: center; color:{color:things}; margin-bottom:8px;}
  71.  
  72. .pag {color:{color:Text};}
  73.  
  74. det {color:{color:things};}
  75.  
  76. </style>
  77.  
  78. </head>
  79.  
  80. <body>
  81.  
  82.  
  83. <a href="http://www.oficinadehtml.tumblr.com" title="theme by @ohwhyklaus">© theme</a>
  84.  
  85.  
  86.  
  87. <div class="side">
  88.  
  89. <div class="nome">{text:title}</div>
  90.  
  91. <center><img src="{image:Sidebar}" width="100%" class="pic" align="right"/></center>
  92.  
  93. ❝ {description} ❞
  94.  
  95. <br><center>
  96. <div class="menu">
  97. <det>☆</det>
  98. <a href="/" >home</a>
  99. <a href="/ask" >ask</a>
  100. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  101. <a href="{text:Link 2}">{text:Link 2 Text}</a> <det>☆</det>
  102.  
  103. </center>
  104.  
  105.  
  106. <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>
  107.  
  108. </div></div></div></div>
  109.  
  110.  
  111. <div class="post">
  112. {block:Posts}
  113.  
  114. <!--TEXTOS-->
  115. {block:Text}<div class="posts">
  116. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  117. <div>{Body}</div>
  118. </div>{/block:Text}
  119.  
  120.  
  121. <!--PERGUNTAS E MENSAGENS-->
  122. {block:Answer}<div class="posts">
  123. {Question}
  124. <strong>@{Asker}</strong><br />
  125. {Answer}
  126. </div>{/block:Answer}
  127.  
  128.  
  129. <!--LINKS-->
  130. {block:Link}<div class="posts">
  131. <a href="{URL}"><h1>{Name}</h1></a>
  132. {block:Description}{Description}{/block:Description}
  133. </div>{block:Link}
  134.  
  135.  
  136. <!--FOTOS-->
  137. {block:Photo}<div class="posts">
  138. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" />{LinkCloseTag}</center>
  139. {block:Caption}{Caption}{/block:Caption}
  140. </div>{/block:Photo}
  141.  
  142. {block:Photoset}
  143. <div class="post photoset">
  144. <img src="{Photoset-500}"/>
  145. {block:Caption}{Caption}{/block:Caption}
  146. </div>
  147. {/block:Photoset}
  148.  
  149.  
  150. <!--FRASES-->
  151. {block:Quote}<div class="posts">
  152. <h1>❝{Quote}❞</h1>
  153. {block:Source}— {Source}{/block:Source}
  154. </div>{/block:Quote}
  155.  
  156.  
  157. <!--DIALOGOS-->
  158. {block:Chat}<div class="posts">
  159. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  160. <table>
  161. {block:Lines}
  162. <tr>
  163. {block:Label}<td class="name">{Label}</td>{block:Label}
  164. <td class="words">{Line}</td>
  165. </tr>
  166. {/block:Lines}
  167. </table>
  168. </div>{/block:Chat}
  169.  
  170.  
  171. <!--MUSICAS-->
  172. {block:Audio}<div class="posts">
  173. <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  174. <center>{AudioPlayerWhite}</centeR>
  175. {block:Caption}{Caption}{/block:Caption}<br />
  176. </div>{/block:Audio}
  177.  
  178.  
  179. <!--VIDEOS-->
  180. {block:Video}<div class="posts">
  181. <center>{Video-400}</center>
  182. {block:Caption}{Caption}{/block:Caption}<br />
  183. </div>{/block:Video}
  184.  
  185. <div class="info"><small><a href="{Permalink}">Posted on {DayOfMonthWithZero} {ShortMonth}</a> ☆ {NoteCount} notes ☆ <a href="{ReblogURL}" target="_blank">Reblog</a> ☆ <a href="{Permalink}"> Dê like </a></small></div>
  186.  
  187. {/block:Posts}</div></div><br><br>
  188.  
  189. </div></div></div></div></div></div></div></div></div></div></div>
  190.  
  191.  
  192. </body>
  193.  
  194. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement