Advertisement
maryaciolli

Theme shoot me

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