Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme005

By: NathBitencourt on Apr 20th, 2012  |  syntax: None  |  size: 13.12 KB  |  hits: 101  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!-- Theme by Nathalia Bitencourt (lookforus.tumblr.com)
  2.  
  3. DON'T COPY
  4. DON'T REDISTRIBUTE
  5. DON'T REMOVE CREDIT
  6.  
  7. You can make all changes you like, but please don't remove the credits.
  8.  
  9.  --!>
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12.  
  13. <head>
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:background" content="#f5ffe7">
  16. <meta name="color:post" content="#bcdea5">
  17. <meta name="color:post text" content="#75b553">
  18.  
  19. <meta name="color:side" content="#bcdea5">
  20. <meta name="color:side text" content="#75b553">
  21.  
  22. <meta name="color:a" content="#6a875b">
  23. <meta name="color:a hover" content="#11a75a">
  24.  
  25. <meta name="color:navegation" content="#75b553">
  26. <meta name="color:navegation text" content="#e1f5c4">
  27. <meta name="color:navegation hover" content="#79bd9a">
  28. <meta name="color:navegation hover text" content="#f6ffe7">
  29.  
  30. <meta name="color:bold" content="#79bd9a">
  31. <meta name="color:italic" content="#75b553">
  32. <meta name="color:underline" content="#83988e">
  33. <meta name="color:strike" content="#648752">
  34.  
  35. <meta name="color:border" content="#6a875b">
  36. <meta name="color:border notes" content="#75b553">
  37.  
  38. <meta name="color:scrollbar" content="#79bd9a">
  39. <meta name="color:selection" content="#75b553">
  40. <meta name="color:selection text" content="#bcdea5">
  41.  
  42. <meta name="color:faixa side" content="#79bd9a">
  43. <meta name="color:faixa side text" content="#d1f2a5">
  44.  
  45. <meta name="text:frase1" content="Anyone Can be Killed">
  46. <meta name="text:frase2" content="I'll Kill Them All">
  47.  
  48. <meta name="text:link1" content="">
  49. <meta name="text:link title1" content="">
  50.  
  51. <meta name="text:link2" content="">
  52. <meta name="text:link title2" content="">
  53.  
  54. <meta name="text:link3" content="">
  55. <meta name="text:link title3" content="">
  56.  
  57. <meta name="text:link4" content="">
  58. <meta name="text:link title4" content="">
  59.  
  60. <meta name="text:link5" content="">
  61. <meta name="text:link title5" content="">
  62.  
  63. <meta name="text:link6" content="">
  64. <meta name="text:link title6" content="">
  65.  
  66. <meta name="text:link7" content="">
  67. <meta name="text:link title7" content="">
  68.  
  69. <meta name="text:link8" content="">
  70. <meta name="text:link title8" content="">
  71.  
  72. <meta name="text:link9" content="">
  73. <meta name="text:link title9" content="">
  74.  
  75. <meta name="image:background" content="">
  76. <meta name="image:side1" content="http://static.tumblr.com/dpcrs9a/cXvm2flza/tumblr_m0ha9sljvb1rqk1yvo7_250.gif">
  77. <meta name="image:side2" content="http://29.media.tumblr.com/tumblr_m09bn8XU0H1qcdjubo1_250.gif">
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  84.  
  85. <title>{title}</title>
  86. <link rel="shortcut icon" href="{PortraitURL-16}">
  87.  
  88. <style>
  89. body {background:{color:background} url('{image:background}')}
  90.  
  91. img {max-width: 520px}
  92.  
  93. h1 {font-family: 'Cookie', cursive; font-size: 30px;}
  94. h2 {font-family: 'Great Vibes', cursive; font-size: 27px}
  95. img {max-width:505px;}
  96. .h3 {font-family: 'Great Vibes', cursive; font-size: 27px;border-bottom:1px dotted {color:nav border}; margin-bottom:5px}
  97.  
  98. blockquote {border-left: 4px solid {color:border}; padding-left:4px;}
  99.  
  100. b {color: {color:bold}}
  101. i {color: {color:italic}}
  102. s {color: {color:strike}}
  103. u {color: {color:underline}; text-decoration:none; border-bottom:1px dotted {color:underline}}
  104.  
  105. a:link, a:visited, a:active {color:{color:a}; text-decoration:none;
  106. transition:all 0.5s ease-out;
  107. -moz-transition:all 0.5s ease-out;
  108. -webkit-transition:all 0.5s ease-out;}
  109.  
  110. a:hover {color:{color:a hover}}
  111.  
  112. ul {type:circle}
  113.  
  114. .bordinha {padding:2px; background: {color:border}}
  115.  
  116. .postnotes {color:{color:texts};
  117. font-size:10px;
  118. font-family: verdana}
  119.  
  120. ::-webkit-scrollbar-thumb:vertical
  121. {background-color: {color:scrollbar};
  122. height: 25px;}
  123.  
  124. ::-webkit-scrollbar-thumb:horizontal
  125.  
  126. {background-color: {color:scrollbar};
  127. height: 10px;}
  128.  
  129. ::-webkit-scrollbar
  130. {height: 5px; width: 8px;background-color: #E8E8E8;}
  131.  
  132. ::-moz-selection{
  133. background:{color:selection};
  134. color:{color:selection text};
  135. }
  136. ::selection {
  137. background:{color:selection};
  138. color:{color:selection text};
  139. }
  140.  
  141. #seeyou {
  142. width: 1024px;
  143. background:{color:post};
  144. align:center
  145. float:left}
  146.  
  147. #mybaby {width:510px;
  148. margin-top:15px;
  149. text-align:justify;
  150. margin-top: 25px;
  151. float:left;
  152. margin-left: 370px;}
  153.  
  154. #tes {width: 100%}
  155.  
  156. .box {background:{color:post};
  157. margin-top:20px;
  158. font-size: 10px;
  159. padding:8px;
  160. color: {color:post text};
  161. width:520px;
  162. font-family:verdana;}
  163.  
  164. #box {margin-top: 0px; text-align: justify; color: {color:entry color}}
  165.  
  166. #box:hover #tags {opacity:1; display: block; border-left: 6px solid {color:border notes};}
  167.  
  168. #tags {opacity:0;
  169. height:auto;
  170. width:100px;
  171. margin-left: 540px;
  172. float:left;
  173. position: absolute;  
  174.  
  175. border-left: 2px solid {color:border notes};
  176. padding-left: 3px;
  177. font-size: 10px;
  178. text-align:left;
  179. font-family:verdana;
  180. color:{color:post text};
  181. text-transform: lowercase;
  182. transition: all 0.5s ease-out;
  183. -webkit-transition: all 0.5s ease-out;
  184. -moz-transition: all 0.5s ease-out;}
  185.  
  186. .haha {padding: 5px;
  187. color: {color:post text};
  188. width:50px;
  189. font-size:15px;}
  190.  
  191. .side {margin-left: 5px;
  192. background: {color:side};
  193. margin-top: 60px;
  194. width:350px;
  195. float:left;
  196. z-index:10;
  197. position:fixed;
  198. border-bottom:1px dotted {color:border};
  199. padding-bottom:5px}
  200.  
  201. #side {
  202. background: {color:side};
  203. color: {color:side text};
  204. height: auto;
  205. font-size: 10px;
  206. font-family: verdana;
  207. margin-top: 35px;
  208. padding:3px;
  209. z-index:10;
  210. text-align:justify;
  211. }
  212.  
  213. #faixa {background: {color:faixa side};
  214. color: {color:faixa side text};
  215. font-size: 30px;
  216. font-family: 'Great Vibes', cursive;
  217. text-align:left;
  218. padding:3px;
  219. }
  220.  
  221. #photo {
  222. border-radius: 50px;
  223. -moz-border-radius: 50px;
  224. -webkit-border-radius: 50px;
  225. }
  226.  
  227. #port {width:48px;
  228. float:left;
  229. margin-left: 300px;
  230. margin-top:-20px;
  231. position:fixed;
  232. border-radius: 50px;
  233. -moz-border-radius: 50px;
  234. -webkit-border-radius: 50px;
  235. padding-top: 5px;
  236. padding-left:5px;
  237. padding-right:5px;
  238. background: {color:faixa side};
  239. z-index:10}
  240.  
  241. #sideimage {backgound: {color:border};
  242. width:200px;
  243. float:left;
  244. height: 240px;
  245. z-index:10;
  246. padding:5px;
  247. transition:all 2s ease-out;
  248. -moz-transition:all 2s ease-out;
  249. -webkit-transition:all 2s ease-out;}
  250.  
  251. #imageh {margin-top:-242px;
  252. transition:all 2s ease-out;
  253. -moz-transition:all 2s ease-out;
  254. -webkit-transition:all 2s ease-out;}
  255.  
  256. #imageh img {width:200px; height:240px;}
  257.  
  258. #imageh:hover {opacity:0}
  259.  
  260. #imagehh {margin-top:0px;}
  261.  
  262. #imagehh img {width:200px; height:240px;}
  263.  
  264. #sidedescript {width:126px;
  265. height:233px;
  266. overflow:auto;
  267. border: solid 1px {color:border};
  268. padding:3px;
  269. margin:5px;}
  270.  
  271. #itsmine {margin-top:500px;
  272. margin-left: 5px;
  273. color: {color:side text};
  274. width:344px;
  275. float:left;
  276. position:fixed;
  277. margin-left: 5px;
  278. padding:3px;
  279. font-family:verdana;
  280. font-size:10px}
  281.  
  282. #frase {background: {color:faixa side};
  283. color: {color:faixa side text};
  284. font-family: 'Great Vibes', cursive;
  285. font-size: 30px;
  286. width:344px;
  287. height: 34px;
  288. float:left;
  289. position:fixed;
  290. margin-left: -3px;
  291. padding:3px;}
  292.  
  293. #frase:hover {color: transparent; background:transparent}
  294.  
  295. .frase {color:transparent;
  296. font-family: 'Great Vibes', cursive;
  297. font-size: 30px;
  298. width:344px;
  299. float:left;
  300. height: 35px;
  301. position:fixed;
  302. padding:3px;
  303. margin-left: -3px;
  304. margin-top: -5px;}
  305.  
  306. .frase:hover {color: {color:faixa side text};
  307. background: {color:faixa side};}
  308.  
  309. #navegations {width:100%;
  310. padding:5px;}
  311.  
  312. #navegation {background:{color:navegation};
  313. color: {color:navegation text};
  314. width:338px;
  315. float: left;
  316. font-size:10px;
  317. font-family: verdana;
  318. text-align:center;
  319. letter-spacing:0px;
  320. transition:all 1s ease-out;
  321. -moz-transition:all 1s ease-out;
  322. -webkit-transition:all 1s ease-out;}
  323.  
  324. #navegation a{color: {color:navegation text};}
  325.  
  326. #navegation a:hover {color: {color:navegation hover text};}
  327.  
  328. #navegation:hover {background:{color:navegation hover};
  329. color: {color:navegation hover text};}
  330.  
  331. #nav {background:{color:navegation};
  332. color: {color:navegation text};
  333. width: 109px;
  334. margin-top:5px;
  335. margin-right:5px;
  336. margin-bottom:5px;
  337. float: left;
  338. font-size:10px;
  339. font-family: verdana;
  340. text-align:center;
  341. transition:all 1s ease-out;
  342. -moz-transition:all 1s ease-out;
  343. -webkit-transition:all 1s ease-out;}
  344.  
  345. #nav a{color: {color:navegation text};}
  346.  
  347. #nav a:hover {color: {color:navegation hover text};}
  348.  
  349. #nav:hover {background:{color:navegation hover};
  350. color: {color:navegation hover text};}
  351.  
  352. .pergunta {background: {color:background};
  353. color: {color:post text};
  354. font-family:verdana;
  355. font-size:10px;
  356. padding:6px;}
  357.  
  358. .as {font-family:verdana;
  359. font-size: 15px;
  360. margin-left:5px;}
  361.  
  362. .res {margin-left:10px;
  363. margin-top:2px;}
  364.  
  365. </style>
  366.  
  367. </head>
  368.  
  369. <body onkeydown="return false">
  370. <center><div id="seeyou">
  371.  
  372. <div class="side">
  373.  
  374. <div id="port"><img src="{PortraitURL-48}" id="photo"></div>
  375. <div id="faixa">
  376. <div id="frase"><div class="frase">{text:frase2}</div>{text:frase1}</div>
  377. </div>
  378.  
  379.  
  380. <div id="side">
  381.  
  382.  
  383. <div id="sideimage"><div id="imagehh"><img src="{image:side2}">
  384. <div id="imageh"><img src="{image:side1}">
  385. </div>
  386. </div>
  387. </div>
  388.  
  389. <div id="sidedescript">{block:description}{description}{/block:description}</div>
  390.  
  391.  
  392. <div id="navegations">
  393.  
  394. <div id="navegation">
  395. {block:Pagination}
  396. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
  397. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  398. {/block:Pagination}</div>
  399.  
  400.  
  401. <div id="nav"><a href="/">Home</a></div>
  402. <div id="nav"><a href="/ask">Ask</a></div>
  403. <div id="nav"><a href="/submit">Submit</a></div>
  404.  
  405. {block:iflink1}<div id="navegation"><a href="{text:link1}">{text:link title1}</a></div>{/block:iflink1}
  406.  
  407. {block:iflink2}<div id="nav"><a href="{text:link2}">{text:link title2}</a></div>{/block:iflink2}
  408. {block:iflink3}<div id="nav"><a href="{text:link3}">{text:link title3}</a></div>{/block:iflink3}
  409. {block:iflink4}<div id="nav"><a href="{text:link4}">{text:link title4}</a></div>{/block:iflink4}
  410.  
  411. {block:iflink5}<div id="navegation"><a href="{text:link5}">{text:link title5}</a></div>{/block:iflink5}
  412.  
  413. {block:iflink6}<div id="nav"><a href="{text:link6}">{text:link title6}</a></div>{/block:iflink6}
  414. {block:iflink7}<div id="nav"><a href="{text:link7}">{text:link title7}</a></div>{/block:iflink7}
  415. {block:iflink8}<div id="nav"><a href="{text:link8}">{text:link title8}</a></div>{/block:iflink8}
  416.  
  417. {block:iflink9}<div id="navegation"><a href="{text:link9}">{text:link title9}</a></div>{/block:iflink9}
  418.  
  419. </div>
  420. </div>
  421.  
  422.  
  423. </div>
  424.  
  425. <div id="itsmine">theme by <a href="http://lookforus.tumblr.com" title="Nathalia Bitencourt" target="_blank">lookfous</a></div>
  426.  
  427.  
  428. <div id="mybaby">
  429.  
  430. {block:Posts}
  431.  
  432. <div id="box">
  433.  
  434. <div id="tags"><div class="haha"><a href="{Permalink}">{TimeAgo}</a></div>
  435.  
  436. {Block:IndexPage} <a href="{ReblogUrl}" target="_blank">reblog this</a><br>{/Block:IndexPage}
  437.  
  438. {block:RebloggedFrom}
  439. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" title="{ReblogRootTitle}" class="bordinha"></a>
  440.  
  441. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" title="{ReblogParentTitle}" class="bordinha"></a>
  442. {/block:RebloggedFrom}
  443.  
  444. {block:HasTags}<br> tagged as:<br>{block:Tags}→&nbsp;<a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</a></div>
  445.  
  446.  
  447. {block:Answer} <div class="box">
  448. <div class="pergunta"><div class="as">{Asker} said:</div>
  449.  
  450. <div class="res">{Question}</div> </div>
  451. {Answer}
  452.  
  453. </div>{/block:Answer}
  454.  
  455. {block:Text}<div class="box">
  456. {block:title}<h1>{title}</h1>{/block:title}
  457. <div align="justify">{body}</div>
  458. </div>{/block:Text}
  459.  
  460. {block:Photo}<div class="box">
  461. <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{PhotoAlt}" class="bordinha"/>{LinkCloseTag}</center><br>
  462. {block:Caption}{Caption}{/block:Caption}<br>
  463. </div>{/block:Photo}
  464.  
  465. {block:Quote} <div class="box">
  466. <h1>"{quote}"</h1><br>
  467. {block:Source}— {source}{/block:Source}
  468. </div>{/block:Quote}
  469.  
  470. {block:Link}<div class="box">
  471. <a href="{url}"><h1>{Name}</h1></a>
  472. {block:description}{Description}{/Block:description}
  473. </div>{/block:Link}
  474.  
  475. {block:Chat}<div class="box">
  476. {block:Title}<h1>{Title}</h1>{/block:Title}
  477.  
  478. <table>
  479. {block:Lines}<tr>
  480. {block:Label}<td class="name">{Label}</td>{block:Label}
  481. <td class="words">{Line}</td></tr>
  482. {/block:Lines}
  483. </table>    
  484. </div>{/block:Chat}
  485.  
  486. {block:Audio}<div class="box">
  487. <div align="right">Música ouvida {PlayCount} vezes
  488. {block:ExternalAudio}(<a href="{ExternalAudioURL}">download</a>){/block:ExternalAudio}</div>
  489. <center>{block:AlbumArt}<img src="{AlbumArtURL}" width="50px" height="50px">{/block:AlbumArt}
  490. {AudioPlayerBlack}</center>
  491. {block:Caption}{Caption}{/block:Caption}<br>
  492. </div>{/block:Audio}
  493.  
  494. {block:Video}<div class="box">
  495. <center>{video-500}</center>
  496. {block:Caption}{Caption}{/block:Caption}<br>
  497. </div>{/block:Video}
  498.  
  499.  
  500.  
  501. </div>
  502. {/block:Posts}
  503.  
  504. <div class="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  505.  
  506. </div>
  507.  
  508. </center>
  509.  
  510. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  511. </body>
  512. </html>
create a new version of this paste RAW Paste Data