API tools faq
paste
Pedronho24

Theme 2 - Cry

Pedronho24
Apr 2nd, 2012
60
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
LOL Code 15.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!DOCTYPE HTML>
  5.  
  6.  
  7.                 <!----------------------------|
  8.                 | THEME BASE POR YASMIN LIRA. |
  9.                 | NÃO RETIRE OS CRÉDITOS      |    
  10.                 |----------------------------!>
  11.  
  12. <!-- FONTE PERSONALIZADA -->
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Dancing+Script&v2' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17. <title>{Title} {block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage} {block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  18. <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}"/>
  19. <meta name="if:Show Search Form" content="1"/>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27.  
  28.  
  29. </head>
  30.  
  31. <!-- INÍCIO DOS CÓDIGOS DE PERSONALIZAÇÃO -->
  32.  
  33. <style>
  34.  
  35. /******** body */
  36. body {background:#000  fixed;  text-align: justify; color: #666;  margin-top: 0px; padding: 0; line-height: 15px; overflow-x:hidden; height:100%; font: 11px Verdana;}
  37.  
  38.  
  39. /******** negrito, itálico e sublinhado*/
  40. b, strong {color: #000; text-decoration: none;}
  41. u, span.sublinha {text-decoration: none; border-bottom: 1px solid #CDB1BE;}
  42. s {color: #888; }
  43. i {color: #888; italic }
  44.  
  45. /******** links e hover */
  46. a:link,a:active,a:visited { color: #888; text-decoration: none; -webkit-transition-duration: .90s; }
  47. a:hover { color:#eee;}
  48.  
  49. /******** theme, informações gerais */
  50. #pagina {width: 800px;margin-right: auto; margin-left: auto; margin-bottom:auto;}
  51.  
  52. #sidebar {width: 200px; text-align: justify;float:left; position:fixed; margin:10px -20px 10px 15px; }
  53.  
  54. #conteudo {width: 575px;text-align: justify;float:right; margin:10px -5px 10px 10px;}
  55.  
  56. /******** post */
  57. .post{margin-bottom:18px;}
  58.  
  59. /******** titulos do post */
  60. .post .title {margin:0; padding:0; font-size:18px; line-height:22px; font-weight:normal;}
  61.  
  62. /******** images */
  63. img, a img {border:0;}
  64.  
  65. /******** info */
  66. .info {border-bottom:1px solid #f1f1f1; margin:10px 0 0 0; padding:0 0 5px 0; font-size:11px; line-height:14px; color:#999999;}
  67.  
  68.  
  69. /******** nomes do chat */
  70. .name{ text-align:right; line-height: 15px; font-family: tahoma;font-size: 11px;font-weight:bold; }
  71.  
  72. /********* personalização das tags */
  73. .meta{margin:5px 0 5px;font-family:verdana, serif; font-size:11px;border-bottom:1px solid #f0f0f0;}
  74. a.tag{font: 7pt verdana; letter-spacing:0px; padding:2px;display: inline-block; text-align:right; margin: 2px 4px 0px 0px; color: #888;}
  75.  
  76. a.reblog{color:#888;}
  77. a.reblog:hover{color:#888;text-decoration:none;}
  78. a.notas{color:#000000;}
  79. a.notas:hover{color:#888;text-decoration:none;}
  80. .BOTH{clear:BOTH;}
  81.  
  82.  
  83. /******* personalização do menu */
  84.  
  85. .nav1 { padding:3px; width:42px; margin:4px 0px 0px 0px;cursor:help; font-family:verdana; font-size:12px;color:#888; background:#eee;text-align:center; display: inline-block; text-shadow: 0px 1px 1px #FFFFFF;}
  86.  
  87. /******* caixas */
  88.  
  89. .box {overflow:hidden; letter-spacing: 0px; text-align: justify; color: #666;  font: normal 11px verdana;background-color: #fff; -webkit-box-shadow:0 0 1em #C9C9C9; line-height:15px; padding:5px; margin: 0px 0px 0px 0px;}
  90.  
  91.  
  92. /********* tracejados */
  93. .divdate {border-bottom: 2px dashed #000; margin-bottom: 2px; padding:2px}
  94. .divtraso {border-bottom: 1px solid #eee; margin-bottom: 0px; padding:2px;}
  95.  
  96. /****** balão da ask ***/
  97. .bubble {align:right;background:#f1f1f1; margin:7px 5px 5px 68px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font: 11px verdana, Verdana, Tahoma; text-shadow: 0px 1px 1px #FFFFFF;}
  98.  
  99. .bubble p {margin:1px 0px;}
  100.  
  101. .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 #f1f1f1;}
  102.  
  103. /*********** blockquote, e linha do extras */
  104. blockquote {
  105. margin: 10px;
  106. text-align: justify;
  107. line-height:15px;
  108. border-left: 4px solid #eee;
  109. padding-left:6px; padding-right:2px; padding-top:0; padding-bottom:0; }
  110.  
  111. .extrass {display : block; border-bottom: 1px solid #eee; padding: 1px;}
  112.  
  113. .side {background-color: #f1f1f1;  font-family: verdana; font-size:12px;  padding:3px; margin:0px 0px 2px 0px; text-align: right; font-weight:bold; color: #888; cursor:help;
  114. text-shadow: 0 1px 1px #fff;-webkit-border-radius: 3px;
  115. -moz-border-radius: 3px;
  116. border-radius: 3px;
  117. }
  118.  
  119. /******** borda nas images */
  120. .border{
  121. padding: 0px;
  122. background:#000;
  123. background-color:#000000;
  124. border: 0px solid #000;
  125. }
  126.  
  127. /********** personalização de fontes */
  128.  
  129. h3 {color: #888; font-family: 'dancing script', cursive; font-size:29px; line-height:29px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px; border-bottom: 0px solid #eee;}
  130.  
  131.  
  132. /******** notas */
  133. ol.notes {padding: 0px;
  134. margin: 0px;list-style-type: none;}
  135. ol.notes li.note {border-bottom: solid 1px #F0F0F0;padding: 2px 0px 8px 0px;}
  136. ol.notes li.note img.avatar {vertical-align:text-top;
  137. width: 16px;height: 16px;filter:alpha(opacity=82);-moz-opacity:0.82;opacity:0.82;padding: 2px; background: #FFFFFF;border:1px solid #f1f1f1;padding:2px;margin: 1px; }
  138. ol.notes li.note img.avatar:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
  139. ol.notes li.note span.action {padding:0px;margin:0px;}
  140. .date {font-family: verdana font-size:7pt;text-align:left; color:#888;padding:2px;}
  141. .datee {font-family: verdana; font-size:7pt;text-align:left; color:#888;padding:0px; }
  142.  
  143.  
  144. /********** paginação dos posts */
  145. #paginacaoml {margin-top:10px;margin-left:5px;margin-right:5px;font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  146. #paginacaoml a {background: #000; margin: 0 1px 0 0;  color: #888; text-decoration: none;padding:5px;-webkit-box-shadow:0 0 1em #D585A1;-webkit-box-shadow:0 0 1em #C9C9C9; }
  147. #paginacaoml a:hover {background: #FFFFFF; border: none;color:#888;padding:5px;-webkit-box-shadow:0 0 1em #C9C9C9; }
  148. #paginacaoml span.pagina_atual {background: #000; margin: 0 1px 0 0;  color: #888; text-decoration: none;padding:5px;-webkit-box-shadow:0 0 1em #E9E3F0;-webkit-box-shadow:0 0 1em #C9C9C9; }
  149. #paginacaoml span.info {background: #FFFFFF; margin: 0 1px 0 0;  color: #888; text-decoration: none;padding:5px;-webkit-box-shadow:0 0 1em #AF96B3;-webkit-box-shadow:0 0 1em #C9C9C9; }
  150.  
  151.  
  152. /********** seleção colorida */
  153. ::-moz-selection {
  154. background-color: #fff;
  155. color: #DC8F97;}
  156.  
  157. ::selection {
  158. background-color: #fff;
  159. color: #DC8F97;}
  160.  
  161. </style>
  162.  
  163. <!-- FIM DOS CÓDIGOS DE PERSONALIZAÇÃO -->
  164.  
  165. <body>
  166. <div id="pagina">
  167. <div id="sidebar">
  168.  
  169.  
  170. <div class="box">
  171. <img src="http://28.media.tumblr.com/tumblr_leoovtd8mt1qda3yfo1_500.gif" width="190"/>
  172.  
  173. SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"SUA DESCRIÇÃO AQUI"
  174.  
  175. </div>
  176.  
  177. <br><div class="box">
  178.  
  179. <div class="side">Navegue</div>
  180. <center><a href="/" ; ><div class="nav1"> 1st page</div></a>
  181.  
  182.  
  183. <a href="/ask" ; ><div class="nav1"> ask</div></a>
  184.  
  185. <a href="/submit" ; ><div class="nav1"> submit me</div></a>
  186.  
  187.  
  188. <a href="http://www.tumblr.com/dashboard" ; ><div class="nav1"> saída </div></a>
  189.  
  190.  
  191. <a href="urldolink" ; ><div class="nav1"> link1 </div></a>
  192.  
  193.  
  194.  
  195. <a href="urldolink" ; ><div class="nav1"> link2 </div></a>
  196.  
  197.  
  198.  
  199.  
  200.  
  201. <span onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('conteudo').innerHTML=document.getElementById('creditos').innerHTML"><div class="nav1">credits</div></span>
  202.  
  203. </center>
  204.  
  205. </div>
  206. <br><center>Theme por:<a href="http://just-small-words.tumblr.com/" target=blank>Pedro Borges</a></center>
  207.  
  208. </div>
  209.  
  210. <!-- conteudo dos posts e paginas -->
  211.  
  212. <div id="conteudo">
  213.  
  214. {block:Posts}
  215.  
  216.  
  217. <!-- textos -->
  218. {block:Text}<div class="post">
  219. <div class="box">{block:Title}<a href="{Permalink}" class="title"><h3>{Title}</h3><div class="divtraso"></div></a>{/block:Title}
  220. <div>{Body}</div>
  221. {block:Date}
  222. <div class="both">
  223.  
  224. {/block:Date}
  225. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  226. {block:Caption}{Caption}{/block:Caption}
  227. </div>
  228.  
  229. <div class="divdate"></div>
  230. <div class="datee">Posted ON <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> AT <w>{12Hour}:{Minutes}</w> {AmPm} WITH <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes <img src="http://static.tumblr.com/ghoye6x/N6vlpkd4t/cora____o.gif" /></a></a> <a href="{ReblogURL}" target="_blank">Reblogue isso !</a> </div>
  231. {block:HasTags}<div class="divtraso"></div><div class="datee">Tags: {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</a></a></div>
  232. </div>
  233.  
  234. {/block:Text}
  235.  
  236. <!-- photos -->
  237. {block:Photo}<div class="post">
  238.  
  239. <div class="box">
  240. <center>{LinkOpenTag}<a href="{Permalink}"><img class="border ; opacidade" src="{PhotoURL-500}" width="565" title="{PhotoAlt}"/>{LinkCloseTag}</center></a>
  241. {block:Caption}{Caption}{/block:Caption}
  242. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  243.  
  244.  
  245. <div class="divdate"></div>
  246. <div class="datee">Posted ON <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> AT <w>{12Hour}:{Minutes}</w> {AmPm} WITH <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes <img src="http://static.tumblr.com/ghoye6x/N6vlpkd4t/cora____o.gif" /></a></a> <a href="{ReblogURL}" target="_blank">Reblogue isso aqui !</a>{block:RebloggedFrom} <a href="{ReblogParentURL}">/ Via</a>{/block:RebloggedFrom}  </div>
  247. {block:HasTags}<div class="divtraso"></div><div class="datee">Tags: {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</a></a>
  248. </div>
  249. </div>
  250.  
  251.  
  252. {/block:Photo}
  253.  
  254.  
  255. <!-- quotes -->
  256. {block:Quote}<div class="post"><div class="box"><h3> {Quote} </h3><br>
  257. {block:Source}&mdash; {Source}{/block:Source}
  258. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  259.  
  260. <div class="divdate"></div>
  261. <div class="datee">Posted ON <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> AT <w>{12Hour}:{Minutes}</w> {AmPm} WITH <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes <img src="http://static.tumblr.com/ghoye6x/N6vlpkd4t/cora____o.gif" /></a></a> <a href="{ReblogURL}" target="_blank">Reblogue this!</a> </div>
  262. {block:HasTags}<div class="divtraso"></div><div class="datee">Tags: {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</a></a>
  263.  
  264.  
  265. </div>
  266. </div>
  267.  
  268. {/block:Quote}
  269.  
  270. <!-- links -->
  271. {block:Link}
  272. <div class="post"><div class="box">
  273. <a href="{URL}" class="link" {Target}><h3>{Name}</h3><div class="divtraso"></div></a>
  274. {block:Description}
  275. <div class="description">{Description}</div>
  276. {/block:Description}
  277. <BR>
  278. <div class="divdate"></div>
  279. <div class="datee">Posted ON <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> AT <w>{12Hour}:{Minutes}</w> {AmPm} WITH <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes <img src="http://static.tumblr.com/ghoye6x/N6vlpkd4t/cora____o.gif" /></a></a> <a href="{ReblogURL}" target="_blank">Reblogue this!</a> </div>
  280. {block:HasTags}<div class="divtraso"></div><div class="datee">Tags: {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</a></a>
  281. </div>
  282. </div>
  283. {/block:Link}
  284.  
  285.  
  286.  
  287. <!-- asks -->
  288. {block:Answer}
  289. <div class="post"><div class="box">
  290. <a href="{Permalink}"><img src="{AskerPortraitURL-64}" width="50" align="left" class="bordaask ; opacidadee" /></a><div class="bubble"><span></span>{Asker} disse:<br> {Question}</div>
  291. {Answer}
  292.  
  293. </div>
  294.  
  295. </div>
  296. {/block:Answer}
  297.  
  298.  
  299.  
  300. <!-- chat -->
  301. {block:Chat}<div class="post">
  302.  
  303. <div class="box">{block:Title}<a href="{Permalink}"><h9>{Title}</h9></a>{/block:Title}
  304. <table>
  305. {block:Lines}
  306. <tr>
  307. {block:Label}<td class="name">{Label}</td>{block:Label}
  308. <td class="words">{Line}</td>
  309. </tr>
  310. {/block:Lines}
  311. </table><br />
  312. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  313.  
  314. <div class="divdate"></div>
  315. <div class="datee">Posted ON <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> AT <w>{12Hour}:{Minutes}</w> {AmPm} WITH <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes <img src="http://static.tumblr.com/ghoye6x/N6vlpkd4t/cora____o.gif" /></a></a> <a href="{ReblogURL}" target="_blank">Reblogue this!</a> </div>
  316. {block:HasTags}<div class="divtraso"></div><div class="datee">Tags: {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</a></a>
  317. </div>
  318. </div>
  319.  
  320. {/block:Chat}
  321.  
  322.  
  323. <!-- musicas -->
  324. {block:Audio}<div class="post">
  325. <div class="box"><div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  326. <center>{AudioPlayerWhite}</centeR>
  327. {block:Caption}{Caption}{/block:Caption}<br>
  328.  
  329.  
  330. <div class="divdate"></div>
  331. <div class="datee">Posted ON <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> AT <w>{12Hour}:{Minutes}</w> {AmPm} WITH <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes <img src="http://static.tumblr.com/ghoye6x/N6vlpkd4t/cora____o.gif" /></a></a> <a href="{ReblogURL}" target="_blank">Reblogue this!</a> </div>
  332. {block:HasTags}<div class="divtraso"></div><div class="datee">Tags: {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</a></a>
  333. </div>
  334. </div>
  335.  
  336.  
  337. {/block:Audio}
  338.  
  339.  
  340. <!-- videos -->
  341. {block:Video}<div class="post">
  342. <div class="box"><center>{Video-500}</center>
  343. {block:Caption}{Caption}{/block:Caption}
  344. <BR>
  345. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  346.  
  347.  
  348. <div class="divdate"></div>
  349. <div class="datee">Posted ON <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> AT <w>{12Hour}:{Minutes}</w> {AmPm} WITH <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} <a href="{Permalink}">notes</a> <img src="http://static.tumblr.com/ghoye6x/N6vlpkd4t/cora____o.gif" /></a></a> <a href="{ReblogURL}" target="_blank">Reblogue this!</a> </div>
  350. {block:HasTags}<div class="divtraso"></div><div class="datee">Tags: {block:Tags}&nbsp;#<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}</a></a>
  351. </div>
  352. </div>
  353.  
  354. {/block:Video}
  355. {/block:Posts}
  356. <!-- paginação -->
  357.  
  358. <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}
  359. {block:JumpPagination length="7"}
  360. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  361. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  362. {/block:JumpPagination}
  363. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  364. </div></center><br><br>
  365.  
  366. </div></div>
  367.  
  368. <!-- fim da paginação -->
  369.  
  370. <!-- INício do conteúdo i-frame -->
  371. <div id="creditos" style="display:none">
  372.  
  373. <div class="box">
  374. <h3>Agradecimentos</h3><div class="divtraso"></div>
  375. <div class="extrass"><a href="http://just-small-words.tumblr.com/" target=blank> Pedro Borges</a> - Modificação no Theme </div>
  376.  
  377. <div class="extrass"><a href="http://wayfordreams.tumblr.com/" target=blank>Yasmin Lira</a>  - Theme base<br></div>
  378. <div class="extrass"><a href="http://amoras-mutantes.tumblr.com/" target=blank>Sara vitoria</a> - Tutoriais e Ajuda</div>
  379.  
  380. </div></div>
  381.  
  382. </body>
  383. </html>
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!