Advertisement
maryaciolli

Theme Being green

Aug 23rd, 2012
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.29 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/Yq3m97qu4/tumblr_m8uzt2gdmo1rdmr2go1_250.png"/>
  15. <meta name="color:background" content="#d6ddd0"/>
  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 #8FBC8F;
  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: 22px 'Wintermelon'; text-transform:uppercase; color:#8FBC8F;}
  73. .letra:hover {letter-spacing: -1px; -webkit-transition-duration: 0.8s;}
  74.  
  75. @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;}
  76.  
  77. navi {background-color:#fff;display: inline-block; text-align: right; color:#8FBC8F; float: center; margin:1px; font: 10px 'Wintermelon'; text-transform:uppercase; padding:1px; border-right: 2px solid #8FBC8F; border-left: 4px solid #8FBC8F; height:10px; width:150px; box-shadow: 0 0px 0px #eee; }
  78. navi:hover {cursor:auto; background-color:#fff; border-right: 4px solid #2E8B57; border-left: 2px solid #2E8B57; -webkit-transition-duration: 0.8s;}
  79.  
  80.  
  81. #boxsidefoto {background:#fff;
  82. width:150px;
  83. padding:5px;
  84. -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 0px 0px;}
  85.  
  86.  
  87. #boxside2 {background:#fff;
  88. width:120px;
  89. padding:2px;
  90. margin:2px;
  91. -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0px 0px 0px 0px;}
  92.  
  93.  
  94. #box {background:#fff;
  95. width:500px;
  96. padding:5px;
  97. -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 0px 0px;}
  98.  
  99. #box2 {background:#fff;
  100. width:500px;
  101. padding:5px;
  102. -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 0px 0px;}
  103.  
  104. h1 {color:#8FBC8F;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;}
  105. a {color: #8FBC8F; text-decoration: none; font-weight:normal;}
  106. a:link, a:visited, a:active {color: #8FBC8F; text-decoration: none; font-weight:normal;}
  107. a:hover {color: #EEE8AA; font-weight:normal;}
  108.  
  109. .fotomenu { border-radius: 3px; border:3px solid #2E8B57;}
  110. .fotomenu:hover { border-radius: 3px; border:3px solid #8FBC8F; -webkit-transition-duration: 0.8s;}
  111.  
  112. b, strong {color:#BDB76B; }
  113. i, em {color:#BDB76B; }
  114. u {text-decoration:none; border-bottom:1px solid #BDB76B; }
  115. s, strike {color:#BDB76B;}
  116.  
  117. #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;}
  118. #info {font-family: 'Wintermelon'; font-size:9pt;text-align:center; color:#2E8B57; text-align:left;}
  119. .linha {border-bottom: 1px dashed #BDB76B; margin-bottom: 2px; padding:1px}
  120.  
  121.  
  122. h2 {margin:-1px 2px 6px 3px; font:italic 15pt verdana;
  123. color:#BDB76B; text-align:center;}
  124.  
  125. .colorin{border-top:1px dashed #000000;padding: 5px 5px;text-shadow: 0 0 0;margin:-5px;}
  126.  
  127. .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;}
  128. .bubble p {margin:1px 0px; text-shadow: 0 1px 1px #fff;}
  129. .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;}
  130. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  131. 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;}
  132.  
  133. /*** Paginação by madlyluv.com ***/
  134. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  135. #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  136. #paginacaoml a:hover {background: #fafafa; border: none;}
  137. #paginacaoml span.pagina_atual {background: #fafafa; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  138. #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  139.  
  140. .askredonda {border-radius:6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
  141.  
  142. .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;}
  143.  
  144. .topo2 { position: fixed; top: -5px; background-color:#fff; padding:12px; width: 100%; margin-left : -20px; z-index: 1;}
  145. .name {color:#363636; font-size:10px;}
  146. .words {color:#9C9C9C; font-size:10px;}
  147. .nome {color:#9C9C9C; font-size:25px; align="justify"}
  148.  
  149. </style>
  150.  
  151. </div>
  152.  
  153.  
  154. <div style="position:fixed; left:345px; top:98px; width:160px; text-align:justify;">
  155.  
  156. <div class="letra"><center>{TITLE}</center></div><br>
  157. <img src="{image:sidebar}" width="156px" class="fotomenu"><br><br>
  158.  
  159. <a href="/" title="Homepage"><navi>home</navi></a><br>
  160. <a href="/ask"><navi>ask box</navi></a><br>
  161. {block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}"><navi>{text:Custom Link One Title}</navi></a>{/block:ifCustomLinkOneTitle}<BR>
  162. {block:IfCustomLinkTwoTitle}<a href="{text:Custom Two One}"><navi>{text:Custom Link Two Title}</navi></a>{/block:ifCustomLinkTwoTitle}<BR>
  163. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}"><navi>{text:Custom Link Three Title}</navi></a> {/block:ifCustomLinkThreeTitle}<BR>
  164. <a href="http://pleaseb3mine.tumblr.com"><navi>credits</a></navi></a>
  165. <br><br>
  166.  
  167. <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><br>
  168. </div></center>
  169. </div>
  170.  
  171.  
  172.  
  173. </div>
  174.  
  175.  
  176. </div></div>
  177.  
  178. </div>
  179.  
  180.  
  181. <div style="position:absolute; left:600px; top:70px;">
  182. <!-- POSTS -->
  183. <div id="content">
  184. {block:Posts}
  185. <div class="caixinha">{NoteCount} notes<br><a href="{ReblogURL}" target="_blank">Reblog this.</a></div>
  186. <div id="box">
  187. <!-- LINKS -->
  188.  
  189. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>{/block:Link}
  190.  
  191. <!-- TEXTOS -->
  192.  
  193. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  194. {block:Text}{Body}{/block:Text}
  195.  
  196. <!-- QUOTE -->
  197.  
  198. {block:Quote}<h1>{Quote}</h1><p align="right"> — <b>{block:Source}{Source}{/block:Source}</b></p>{/block:Quote}
  199.  
  200. <!-- PHOTO -->
  201.  
  202. {block:Photo}<center>
  203. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500" border="0"/>{LinkCloseTag}</center>
  204. {block:Caption}{Caption}{/block:Caption}
  205. {/block:Photo}
  206.  
  207. <!-- PHOTOSET -->
  208.  
  209. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  210.  
  211. <!-- LINKS -->
  212.  
  213. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  214.  
  215. <!-- CHAT -->
  216. <table>
  217. {block:Lines}
  218. <tr>
  219. {block:Label}<td class="name">{Label}</td>{block:Label}
  220. <td class="words">{Line}</td>
  221. </tr>
  222. {/block:Lines}
  223. </table><br />
  224. {/block:Chat}
  225.  
  226. <!-- VIDEOS -->
  227.  
  228. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  229.  
  230. <!-- ASKS RESPONDIDAS -->
  231.  
  232. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  233.  
  234. <!-- AUDIO -->
  235.  
  236. {block:Audio}<BR>
  237. <center>{AudioPlayerWhite}<br><small>
  238. {FormattedPlayCount} pessoas ouviram! {block:ExternalAudio} | <a href="{ExternalAudioURL}">Download!</a>{/block:ExternalAudio}</small></center><BR>
  239. {block:Caption}{Caption}{/block:Caption}
  240.  
  241. {/block:Audio}
  242.  
  243.  
  244. <div class="linha"> </div><div id="info"></div>
  245. <div id="info">Tags: {block:Tags} <a href="{TagURL}">{Tag}</a> - {/block:Tags}</div>{/block:HasTags}
  246. </div><BR>
  247.  
  248. {/block:Posts}
  249.  
  250. </div>
  251. </div>
  252.  
  253. </div>
  254.  
  255.  
  256. </div>
  257. </div>
  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.  
  275.  
  276. <!----- THEME POR MARY ACIOLLI (B-URNINGOUT.TUMBLR.COM) ----->
  277. <!----- NÃO COPIE, DÊ VALOR AO MEU TRABALHO POR FAVOR. OBRIGADO. ----->
  278.  
  279. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement