API tools faq
paste
Ingrid-Vale

Theme 18

Ingrid-Vale
May 27th, 2012
146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.13 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6.  
  7. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6c9FAvY1qfamg6.gif">
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  10.  
  11. </head>
  12.  
  13. <style>
  14.  
  15. /*** Background ***/
  16. body {background: #fff url('http://static.tumblr.com/hn3quzo/mIgm4owyf/bg17.png'); font: 10px verdana; text-align:justify; color: #000;}
  17.  
  18. /*** Fonte ***/
  19. h1 {color:#B6424D; font-family: 'Yanone Kaffeesatz', serif; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;font-family: 'Gochi Hand', cursive;font-family: 'Yanone Kaffeesatz', cursive;}
  20.  
  21. /*** Formatações ***/
  22. strong,b {color:#28202F;}
  23. i,em {color:#B6424D;}
  24. u,underline {color: #B6424D;border-bottom: 1px dashed #28202F;text-decoration:none;}
  25. s {color: #B6424D;cursor: help;}
  26.  
  27. /*** Links ***/
  28. a {color:#28202F; text-decoration:none; line-height: 12px;}
  29. a:hover {color: #B6424D;}
  30.  
  31. /*** Posições ***/
  32. #pagina {width: 500px;
  33. margin-right: auto;
  34. margin-left: auto;
  35. margin-top: auto;
  36. margin-bottom:auto;}
  37.  
  38. #posts {position: absolute;
  39. width:520px;
  40. left: 150px;
  41. top: 70px;
  42. margin: auto;
  43. position: relative;}
  44.  
  45. #sidebar {position: fixed; width: 260px; left: 280px; top:93px;}
  46.  
  47. /*** Caixas do theme ***/
  48. .box {background: #FFFFFF;
  49. padding: 5px 5px 5px 5px;
  50. margin-bottom: 10px;
  51. line-height: 17px;
  52. color: #;
  53. box-shadow: 0px 0px 5px #;}
  54.  
  55. /*** Faixa ***/
  56. .faixa {padding:2px; background:#000; opacity:0.5; color:#fff; font-family:georgia; font-size:12px; letter-spacing:1px; font-weight:normal; font-style:italic; text-align:right; margin-top:-22px; margin-bottom:2px;}
  57.  
  58. /*** Reblog e Notes ********/
  59. .rl:hover {-webkit-transition: opacity 0.4s linear; opacity: 1!important; -moz-transition: all 0.4s linear; transition: all 0.4s linear; filter: alpha(opacity = 100)!important;}
  60. .rl img{margin-left: 0px; line-height: 30px; margin-left: -21px; display: inline;}
  61. .rl{position: absolute; margin-left: 11px; opacity: 0.0; filter: alpha(opacity = 0); z-index:145435345341;}
  62.  
  63. *** ASPAS BY RITAMAFALDA ***/
  64. .aspas{ position:relative; top:-10px; font-size:100px; opacity:0.1; filter: alpha(opacity = 10);color: #A3975F;}
  65. .quote{ margin-left:20px; margin-top:-85px; line-height:23px; letter-spacing:-1px;}
  66.  
  67. /*** Barrinha ***/
  68. #header {background-image: url('http://static.tumblr.com/hn3quzo/BKzm4oxrc/tumblr_m0um1d8khz1qbu997.png'); background-repeat: repeat-x; z-index: 300; position: fixed; width:100%; height:120px; left:0px; top :0px;}
  69.  
  70. /*** Menu ***/
  71.  
  72. .menu {text-align: center; margin-top: 4px; margin-bottom: 4px;}
  73. .menu a {font-size: 8px; font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase;display: inline-block; background: #B6424D; padding: 3px; width: 100px; color: #fff; width: 73px; margin: 1px;}
  74. .menu a:hover {opacity: 0.7;}
  75.  
  76. .menu2 {text-align: center; margin-top: 4px; margin-bottom: 4px;}
  77. .menu2 a {font-size: 8px; font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase;display: inline-block; background: #28202F; padding: 3px; width: 100px; color: #fff; width: 73px; margin: 1px;}
  78. .menu2 a:hover {opacity: 0.7;}
  79.  
  80. /*** Paginação **/
  81. #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;}
  82. #paginacaoml a {background: #B6424D; color: #fff; padding: 8px; margin-top: -8px; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase;}
  83. #paginacaoml a:hover {background: #B6424D; color: #fff; padding: 8px; margin-top: -8px; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase;}
  84. #paginacaoml span.pagina_atual {background: #28202F; color: #fff; padding: 8px; margin-top: -8px; margin-bottom: -8px; text-decoration: none; margin-left: -1px;text-transform:uppercase;}
  85.  
  86. </style>
  87.  
  88. <body>
  89. <div id="header"></div>
  90.  
  91. <div id="sidebar">
  92. <img src="http://static.tumblr.com/hn3quzo/Aoem4oyxi/dr.png">
  93. <div class="box">
  94. ”Há tantas outras coisas. Quando fecho os olhos, vejo seu rosto, quando caminho, é quase como se conseguisse sentir sua mão na minha. Essas coisas ainda são reais pra mim, mas onde uma vez elas trouxeram conforto, hoje provocam a dor.”
  95. - Querido John
  96. </div>
  97. <div class="menu">
  98. <a href="/">Home</a>
  99. <a href="/ask">Ask me</a>
  100. <a href="/archive">Archive</a>
  101. </div>
  102. <div class="menu2">
  103. <a href="/mobile">Mobile</a>
  104. <a href="/rss">RSS</a>
  105. <a href="http://smallworldofdreams.tumblr.com/">Theme</a>
  106. </div>
  107. </div>
  108.  
  109. <div id="liuc">
  110. <div id="posts">
  111. <!------- TAGS DE POST. NÃO MEXA SE NÃO SOUBER HTML, PODE DESCONFIGURAR O THEME --------!>
  112.  
  113. {block:Posts}
  114. <div class="rl"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m336meJupQ1r5ehrc.png"></a> </div>
  115. {block:Regular}<div class="post"><div class="box">
  116. {block:Title}<h1>{Title}</h1>{/block:Title}
  117. <div class="entry">{Body}</div>
  118.  
  119. </div></div>
  120. {/block:Regular}
  121.  
  122.  
  123. <!---------- PHOTOS --------------------------->
  124.  
  125. {block:Photo}
  126. <div class="rl"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m336meJupQ1r5ehrc.png"></a> </div>
  127. <div class="post"><div class="box">
  128. <center><img src="{PhotoURL-500}" title="{PhotoAlt}" width="510"></center>
  129. {block:Caption}
  130. <div class="caption">{Caption}</div>
  131. {/block:Caption}
  132. <div style="clear:both;"></div>
  133.  
  134. </div></div>
  135. {/block:Photo}
  136.  
  137.  
  138. <div style="clear:both;"></div>
  139.  
  140. <!---------- ASK --------------------------->
  141.  
  142. {block:Answer}<div class="box">
  143. <div class="pergunta">{Question}</div>
  144. <div class="ppergunta"></div>
  145. <div class="autor"><img src="{AskerPortraitURL-24}" class="borda"></div>
  146. <div class="linha"></div>
  147. <div class="resposta">{Answer}</div>
  148. <div class="autor1">Pergunta feita por: {Asker}</div>
  149. <div style="clear:both;"></div>
  150.  
  151. </div>
  152. {/block:Answer}
  153. <br>
  154. <!---------- QUOTES --------------------------->
  155.  
  156.  
  157. {block:Quote}
  158.  
  159. <div class="rl"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m336meJupQ1r5ehrc.png"></a> </div>
  160.  
  161. <div class="post"><div class="box">
  162. <h1>{Quote}</h1>
  163. </span>
  164. <div class="source">&mdash; {Source}</div><br>
  165.  
  166. <div class="divdate"></div>
  167.  
  168. </div></div>
  169. {/block:Quote}
  170.  
  171.  
  172. <div style="clear:both;"></div>
  173.  
  174. <!---------- LINKS --------------------------->
  175.  
  176.  
  177. {block:Link}
  178. <div class="rl"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m336meJupQ1r5ehrc.png"></a> </div>
  179. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  180. {block:Description}
  181. <div class="description">{Description}</div>
  182. {/block:Description}
  183.  
  184. </div></div>
  185. {/block:Link}
  186.  
  187. <div style="clear:both;"></div>
  188.  
  189.  
  190. <!---------- CHAT --------------------------->
  191. {block:Chat}
  192. <div class="rl"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m336meJupQ1r5ehrc.png"></a> </div>
  193. <div class="post"><div class="box">
  194. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>
  195. {/block:Title}
  196. <div class="chat">
  197. {block:Lines}
  198. <div class="{Alt} user_{UserNumber}">
  199. {block:Label}
  200. <span class="label">{Label}</span>
  201. {/block:Label}
  202. {Line}
  203. </div>
  204. {/block:Lines}
  205. </div>
  206.  
  207. </div></div>
  208. {/block:Chat}
  209.  
  210.  
  211. <div style="clear:both;"></div>
  212.  
  213. <!---------- AUDIO --------------------------->
  214. {block:Audio}
  215. <div class="rl"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m336meJupQ1r5ehrc.png"></a> </div>
  216. <div class="post"><div class="box">
  217. {AudioPlayerWhite}
  218. {block:Caption}
  219. <div class="caption">{Caption}</div>
  220. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  221. {/block:Caption}
  222.  
  223. </div></div>
  224. {/block:Audio}
  225.  
  226. <div style="clear:both;"></div>
  227.  
  228. <!---------- VIDEOS --------------------------->
  229.  
  230. {block:Video}
  231. <div class="rl"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_m336meJupQ1r5ehrc.png"></a> </div>
  232. <div class="post">
  233. <div class="box">
  234. {Video-500}
  235. <br>
  236. {block:Caption}
  237. <div class="caption">{Caption}</div>
  238. {/block:Caption}
  239.  
  240. </div></div>
  241. {/block:Video}
  242.  
  243. <div style="clear:both;"></div>
  244.  
  245. <!---------------- NOTAS DOS POSTS ------------->
  246. {block:PostNotes}<div class="box">
  247. <div class="notes-bottom">
  248. {PostNotes}
  249. </div></div>
  250. {/block:PostNotes}
  251.  
  252. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  253. {/block:Posts}
  254. {block:IndexPage}  
  255. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  256. {block:JumpPagination length="10"}
  257. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  258. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  259. {/block:JumpPagination}
  260. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  261. </div></center>
  262.  {/block:IndexPage} 
  263.  
  264. </div>
  265. </div>
  266. </body>
  267.  
  268. </html>
  269. </body>
  270.  
  271. </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!