Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme Simples -4

By: um-dia-sem-sorrir on May 4th, 2012  |  syntax: None  |  size: 13.16 KB  |  hits: 61  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6.  
  7. <style>
  8. body {background: url(http://sweettweet.net/vintage-twitter-backgrounds/thumbs/vintage-bows.gif)
  9. ; color: #666666; font-family: verdana; font-size: 13px; background-attachment: fixed; background-repeat: repeat;}
  10.  
  11. /*** Titulos ***/
  12.  
  13. h1 {color: #000; font-family: ‘arial’; font-size: 20px; line-height: 25px; font-weight: normal; margin: 0px; padding: 5px; margin-bottom: 0px; text-align: left; letter-spacing: 1px;}
  14.  
  15. h2 {color: #000; font-family: ‘arial’; font-size: 30px; line-height: 25px; font-weight: normal; margin: 0px; padding: 5px; margin-bottom: 0px; text-align: left; letter-spacing: 1px;}
  16.  
  17. /*** Caixa que fica os posts e a sidebar ***/
  18.  
  19. .box {background: #fff; margin-bottom: 10px; padding: 5px; text-align: justify; border: 1px solid #eee; border-radius: 0px 0px 0px 0px;}
  20.  
  21. .post {margin-bottom: 10px;}
  22.  
  23. /*** Negrito, Itálico e Sublinhado ***/
  24.  
  25. s {color: #000;}
  26.  
  27. i {color: #000;}
  28.  
  29. b {color: #000;}
  30.  
  31. u {color: #000; border-bottom: 1px dashed #000;}
  32.  
  33. /*** Links ***/
  34.  
  35. a:link, a:active, a:visited {font-family: arial; color: #000; text-decoration: none; -webkit-transition-duration: .40s;}
  36.  
  37. a:hover {font-family: arial; color: #c1c1c1; text-decoration: none; cursor: crosshair;}
  38.  
  39. /*** Ask ***/
  40.  
  41. .askbox {align: right; background: #eee; margin: -60px 0px 5px 62px; padding: 10px; left: 7px; width: 420px; position: relative;}
  42.  
  43. .askbox p {margin: 1px 0px;}
  44.  
  45. .askbox span {display: block; position: absolute !important; width: 1px;height: 1px; font-size: 0; line-height: 1px; left: -10px; top: 10px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #eee; text-shadow: 0 1px 1px #eee;}
  46.  
  47. /*** balão da ask ***/
  48.  
  49. .bubble {align: right; background: #eee; margin: 7px 0px 5px 66px; padding: 10px; position: relative; border-radius: 5px 5px 5px 5px;}
  50.  
  51. .bubble p {margin: 1px 0px;}
  52.  
  53. .bubble span {display: block; position: absolute; width: 1px;height: 1px; font-size: 0; line-height: 1px; left: -10px; top: 10px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right:10px solid #eee;}
  54.  
  55. .askborder {float: left; margin: 1px 4px 0 0;padding: 2px; background: #eee}
  56.  
  57. /*** Borda nas imagens ***/
  58.  
  59. .borda {border-radius: 0px 0px 0px 0px;}
  60.  
  61. /*** BlockQuote ***/
  62.  
  63. blockquote {margin: 5px; padding: 3px; border-left: 5px ridge #eee;}
  64.  
  65. /*** Seleção Colorida ***/
  66.  
  67. ::selection {color: #000; background: #fff;}
  68.  
  69.  
  70. </style>
  71.  
  72. </head>
  73.  
  74. <body>
  75. <div style="position: absolute; width: 350px; left: 50px; top: 80px; text-align: center; position: fixed;">
  76. <img src="http://data.whicdn.com/images/14353666/tumblr_l7cpqncudg1qaz84eo1_500_large_large.jpg" width="280px"/>
  77. </div>
  78.  
  79. <div style="position: absolute; width: 380px; left: 40px; top: 275px; text-align: center; position: fixed;">
  80. <div class="box">
  81. <center>{Description}</center>
  82. </div>
  83.  
  84. <a href="/"><un>Home</un></a>
  85. <a href="/ask"><un>Ask</un></a>
  86. <span onClick="document.getElementById('nso').innerHTML=
  87. document.getElementById('01').innerHTML" title="UM TITULO"><un>nome</un></span>
  88. <span onClick="document.getElementById('nso').innerHTML=
  89. document.getElementById('02').innerHTML" title="UM TITULO"><un>nome</un></span>
  90. <span onClick="document.getElementById('nso').innerHTML=
  91. document.getElementById('03').innerHTML" title="UM TITULO"><un>nome</un></span>
  92. <span onClick="document.getElementById('nso').innerHTML=
  93. document.getElementById('04').innerHTML" title="Quem Fez"><un>Crédito</un></span>
  94.  
  95. <!---- iframe ---->
  96. <div id="nso">
  97.  
  98. <!------------ Tamanho, Esquerda, Topo, Espaço do post ------------------->
  99. <div style="position: absolute; width: 550px; left: 500px; top: 80px; padding-top: 0px; z-index: 2;">
  100. <!------------------------------- POSTS ---------------------------------->
  101. {block:Posts}
  102. {block:Regular}<div class="post"><div class="box">
  103. {block:Title}<h1>{Title}</h1>{/block:Title}
  104. <div class="entry">{Body}</div>
  105. <div class="divdate"></div>
  106.  
  107. <!-------------------------- DATA DOS POSTS ------------------------------>
  108. <div class="date"><a class="notes" href="{Permalink}">Texto</a> postado em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> | (<a target="_blank"href="{ReblogURL}">reblog this post!</a>)</div>
  109. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  110. </div></div>
  111. {/block:Regular}
  112.  
  113. <!------------------------------- FOTO ----------------------------------->
  114. {block:Photo}
  115. <div class="post"><div class="box">
  116. <center>
  117. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" margin-left=05px; width=530px class="borda">{LinkCloseTag}</center>
  118. {block:Caption}          
  119. <div class="caption">{Caption}</div>
  120. {/block:Caption}
  121. <div style="clear:both;"></div>
  122. <div class="divdate"></div>
  123.  
  124. <!-------------------------- DATA DOS POSTS ------------------------------>
  125. <div class="date"><a class="notes" href="{Permalink}">Foto</a> postada em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> | (<a target="_blank"href="{ReblogURL}">reblog this post!</a>)</div>
  126. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  127. </div></div>
  128. {/block:Photo}
  129. <div style="clear:both;"></div>
  130.  
  131. <!-------------------------------- ASK ----------------------------------->
  132. {block:Answer}
  133. <div class="post"><div class="box">
  134. <img src="{AskerPortraitURL-48}"align="left" class="askborder"/>
  135. <div class="bubble"><span></span><b>{Asker}</b>:
  136. <br>{Question}<br></div>
  137. <div class="infopost"> </div>
  138. {Answer}
  139. <div class="divdate"></div>
  140.  
  141. <!-------------------------- DATA DOS POSTS ------------------------------>
  142. <div class="date"><a class="notes" href="{Permalink}">Ask</a> respondida em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> </div>
  143. </div></div>
  144. {block:Answer}
  145. <div style="clear:both;"></div>
  146.  
  147. <!------------------------------ QUOTES ---------------------------------->
  148. {block:Quote}
  149. <div class="post"><div class="box">
  150. <h1>{Quote}</h1>
  151. </span>
  152. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  153. <div class="divdate"></div>
  154.  
  155. <!---------------------------- DATA DOS POSTS ---------------------------->
  156. <div class="date"><a class="notes" href="{Permalink}">Quote</a> postado em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> | (<a target="_blank"href="{ReblogURL}">reblog this post!</a>)</div>
  157. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  158. </div></div>
  159. {/block:Quote}
  160. <div style="clear:both;"></div>
  161.  
  162. <!----------------------------- LINKS ------------------------------------>
  163. {block:Link}
  164. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  165. {block:Description}
  166. <div class="description">{Description}</div>
  167. {/block:Description}
  168. <div class="divdate"></div>
  169.  
  170. <!----------------------------- DATA DOS POSTS --------------------------->
  171. <div class="date"><a class="notes" href="{Permalink}">Link</a> postado em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> | (<a target="_blank"href="{ReblogURL}">reblog this post!</a>)</div>
  172. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  173. </div></div>
  174. {/block:Link}
  175. <div style="clear:both;"></div>
  176.  
  177. <!------------------------------- CHAT ----------------------------------->
  178. {block:Chat}
  179. <div class="post"><div class="box">
  180. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>
  181. {/block:Title}
  182. <div class="chat">
  183. {block:Lines}
  184. <div class="{Alt} user_{UserNumber}">
  185. {block:Label}
  186.  <span class="label">{Label}</span>
  187. {/block:Label}
  188. {Line}
  189. </div>
  190. {/block:Lines}
  191. </div>
  192. <div class="divdate"></div>
  193.  
  194. <!---------------------------- DATA DOS POSTS ---------------------------->
  195. <div class="date"><a class="notes" href="{Permalink}">Chat</a> postado em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> | (<a target="_blank"href="{ReblogURL}">reblog this post!</a>)</div>
  196. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  197. </div></div>
  198. {/block:Chat}
  199. <div style="clear:both;"></div>
  200.  
  201. <!------------------------------ AUDIO ----------------------------------->
  202. {block:Audio}
  203. <div class="post"><div class="box">
  204. {AudioPlayerWhite}
  205. {block:Caption}
  206. <div class="caption">{Caption}</div>
  207. <div style="float:left; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  208. {/block:Caption}
  209. <div class="divdate"></div>
  210.  
  211. <!--------------------------- DATA DOS POSTS ----------------------------->
  212. <div class="date"><a class="notes" href="{Permalink}">Música</a> postada em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> | (<a target="_blank"href="{ReblogURL}">reblog this post!</a>)</div>
  213. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  214. </div></div>
  215. {/block:Audio}
  216. <div style="clear:both;"></div>
  217.  
  218. <!---------------------------- VIDEOS ------------------------------------>
  219. {block:Video}
  220. <div class="post">
  221. <div class="box">
  222. {Video-500}
  223. {block:Caption}
  224. <div class="caption">{Caption}</div>
  225. {/block:Caption}
  226. <div class="divdate"></div>
  227.  
  228. <!--------------------------- DATA DOS POSTS ----------------------------->
  229. <div class="date"><a class="notes" href="{Permalink}">Video</a> postado em <b>{DayOfMonth} / {MonthNumberWithZero} / {Year}</b> às <b>{24Hour}:{Minutes}</b> | <a class="notes">{NoteCountWithLabel}</a> | (<a target="_blank"href="{ReblogURL}">reblog this post!</a>)</div>
  230. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  231. </div></div>
  232. {/block:Video}
  233. <div style="clear:both;"></div>
  234.  
  235. <!--------------------------- NOTAS  DOS POSTS --------------------------->
  236. {block:PostNotes}<div class="box">
  237. <div class="notes-bottom">
  238. {PostNotes}
  239. </div></div>
  240. {/block:PostNotes}
  241.  
  242. <!------------------------- FIM DAS NOTAS DOS POSTS ---------------------->
  243. {/block:Posts}
  244. <!------------------------ FINAL DE TAGS DO POST ------------------------->
  245.  
  246. <div class="box"><center><div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  247. {block:JumpPagination length="16"}
  248. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  249. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  250. {/block:JumpPagination}
  251. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  252. </div>
  253.  
  254. <!---------------------------- FALSO IFRAME ------------------------------>
  255. <div id="01" style="display:none;">
  256. <div style="position: absolute; width:550px; left: 500px; top: 80px; padding-top: 0px; z-index: 2;"><div class="box">
  257. <h2>TÍTULO 01</h2>
  258. <div class="infopost"></div>
  259. CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01! CONTEUDO DO DIV 01!
  260.  
  261. </div>
  262.  
  263. <div id="02" style="display:none;">
  264. <div style="position: absolute; width:550px; left: 500px; top: 80px; padding-top: 0px; z-index: 2;"><div class="box">
  265. <h2>TÍTULO 02</h2>
  266. <div class="infopost"></div>
  267. CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02! CONTEUDO DO DIV 02!
  268.  
  269. </div>
  270.  
  271. <div id="03" style="display:none;">
  272. <div style="position: absolute; width: 550px; left: 500px; top: 80px; padding-top: 0px; z-index: 2;"><div class="box">
  273. <h2>TÍTULO 03</h2>
  274. <div class="infopost"></div>
  275. CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03! CONTEUDO DO DIV 03!
  276.  
  277. </div>
  278.  
  279. <div id="04" style="display:none;">
  280. <div style="position: absolute; width: 550px; left: 500px; top: 80px; padding-top: 0px; z-index: 2;"><div class="box">
  281. <h2>Créditos</h2>
  282. <div class="infopost"></div>
  283. Base feita por: <a target="_blank"href="http://a-llaboutyou.tumblr.com/">Nathália Souza</a><br>
  284.  
  285. </div></div></div></div><div></div></div></div></div></div></div></div></div></div>
  286.  
  287. </body>
  288.  
  289. </html>
create a new version of this paste RAW Paste Data