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

THEME 1

By: a guest on Jun 13th, 2012  |  syntax: None  |  size: 16.70 KB  |  hits: 14  |  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. <!-----------------------------------
  2. THEME POR: PEQUENAS-RECORDACOES | TUMBLR
  3. BASE POR: SEM-RETORNO | TUMBLR
  4. NÃO COPIE. PLÁGIO É CRIME!
  5. SE USAR AVISE NA ASK OU DE LIKE NO POST.
  6.  
  7. ------------------------------------->
  8.  
  9.  
  10. <html>
  11. <head>
  12.  
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}" />
  16.  
  17. <meta name="color:background" content="#ffffff" />
  18. <meta name="color:links" content="#000000" />
  19. <meta name="color:linkhover" content="#000000" />
  20. <meta name="color:text" content="#000000" />
  21.  
  22.  
  23.  
  24.  
  25.  
  26. <meta name="font:text" content="tahoma" />
  27. <meta name="font:title" content="georgia" />
  28.  
  29.  
  30.  
  31.  
  32.  
  33. <script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
  34. <script src="http://tumbletricks.webs.com/maquina.js"></script></head>
  35. <style>
  36.  
  37. iframe#tumblr_controls {
  38.     position: fixed !important;
  39.     top: 0 !important;
  40.     right: 0 !important;
  41. }
  42.  
  43.  
  44. /*** BACKGROUND E CONTEÚDO***/
  45.  
  46. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  47.  
  48. a {color: {color:link}; text-decoration: none; text-transform: none;}
  49. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none;}
  50.  
  51. #page { width: 900px;  margin-left: auto; margin-right: auto; margin-top: -128px; margin-bottom: 200px;}
  52.  
  53. #content { top: 20px; left: 450px; width: 600px; position: absolute; text-align: justify; margin-top: -1px; padding-bottom: 0px; padding-left: 10px; float: right; }
  54.  
  55. #divdate { background: #fff; font: 9px Comic Sans Ms; text-align: left; color: #000; text-decoration: none; }
  56.  
  57. #sidebar { width: 350px; color: scroll; font-family: verdana; text-align: justify; float: left; position: absolute; margin-top: 10px; font-size: 12px; }
  58.  
  59. #credito { width: 350px; color: scroll; font-family: verdana; text-align: justify; float: left; position: absolute; margin-top:320px;margin-left:195px; font-size: 12px; }
  60.  
  61. /*** CAIXA DE POST E DA SIDEBAR ***/
  62.  
  63. .post { background:post; margin-bottom: 10px; padding-top: 10px; text-align: justify; }
  64.  
  65. .box { background:post; margin-bottom: 5px; padding: 5px; text-align: justify; }
  66.  
  67. .box2 { background: post; color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: left; }
  68.  
  69. .box3 { background: post; color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: center; }
  70.  
  71. .box4 { background: post;  color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: right; }
  72.  
  73. .box6 { background: post;  color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: right; }
  74.  
  75. .box7 { background: post;  color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: right; }
  76.  
  77. .box8 { background: post;  color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: right; }
  78.  
  79. .box9 { background: post;  color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: center; }
  80.  
  81. .box11 { background: #fff;  color: #999; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: center; }
  82.  
  83.  
  84.  .links1 { background: post;  color: text; font-size: 9px; margin-bottom: 0px; padding: 0px; text-align: right;position:fixed }
  85.  }
  86.  
  87.  
  88. /*** SELEçÃO COLORIDA ***/
  89.  
  90. ::-moz-selection
  91.  { background: #FFFFF; color: #000000; }
  92.  
  93. ::selection
  94.  { background: #FFFFFF; color:#000000; }
  95.  
  96.  
  97.  
  98. /*** LINKS ***/
  99.  
  100. a {color: {color:Links}; -webkit-transition-duration: .90s; text-decoration:none;}
  101. a:hover, div.permalink p a:hover {color:linkhover; border: 0px;margin: 0px;filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: .90s; text-decoration:none;}
  102.  
  103. #links  a:hover{text-align: center; background-color: {color:linkhover}; color:{color:linkshover}; letter-spacing: 2px;}
  104.  
  105. /*** NEGRITO, ITÁLICO, SUBLINHADO E RISCADO ***/
  106.  
  107. b,strong, bold { color: #000; }
  108.  
  109. i, em { color: #000; }
  110.  
  111. s, strike { color: #000; }
  112.  
  113. u, underline { color: #000; border-bottom: 1px dashed #000; }
  114.  
  115.  
  116.  
  117.  
  118. /*** TíTULOS ***/
  119.  
  120. h1 { color: titles; font-family: 'Arial'; font-size: 25px; line-height: 25px; font-weight: normal; margin: 0px; padding: 5px; margin-bottom: -0px; text-align: left; letter-spacing: 1px; }
  121.  
  122. h2 { color: titles; font-family: 'Arial'; font-size: 15px; line-height: 25px; font-weight: normal; margin: 0px; padding: 5px; margin-bottom: -0px; text-align: left; letter-spacing: 1px; }
  123.  
  124. h3 { color: titles; font-family: 'Macondo Swash Caps'; font-size: 50px; line-height: 25px; font-weight: normal; margin: 0px; padding: 5px; margin-bottom: -0px; text-align: left; letter-spacing: 1px; }
  125.  
  126.  
  127.  
  128. /*** BLOCKQUOTE ***/
  129.  
  130. blockquote { border-left: 5px; font-family: Lustria; color: #000; padding: 1px 1px 1px 5px; margin: 1px; line-height: 10px; background: #fff; }
  131.  
  132.  
  133. /*** MENU ***/
  134.  
  135. menu { font-family: latha; letter-spacing: 1px; font-size: 11px; line-height: 12px; display: inline-block; background: #000; color: #fff; width: 165px; float: left; padding: 3px; margin: 1px; text-align: center; text-transform; capitalize; border: 1px solid #000; }
  136.  
  137. menu:hover { font-family: Arial; letter-spacing: 5px; font-size: 11px; line-height: 12px; display: inline-block; background: #000; color: #fff; width: 165px; float: left; padding: 3px; margin: 1px; text-align: center; text-transform; capitalize; border: 1px solid #000;}
  138.  
  139. menu2 { font-family: Arial; letter-spacing: 1px; font-size: 11px; line-height: 12px; display: inline-block; background: #000; color: #fff; width: 343px; float: left; padding: 3px; margin: 1px; text-align: center; text-transform; capitalize; border: 1px solid #000; }
  140.  
  141. menu2:hover { font-family: Arial; letter-spacing: 5px; font-size: 11px; line-height: 12px; display: inline-block; background: #000; color: #fff; width: 343px; float: left; padding: 3px; margin: 1px; text-align: center; text-transform; capitalize; border: 1px solid #000;}
  142.  
  143.  .imageside  { margin-bottom:2px;margin-top:70px;margin-left:190px;position:fixed }
  144. .imageside img  {width:215px; height:240px;align:center;-webkit-transition: all 1.0s ease-out; -moz-transition: all 2.5s ease-out;border: 6px solid #fff;}
  145. .imageside img:hover  {-webkit-transition: all 1.0s ease-out; -moz-transition: all 2.5s ease-out; }
  146. #deslizar{margin-top: -252px; margin-left: 1px;}
  147. #deslizar img {width:215px; height:240px;-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;}
  148. #deslizar img:hover {opacity:0;}
  149.  
  150.  
  151. /*** BORDAS ***/
  152.  
  153. .borda{border: 1px dashed #000;}
  154.  
  155. .borda2{border: 1px solid #000;}
  156.  
  157.  
  158. img {opacity: 0.9; filter:alpha(opacity=80);}
  159. img:hover {opacity:0; filter:alpha(opacity=99);}</style>
  160. </head>
  161. <body>
  162.  
  163.  
  164. <div class="imageside">
  165. <img src="http://5a.img.v4.skyrock.net/5a3/x-twilight-fantastic-x/pics/2944738049_1_3.jpg"/><div id="deslizar"><img src="http://listas.terra.com.br/system/items/000/227/218/medium/kristen.jpg?1333292056"/></div></div>
  166.  
  167.  <div id="credito">Theme by <a href="http://pequenas-recordacoes.tumblr.com/">Pequenas-recordacoes</font></a>; <a href="http://sem-retorno.tumblr.com/">+</font></a>
  168.  
  169.  
  170. <div style="position: absolute; width: 0px; top: 30px; left: 20px; padding-top: 20px; z-index: 2;">
  171. <div class="box6">
  172.  
  173. <div class="box6">
  174.  
  175.  
  176. </div></div>
  177. </div></div>
  178.  
  179. <div style="position: absolute; width: 0px; top: 50px; left: 10px; padding-top: 50px; z-index: 2;">
  180. <div class="box6">
  181.  
  182.  
  183. <div style="position: absolute; width: 0px; top: 30px; left: 10px; padding-top: 25px; z-index: 2;">
  184. <div class="box6">
  185.  
  186.  
  187. <div class="links1">
  188. <a href="LINK"><menu>LINK</menu></a><br>
  189. <a href="LINK1"><menu>LINK1</menu></a><br>
  190. <a href="LINK2"><menu>LINK2</menu></a><br>
  191. <a href="LINK3"><menu>LINK3</menu></a><br>
  192. <a href="LINK4"><menu>LINK4</menu></a><br>
  193. <a href="LINK5"><menu>LINK5</menu></a><br>
  194. <a href="LINK6"><menu>LINK6</menu></a><br>
  195. <a href="LINK7"><menu>LINK7</menu></a><br>
  196. <a href="LINK7"><menu>LINK8</menu></a><br>
  197. </div>
  198.  
  199.  
  200. <div style="position: absolute; width: 0px; top: 200px; left: 20px; padding-top: 50px; z-index: 2;">
  201. <div class="box6">
  202.  
  203.  
  204. <div style="position: absolute; width: 0px; top: 0px; left:178px; padding-top: 20px; z-index: 2;">
  205.  
  206.  
  207. <div style="position: absolute; width: 800px; top: 40px; left: -178px; padding-top: 20px; z-index: 2;">
  208. <div class="box6">
  209.  
  210.  
  211.  
  212. <!-- TAGS DOS POSTS- CUIDADO PRA N APAGAR NADINHA DAQUI -->
  213. <!---------- POSTS --------------------------->
  214.  
  215. <div style="position:absolute; width:600px; left: 500px; top:-300px; padding-top:0px;">
  216.  
  217. {block:Posts}
  218.  
  219. {block:Regular}<div class="post"><div class="box">
  220. {block:Title}<h1>{Title}</h1>{/block:Title}
  221. <div class="entry">{Body}</div>
  222.  
  223. <div class="divdate"></div>
  224.  
  225.  
  226. <!---------------- DATA DOS POSTS ------------->
  227. <div class="date"><a class="notes" href="{Permalink}"><center>Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This Shit!</a></center></div>
  228.  
  229. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  230.  
  231.  
  232. </div></div>
  233. {/block:Regular}
  234.  
  235.  
  236. <!---------- PHOTOS --------------------------->
  237.  
  238. {block:Photo}
  239. <div class="post"><div class="box">
  240. <center>{LinkOpenTag}<img src="{PhotoURL-500}" class="borderimage" alt="{PhotoAlt}" width=550px/>{LinkCloseTag}</center>
  241. {block:Caption}          
  242. <br>
  243. <div class="caption">{Caption}</div>
  244. {/block:Caption}
  245. <div style="clear:both;"></div>
  246. <BR>
  247.  
  248. <div class="divdate"></div>
  249.  
  250.  
  251. <!---------------- DATA DOS POSTS ------------->
  252. <div class="date"><a class="notes" href="{Permalink}"><center>Photo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This Shit!</a></center></div>
  253.  
  254. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  255.  
  256.  
  257. </div></div>
  258. {/block:Photo}
  259.  
  260.  
  261. <div style="clear:both;"></div>
  262.  
  263. <!---------- ASK --------------------------->
  264. {block:Answer}
  265. <div class="post"><DIV CLASS="BOX">
  266. <img src="{AskerPortraitURL-40}"align="left" class="borda"/>
  267. <div class="ask"><b>{Asker}</b>:
  268. <br>{Question}<br></div>
  269. {Answer}
  270.  
  271. <div style="clear:both;"></div>
  272.  
  273. <BR>
  274.  
  275. <div class="divdate"></div>
  276.  
  277. <!---------------- DATA DOS POSTS ------------->
  278. <div class="date"><a class="notes" href="{Permalink}"><center>Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </center></div>
  279.  
  280. </div></div>
  281. {block:Answer}
  282.  
  283. <div style="clear:both;"></div>
  284.  
  285. <!---------- QUOTES --------------------------->
  286.  
  287.  
  288. {block:Quote}
  289. <div class="post"><div class="box">
  290. <h1>{Quote}</h1>
  291. </span>
  292. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  293.  
  294. <BR>
  295. <div class="divdate"></div>
  296.  
  297.  
  298. <!---------------- DATA DOS POSTS ------------->
  299. <div class="date"><a class="notes" href="{Permalink}"><center>Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This Shit!</a></center></div>
  300.  
  301. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  302.  
  303.  
  304. </div></div>
  305. {/block:Quote}
  306.  
  307.  
  308. <div style="clear:both;"></div>
  309.  
  310. <!---------- LINKS --------------------------->
  311.  
  312.  
  313. {block:Link}
  314. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  315. {block:Description}
  316. <div class="description">{Description}</div>
  317. {/block:Description}
  318.  
  319. <BR>
  320. <div class="divdate"></div>
  321.  
  322.  
  323. <!---------------- DATA DOS POSTS ------------->
  324. <div class="date"><a class="notes" href="{Permalink}"><center>Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This Shit!</a></center></div>
  325.  
  326. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  327.  
  328.  
  329. </div></div>
  330. {/block:Link}
  331.  
  332. <div style="clear:both;"></div>
  333.  
  334.  
  335. <!---------- CHAT --------------------------->
  336. {block:Chat}
  337. <div class="post"><div class="box">
  338. {block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>
  339. {/block:Title}
  340. <div class="chat">
  341. {block:Lines}
  342. <div class="{Alt} user_{UserNumber}">
  343. {block:Label}
  344.  <span class="label">{Label}</span>
  345. {/block:Label}
  346. {Line}
  347. </div>
  348. {/block:Lines}
  349. </div>
  350. <BR>
  351. <div class="divdate"></div>
  352.  
  353.  
  354. <!---------------- DATA DOS POSTS ------------->
  355. <div class="date"><a class="notes" href="{Permalink}"><center>Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This Shit!</a></center></div>
  356.  
  357. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  358.  
  359.  
  360. </div></div>
  361. {/block:Chat}
  362.  
  363.  
  364. <div style="clear:both;"></div>
  365.  
  366. <!---------- AUDIO --------------------------->
  367. {block:Audio}
  368. <div class="post"><div class="box">
  369. {AudioPlayerWhite}
  370. {block:Caption}
  371. <div class="caption">{Caption}</div>
  372. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  373. {/block:Caption}
  374.  
  375.  
  376. <div class="divdate"></div>
  377.  
  378.  
  379. <!---------------- DATA DOS POSTS ------------->
  380. <div class="date"><a class="notes" href="{Permalink}"><center>Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This Shit!</a></center></div>
  381.  
  382. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  383.  
  384.  
  385. </div></div>
  386. {/block:Audio}
  387.  
  388. <div style="clear:both;"></div>
  389. <!---------- VIDEOS --------------------------->
  390.  
  391. {block:Video}
  392. <div class="post">
  393. <div class="box">
  394. {Video-500}
  395. <br>
  396. {block:Caption}
  397. <div class="caption">{Caption}</div>
  398. {/block:Caption}
  399.  
  400. <BR>
  401. <div class="divdate"></div>
  402.  
  403.  
  404. <!---------------- DATA DOS POSTS ------------->
  405. <div class="date"><a class="notes" href="{Permalink}"><center>Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog This Shit!</a></center></div>
  406.  
  407. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  408.  
  409.  
  410. </div></div>
  411. {/block:Video}
  412.  
  413. <div style="clear:both;"></div>
  414.  
  415. <!---------------- NOTAS  DOS POSTS ------------->
  416. {block:PostNotes}<div class="box">
  417. <div class="notes-bottom">
  418. {PostNotes}
  419. </div>
  420. {/block:PostNotes}
  421.  
  422. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  423. {/block:Posts}
  424.  
  425. <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}
  426. {block:JumpPagination length="16"}
  427. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  428. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  429. {/block:JumpPagination}
  430. {block:Pagination}{block:NextPage}<a href="{NextPage}"
  431. >&raquo;</a>{/block:NextPage}{/block:Pagination}
  432.  
  433. </center><br>
  434. </div>
  435.  
  436. </div></div>
  437.  
  438. <!-FIM DAS TAGS PRINCIPAIS--!>
  439.  
  440.  
  441.  
  442. </body>
  443. </html>
create a new version of this paste RAW Paste Data