API tools faq
paste
MarginalSide

Theme 17 - Mio Itália

MarginalSide
May 6th, 2012
928
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.76 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{favicon}" />
  6.  
  7. <style>
  8.  
  9.  
  10. /*body*/
  11.  
  12. body{background-color: #fff; background-image:url('');background-attachment: fixed; background-repeat:no-repeat;background-attachment: absolute; font-size: 13px; font-family: 'arial';}
  13.  
  14. /* pag */
  15.  
  16. #content {width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;}
  17.  
  18. .borda {border-radius: 10px;}
  19.  
  20.  
  21.  
  22. .faixa {-moz-border-radius: 10px; -webkit-border-radius: 10px;display:block; background:#CFCFCF; color:#363636; font-size:13px; font-weight:bold; letter-spacing:0px; padding:1px 4px 1px 4px; margin-top: 20px; text-align: right; align: right;}
  23.  
  24.  
  25. /* post */
  26.  
  27. #post {top: 90px; left: 450px; width:562px; position: absolute;}
  28.  
  29. /* Lêlêlê */
  30.  
  31. #sidebar {width:300px; text-align: justify; float: left; position: fixed; margin-top: 50px; left:120px;}
  32.  
  33. /* caixa3 */
  34.  
  35. #caixa3 {width:100px; text-align: justify; float: left; position: fixed; margin-top: 0px; left:10px;}
  36.  
  37. /* caixas */
  38.  
  39. .caixa {background: {color:post}; padding: 5px; margin-bottom: 1px; left:110px;}
  40. .caixasidebar {background: {color:sidebar}; padding: 5px; margin-bottom: 7px; left:10px;}
  41. .caixa2 {background: {color:sidebar}; padding: 5px; margin-bottom: 7px; left:10px;}
  42. .caixa3 {background: {color:sidebar}; padding: 5px; margin-bottom: 7px; left:10px;}
  43.  
  44. /* formatação */
  45.  
  46. b, strong, bold {color: #000;}
  47. u, underline {color: #000; border-bottom: 1px dashed #000;text-decoration:none;}
  48. i, em {color: #000;}
  49. s, strike {color: #000;}
  50.  
  51. /*links*/
  52. a {color:#696969; text-decoration: none;}
  53. a:hover{color: #000; font-style: italic; text-decoration: none;}
  54. /*títulos*/
  55. h1{ color: #000000; font-size: 20px; font-family: 'arial'; letter-spacing: 0.3px;}
  56.  
  57. /* scroll by ild */
  58.  
  59. ::-webkit-scrollbar-thumb:vertical {
  60. background-color: #fff;
  61. height: 50px;
  62. }
  63. ::-webkit-scrollbar-thumb:horizontal {
  64. background-color: #fff;
  65. height: 10px;
  66. }
  67. ::-webkit-scrollbar {
  68. height: 3px;
  69. width: 3px;
  70. background-color: #BEBEBE
  71. ;
  72. }
  73.  
  74.  
  75. /* blockquote */
  76.  
  77. blockquote {border-left: 5px solid #000; font-family: georgia; color: 666; padding: 2px 2px 2px 6px; margin: 2px; line-height: 14px; background: #f1f1f1;}
  78.  
  79. /* * * Menu Linha - by Carol (http://fuckhtml-c.tumblr.com/) * * */
  80.  
  81. menu {background-color:#fff; border-left: solid 5px {color:menufaixa}; border-right: solid 0px #000; width: 100%; text-align: left; padding: 3px; margin: 1px; spacing: 0px;display: inline-block; line-height: 10px; height: 35px;font: 15px tahoma;}
  82.  
  83. menu:hover {background-color:#CFCFCF; border-right: solid 5px color:#000; border-left: solid 0px #000; width: 100%; text-align: right; padding: 3px; margin: 1px; line-height: 10px; height: 35px;font: 15px tahoma;}
  84.  
  85. /* * * fim do menu * * */
  86.  
  87. #frasepequena {-moz-border-radius: 9px; -webkit-border-radius: 10px;margin-left: 5px; margin-top: -90px; width: 300px; font-size: 9px; height: auto; max-height: 300px; text-align: justify; background-color: #9C9C9C; font-family: verdana; line-height: 15px; color: {color:text}; position: fixed; padding: 4px; -webkit-transition: 1.3s ease-in;
  88. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; overflow: visible; overflow: hidden; opacity: 9;}
  89.  
  90. #frasepequena a{color: {color:text};}
  91.  
  92. #sidebar:hover #frasepequena {margin-top: -315px;margin-left: 5px; opacity: 9.0;z-index: 100;}
  93.  
  94.  
  95.  
  96.  
  97. .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; }
  98.  
  99. #slide01{ float: left; margin-top: 0px; margin-left: -9px; height: auto; width:314px; position: fixed; background-color: transparent; border-right: 0px solid #727272; border-left: 0px solid #CFCFCF; border-top: 0px solid #727272; }
  100.  
  101. #slide02 {-moz-border-radius: 10px; -webkit-border-radius: 10px;margin-top: 5px; margin-bottom: 10px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; overflow: hidden;}
  102.  
  103. #slide02 img{-moz-border-radius: 10px; -webkit-border-radius: 10px; width: 250px; height: 500px; margin-left: 10px;}
  104.  
  105. #slide02:hover {opacity: 0;}
  106.  
  107. #slide03 {margin-top: 0px; margin-bottom: 10px;}
  108.  
  109. #slide03 img{width:360px; height: 300px; margin-left: 2px; }
  110.  
  111.  
  112.  
  113. </style>
  114. </head>
  115. <body>
  116. <div id="content">
  117. <div id="sidebar">
  118. <div id="caixa3">
  119. <div class="caixa3">
  120. <div style=" width: 80px; ">
  121. <a href="/"><menu>Home</menu></a>
  122. <a href="/ask"><menu>Ask Me</menu></a>
  123. <a href="/submit"><menu>Submit</menu></a>
  124. <a href="tex"><menu>Textos</menu></a>
  125. <a href="SEU_TWITTER_AQUI"><menu>Twitter</menu></a>
  126. <a href="SEU_FACEBOOK_AQUI"><menu>Facebook</menu></a>
  127. <a href="/archive"><menu>Arquivo</menu></a>
  128.  
  129. </div>
  130.  
  131. </div>
  132. </div>
  133. <div class="caixa2">
  134. <center>
  135.  
  136. <div style='position: fixed; width: 300px; top: 101px; left: 120px;'>
  137. <div class='box'>
  138.  
  139. <div id="slide01">
  140.  
  141. <div id="slide02">
  142. <div id="slide03">
  143.  
  144. <img src="http://3.bp.blogspot.com/-LimdY6uPzZQ/Tb9TBjQeQFI/AAAAAAAAAIQ/OGLn2EPqXMk/s1600/37822598.jpg"/>
  145. <div id="frasepequena"> <center>Te desejo uma fé enorme não importa no quê em quem... </div>
  146. </div></div></div>
  147.  
  148.  
  149.  
  150. </div>
  151.  
  152. <br>
  153.  
  154. Desejo esperanças novinhas em folha, todos os dias.
  155. Tomara que a gente não desista de ser quem é, que a gente reconheça o poder do outro sem esquecer do nosso.
  156. Que as mentiras alheias não confundam as nossas verdades, mesmo que as mentiras e as verdades sejam impermanentes.
  157. Que friagem nenhuma seja capaz de encabular o nosso calor mais bonito.
  158. 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.
  159. As coisas vão dar certo, vai ter amor, vai ter fé, vai ter paz – se não tiver, a gente inventa, te quero ver sem melancolia nenhuma. Certo, muitas ilusões dançaram, Mas eu me recuso a descrer absolutamente de tudo, eu faço força para manter algumas esperanças acesas.
  160.  
  161. </center>
  162.  
  163.  
  164.  
  165. </div>
  166. </div></div></div>
  167.  
  168.  
  169.  
  170. <div id="post">
  171. <div class="faixa">Cuide, cultive, queira o bem… O resto
  172. vem!</div>
  173. {block:Posts}
  174.  
  175. <div class="caixa">
  176.  
  177. {block:Text}
  178. {block:Title}
  179. <h1>{Title}</h1>
  180. {/block:Title}
  181. {Body}
  182. {/block:Text}
  183.  
  184. {block:Photo}
  185. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" class="borda". /></center>
  186. {block:Caption}
  187. <div class="caption">{Caption}</div>
  188. {/block:Caption}
  189. {/block:Photo}
  190.  
  191. {block:Photoset}
  192. <center>{Photoset-500}</center>
  193. {block:Caption}
  194. <div class="caption">{Caption}</div>
  195. {/block:Caption}
  196. {/block:Photoset}
  197.  
  198. {block:Quote}
  199. {Quote}
  200. {block:Source}
  201. <div class="source"><div style="text-align: right">— {Source}</div></div>
  202. {/block:Source}
  203. {/block:Quote}
  204.  
  205. {block:Link}
  206. <a href="{URL}" class="link" {Target}>{Name}</a>
  207. {block:Description}
  208. <div class="description">{Description}</div>
  209. {/block:Description}
  210. {/block:Link}
  211.  
  212. {block:Chat}
  213. {block:Title}
  214. {Title}
  215. {/block:Title}
  216. <ul class="chat">
  217. {block:Lines}
  218. {block:Label}
  219. <span class="label"><b>{Label}</b></span>
  220. {/block:Label}
  221. {Line}<br>
  222. {/block:Lines}
  223. </ul>
  224. {/block:Chat}
  225.  
  226. {block:Video}
  227. {Video-500}
  228. {block:Caption}
  229. <div class="caption">{Caption}</div>
  230. {/block:Caption}
  231. {/block:Video}
  232.  
  233. {block:Audio}
  234. {AudioPlayerBlack}
  235. {block:Caption}
  236. <div class="caption">{Caption}</div>
  237. {/block:Caption}
  238. {/block:Audio}
  239.  
  240. {block:Answer}
  241.  
  242. {Asker}: {Question}&nbsp;</div>{Answer}
  243. {/block:Answer}
  244. <div class="datadosposts">
  245. <br><hr><center>
  246. <a href='{Permalink}'><b>Post</b></a>Date » {DayOfMonth} · {Month} · {Year} · {NoteCount}
  247. notes · <a href='{ReblogURL}'>Reblog ღ<a><br>
  248. </center><br></div><br>
  249.  
  250.  
  251. {/block:Posts}<center>
  252. <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}
  253. {block:JumpPagination length="10"}
  254. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  255. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  256. {/block:JumpPagination}
  257. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  258. </div></center><br>
  259. </div></div></div></div></div>
  260. {/block:Posts}<br>
  261. </div></div></div></div></div>
  262.  
  263. </body>
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271. <style>body {cursor:url(http://static.tumblr.com/piwu9ez/ynnljgi2y/cursor15.gif), url(http://static.tumblr.com/piwu9ez/ynnljgi2y/cursor15.gif), auto;} </style>
  272. <a href="" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>
  273.  
  274. <style>a, a:hover {cursor: url("http://static.tumblr.com/q3bfkrn/NRBls779n/oth589.cur"), auto }</style>
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283. </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!