Advertisement
maryaciolli

Theme Pink kiss

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