Advertisement
maryaciolli

Theme i wish you from me

Sep 12th, 2012
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.65 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <script type="text/javascript" src="http://static.tumblr.com/0j8gkqd/4NYm81v3p/botao.js"></script>
  5.  
  6. <!----- THEME POR MARY ACIOLLI (PLEASEB3MINE.TUMBLR.COM) ----->
  7. <!----- NÃO COPIE, DÊ VALOR AO MEU TRABALHO POR FAVOR. OBRIGADO. ----->
  8.  
  9. <head profile="http://gmpg.org/xfn/11">
  10. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  16. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  17. <script type="text/javascript">
  18. $(window).load(function () {
  19. $('#conteudo').masonry({
  20. itemSelector : ".posts",
  21. },
  22. function() { $('#conteudo').masonry({ appendedContent: $(this) }); }
  23. );
  24. });
  25. </script>
  26.  
  27. <!-- DEFAULT VARIABLES -->
  28. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  29. <meta name="image:background" content=""/>
  30. <meta name="color:background" content="#f1ecdb"/>
  31. <meta name="text:Custom Link One Title" content="Nome do link 1" />
  32. <meta name="text:Custom Link One" content="Url do link 1" />
  33. <meta name="text:Custom Link Two Title" content="Nome do link 2" />
  34. <meta name="text:Custom Link Two" content="Url do link 2" />
  35. <meta name="text:Custom Link Three Title" content="Nome do link 3" />
  36. <meta name="text:Custom Link Three" content="Url do link 3" />
  37.  
  38. <body>
  39. <title>{TITLE}</title>
  40. <link rel="shortcut icon" href="http://stephanielouie.comule.com/material/check21.gif" />
  41. <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script>
  42. <script src='http://static.tumblr.com/iihcsbj/2Ytlox2g9/jquery.lavalamp.min.js' type='text/javascript'/></script>
  43. <script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
  44. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  45. </script>
  46. <link href="http://fonts.googleapis.com/css?family=The+Girl+Next+Door:regular" rel="stylesheet" type="text/css" >
  47. <link href='http://fonts.googleapis.com/css?family=Dancing+Script&v1' rel='stylesheet' type='text/css'>
  48. </body>
  49. <script type="text/javascript">
  50. function changeNavigation(id) {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
  51. </script>
  52. <script type="text/javascript"
  53. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54.  
  55. <style>
  56. .follow {left: 70%; width: 170px; position: fixed; float: left; margin-top: 0px;}
  57.  
  58.  
  59. /* ESTRUTURAS (sweet-help) */
  60. #pagina {width: 600px; display: block; margin: 0 auto; text-align: center; overflow: auto;}
  61. #conteudo {width: 550px; display: block; margin: 0 auto; text-align: justify; overflow: auto;}
  62. .posts {float: left; width: 260px; overflow: auto;}
  63.  
  64.  
  65. .colums{
  66. -moz-column-count: 2;
  67. -moz-column-gap: 4px;
  68. -webkit-column-count: 2;
  69. -webkit-column-gap: 4px;
  70. column-count: 2;
  71. column-gap: 4px;}
  72. .page{
  73. width: 550px;}
  74.  
  75.  
  76. ::-moz-selection {
  77. background: #363636;}
  78. ::selection {
  79. background: #363636;}
  80. blockquote{
  81. margin: 0 8px;
  82. text-align: justify;
  83. line-height:123%;
  84. border-left: 3px double #b3b3b3;
  85. padding-left:2px; padding-right:4px; padding-top:0; padding-bottom:0;}
  86. code {
  87. color:#DB7093;
  88. font-family:georgia;}
  89.  
  90. body {background-image: url('{image:background}');background-color:{color:Background}; background-attachment: fixed; font-family: 'Wintermelon'; color: #a7a6a6; font-size: 10px; text-align: justify; line-height:14px;}
  91.  
  92. #sidebar {background:#fff;
  93. padding: 5px;
  94. -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 0px 0px;}
  95.  
  96. #box {background:#FFFAF0;
  97. padding:5px;
  98. -moz-border-radius: 4px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0px 0px 0px 0px; border-radius: 2px; -moz-box-shadow: inset 0 0 1em #202020;-webkit-box-shadow: inset 0 0 1em #FAEBD7; box-shadow: inset 0 0 1em #FAEBD7;}
  99.  
  100. .letra {font: 16px 'clementepdao-heavy'; color:#ce8392;text-transform:uppercase;}
  101.  
  102. letra2 {font: 7px 'clementepdao-heavy'; text-transform:uppercase; color:#d799a6; text-align:justify;}
  103.  
  104.  
  105. @font-face {font-family: 'clementepdao-heavy';src:url('http://static.tumblr.com/nqcm3ld/pdFm9dnxm/clementepdao-heavy.ttf')format('Woff'); font-weight: normal; font-style: normal;}
  106.  
  107. @font-face {font-family: 'Wintermelon';src:url('http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff')format('Woff'); font-weight: normal; font-style: normal;}
  108.  
  109. @font-face {font-family: 'scribble_box_demo';src:url('http://static.tumblr.com/nqcm3ld/BjUm9fj72/scribble_box_demo.ttf')format('Woff'); font-weight: normal; font-style: normal;}
  110.  
  111. navi {background-color:#8B7765;display: inline-block; text-align: center; color:#fff; float: center; margin:1px; font: 7px 'clementepdao-heavy'; text-transform:uppercase; padding:1px; border-left: 0px solid #BEBEBE; height:10px; width:100px; box-shadow: 0 0px 0px #eee; -webkit-transform: rotate(0deg);}
  112.  
  113. navi:hover {cursor:auto; -webkit-transition-duration: 0.8s; width:120px; color:#fff; letter-spacing:2px;}
  114.  
  115. #enfeite {background:;
  116. width:15px;
  117. height:265px;
  118. margin-top: -58px;
  119. margin-left:350px;
  120. border-radius: 3px;
  121. position:fixed;}
  122.  
  123.  
  124. #boxside2 {background:#fff;
  125. width:120px;
  126. padding:2px;
  127. margin:2px;
  128. -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0px 0px 0px 0px;}
  129.  
  130. #5box {background:#fff;
  131. width:250px;
  132. padding:5px;
  133. -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0px 0px 0px 0px;}
  134.  
  135. .box3 {width:35px; text-align:justify; padding-left:6px;}
  136.  
  137. .box2 {background:#FFF0F5;
  138. width:155px;
  139. padding:5px;
  140. -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 0px 0px; text-align:justify;}
  141.  
  142. h1 {color:#8B7765; font-family: 'Wintermelon', serif; font-size:20px; line-height:39px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px; font-style:normal;}
  143. a {color: #8B7765; text-decoration: none; font-weight:normal;}
  144. a:link, a:visited, a:active {color: #8B7765; text-decoration: none; font-weight:normal;}
  145. a:hover {color: #8B7765; font-weight:normal;}
  146.  
  147. .fotomenu { border-radius: 1px; border-left:2px double #828282; border-right:2px double #828282; border-top:2px double #828282; border-bottom:2px double #828282; width:60px;}
  148.  
  149. b, strong {color:#b3b3b3; }
  150. i, em {color:#b3b3b3; }
  151. u {text-decoration:none; border-bottom:1px solid #b3b3b3; }
  152. s, strike {color:#b3b3b3;}
  153.  
  154.  
  155. #info {font-family: 'Wintermelon'; font-size:8pt;text-align:center; color:#8B7765; text-align:left;}
  156.  
  157. .linha {border-bottom: 1px dashed #8B7765; margin-top:-10px; margin-bottom: 1px; padding:1px}
  158.  
  159.  
  160. h2 {margin:-1px 2px 6px 3px; font:italic 15pt verdana;
  161. color:#D3D3D3; text-align:center;}
  162.  
  163. .colorin{border-top:1px dashed #000000;padding: 5px 5px;text-shadow: 0 0 0;margin:-5px;}
  164.  
  165. #pagination{font-family: 'Wintermelon'; font-size:13px; text-align:center;}
  166.  
  167. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  168. .bubble p {margin:1px 0px; text-shadow: 0 1px 1px #fff;}
  169. .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 #eee; text-shadow: 0 1px 1px #fff;}
  170. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  171. titulo {color:#778899;font-family: 'Dancing Script', serif; font-size:30px; line-height:39px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:justify; letter-spacing: 1px; font-style:normal;}
  172.  
  173. /*** Paginação by madlyluv.com ***/
  174. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  175. #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  176. #paginacaoml a:hover {background: #fafafa; border: none;}
  177. #paginacaoml span.pagina_atual {background: #fafafa; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  178. #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  179.  
  180. .askredonda {border-radius:6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
  181.  
  182. .topo { position: fixed; top: 0px; background-image:url(http://static.tumblr.com/nqcm3ld/sf6ma997u/1339249.png); margin-left:15px; height: 100%; width:25px; z-index: 1;}
  183.  
  184.  
  185. .topo2 { position: fixed; top: -5px; background-color:#fff; padding:12px; width: 100%; margin-left : -20px; z-index: 1;}
  186. .name {color:#BEBEBE; font-size:11px;}
  187. .words {color:#D3D3D3; font-size:11px;}
  188. .nome {color:#9C9C9C; font-size:25px; align="justify"}
  189.  
  190. .zoom{
  191. -webkit-transition:-webkit-transform 0.4s ease-in;
  192. -o-transition:-o-transform 0.4s ease-in;
  193. cursor: none; border-radius: 3px; border:3px double #DDA0DD;}
  194. .zoom:hover{
  195. -moz-transform:scale(0.9);
  196. -webkit-transform:scale(0.9);
  197. -o-transform:scale(0.9); border-radius: 3px; border:3px double #696969; -webkit-transition-duration: 0.8s;}
  198.  
  199. </style>
  200. </div>
  201. <body>
  202.  
  203. <div class="topo"></div>
  204.  
  205. <div id="pagina">
  206.  
  207. <div style="left:45px; top:200px; width:100px; position: fixed; text-align: center;" >
  208.  
  209. <a href="/" title="Homepge"><navi>home</navi></a><br>
  210.  
  211. <a href="/ask"><navi>ask box</navi></a><br>
  212.  
  213. {block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}"><navi>{text:Custom Link One Title}</navi></a>{/block:ifCustomLinkOneTitle}<br>
  214.  
  215. {block:IfCustomLinkTwoTitle}<a href="{text:Custom Two One}"><navi>{text:Custom Link Two Title}</navi></a>{/block:ifCustomLinkTwoTitle}<br>
  216.  
  217. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}"><navi>{text:Custom Link Three Title}</navi></a>{/block:ifCustomLinkThreeTitle}<br>
  218.  
  219. <a href="http://pleaseb3mine.tumblr.com"><navi>credits</a></navi></a><br><br>
  220.  
  221. <center><div id="pagination"><center>{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</center>
  222. </div></center>
  223.  
  224. </div>
  225.  
  226. <div id="conteudo">
  227. <div class="page">
  228.  
  229. <div class="colums">
  230. {block:Posts}
  231.  
  232. <div class="posts">
  233. <div id="box">
  234. <!-- LINKS -->
  235.  
  236. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>{/block:Link}
  237.  
  238. <!-- TEXTOS -->
  239.  
  240. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  241. {block:Text}{Body}{/block:Text}
  242.  
  243. <!-- QUOTE -->
  244.  
  245. {block:Quote}<h1><ponto>"</ponto>{Quote}<ponto>"</ponto></h1><p align="right"> — <b>{block:Source}{Source}{/block:Source}</b></p>{/block:Quote}
  246.  
  247. <!-- PHOTO -->
  248.  
  249. {block:Photo}<center>
  250. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250" border="0"/>{LinkCloseTag}</center>
  251. {block:Caption}{Caption}{/block:Caption}
  252. {/block:Photo}
  253.  
  254. <!-- PHOTOSET -->
  255.  
  256. {block:Photoset}<center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  257.  
  258. <!-- LINKS -->
  259.  
  260. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  261.  
  262. <!-- CHAT -->
  263. <table>
  264. {block:Lines}
  265. <tr>
  266. {block:Label}<td class="name">{Label}</td>{block:Label}
  267. <td class="words">{Line}</td>
  268. </tr>
  269. {/block:Lines}
  270. </table><br />
  271. {/block:Chat}
  272.  
  273. <!-- VIDEOS -->
  274.  
  275. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  276.  
  277. <!-- ASKS RESPONDIDAS -->
  278.  
  279. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  280.  
  281. <!-- AUDIO -->
  282.  
  283. {block:Audio}<BR>
  284. <center>{AudioPlayerWhite}<br><small>
  285. {FormattedPlayCount} pessoas ouviram! {block:ExternalAudio} | <a href="{ExternalAudioURL}">Download!</a>{/block:ExternalAudio}</small></center><BR>
  286. {block:Caption}{Caption}{/block:Caption}
  287.  
  288. {/block:Audio}
  289.  
  290.  
  291. <div class="linha"></div><div id="info"> Posted in {DayOfMonth}/{MonthNumberWithZero}/{Year} - With <a href="{Permalink}">{NoteCount}</a> notes - <a href="{ReblogURL}" target="_blank">Reblog this</a></div>{/block:HasTags}
  292. </div><BR>
  293.  
  294. {/block:Posts}
  295.  
  296. </div>
  297. </div>
  298. </div>
  299.  
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. </div>
  318.  
  319.  
  320.  
  321. <!----- THEME POR MARY ACIOLLI (PLEASEB3MINE.TUMBLR.COM) ----->
  322. <!----- NÃO COPIE, DÊ VALOR AO MEU TRABALHO POR FAVOR. OBRIGADO. ----->
  323.  
  324. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement