API tools faq
paste
MarginalSide

Theme 15 - Peace

MarginalSide
May 6th, 2012
761
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.61 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--título da aba-->
  3. <title>{title}</title>
  4. <!--favicon-->
  5. <link rel='shortcut icon'
  6. a href='http://static.tumblr.com/de00tfu/nXWm2ysxl/10.png'>
  7.  
  8. <head>
  9. <!--CSS-->
  10.  
  11.  
  12.  
  13. <style type='text/css'>
  14.  
  15.  
  16.  
  17.  
  18. html::-webkit-scrollbar {width:22; height:auto;background: #000000;}
  19.  
  20. html::-webkit-scrollbar-corner { background: #000000;}
  21.  
  22. html::-webkit-scrollbar-button:vertical {height:1px;display:block;}
  23.  
  24. html::-webkit-scrollbar-button:horizontal {width:1px;display:block;}
  25.  
  26. html::-webkit-scrollbar-thumb:vertical {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);border: 1px solid #000000;border-right:none;-webkit-border-radius: 8px;}
  27.  
  28. html::-webkit-scrollbar-thumb:horizontal {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);border: 1px solid #000000;border-bottom;}
  29.  
  30. html::-webkit-scrollbar-thumb {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);}
  31.  
  32. html::-webkit-scrollbar-thumb:hover {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);border: 1px solid #000000;}
  33.  
  34. html::-webkit-scrollbar-track-piece {background: none;}
  35.  
  36. html::-webkit-scrollbar:vertical {border-left: 1px solid #000000;}
  37.  
  38. html::-webkit-scrollbar:horizontal {border-top: 1px solid #000000;}
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45. /*body*/
  46.  
  47. body{background-color: #fff; background-image:url('http://26.media.tumblr.com/tumblr_lvzy9f4IQe1qeco3fo1_1280.jpg');background-attachment: fixed; background-repeat:no-repeat;background-attachment: absolute; font-size: 13px; font-family: 'arial';}
  48.  
  49.  
  50.  
  51. /*box*/
  52. .box {background: #fff; padding: 7px; }
  53. /*negrito*/
  54. b{color: #000000; }
  55. /*itálico*/
  56. i{color: #000000; }
  57. /*sublinhdo*/
  58. u{color: #000000; }
  59. /*riscado*/
  60. s{color: #000000; }
  61.  
  62. /*links*/
  63. a {color:#696969; text-decoration: none;}
  64. a:hover{color: #000; font-style: italic; text-decoration: none;}
  65. /*títulos*/
  66. h1{ color: #000000; font-size: 20px; font-family: 'arial'; letter-spacing: 0.3px;}
  67.  
  68.  
  69.  
  70. /* scroll by ild */
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {
  73. background-color: #fff;
  74. height: 50px;
  75. }
  76. ::-webkit-scrollbar-thumb:horizontal {
  77. background-color: #fff;
  78. height: 10px;
  79. }
  80. ::-webkit-scrollbar {
  81. height: 3px;
  82. width: 3px;
  83. background-color: #000000;
  84. }
  85.  
  86.  
  87. .frase-ht { overflow: hidden; height: 500px; font-size: 3px; font-family: Tahoma; position: fixed; margin-left: 0px; width: 200px; color: #555555; padding: 10px; margin-top: 5px; background-attachment: fixed; background-color: #FFFFFF; }
  88.  
  89. #slide01{ float: left; margin-top: 0px; margin-left: -9px; height: auto; width:220px; position: fixed; background-color: transparent; border-right: 0px solid #727272; border-left: 1px solid #CFCFCF; border-top: 0px solid #727272; }
  90.  
  91. #slide02 {margin-top: 5px; margin-bottom: 10px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; overflow: hidden;}
  92.  
  93. #slide02 img{width: 250px; height: 500px; margin-left: 0px;}
  94.  
  95. #slide02:hover {opacity: 0;}
  96.  
  97. #slide03 {margin-top: 0px; margin-bottom: 10px;}
  98.  
  99. #slide03 img{width:320px; height: 280px; margin-left: 2px; }
  100.  
  101.  
  102. </style>
  103.  
  104. </head>
  105. <body>
  106.  
  107.  
  108.  
  109.  
  110. <!--sidebar-->
  111. <div style='position: fixed; width: 210px; top: 70px; left: 85px;'>
  112. <div class='box'>
  113.  
  114. <div id="slide01">
  115.  
  116. <div id="slide02">
  117. <div id="slide03">
  118.  
  119. <img src="http://24.media.tumblr.com/tumblr_m2zrlxgAmV1ru8lm0o1_500.jpg"/>
  120.  
  121. </div></div></div>
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128. </div>
  129.  
  130. <center>
  131.  
  132.  
  133. É triste saber que um dia vou ouvir sua voz ou olhar seu rosto e o resto do mundo não vai desaparecer. O fim do amor é ainda mais triste do que o nosso fim, meu amor está cansado, surrado, ele quer me deixar para renascer depois, lindo e puro, em outro canto, mas eu não quero outro canto, eu quero insistir no nosso canto, eu me agarro à beiradinha do meu amor, eu imploro pra que ele fique, ainda que doa mais do que cabe em mim, eu imploro pra que pelo menos esse amor que eu sinto por você não me deixe, pelo menos ele, ainda que insuportável, não desista.
  134.  
  135. </div>
  136.  
  137. <div style='position: fixed; width: 200px; top: 70px; right: 65px;'>
  138. <center>
  139. Sou como você me vê posso ser leve como uma brisa ou forte como uma ventania, depende de quando e como você me vê passar
  140. </center>
  141.  
  142. <!--menu-->
  143.  
  144. <div style="position: fixed; left: 58px; width: 300px; top: 250px;">
  145.  
  146.  
  147.  
  148.  
  149. <a href="/"><img src="http://static.tumblr.com/ejm8w78/lhflz2pxj/home.png" class="opacidade" style="width: 15px; height:15" title="Home"/></a>
  150. <BR>
  151. <a href="/ask"><img src="http://static.tumblr.com/ejm8w78/w3Qlz2pzs/email.png" class="opacidade" style="width: 13px; height:13" title="Ask Me"/></a>
  152. <BR>
  153.  
  154. <a href="/submit"><img src="http://static.tumblr.com/ejm8w78/EVjlz2rwa/comment.png" class="opacidade" style="width: 15px; height:15" title="Submit"/></a>
  155. <BR>
  156. <a href="LINK_DO_SEU_WE-HEART_IT"><img src="http://24.media.tumblr.com/tumblr_m2zzpjdZdQ1rushbso1_100.png" class="opacidade" style="width: 15px; height:15" title="We Heart It"/></a>
  157. <BR>
  158. <a href="LINK_DO_SEU_TWITTER"><img src="http://static.tumblr.com/kwaqeuc/3s5m09y3k/picons03.png" class="opacidade" style="width: 16px; height:16" title="Twitter"/></a>
  159. <BR>
  160. <a href="/archive"><img src="http://static.tumblr.com/ejm8w78/onElz2rsp/folder.png" class="opacidade" style="width: 14px; height:14" title="Archive"/></a>
  161. <BR>
  162. </div>
  163.  
  164. </div></div>
  165. <!--tag dos posts-->
  166.  
  167. <div style='position: absolute; width:550px; left:470px; top:40px;' >
  168.  
  169.  
  170. <div id='liuc'>
  171.  
  172. {block:Posts}
  173. <div class='box'>
  174.  
  175. <!--textos-->
  176.  
  177. {block:Text}
  178.  
  179. {block:Title}<h1>{Title}</h1>{/block:Title}
  180.  
  181. {Body}
  182.  
  183. {/block:Text}
  184.  
  185. <!--photosets-->
  186.  
  187. {block:Photo}
  188.  
  189. {LinkOpenTag}
  190.  
  191. <center><img src='{PhotoURL-500}' alt='{PhotoAlt}'/></center>
  192.  
  193. {LinkCloseTag}
  194.  
  195. {block:Caption}{Caption} {/block:Caption}
  196.  
  197. {/block:Photo}
  198.  
  199. <!--quote-->
  200.  
  201. {block:Quote}
  202. <h1>"{Quote}"</h1>
  203. {block:Source}<b>-{Source}</b><br><br>{/block:Source}
  204.  
  205. {/block:Quote}
  206.  
  207. <!--link-->
  208.  
  209. {block:Link}
  210. <a href='{URL}'><h1>{Name}</h1></a>
  211.  
  212. {block:Description}{Description} {/block:Description}
  213.  
  214. {/block:Link}
  215.  
  216. <!--chats-->
  217.  
  218. {block:Chat}
  219. {block:Title} <h1>{Title}</h1>{/block:Title}
  220.  
  221. {block:Lines}
  222. {block:Label}
  223. <b>{Label}</b>
  224. {/block:Label}
  225. {Line}<br>
  226. {/block:Lines}
  227.  
  228. {/block:Chat}
  229.  
  230. <!--músicas-->
  231.  
  232. {block:Audio}
  233. <center>{AudioPlayerWhite}</center>
  234. {block:Caption}{Caption}{/block:Caption}
  235.  
  236. {/block:Audio}
  237.  
  238. <!--videos-->
  239.  
  240. {block:Video}
  241. <center>{Video-500}</center>
  242.  
  243. {block:Caption}{Caption} {/block:Caption}
  244.  
  245. {/block:Video}
  246.  
  247. <!--asks-->
  248.  
  249. {block:Answer}
  250. <img src='{AskerPortraitURL-40}'/>{Asker}:<br>
  251. <center><b>{Question}</b><br>
  252. </center>
  253.  
  254. {Answer}
  255. {/block:Answer}
  256.  
  257. <!--acréscimos b: date, notes-->
  258. <br><hr><center>
  259. <a href='{Permalink}'><b>Post</b></a>Date » {DayOfMonth} · {Month} · {Year} · {NoteCount}
  260. notes · <a href='{ReblogURL}'>Reblog ღ<a><br>
  261. </center><br></div><br>
  262.  
  263. {/block:Posts}
  264. <div class='box'><center>Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  265. {block:JumpPagination length="8"}
  266. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  267. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  268. {/block:JumpPagination}
  269. </center>
  270.  
  271. <center>Theme feito por <a href="http://ladomarginal.tumblr.com/">Marginal Side</a> ©
  272. </div><br></div></div>
  273.  
  274. </div>
  275. </div>
  276.  
  277. </body>
  278. </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!