API tools faq
paste
Ingrid-Vale

Theme 24

Ingrid-Vale
Jul 4th, 2012
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.56 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5.  
  6. <title>{title}</title>
  7.  
  8.  
  9. <link rel="shortcut icon" href="favicon">
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16. </head>
  17.  
  18. <style type="text/css">
  19.  
  20. /*** Background ***/
  21. body {background: #fff url('http://static.tumblr.com/q6ziuuo/BDrm2fs6k/black_denim.png'); font: 8px '04b03'; text-align:justify; color: #9C9C9C;}
  22.  
  23. /*** Fonte ***/
  24. h1 {font-family:yan;font-size: 22px; letter-spacing: -1px; line-height: 25px; text-shadow: 1px 1px 1px #; color: #FFFFFF; filter: dropshadow(color=#5C4435, offx=1, offy=1);}
  25. @font-face {font-family: "yan"; src: url('http://static.tumblr.com/qzpui9z/3L7m2oxy4/yanone.ttf');}
  26. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  27. @font-face {font-family:'bbg'; src:url('http://static.tumblr.com/ag3zw7y/MHrm125ua/fontes.ttf');}
  28.  
  29. /*** Barra de rolagem ***/
  30. ::-webkit-scrollbar {width: 2px; height: 3px; background-color: #323232;}
  31. ::-webkit-scrollbar-thumb {background-color:#fff;}
  32.  
  33. /*** Quote ***/
  34. .h1 {font-style: normal;
  35. font-size: 22px;
  36. color: #f1f1f1;
  37. text-transform:uppercase;
  38. margin-top: 0px;
  39. text-align:justy;
  40. font-family: 'Yanone Kaffeesatz', georgia;}
  41. .ci {color: #323232;
  42. display: inline-block;
  43. background: #f0f0f0;
  44. padding: 3px;
  45. margin-left: 20px;
  46. margin-top: -14px;
  47. margin-bottom: 10px;
  48. -webkit-border-radius: 5px;
  49. -moz-border-radius: 5px;
  50. border-radius: 5px;}
  51. .ci a {color: #;}
  52.  
  53. /*** Posições ***/
  54. #pagina{width: 800px; margin-left: auto; margin-right: auto;}
  55. #sidebar{width: 210px;margin-top: 300px; float: right;margin-right: 74px;}
  56. #posts{width: 510px; margin-top: 10px; float: left;}
  57.  
  58. /*** Formatações ***/
  59. strong,b {color:#000;}
  60. i,em {color:#f1f1f1;}
  61. u,underline {color: #f2f2f2;border-bottom: 1px dashed #696969;text-decoration:none;}
  62. s {color: #bebebe;cursor: help;}
  63.  
  64. /*** links ***/
  65. a {color:#fff; text-decoration:none; line-height: 12px;}
  66. a:hover {color: #000;}
  67.  
  68. /*** Seleção colorida ***/
  69. ::-moz-selection
  70. {color: #fff;
  71. background: transparent;
  72. text-shadow: # 1px 1px 1px;}
  73.  
  74. ::selection
  75. {color: #000;
  76. background: transparent;
  77. text-shadow: # 1px 1px 1px;}
  78.  
  79. /*** Caixas do theme ***/
  80. .box {text-align: justify; padding: 5px; background: #323232; box-shadow: 0 0 5px rgba(0, 0, 0, 0), 0 0 30px rgba(0, 0, 0, 0.4) inset;}
  81.  
  82. /*** Stilo da Ask por things-to-help-you **/
  83. .pergunta {background: #f1f1f1; padding: 11px; margin-top: 0px; border-bottom: 1px solid #; margin-left: 67px;margin-right: 0;overflow: hidden; text-shadow: 0px 1px 1px #;}
  84. .perguntou {letter-spacing: 1px; text-transform:uppercase;font-family: 'Play', sans-serif; font-size: 12px; background: #BEBEBE; padding: 9px; margin-top: -11px; border-bottom: 1px solid #; margin-left: -11px;margin-right: -11px;overflow: hidden; text-shadow: 0px 1px 1px #;color: #fff; margin-bottom: 7px;}
  85. .perguntou g {color: #C9CA6B;}
  86. .perguntou a {color: #C9CA6B; }
  87. .askfoto {opacity: 0.7;}
  88. .askfoto:hover {opacity: 0.9;}
  89.  
  90. /* --- font por Débs ------- */
  91. @font-face {font-family: "04b03";
  92. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  93. format("truetype");}
  94. @font-face {font-family: "charnarr";
  95. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  96. format("truetype"); }
  97.  
  98. /*** Estilo audio ***/
  99. .trackid {padding: 8px;
  100. background: #e4e4e4;
  101. color: #999;
  102. margin-top: 1px;
  103. margin-left: 1px;
  104. margin-right: 1px;
  105. text-shadow: 0px 1px 1px #fff;}
  106. .trackid2 {padding: 2px;
  107. background: #e4e4e4;
  108. color: #999;
  109. margin-top: 1px;
  110. margin-left: 1px;
  111. margin-right: 1px;}
  112.  
  113. /*** Paginação **/
  114. #paginacaoml {display: block; font-size: 10px; font-weight: bold; padding-top: 8px; padding-bottom: 8px; text-shadow: 0 1px 1px #; background: #; margin-top: 3px; margin-left: 22px; margin-right: 22px; text-align: left;}
  115. #paginacaoml a {background: #323232; color: #fff; padding: 8px; margin-top: -8px; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase;}
  116. #paginacaoml a:hover {background: #fff; color: #323232; padding: 8px; margin-top: -8px; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase;}
  117. #paginacaoml span.pagina_atual {background: #000; color: #bebebe; padding: 8px; margin-top: -8px; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase;}
  118.  
  119. /* Chat por Anna (livelikeasuicide) *********/
  120. .chat {background: #323232; margin: 0; font-size:
  121. 8px; font-family: '04b03';}
  122. .chat .chat1 {margin-left: 0px;}
  123. .chat .chat1 .chat2 {background: #bebebe; color: #000;
  124. margin-bottom: 1px; padding: 4px 5px 4px 5px;} /* Primeira linha */
  125. .chat .chat1 .chat2.even {background: #fff;
  126. color: #000;} /* Segunda linha */
  127. .chat .chat1 .chat2 span{font-weight: bold;}
  128.  
  129. /*** Notes hover*/
  130. .boxnotes {margin-left: 50px; margin-top: 0px; background:;
  131. text-align:center; color: ; padding: 5px; position: absolute;
  132. line-height: 13px; font: normal 7pt verdana;
  133. opacity:0;z-index: 4; -webkit-transition-duration: .90s;-webkit-borde-bottom-right-radius: 6px;
  134. -moz-border-radius-bottomright: 6px;
  135. border-bottom-right-radius: 6px;}
  136.  
  137. .box:hover .boxnotes {margin-left: 0px; min-width: auto; background: #323232;text-align:center; color: #A8C7CB; padding: 5px; position: absolute;line-height: 13px; opacity:99;text-shadow: 0px 1px 1px #;
  138. -webkit-border-bottom-right-radius: 6px;
  139. -webkit-border-bottom-left-radius: 6px;
  140. -moz-border-radius-bottomright: 6px;
  141. -moz-border-radius-bottomleft: 6px;
  142. border-bottom-right-radius: 6px;
  143. border-bottom-left-radius: 6px;}
  144.  
  145. /*** Wishlist ***/
  146. .wishlist {background: url('http://i37.tinypic.com/2nh22vq.jpg') no-repeat left; padding-left: 10px; display:block; border-bottom:1px solid #eee; padding-top:0px; pagging-bottom:0px; -webkit-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; font-size: 8px; font-family:'04b03', georgia, serif;}
  147.  
  148. /*** Efeito recomendo ***/
  149. .fote { border: 2px solid #5C4C44;}
  150. .fota { border: 2px solid #E07D7D;}
  151.  
  152. /*** Tooltip ***/
  153. #dhtmltooltip {background: #BEBEBE; padding: 5px; position: absolute; width: auto; color: #473838; border-radius: 5px; font-size: 12px; font-family: Tahoma; visibility: hidden; z-index: 200; text-align: center; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
  154.  
  155. /*** Barrinha ***/
  156. #title{width: 200px; height:10px; font-size: 8px;font-family: '04b03'; padding: 5px; color: #000; background-color: #fff ; margin-left: 0px; overflow:hidden; }
  157.  
  158. *** Menu ***/
  159. .nav {text-align: center; margin-top: 4px; margin-bottom: 4px;}
  160.  
  161. .nav a {font-size: 8px; font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase;display: inline-block; background: #fff; padding: 2px; width: 40px; height: 20px; color: #000; width: 42px; margin: 1px;}
  162.  
  163. </style>
  164.  
  165.  
  166. <body>
  167.  
  168. <div id="dhtmltooltip"></div>
  169. <script language="JavaScript" src="http://static.tumblr.com/mjpmf6k/llzm1m03u/tooltip_by_prince-of-midnight.tumblr.com.txt"></script>
  170.  
  171. <div id="pagina">
  172.  
  173. <div id="sidebar">
  174. <center><div id="title">Love is more than the pressure to be perfect</div></center>
  175. <img src="http://data.whicdn.com/images/31840979/black-and-white-girl-hair-Favim.com-464553_large.jpg" width="100%">
  176. <div class="box">
  177. "Eu quero olhar para trás em minha vida quando eu tiver 80 anos e dizer que amei cada minuto dela .Eu quero estar fazendo música, como estou fazendo agora . Isso me faz feliz" -Demi Lovato
  178. </div><div class="nav">
  179.  
  180. <center>
  181. <a href="/">Home</a>
  182.  
  183. <a href="/ask">Ask me</a>
  184.  
  185. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('liuc').innerHTML=document.getElementById('01').innerHTML" class="menu2">About me</a>
  186.  
  187. <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('liuc').innerHTML=document.getElementById('02').innerHTML" class="menu2">Here</a>
  188.  
  189. </center></div></div>
  190.  
  191. <!-- conteudo -->
  192. <div id="posts">
  193. <!-- liuc -->
  194. <div id="liuc">
  195.  
  196. {block:Posts}
  197.  
  198. {block:Regular}
  199. <div class="post"><div class="box">
  200.  
  201. <div class="boxnotes">
  202.  
  203. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  204.  
  205.  
  206. {block:Title}<h1>{Title}</h1>{/block:Title}
  207.  
  208. <div class="entry">{Body}</div>
  209. </div><br></div>
  210. {/block:Regular}
  211. <!---------- PHOTOS --------------------------->
  212.  
  213. {block:Photo}
  214. <div class="post"><div class="box">
  215.  
  216. <div class="boxnotes">
  217.  
  218. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  219.  
  220.  
  221. <center><img src="{PhotoURL-500}" class="border" title="{PhotoAlt}" width="500"></center>
  222. {block:Caption}
  223. <div class="caption">{Caption}</div>
  224. {/block:Caption}
  225. <div style="clear:both;"></div>
  226. </div><br></div>
  227. {/block:Photo}
  228.  
  229. <!---------- ASK --------------------------->
  230. {block:Answer}
  231. <div class="box">
  232.  
  233. <div class="boxnotes">
  234.  
  235. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  236.  
  237. <img src="{AskerPortraitURL-64}" align="left" class="askfoto">
  238. <div class="pergunta">
  239. <div class="perguntou"><g>{Asker}</g> asked {TimeAgo}</div>
  240. {Question}
  241. </div><br>
  242. {Answer}
  243.  
  244. </div><br></div>
  245. {/block:Answer}
  246.  
  247. <!---------- QUOTES --------------------------->
  248.  
  249.  
  250. {block:Quote}
  251. <div class="post"><div class="box">
  252.  
  253. <div class="boxnotes">
  254.  
  255. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  256.  
  257.  
  258. <div class="h1"> "{Quote}"</div><br>
  259. <div class="ci">{block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}</div>
  260. </span>
  261. </div><br></div>
  262. {/block:Quote}
  263. <!---------- LINKS --------------------------->
  264.  
  265. {block:Link}
  266. <div class="post"><div class="box">
  267.  
  268.  
  269. <div class="boxnotes">
  270.  
  271. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  272.  
  273.  
  274. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  275. {block:Description}
  276. <div class="description">{Description}</div>
  277. {/block:Description}
  278.  
  279. </div><br></div>
  280. {/block:Link}
  281.  
  282. <!---------- CHAT --------------------------->
  283. {block:Chat}
  284. <div class="post"><div class="box">
  285.  
  286. <div class="boxnotes">
  287.  
  288. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  289.  
  290.  
  291. <div class="chat">
  292. <div class="chat1">
  293. {block:Lines}
  294. <div class="chat2 {Alt}">
  295. {block:Label}
  296. <span>{Label}</span>
  297. {/block:Label}
  298. {Line}</div>
  299. {/block:Lines}
  300. </div>
  301. </div>
  302. </div><br></div>
  303. {/block:Chat}
  304.  
  305. <!---------- AUDIO --------------------------->
  306. {block:Audio}
  307. <div class="post"><div class="box">
  308.  
  309. <div class="boxnotes">
  310.  
  311. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  312.  
  313.  
  314. block:AlbumArt}
  315. <img style="float: left; margin-right: 0px; margin-left: 1px; margin-top: 1px;"src="{AlbumArtURL}" width="31" >
  316. {/block:AlbumArt}
  317. <div class="trackid2">{AudioPlayerGrey}</div>
  318. {block:TrackName}
  319. <div class="trackid">"{TrackName}"</div>
  320. {/block:TrackName}
  321. {block:Artist}
  322. <div class="trackid">{Artist}</div>
  323. {/block:Artist}
  324. <div class="trackid">({PlayCount}) plays</div>
  325.  
  326. </div><br></div>
  327. {/block:Audio}
  328. <!---------- VIDEOS --------------------------->
  329.  
  330. {block:Video}
  331. <div class="post"><div class="box">
  332.  
  333. <div class="boxnotes">
  334.  
  335. Posted on <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b> | <a class="notes" href="{Permalink}"><a class="notes">{NoteCount} notes | </a></a> <a href="{ReblogURL}" target="_blank">Reblog this!</a></div>
  336.  
  337.  
  338. {Video-500}
  339. <br>
  340. {block:Caption}
  341. <div class="caption">{Caption}</div>
  342. {/block:Caption}
  343.  
  344. <BR>
  345. <div class="divdate"></div>
  346.  
  347. </div><br></div>
  348. {/block:Video}
  349.  
  350. <!---------------- NOTAS DOS POSTS ------------->
  351. {block:PostNotes}<div class="box">
  352. <div class="notes-bottom">
  353. {PostNotes}
  354. </div></div>
  355. {/block:PostNotes}
  356.  
  357. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  358. {/block:Posts}
  359.  
  360. <!---------------- FIM DAS TAGS DOS POSTS ------------->
  361.  
  362. {block:IndexPage}
  363. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  364. {block:JumpPagination length="10"}
  365. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  366. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  367. {/block:JumpPagination}
  368. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  369. </div></center>
  370. {/block:IndexPage}
  371.  
  372. <!---------------- MENU FALSO I FRAME ------------->
  373.  
  374.  
  375. <div id="01" style="display:none">
  376.  
  377. <div class="box">
  378. <div class="h1">This is me</div>
  379. Seu about aqui, babe.
  380. </div></div></div>
  381.  
  382. <div id="02" style="display:none">
  383.  
  384. <div class="box">
  385. <div class="h1">My Little World</div>
  386. Sobre seu tumblr.
  387. </div>
  388.  
  389. <br>
  390.  
  391. <div class="box">
  392. <div class="h1">Merecem seu follow</div>
  393. <br>
  394. <center>{block:Following}{block:Followed} <a href="{FollowedURL}" target="_blank"> <img src="{FollowedPortraitURL-30}" style="margin: 2px; border: 2px solid #000;" /></a> {/block:Followed} {/block:Following}</center></div>
  395.  
  396.  
  397. <br>
  398.  
  399. <div class="box">
  400. <div class="h1">Créditos</div>
  401.  
  402. <div class="wishlist">Desenvolvimento do tema: <a href="http://wayformoment.tumblr.com/" target=blank>Ingrid Vale</a>.</div>
  403.  
  404. <div class="wishlist">Inspiração: <a href="http://coisasarmazenadas.tumblr.com/" target=blank>Andréia</a>.</div>
  405.  
  406. <div class="wishlist">Diversos materiais e tutoriais: <a href="http://things-to-help-you.tumblr.com/" target=blank>TTHY</a>.</div>
  407.  
  408. <div class="wishlist">Notes Hover: <a href="http://needheml-html.tumblr.com/" target=blank>NHH</a>.</div></div>
  409.  
  410. </div></div></div></div>
  411.  
  412. </body>
  413. </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!