API tools faq
paste
sweetcandyskittles

Pastel Party theme by leshistoire

sweetcandyskittles
Oct 11th, 2012
3,248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.01 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!-- Pastel Party- leshistoire.tumblr.com, Please do not redistribute the codes or even claim this theme as yours. Thanks pastel patterns fr the bgs and favim for the macaroon photo. :D-->
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  9. <META name="image:banner" content="http://media.tumblr.com/tumblr_lpwohdMqbP1qcn2vb.png">
  10. <META name="image:display picture" content="http://s1.favim.com/mini/19/food-macaron-pastel-199426.jpg">
  11. <META name="text:LINK1URL" content="/">
  12. <META name="text:LINK2URL" content="/">
  13. <META name="text:LINK3URL" content="/">
  14. <META name="text:link1" content="Link 1">
  15. <META name="text:LINK2" content="Link 2">
  16. <META name="text:LINK3" content="Link 3">
  17. <META name="text:ribbontitle" content="Title here">
  18. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  19. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Pompiere|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Ruda' rel='stylesheet' type='text/css'>
  24. <script type="text/javascript"
  25. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  26.  
  27. <script language=JavaScript>
  28.  
  29. <!--
  30. //Disable right mouse click Script
  31. //By Maximus ([email protected]) w/ mods by DynamicDrive
  32. //For full source code, visit http://www.dynamicdrive.com
  33.  
  34. var message="";
  35.  
  36. ///////////////////////////////////
  37. function clickIE4(){
  38. if (event.button==2){
  39. alert(message);
  40. return false;
  41. }
  42. }
  43.  
  44. function clickNS4(e){
  45. if (document.layers||document.getElementById&&!document.all){
  46. if (e.which==2|e.which==3){
  47. alert(message);
  48. return false;
  49. }
  50. }
  51. }
  52.  
  53. if (document.layers){
  54. document.captureEvents(Event.MOUSEDOWN);
  55. document.onmousedown=clickNS4;
  56. }
  57. else if (document.all&&!document.getElementById){
  58. document.onmousedown=clickIE4;
  59. }
  60.  
  61. document.oncontextmenu=new Function("return false")
  62.  
  63. // -->
  64. </script>
  65.  
  66. <style type="text/css">
  67.  
  68. body {
  69. background:url(http://www.pastelpatterns.com/small/smallpattern-12.png) repeat fixed;
  70. color:#9f9e89;
  71. font-family:'ruda';
  72. font-size:10px;
  73. line-height:11px;
  74. }
  75.  
  76. i, em {
  77. font-style:italic;color:#fda2a2;
  78. font-family:'times new roman';
  79. }
  80.  
  81. b, strong {
  82. font-family:'ruda';
  83. font-style:bold;
  84. color:#fdcaca;
  85. }
  86.  
  87. a, a:link, a:visited, a:active {
  88. color:#8f8e89;text-decoration:none;
  89. -webkit-transition-timing-function: ease-out;
  90. -webkit-transition-duration: 0.5s;
  91. -moz-transition-timing-function: ease-out;
  92. -moz-transition-duration: 0.5s;
  93. }
  94.  
  95. a:hover {
  96. color: #eee;
  97. background-color: transparent;
  98. -webkit-transition-timing-function: ease-out;
  99. -webkit-transition-duration: 0.5s;
  100. -moz-transition-timing-function: ease-out;
  101. -moz-transition-duration: 0.5s;
  102. text-decoration:underline;
  103. }
  104.  
  105. #overallpastelbox {
  106. margin:0 auto;
  107. width:790px;height:auto;
  108. padding:10px;
  109. margin-top:22px;
  110. padding-bottom:16px;
  111. }
  112.  
  113. #coverexcesspastel {
  114. position:fixed;background:#fbfbfb;z-index:1;
  115. width:100%;height:205px;left:-5px;border-bottom:5px solid #fff;
  116. padding:10px;
  117. top:-3px;
  118. }
  119.  
  120. #coverexcesspastel2 {
  121. position:fixed;background:#fbfbfb;z-index:3;
  122. width:100%;height:195px;left:-5px;
  123. padding:10px;
  124. top:-3px;
  125. }
  126.  
  127. #pastelcircle {
  128. width:60px;position:fixed;z-index:0;margin-left:740px;
  129. height:60px;background-color:#f9eee9;margin-top:240px;
  130. border:1px solid #f9eee9;
  131. border-radius:50px;
  132. }
  133.  
  134. #pastelcircle2 {
  135. width:40px;position:fixed;z-index:0;margin-left:790px;
  136. height:40px;background-color:#f9eee9;margin-top:540px;
  137. border:1px solid #f9eee9;
  138. border-radius:50px;
  139. }
  140.  
  141. #pastelcircle3 {
  142. width:50px;position:fixed;z-index:0;margin-left:830px;
  143. height:50px;background-color:#f9e5dc;margin-top:390px;
  144. border:1px solid #f9e5dc;
  145. border-radius:50px;
  146. }
  147.  
  148. #pastelcircle4 {
  149. width:40px;position:fixed;z-index:0;margin-left:830px;
  150. height:40px;background-color:#f9eee9;margin-top:430px;
  151. border:1px solid #f9eee9;
  152. border-radius:50px;
  153. }
  154.  
  155. #pastelballoon {
  156. width:20px;position:fixed;z-index:0;margin-left:-30px;
  157. height:20px;background-color:#f9eee9;margin-top:240px;
  158. border:1px solid #f9eee9;
  159. border-radius:50px;
  160. }
  161.  
  162. #pastelballoon2 {
  163. width:30px;position:fixed;z-index:0;margin-left:-58px;
  164. height:30px;background-color:#f9eee9;margin-top:215px;
  165. border:1px solid #f9eee9;
  166. border-radius:50px;
  167. }
  168.  
  169. #pastelballoon3 {
  170. width:50px;position:fixed;z-index:0;margin-left:-50px;
  171. height:50px;background-color:#f9e5dc;margin-top:305px;
  172. border:1px solid #f9e5dc;
  173. border-radius:60px;
  174. }
  175.  
  176. #pastelballoon4 {
  177. width:40px;position:fixed;z-index:0;margin-left:-56px;
  178. height:40px;background-color:#f9eee9;margin-top:355px;
  179. border:1px solid #f9eee9;
  180. border-radius:50px;
  181. }
  182.  
  183. #pastelballoon5 {
  184. width:10px;position:fixed;z-index:0;margin-left:-13px;
  185. height:10px;background-color:#f9eee9;margin-top:358px;
  186. border:1px solid #f9eee9;
  187. border-radius:50px;
  188. }
  189.  
  190. #pastelballoon6 {
  191. width:25px;position:fixed;z-index:0;margin-left:-23px;
  192. height:25px;background-color:#f9eee9;margin-top:428px;
  193. border:1px solid #f9eee9;
  194. border-radius:50px;
  195. }
  196. #pastelballoon7 {
  197. width:35px;position:fixed;z-index:0;margin-left:-37px;
  198. height:35px;background-color:#f9eee9;margin-top:476px;
  199. border:1px solid #f9eee9;
  200. border-radius:50px;
  201. }
  202. #pastelballoon8 {
  203. width:45px;position:fixed;z-index:0;margin-left:-13px;
  204. height:45px;background-color:#f9eee9;margin-top:508px;
  205. border:1px solid #f9eee9;
  206. border-radius:50px;
  207. }
  208. #pastelballoon9 {
  209. width:10px;position:fixed;z-index:0;margin-left:-33px;
  210. height:10px;background-color:#f9eee9;margin-top:548px;
  211. border:1px solid #f9eee9;
  212. border-radius:50px;
  213. }
  214.  
  215. #pastelballoon10 {
  216. width:50px;position:fixed;z-index:0;margin-left:-46px;
  217. height:50px;background-color:#f9e5dc;margin-top:578px;
  218. border:1px solid #f9e5dc;
  219. border-radius:60px;
  220. }
  221.  
  222. #pastelbox {
  223. position:absolute;z-index:2;
  224. width:745px;height:auto;
  225. padding:10px;padding-left:13px;
  226. margin-top:152px;padding-top:40px;
  227. margin-bottom:6px;
  228. border:5px solid #ffeee9;
  229. border-radius:20px;
  230. background:#fff;
  231. }
  232.  
  233. .pastelright {
  234. width: 0;
  235. height: 0;margin-left:-3px;
  236. border-top: 20px solid transparent;
  237. border-bottom: 20px solid transparent;
  238. border-left: 20px solid #fbfbfb;position:absolute;
  239. }
  240.  
  241. .pastelleft {
  242. width: 0;
  243. height: 0;margin-left:787px;
  244. border-top: 20px solid transparent;
  245. border-bottom: 20px solid transparent;
  246. border-right: 20px solid #fbfbfb;position:absolute;
  247. }
  248.  
  249. #pastelkawaii {
  250. width:785px;height:200px;position:fixed;z-index:99;
  251. border:1px solid transparent;margin-left:-5px;
  252. border-top-right-radius:80px;margin-top:-20px;
  253. border-top-left-radius:80px;
  254. background:url({image:banner});
  255. }
  256.  
  257. #pastelkawaii2 {
  258. width:805px;height:38px;position:fixed;z-index:999;
  259. border:1px solid transparent;margin-left:-15px;margin-top:150px;
  260. background:#f9eee9;border-top:2px solid #fbfbfb;color:#fff;text-align:center;font-size:20px;
  261. }
  262.  
  263. #pastelportrait {
  264. position:fixed;z-index:0;border:1px solid transparent;margin-top:300px;margin-left:720px;background:transparent;color:#fff;text-align:center;font-size:20px;
  265. }
  266.  
  267. #pastelportraitback {
  268. position:fixed;z-index:0;border:1px solid transparent;margin-top:429px;margin-left:723px;background:transparent;color:#fff;text-align:center;font-size:20px;
  269. }
  270.  
  271. .portraitback {
  272. width: 107px; margin-right: 10px;margin-left:10px; border: 6px solid #f9eee9;border-bottom:25px solid #f9eee9;margin-top:-4px;color:#000;-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);
  273. }
  274.  
  275. .portraitup {
  276. width: 107px; margin-right: 10px;margin-left:10px; border: 6px solid #f9eee9;border-bottom:25px solid #f9eee9;margin-top:-4px;color:#000;-moz-transform: rotate(25deg);-webkit-transform: rotate(25deg);-o-transform: rotate(15deg);-ms-transform: rotate(25deg);transform: rotate(25deg);
  277. }
  278.  
  279. #pastelposts {
  280. width:500px;
  281. padding-top:4px;margin-left:-20px;
  282. padding-right:13px;
  283. padding-left:13px;
  284. padding-bottom:6px;
  285. margin-top:2px;
  286. margin-bottom:6px;
  287. border-bottom:1px dashed #eee;
  288. background:#fff;
  289. }
  290.  
  291. #pastelpostsbox {
  292. margin:0 auto;float:right;
  293. width:500px;padding:5px;padding-left:28px;
  294. background:#fff;border-left:1px dashed #eee;
  295. }
  296.  
  297. #pastelaboutme {
  298. margin:0 auto;float:left;
  299. width:175px;
  300. padding:10px;padding-right:20px;
  301. margin-top:2px;
  302. margin-bottom:6px;border-bottom:1px dashed #eee;
  303. background:#fff;
  304. }
  305.  
  306. .pastelright2 {
  307. width: 0;
  308. height: 0;margin-left:-2px;
  309. border-top: 15px solid transparent;
  310. border-bottom: 15px solid transparent;
  311. border-left: 15px solid #fff;position:absolute;
  312. }
  313.  
  314. .pastelleft2 {
  315. width: 0;
  316. height: 0;margin-left:162px;
  317. border-top: 15px solid transparent;
  318. border-bottom: 15px solid transparent;
  319. border-right: 15px solid #fff;position:absolute;
  320. }
  321.  
  322. #pastelkawaii3 {
  323. width:175px;height:30px;border:1px solid transparent;margin-top:5px;background:#f9eee9;border-bottom:2px solid #fbfbfb;color:#fff;text-align:center;font-size:25px;line-height:30px;font-family:'allura';
  324. }
  325.  
  326. #home, #contact, #tags, #others, #themes {
  327. width:70px;height:20px;font-family:'open sans condensed';line-height:39px;color:#fff;display:inline-block;text-transform:uppercase;
  328. }
  329.  
  330. #img {
  331. opacity:.8;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 0.9s;-moz-transition-timing-function: ease-out;
  332. -moz-transition-duration: 0.9s;
  333. }
  334.  
  335. #img:hover {
  336. opacity:1;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 0.9s;-moz-transition-timing-function: ease-out;
  337. -moz-transition-duration: 0.9s;
  338. }
  339.  
  340. .permalink {
  341. margin:0 auto;
  342. background:transparent;
  343. width:513px;
  344. text-align:center;
  345. margin-left:0px;
  346. padding-right:3px;
  347. color:#aeaeae;
  348. margin-top:2px;margin-bottom:7px;
  349. line-height:16px;
  350. }
  351.  
  352. #twitterfont {
  353. font-size:13px;text-transform:lowercase;font-family:'meddon';list-style:none;color:#aeaeae;text-align:center;
  354. }
  355.  
  356. .text {
  357. font-family: 'open sans condensed';
  358. font-weight: normal;
  359. font-size: 23px;
  360. line-height:26px;
  361. font-weight: 500;
  362. letter-spacing: 3px;
  363. text-transform: uppercase;
  364. color:#eee;
  365. text-align:left;padding-left:10px;
  366. border-left:10px solid #ffeeee;
  367. }
  368.  
  369. .text1 {
  370. font-family: 'open sans condensed';
  371. font-weight: normal;
  372. font-size: 23px;
  373. line-height:40px;
  374. font-weight: 500;
  375. letter-spacing: 3px;
  376. text-transform: uppercase;
  377. color:#fbfbfb;
  378. text-align:left;
  379. }
  380.  
  381. .link {
  382. font-size:27px;
  383. font-family: 'Amatic SC';
  384. line-height:30px;
  385. text-align:center;
  386. }
  387.  
  388.  
  389. ::-webkit-scrollbar {
  390. width: 5px;
  391. height: 4px;
  392. background: #ffffff;
  393. background-repeat: repeat-y;
  394. background-attachment: fixed;
  395. }
  396.  
  397. ::-webkit-scrollbar-thumb {
  398. background-color:#ffeeee;border-top:10px solid #ffeeee;
  399. border-bottom:10px solid #ffeeee;}
  400.  
  401. .quote {
  402. font-family: 'Dawning of a new day', cursive;
  403. font-size:23px;
  404. line-height:28px;
  405. }
  406.  
  407. blockquote {
  408. width:auto;text-align:left;
  409. border:1px dashed #ffeeee;
  410. background:#fbfbfb;padding-left:10px;border-radius:10px;
  411. padding-right:10px;padding-top:5px;padding-bottom:5px;
  412. }
  413.  
  414.  
  415. </style>
  416.  
  417. <body>
  418. <div id="coverexcesspastel2"></div><div id="coverexcesspastel"></div>
  419. <div id="overallpastelbox"><div id="pastelballoon"></div><div id="pastelballoon2"></div><div id="pastelballoon3"></div><div id="pastelballoon4"></div><div id="pastelballoon5"></div><div id="pastelballoon6"></div><div id="pastelballoon7"></div><div id="pastelballoon8"></div><div id="pastelballoon9"></div><div id="pastelballoon10"></div><div id="pastelcircle"></div><div id="pastelcircle2"></div><div id="pastelcircle3"></div><div id="pastelcircle4"></div>
  420. <div id="pastelportrait"><img src="{image:display picture}" class="portraitup"></div>
  421. <div id="pastelportraitback"><img src="{PortraitURL-96}" class="portraitback"></div>
  422. <div id="pastelkawaii2"><div class="pastelright"></div><div class="pastelleft"></div><a href="/"><div id="home">HOME</div></a>
  423. <a href="/ask"><div id="contact">CONTACT</div></a>
  424. <a href="{text:link1url}"><div id="TAGS">{text:link1}</div></a>
  425. <a href="{text:link2url}"><div id="others">{text:link2}</div></a>
  426. <a href="{text:link3url}"><div id="themes">{text:link3}</div></a>
  427. </div><div id="pastelkawaii"></div>
  428. <div id="pastelbox">
  429. <div id="pastelaboutme"><center><div style="text-transform:uppercase;font-size:15px;line-height:18px;color:#f9eee9;border-bottom:solid 5px #f9eee9;">{title}</div></center><center><div id="pastelkawaii3"><div class="pastelright2"></div><div class="pastelleft2"></div>About Me</div></center><p>{description}</p>
  430. <div id="pastelkawaii3"><div class="pastelright2"></div><div class="pastelleft2"></div>Blog Stats</div><p><!-- BLOGSTATS -->
  431. PUT SOMETHING HERE. Press ctrl + f, then type BLOGSTATS then replace this text. :)</p></center>
  432. <div id="pastelkawaii3"><div class="pastelright2"></div><div class="pastelleft2"></div>{text:ribbontitle}</div><p><!-- MOREMOREMORE -->
  433. PUT SOMETHING HERE. Press ctrl + f, then type MOREMOREMORE then replace this text. :)
  434. </p>
  435. <center><p>
  436. © Theme made by: <a href="http://leshistoire.tumblr.com">leshistoire</a>. Le-Demoiselle's Pastel Party theme. Best viewed in Google Chrome.
  437. </p></center>
  438. </center>
  439. </div>
  440. <div id="pastelpostsbox">
  441. {block:Posts}
  442.  
  443. <table width="1010" border="0" align="center" cellspacing="0px" cellpadding="0px">
  444. <tr>
  445. <div id="pastelposts">
  446.  
  447. {block:Text}
  448. {block:Title}<div class="text">{Title}</div>{/block:Title}
  449. <center></center>
  450. {Body}
  451. {block:More}<a href="{Permalink}">❤ Continue reading →</a>{/block:More}
  452. {/block:Text}
  453. {block:Photo}
  454. {LinkOpenTag}<div id="img"><img src="{PhotoURL-500}" style="border:1px solid #f9eee9;border-radius:10px;"></div>{LinkCloseTag}
  455. {block:caption}{caption}{/block:caption}
  456. {/block:Photo}
  457.  
  458. {block:Photoset}
  459. {Photoset-500}
  460. {block:caption}{caption}{/block:caption}
  461. {/block:photoset}
  462.  
  463. {block:Quote}<center><div class="quote">"{Quote}"</div></center><br>
  464. {block:Source}<left><b>- {Source}</b></left>{/block:Source}
  465. {/block:Quote}
  466.  
  467. {block:Link}
  468. <div class="link"><a href="{URL}" target="_blank">{Name} →</a></div>
  469. {block:Description}{Description}{/block:Description}
  470. {/block:Link}
  471.  
  472. {block:Answer}<div style=" background-color: #fbfbfb; padding: 5px; border: 1px dashed #f9eee9;padding-bottom:10px;border-radius:10px;">{Asker} <i>whispered:</i> <strong>{Question}</strong></div>
  473. <p><div style="margin-left:3px;">{Answer}</div></p>{/block:Answer}
  474.  
  475. {block:Chat}
  476. {block:Title}<center><div class="text">{Title}</div></center>{/block:Title}
  477. {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:Audio}
  488.  
  489. {block:Video}
  490. {Video-500}
  491. {block:Caption}{Caption}{/block:Caption}
  492. {/block:Video}
  493.  
  494.  
  495. {block:PermalinkPage}
  496. {/block:PermalinkPage}
  497. {block:PostNotes}
  498. {PostNotes}
  499. {/block:PostNotes}
  500.  
  501. </td>
  502. </tr>
  503. </table>
  504. {block:IndexPage}<div class="permalink">
  505. <div style="font-size:10px;font-family:'open sans condensed';text-transform:uppercase;margin-top:-5px;"><font color="#ffeeee">♥</font> POSTED ON {block:date}{dayofweek}; {monthnumberwithzero}/{dayofmonthwithzero}/{shortyear}{/block:date} WITH <a href="{permalink}">{NoteCount} COMMENT(S)</a></div></div>{/block:IndexPage}
  506. {/block:Posts}
  507. <center><div style="text-align: center; font-family: trebuchet MS; font-size: 9px; text-transform: uppercase;color:#fff;">{block:Pagination}
  508. {block:PreviousPage}<a href="{PreviousPage}">recent entries</a> {/block:PreviousPage}☁
  509. {block:NextPage} <a href="{NextPage}">older entries</a>{/block:NextPage}
  510. {/block:Pagination}</div></center>
  511. </div>
  512. </div>
  513. <center>
  514. </p></div>
  515. </div>
  516. </div>
  517. </body>
  518. </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!