API tools faq
paste
sweetcandyskittles

PASTEL LOVER THEME

sweetcandyskittles
May 20th, 2012
2,197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.80 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- PASTEL COLOR THEME by leshistoire.tumblr.com Please do not redistribute the codes or even claim this theme as yours. Thanks a lot. Hope you like this theme. :) Thanks to vintagebackgrounds for the backgrounds.Thanks to tumblrtutoriial for the pagination. -->
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <META name="image:Background box" content="http://30.media.tumblr.com/tumblr_li2hqpzkH21qcdtsho1_500.png">
  8. <META name="image:BG" content="http://24.media.tumblr.com/tumblr_lidd0rZzwe1qcdtsho1_400.gif">
  9. <META name="text:LINKTITLE5HERE" content="Link5" />
  10. <META name="text:LINKTITLE4HERE" content="Link4" />
  11. <META name="text:LINKTITLE3HERE" content="Link3" />
  12. <META name="text:LINKTITLE2HERE" content="Link2" />
  13. <META name="text:LINKTITLE1HERE" content="Link1" />
  14. <META name="text:LINK1URLHERE" content="/" />
  15. <META name="text:LINK2URLHERE" content="/" />
  16. <META name="text:LINK3URLHERE" content="/" />
  17. <META name="text:LINK4URLHERE" content="/" />
  18. <META name="text:LINK5URLHERE" content="/" />
  19. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=Ruthie|Amatic+SC:400,700' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Flavors' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Ruge+Boogie' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  25. <link href='http://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  32.  
  33. <script language=JavaScript>
  34. <!--
  35. //Disable right click script III- By Renigade ([email protected])
  36. //For full source code, visit http://www.dynamicdrive.com
  37. var message="";
  38. ///////////////////////////////////
  39. function clickIE() {if (document.all) {(message);return false;}}
  40. function clickNS(e) {if
  41. (document.layers||(document.getElementById&&!document.all)) {
  42. if (e.which==2||e.which==3) {(message);return false;}}}
  43. if (document.layers)
  44. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  45. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  46. document.oncontextmenu=new Function("return false")
  47. // -->
  48. </script>
  49. <style type="text/css">
  50. body {
  51. background-color:#fff;
  52. background-image:url({image:BG});
  53. background-attachment:fixed;
  54. background-repeat:repeat;
  55. color: #B38481;
  56. font-family:trebuchet MS;
  57. font-size:10px;
  58. line-height:14px;
  59. }
  60.  
  61. a, a:link, a:visited, a:active {
  62. color: #000;
  63. text-shadow: 1px 1px 1px;
  64. text-decoration: none;
  65. -webkit-transition-timing-function: ease-out;
  66. -webkit-transition-duration: 0.5s;
  67. -moz-transition-timing-function: ease-out;
  68. -moz-transition-duration: 0.5s;
  69. }
  70.  
  71. a:hover {
  72. text-decoration: overline;
  73. color: #EBDDE2;
  74. text-shadow: 2px 1px 1px;
  75. background-color: transparent;
  76. -webkit-transition-timing-function: ease-out;
  77. -webkit-transition-duration: 0.5s;
  78. -moz-transition-timing-function: ease-out;
  79. -moz-transition-duration: 0.5s;
  80. text-decoration:none;
  81. border:none;
  82. }
  83.  
  84. .hoverlink {
  85. display:block;
  86. background: #FBBBB9;
  87. width:190px;
  88. height:15px;
  89. margin-bottom:2px;
  90. margin-top:1px;
  91. margin-right:1px;
  92. text-align:center;
  93. padding:5px;
  94. font-color:#fff;
  95. -webkit-transition-timing-function: ease-out;
  96. -webkit-transition-duration: .4s;
  97. -moz-transition-timing-function: ease-out;
  98. -moz-transition-duration: .4s;
  99. text-transform:uppercase;
  100. }
  101.  
  102. .hoverlink:hover {
  103. background-color:#C48793;
  104. text-align:center;border-right:3px solid #000;border-left:3px solid #000;
  105. letter-spacing:3px;padding:5px;
  106. -webkit-transition-timing-function: ease-out;
  107. -webkit-transition-duration: .4s;
  108. -moz-transition-timing-function: ease-out;
  109. -moz-transition-duration: .4s;
  110. moz-box-shadow: 0 0 1px #E799A3;
  111. -webkit-box-shadow: 0 0 8px #C48793;
  112. }
  113.  
  114. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  115.  
  116. #transpamainbox {
  117. background:transparent;
  118. width:694px;
  119. height:auto;
  120. padding:12px;
  121. margin-bottom:5px;
  122. position: fixed;
  123. top: 65px;
  124. left:330px;
  125. moz-box-shadow: 0 0 1px #E799A3;
  126. -webkit-box-shadow: 0 0 8px #C48793;
  127. }
  128.  
  129. #mainbox {
  130. background-image:url({image:background box});
  131. width:670px;
  132. height:550px;
  133. padding:12px;
  134. margin-bottom:5px;
  135. moz-box-shadow: 0 0 1px #E799A3;
  136. -webkit-box-shadow: 0 0 8px #C48793;
  137. }
  138.  
  139. #content {
  140. background:#fff;
  141. height:520px;
  142. width:400px;
  143. padding:12px;
  144. margin-bottom:10px;
  145. float:left;
  146. overflow:auto;
  147. }
  148.  
  149. .permalink {
  150. width:397px;
  151. line-height:19px;
  152. display:block;
  153. text-align:center;
  154. font-family: 'amatic sc';
  155. font-size:18px;
  156. text-transform:lowercase;
  157. margin-bottom:10px;
  158. margin-top:10px;
  159. padding:1px;
  160. margin-right:8px;
  161. -moz-box-shadow: 0 0 1px #707070;
  162. -webkit-box-shadow: 0 0 8px #707070;
  163. }
  164.  
  165. .text {
  166. color:#7F5A58;
  167. font-family: 'Handlee';
  168. border-bottom:4px double #FBBBB9;
  169. font-size:16px;
  170. text-transform:lowercase;
  171. line-height:18px;
  172. }
  173.  
  174. .link {
  175. font-size:25px;
  176. font-family: 'Ruge Boogie';
  177. line-height:28px;
  178. }
  179.  
  180.  
  181. ::-webkit-scrollbar {
  182. width: 5px;
  183. height: 4px;
  184. background: #ffffff;
  185. background-repeat: repeat-y;
  186. background-attachment: fixed;
  187. }
  188.  
  189. ::-webkit-scrollbar-thumb {
  190. background-color:#B38481; }
  191.  
  192. #header{
  193. height: 25px;
  194. background: #C97380;
  195. width:220px;
  196. padding-left:8px;
  197. padding-right:6px;
  198. padding-bottom:9px;
  199. padding-top:0px;
  200. margin-bottom:10px;
  201. -moz-box-shadow: 0px 0px 26px #aaa;
  202. -webkit-box-shadow: 0px 0px 26px #aaa;
  203. box-shadow: 0px 0px 26px #aaa;
  204. }
  205.  
  206. #header2{
  207. height: 25px;
  208. background: #C97380;
  209. width:350px;
  210. padding-left:8px;
  211. padding-right:6px;
  212. padding-bottom:6px;
  213. padding-top:6px;
  214. margin-bottom:10px;
  215. -moz-box-shadow: 0px 0px 26px #aaa;
  216. -webkit-box-shadow: 0px 0px 26px #aaa;
  217. box-shadow: 0px 0px 26px #aaa;
  218. }
  219.  
  220. #linkbar {
  221. top:40px;
  222. left:395px;
  223. width:80px;
  224. height:60px;
  225. position:fixed;
  226. text-align:center;
  227. border-radius:8px;
  228. letter-spacing:5px;
  229. color:#000;
  230. background-color:#fff;
  231. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  232. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  233. box-shadow: 1px 1px 2px #d9d8d8;
  234. border:3px solid #E8ADAA;
  235. padding:4px;
  236. padding-left:7px;
  237. padding-right:7px;
  238. -webkit-transition: opacity 0.7s linear;
  239. -webkit-transition: all 0.7s ease-in-out;
  240. -moz-transition: all 0.7s ease-in-out;
  241. -o-transition: all 0.7s ease-in-out;
  242. }
  243.  
  244. #linkbar:hover {
  245. top:25px;
  246. letter-spacing:5px;
  247. color:#000;
  248. background-color:#fff;
  249. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  250. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  251. box-shadow: 1px 1px 2px #d9d8d8;
  252. border:3px solid #C48189;
  253. margin-bottom:10px;
  254. }
  255.  
  256. #linkbar2 {
  257. top:40px;
  258. left:515px;
  259. width:80px;
  260. height:60px;
  261. position:fixed;
  262. text-align:center;
  263. border-radius:8px;
  264. letter-spacing:5px;
  265. color:#000;
  266. background-color:#fff;
  267. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  268. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  269. box-shadow: 1px 1px 2px #d9d8d8;
  270. border:3px solid #E8ADAA;
  271. padding:4px;
  272. padding-left:7px;
  273. padding-right:7px;
  274. -webkit-transition: opacity 0.7s linear;
  275. -webkit-transition: all 0.7s ease-in-out;
  276. -moz-transition: all 0.7s ease-in-out;
  277. -o-transition: all 0.7s ease-in-out;
  278. }
  279.  
  280. #linkbar2:hover {
  281. top:25px;
  282. letter-spacing:5px;
  283. color:#000;
  284. background-color:#fff;
  285. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  286. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  287. box-shadow: 1px 1px 2px #d9d8d8;
  288. border:3px solid #C48189;
  289. margin-bottom:10px;
  290. }
  291.  
  292. #linkbar3 {
  293. top:40px;
  294. left:635px;
  295. width:80px;
  296. height:60px;
  297. position:fixed;
  298. text-align:center;
  299. border-radius:8px;
  300. letter-spacing:5px;
  301. color:#000;
  302. background-color:#fff;
  303. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  304. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  305. box-shadow: 1px 1px 2px #d9d8d8;
  306. border:3px solid #E8ADAA;
  307. padding:4px;
  308. padding-left:7px;
  309. padding-right:7px;
  310. -webkit-transition: opacity 0.7s linear;
  311. -webkit-transition: all 0.7s ease-in-out;
  312. -moz-transition: all 0.7s ease-in-out;
  313. -o-transition: all 0.7s ease-in-out;
  314. }
  315.  
  316. #linkbar3:hover {
  317. top:25px;
  318. letter-spacing:5px;
  319. color:#000;
  320. background-color:#fff;
  321. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  322. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  323. box-shadow: 1px 1px 2px #d9d8d8;
  324. border:3px solid #C48189;
  325. margin-bottom:10px;
  326. }
  327.  
  328. #linkbar4 {
  329. top:40px;
  330. left:755px;
  331. width:80px;
  332. height:60px;
  333. position:fixed;
  334. text-align:center;
  335. border-radius:8px;
  336. letter-spacing:5px;
  337. color:#000;
  338. background-color:#fff;
  339. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  340. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  341. box-shadow: 1px 1px 2px #d9d8d8;
  342. border:3px solid #E8ADAA;
  343. padding:4px;
  344. padding-left:7px;
  345. padding-right:7px;
  346. -webkit-transition: opacity 0.7s linear;
  347. -webkit-transition: all 0.7s ease-in-out;
  348. -moz-transition: all 0.7s ease-in-out;
  349. -o-transition: all 0.7s ease-in-out;
  350. }
  351.  
  352. #linkbar4:hover {
  353. top:25px;
  354. letter-spacing:5px;
  355. color:#000;
  356. background-color:#fff;
  357. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  358. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  359. box-shadow: 1px 1px 2px #d9d8d8;
  360. border:3px solid #C48189;
  361. margin-bottom:10px;
  362. }
  363.  
  364. #linkbar5 {
  365. top:40px;
  366. left:875px;
  367. width:80px;
  368. height:60px;
  369. position:fixed;
  370. text-align:center;
  371. border-radius:8px;
  372. letter-spacing:5px;
  373. color:#000;
  374. background-color:#fff;
  375. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  376. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  377. box-shadow: 1px 1px 2px #d9d8d8;
  378. border:3px solid #E8ADAA;
  379. padding:4px;
  380. padding-left:7px;
  381. padding-right:7px;
  382. -webkit-transition: opacity 0.7s linear;
  383. -webkit-transition: all 0.7s ease-in-out;
  384. -moz-transition: all 0.7s ease-in-out;
  385. -o-transition: all 0.7s ease-in-out;
  386. }
  387.  
  388. #linkbar5:hover {
  389. top:25px;
  390. letter-spacing:5px;
  391. color:#000;
  392. background-color:#fff;
  393. -moz-box-shadow: 1px 1px 2px #d9d8d8;
  394. -webkit-box-shadow: 1px 1px 2px #d9d8d8;
  395. box-shadow: 1px 1px 2px #d9d8d8;
  396. border:3px solid #C48189;
  397. margin-bottom:10px;
  398. }
  399.  
  400. b, strong {
  401. color:#7F525D;
  402. text-transform:uppercase;
  403. }
  404.  
  405. i {
  406. color:#7F525D;
  407. font-style:italic;
  408. }
  409.  
  410. UL {
  411. list-style:square;
  412. color:#7F5A58;
  413. }
  414.  
  415. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;} #paginacaoml a {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;} #paginacaoml a:hover {background: #cor de fundo; border: none;} #paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;} #paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color:#cor da fonte; text-decoration: none;}
  416.  
  417. </style>
  418. </head>
  419.  
  420. <body>
  421.  
  422. <div id="linkbar"><a href="/">HOME</a></div>
  423. <div id="linkbar2"><a href="/ask">CONTACT</a></div>
  424. <div id="linkbar3"><a href="/submit">SUBMIT</a></div>
  425. <div id="linkbar4"><a href="/archive">HISTORY</a></div>
  426. <div id="linkbar5"><a href="http://leshistoire.tumblr.com">THEME</a></div>
  427. <div id="transpamainbox">
  428. <div id="mainbox">
  429. <div style="height:545px;width:234px;font:10px trebuchet MS;background-color:#FFF;float:right;"><center>
  430. <p><div id="header"><div style="font-family:'Meddon';font-size:15px;margin-top:6px;color:#fff;">Le Blogette</div></div>
  431. </p><div style="width:230px;height:140px;overflow:auto;"><img src="{PortraitURL-128}" style="padding:1px;border:3px solid #707070;margin:4px;"align="left" width="60px"/>
  432. <div style="text-align:justify;padding:5px;">{description}</div></div>
  433. </p><p>
  434.  
  435. <div id="header"><div style="font-family:'Meddon';font-size:15px;margin-top:15px;color:#fff;">More links</div></div>
  436. <a href="{text:LINK1URLHERE}"> <div class="hoverlink">{text:LINKTITLE1HERE}</a></div>
  437. <a href="{text:LINK2URLHERE}"><div class="hoverlink">{text:LINKTITLE2HERE}</a></div>
  438. <a href="{text:LINK3URLHERE}"><div class="hoverlink">{text:LINKTITLE3HERE}</a></div>
  439. <a href="{text:LINK4URLHERE}"><div class="hoverlink">{text:LINKTITLE4HERE}</a></div>
  440. <a href="{text:LINK5URLHERE}"><div class="hoverlink">{text:LINKTITLE5HERE}</a></div><p>
  441. </p></p>
  442.  
  443. <div id="header"><div style="font-family:'Meddon';font-size:15px;margin-top:15px;color:#fff;">Blog Information</div></div>
  444. <li>Ctrl + f > type blog information and you'll see where you can edit this stuff.</li>
  445. <li>Write something here!</li>
  446. <li>Write anything you want</li>
  447. <li>Best viewed in Google Chrome.</center></li>
  448. </ul>
  449. </div>
  450. <div id="content">
  451. {block:Posts}
  452.  
  453. {block:Text}
  454. {block:Title}<div class="text"><center>{Title}</center></div><center></center>{/block:Title}
  455. {Body}
  456. {/block:Text}
  457.  
  458. {block:Photo}
  459. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  460. {/block:Photo}
  461.  
  462. {block:Photoset}
  463. {Photoset-400}{block:caption}{caption}{/block:caption}
  464. {/block:photoset}
  465.  
  466. <center>{block:Quote}<div style="font-family:'dawning of a new day';font-size:24px;">"{Quote}"</div><br>
  467. {block:Source}<b>- {Source}</b>{/block:Source}
  468. {/block:Quote}</center>
  469.  
  470. {block:Link}
  471. <center><div class="link"><a href="{URL}" target="_blank">{Name} →</a></div></center>
  472. {block:Description}{Description}{/block:Description}
  473. {/block:Link}
  474.  
  475. {block:Chat}
  476. {block:Title}<div class="text"><center>{Title}</center></div>{/block:Title}
  477. <p></p>{block:Lines}
  478. {block:Label}
  479. <b>{Label}</b>
  480. {/block:Label}
  481. <i>{Line}</i><br>
  482. {/block:Lines}
  483. {/block:Chat}
  484.  
  485. {block:Audio}<center>
  486. {AudioPlayerBlack}
  487. {block:Caption}{Caption}{/block:Caption}</center>
  488. {/block:Audio}
  489.  
  490. {block:Video}
  491. {VideoURL-500}
  492. {block:Caption}{Caption}{/block:Caption}
  493. {/block:Video}
  494.  
  495. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div style=" background-color: #fcfcfc; padding: 5px; border: 1px solid #eeeeee;padding-bottom:10px;margin-left:55px;border-radius:8px;"> {Asker} <i>whispered:</i> <strong>{Question}</strong></div>
  496. <p>{Answer}</p>{/block:Answer}
  497.  
  498. {block:PermalinkPage}
  499. {/block:PermalinkPage}
  500. {block:PostNotes}
  501. {PostNotes}
  502.  
  503. {/block:PostNotes}
  504. {block:IndexPage}<center><div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> || <a href="{ReblogURL}" target="_blank">Re-dream</a>
  505. </center>{/block:IndexPage}
  506. {/block:Posts}
  507. <center><div id="paginacaoml"><span class="info" style="font-weight: normal;">Page <b>{CurrentPage}</b> of <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="10"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination} </div>
  508. </center>
  509. </div>
  510. </div>
  511. </center></div></div></div>
  512.  
  513. </body>
  514. </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!