Advertisement
BeloSonho

Theme Preto Base Tumblr

Jan 1st, 2015
210
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. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
  3. <head>
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <body>
  12. <div id="header-wrapper">
  13. <h1><a href="{url}">{title}</a></h1>
  14. </div>
  15. <div id="menu-wrapper">
  16. <li><a href="http://url/">NOME DO LINK</a></li>
  17. <li><a href="http://url/">NOME DO LINK</a></li>
  18. <li><a href="http://url/">NOME DO LINK</a></li>
  19. </div>
  20. <div id="description-wrapper">
  21. {Description}
  22. </div>
  23. <div id="status-wrapper">
  24. <h1>Status</h1>
  25. Postagem do status.
  26. <br />
  27. <div id="paginaçao-wrapper">
  28. <h3>{block:PreviousPage}<a href="{PreviousPage}">< Página anterior</a>{/block:PreviousPage}
  29. {block:NextPage}<a href="{NextPage}">Próxima página ></a>{/block:NextPage}</h3>
  30. </div>
  31. </div>
  32. <div id="content-wrapper">
  33. <div id="posts">
  34. <li>
  35. {block:Posts}
  36.  
  37. <!-- TEXTOS -->
  38. {block:Text}
  39. {block:Title} {Title} {/block:Title}
  40. {Body}
  41. {/block:Text}
  42. {/block:Posts}
  43. </li>
  44.  
  45. <li>
  46. {block:Posts}
  47. <!-- QUOTE -->
  48. {block:Quote}
  49. "{Quote}"<br>
  50. {block:Source}{Source}{/block:Source}
  51. {/block:Quote}
  52. {/block:Posts}
  53. </li>
  54. <li>
  55. {block:Posts}
  56. <!-- LINK -->
  57. {block:Link}
  58. <a href="{URL}" {Target}>{Name}</a>
  59. {block:Description} {Description}{/block:Description}
  60. {/block:Link}
  61. {/block:posts}
  62. </li>
  63.  
  64. <li>
  65. {block:posts}
  66. <!-- ASKS -->
  67. {block:Answer}
  68. <img src="{AskerPortraitURL-16}"> {Asker}{Question}<br>
  69. {Answer}
  70. {/block:Answer}
  71. {/block:posts}
  72. </li>
  73.  
  74. <li>
  75. {block:Posts}
  76. <!-- NOTES DO PERMALINK-->
  77. {block:PostNotes}
  78. {NoteCount}
  79. {/block:PostNotes}
  80. {/block:Posts}
  81. </li>
  82. <!-- resto LALALALLALALALALALALALALALALALALLALALALA -->
  83. {block:Posts}
  84. <!-- FOTO -->
  85. {block:Photo}
  86. <a href="{permalink}"><img src="{PhotoURL-500}"></a>
  87. {/block:Photo}
  88.  
  89. <!-- PHOTOSET -->
  90. {block:Photoset}
  91. <center>{Photoset-500}</center>
  92. {/block:Photoset}
  93.  
  94.  
  95. <!-- CHAT -->
  96. {block:Chat}
  97. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  98. {block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <b>{Label}</b> {/block:Label} {Line}</li>{/block:Lines}
  99. {block:Chat}
  100.  
  101. <!-- VIDEO -->
  102. {block:Video}
  103. {Video-500}
  104. {/block:Video}
  105.  
  106. <!-- AUDIO -->
  107. {block:Audio}
  108. {AudioPlayerGrey}
  109. {block:TrackName}{TrackName}{/block:TrackName}
  110. {block:Artist}{Artist}{/block:Artist}
  111. {block:Album}{Album}{/block:Album}
  112. {block:PlayCount}{PlayCount}{/block:PlayCount}
  113. {/block:Audio}
  114.  
  115.  
  116. {/block:Posts}
  117. </div> </div>
  118. </body>
  119. <style type="text/css">
  120. /*
  121. -----------------------------------------------
  122. Layout feito por for-you-everything.tumblr.com
  123. ----------------------------------------------- */
  124. body {
  125. background: #000;
  126. margin: 0;
  127. padding: 0;
  128. border: 0;
  129. text-align: justify;
  130. line-height: 30px;
  131. font-size: 12px;
  132. }
  133.  
  134. a:link{
  135. color:blue;
  136. text-decoration:none;
  137. }
  138. a:hover{
  139. text-decoration:underline;
  140. }
  141.  
  142. a:visited{
  143. }
  144. #header-wrapper h1 {
  145. color: #aeaeae;
  146. text-align: center;
  147. font-family: 'Open Sans Condensed', sans-serif;
  148. font-weight: normal;
  149. font-size: 48px;
  150. }
  151.  
  152. #header-wrapper h1 a{
  153. color:#aeaeae;
  154. }
  155.  
  156. #header-wrapper h1 a:hover{
  157. text-decoration:none;
  158. }
  159.  
  160. #description-wrapper {
  161. color: #000;
  162. text-align: center;
  163. line-height: 1.2;
  164. background: rgba(255, 255, 255, 1);
  165. padding: 2pc;
  166. border-radius: 19px;
  167. font-size: 16px;
  168. margin: 0 134px 27px;
  169. }
  170.  
  171. #status-wrapper {
  172. background: rgba(255, 255, 255, 1);
  173. z-index: 666;
  174. padding: 5px;
  175. padding-top: 0px;
  176. margin-left: 10px;
  177. position: fixed;
  178. color: #000;
  179. width: 250px;
  180. text-align: center;
  181. border: 1px solid #aeaeae;
  182. }
  183.  
  184. #status-wrapper h1 {
  185. color: #000;
  186. font-weight: normal;
  187. font-size: 25px;
  188. font-family: 'Open Sans Condensed', sans-serif;
  189. }
  190.  
  191. #posts li {
  192. list-style: none;
  193. width: 350px;
  194. display: inline-block;
  195. border: 1px solid #aeaeae;
  196. background: #fff;
  197. margin: 5px;
  198. font-size: 14px;
  199. line-height: 22px;
  200. padding: 5px;
  201. font-family: arial;
  202. }
  203.  
  204. #menu-wrapper{
  205. text-align:center;
  206. }
  207.  
  208. #menu-wrapper {
  209. text-transform: capitalize;
  210. background: transparent;
  211. text-align: center;
  212. }
  213.  
  214. #menu-wrapper li {
  215. list-style: none;
  216. margin-right: 5px;
  217. padding: 8px;
  218. display: -webkit-inline-box;
  219. border-radius: 6px;
  220. }
  221.  
  222. #menu-wrapper li a{
  223. color:#aeaeae;
  224. text-decoration: none;
  225. }
  226.  
  227. #content-wrapper {
  228. text-align: center;
  229. margin-left: 70px;
  230. margin-top: 10px;
  231. }
  232.  
  233. #content-wrapper img {
  234. width: 350px;
  235. height: 250px;
  236. border: 1px solid #aeaeae;
  237. }
  238.  
  239. #paginaçao-wrapper a {
  240. background: #000;
  241. padding: 6px;
  242. color: #FFFFFF;
  243. font-weight: normal;
  244. }
  245.  
  246. #paginaçao-wrapper a:hover {
  247. text-decoration:none;
  248. }
  249.  
  250. </style>
  251. </head>
  252. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement