API tools faq
paste
Advertisement
MarginalSide

Theme 11 - Summer

MarginalSide
May 6th, 2012
239
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.82 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. body{background-color: #fff; background-image:url(''); background-attachment: absolute; font-size: 13px; font-family: 'arial';}
  47. /*box*/
  48. .box {background: #fff; padding: 7px; }
  49. /*negrito*/
  50. b{color: #000000; }
  51. /*itálico*/
  52. i{color: #000000; }
  53. /*sublinhdo*/
  54. u{color: #000000; }
  55. /*riscado*/
  56. s{color: #000000; }
  57.  
  58. /*links*/
  59. a {color:#696969; text-decoration: none;}
  60. a:hover{color: #000; font-style: italic; text-decoration: none;}
  61. /*títulos*/
  62. h1{ color: #000000; font-size: 20px; font-family: 'arial'; letter-spacing: 0.3px;}
  63.  
  64.  
  65.  
  66. /* scroll by ild */
  67.  
  68. ::-webkit-scrollbar-thumb:vertical {
  69. background-color: #fff;
  70. height: 50px;
  71. }
  72. ::-webkit-scrollbar-thumb:horizontal {
  73. background-color: #fff;
  74. height: 10px;
  75. }
  76. ::-webkit-scrollbar {
  77. height: 3px;
  78. width: 3px;
  79. background-color: #000000;
  80. }
  81.  
  82.  
  83. .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; }
  84.  
  85. #slide01{ float: left; margin-top: 0px; margin-left: -9px; height: auto; width:265px; position: fixed; background-color: transparent; border-right: 0px solid #727272; border-left: 0px solid #727272; border-top: 0px solid #727272; }
  86.  
  87. #slide02 {margin-top: 5px; margin-bottom: 10px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; overflow: hidden;}
  88.  
  89. #slide02 img{width: 250px; height: 500px; margin-left: 0px;}
  90.  
  91. #slide02:hover {opacity: 0;}
  92.  
  93. #slide03 {margin-top: 5px; margin-bottom: 10px;}
  94.  
  95. #slide03 img{width:290px; height: 320px; margin-left: 2px; }
  96.  
  97.  
  98. </style>
  99.  
  100. </head>
  101. <body>
  102.  
  103.  
  104.  
  105.  
  106. <!--sidebar-->
  107. <div style='position: fixed; width: 255px; top: 70px; left: 70px;'>
  108. <div class='box'>
  109.  
  110. <div id="slide01">
  111.  
  112. <div id="slide02">
  113. <div id="slide03">
  114.  
  115. <img src="http://data.whicdn.com/images/27360200/tumblr_lxczxcD8s61qhqk4jo1_1280_large.jpg"/>
  116.  
  117. </div></div></div>
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. </div>
  125.  
  126. <center>
  127.  
  128.  
  129.  
  130.  
  131. </center>
  132.  
  133. Te desejo uma fé enorme, em qualquer coisa, não importa o quê, desejo esperanças novinhas em folha, todos os dias, tomara que a gente não desista de ser quem é por nada nem ninguém deste mundo, que a gente reconheça o poder do outro sem esquecer do nosso, que as mentiras alheias não confundam as nossas verdades, mesmo que as mentiras e as verdades sejam impermanentes,que friagem nenhuma seja capaz de encabular o nosso calor mais bonito, que,mesmo quando estivermos doendo, não percamos de vista nem de sonho a ideia da alegria tomara que apesar dos apesares todos, a gente continue tendo valentia suficiente para não abrir mão de se sentir feliz, as coisas vão dar certo, vai ter amor, vai ter fé, vai ter paz – se não tiver, a gente inventa.
  134.  
  135.  
  136.  
  137. <marquee>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</marquee>
  138.  
  139.  
  140. </div>
  141.  
  142.  
  143.  
  144. <!--menu-->
  145.  
  146. <div style="position: fixed; left: 30px; width: 300px; top: 170px;">
  147.  
  148.  
  149.  
  150.  
  151. <a href="/"><img src="http://static.tumblr.com/ejm8w78/lhflz2pxj/home.png" class="opacidade" style="width: 20px; height:20" title="Home"/></a>
  152. <BR>
  153. <a href="/ask"><img src="http://static.tumblr.com/ejm8w78/w3Qlz2pzs/email.png" class="opacidade" style="width: 18px; height:18" title="Ask Me"/></a>
  154. <BR>
  155.  
  156. <a href="/archive"><img src="http://static.tumblr.com/ejm8w78/onElz2rsp/folder.png" class="opacidade" style="width: 20px; height:20" title="Archive"/></a>
  157. <BR>
  158. <a href="/submit"><img src="http://static.tumblr.com/ejm8w78/EVjlz2rwa/comment.png" class="opacidade" style="width: 19px; height:19" title="Submit"/></a>
  159. <BR>
  160. <a href="LINK_DO_SEU_WE-HEART_IT"><img src="http://24.media.tumblr.com/tumblr_m2zzpjdZdQ1rushbso1_100.png" class="opacidade" style="width: 20px; height:20" title="We Heart It"/></a>
  161. <BR>
  162. <a href="LINK_DO_SEU_FACEBOOK"><img src="http://25.media.tumblr.com/tumblr_m2zzpjdZdQ1rushbso2_100.png" class="opacidade" style="width: 20px; height:20" title="Facebook"/></a> <BR>
  163.  
  164. <a href="LINK_DO_SEU_TWITTER"><img src="http://static.tumblr.com/kwaqeuc/3s5m09y3k/picons03.png" class="opacidade" style="width: 21px; height:21" title="Twitter"/></a>
  165.  
  166.  
  167. </div>
  168.  
  169. </div></div>
  170. <!--tag dos posts-->
  171.  
  172. <div style='position: absolute; width:550px; left:470px; top:40px;' >
  173.  
  174.  
  175. <div id='liuc'>
  176.  
  177. {block:Posts}
  178. <div class='box'>
  179.  
  180. <!--textos-->
  181.  
  182. {block:Text}
  183.  
  184. {block:Title}<h1>{Title}</h1>{/block:Title}
  185.  
  186. {Body}
  187.  
  188. {/block:Text}
  189.  
  190. <!--photosets-->
  191.  
  192. {block:Photo}
  193.  
  194. {LinkOpenTag}
  195.  
  196. <center><img src='{PhotoURL-500}' alt='{PhotoAlt}'/></center>
  197.  
  198. {LinkCloseTag}
  199.  
  200. {block:Caption}{Caption} {/block:Caption}
  201.  
  202. {/block:Photo}
  203.  
  204. <!--quote-->
  205.  
  206. {block:Quote}
  207. <h1>"{Quote}"</h1>
  208. {block:Source}<b>-{Source}</b><br><br>{/block:Source}
  209.  
  210. {/block:Quote}
  211.  
  212. <!--link-->
  213.  
  214. {block:Link}
  215. <a href='{URL}'><h1>{Name}</h1></a>
  216.  
  217. {block:Description}{Description} {/block:Description}
  218.  
  219. {/block:Link}
  220.  
  221. <!--chats-->
  222.  
  223. {block:Chat}
  224. {block:Title} <h1>{Title}</h1>{/block:Title}
  225.  
  226. {block:Lines}
  227. {block:Label}
  228. <b>{Label}</b>
  229. {/block:Label}
  230. {Line}<br>
  231. {/block:Lines}
  232.  
  233. {/block:Chat}
  234.  
  235. <!--músicas-->
  236.  
  237. {block:Audio}
  238. <center>{AudioPlayerWhite}</center>
  239. {block:Caption}{Caption}{/block:Caption}
  240.  
  241. {/block:Audio}
  242.  
  243. <!--videos-->
  244.  
  245. {block:Video}
  246. <center>{Video-500}</center>
  247.  
  248. {block:Caption}{Caption} {/block:Caption}
  249.  
  250. {/block:Video}
  251.  
  252. <!--asks-->
  253.  
  254. {block:Answer}
  255. <img src='{AskerPortraitURL-40}'/>{Asker}:<br>
  256. <center><b>{Question}</b><br>
  257. </center>
  258.  
  259. {Answer}
  260. {/block:Answer}
  261.  
  262. <!--acréscimos b: date, notes-->
  263. <br><hr><center>
  264. <a href='{Permalink}'><b>Post</b></a> date: {DayOfMonth}▪{Month}▪{Year} com {NoteCount}
  265. notes <a href='{ReblogURL}'>Reblog ಊ</a><br>
  266. </center><br></div><br>
  267.  
  268. {/block:Posts}
  269. <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}
  270. {block:JumpPagination length="8"}
  271. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  272. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  273. {/block:JumpPagination}
  274. </center>
  275.  
  276. <center>Theme feito por <a href="http://ladomarginal.tumblr.com/">Marginal Side</a> ©
  277. </div><br></div></div>
  278.  
  279. </div>
  280. </div>
  281.  
  282. </body>
  283. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!