sweetcandyskittles

Cath Kidston V1 theme

Dec 24th, 2012
2,594
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.17 KB | None | 0 0
  1. <html>
  2. <!-- CATH KIDSTON v.1 - leshistoire.tumblr.com, Please do not redistribute the codes or even claim this theme as yours. Enjoy! -->
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{PortraitURL-48}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. <!--META-->
  9. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  10. <meta name="keywords" content="blog, tumblr"/>
  11. <meta name="image:banner" content="http://24.media.tumblr.com/tumblr_mcecwoL1XA1ryu8e1o1_1280.png">
  12. <meta name="image:display photo" content="http://1.bp.blogspot.com/-pclBgwnkUuE/UJSXuo_QS2I/AAAAAAAAAdE/QyUiw5a7Zjo/s1600/chachi2df.jpg"/>
  13. <META name="text:LINK1URL" content="/">
  14. <META name="text:LINK2URL" content="/">
  15. <META name="text:LINK3URL" content="/">
  16. <META name="text:LINK1" content="Link 1">
  17. <META name="text:LINK2" content="Link 2">
  18. <META name="text:LINK3" content="Link 3">
  19.  
  20. <!--FONTS-->
  21. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  24. <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'><link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  25. <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'>
  26. <link href='http://fonts.googleapis.com/css?family=Sevillana' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ruda' rel='stylesheet' type='text/css'>
  27. <script type="text/javascript"
  28. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  29.  
  30. <script language=JavaScript>
  31.  
  32. <!--
  33. //Disable right mouse click Script
  34. //By Maximus ([email protected]) w/ mods by DynamicDrive
  35. //For full source code, visit http://www.dynamicdrive.com
  36.  
  37. var message="";
  38.  
  39. ///////////////////////////////////
  40. function clickIE4(){
  41. if (event.button==2){
  42. alert(message);
  43. return false;
  44. }
  45. }
  46.  
  47. function clickNS4(e){
  48. if (document.layers||document.getElementById&&!document.all){
  49. if (e.which==2|e.which==3){
  50. alert(message);
  51. return false;
  52. }
  53. }
  54. }
  55.  
  56. if (document.layers){
  57. document.captureEvents(Event.MOUSEDOWN);
  58. document.onmousedown=clickNS4;
  59. }
  60. else if (document.all&&!document.getElementById){
  61. document.onmousedown=clickIE4;
  62. }
  63.  
  64. document.oncontextmenu=new Function("return false")
  65.  
  66. // -->
  67. </script>
  68.  
  69. <style type="text/css">
  70.  
  71. body {
  72. background:#fff repeat fixed;
  73. color:#979797;
  74. font-family:'ruda';
  75. font-size:11px;
  76. line-height:13px;
  77. }
  78.  
  79. i, em {
  80. font-style:italic;color:#fda2a2;font-size:13px;
  81. font-family: 'Rochester', cursive;
  82. }
  83.  
  84. b, strong {
  85. font-family:'ruda';
  86. font-style:bold;
  87. color:#ef5972;
  88. }
  89.  
  90. a, a:link, a:visited, a:active {
  91. color:#c5cfc6;text-decoration:none;
  92. -webkit-transition-timing-function: ease-out;
  93. -webkit-transition-duration: 0.5s;
  94. -moz-transition-timing-function: ease-out;
  95. -moz-transition-duration: 0.5s;
  96. }
  97.  
  98. a:hover {
  99. color: #eee;
  100. background-color: transparent;
  101. -webkit-transition-timing-function: ease-out;
  102. -webkit-transition-duration: 0.5s;
  103. -moz-transition-timing-function: ease-out;
  104. -moz-transition-duration: 0.5s;
  105. text-decoration:underline;
  106. }
  107.  
  108. #overallpastelbox {
  109. margin:0 auto;
  110. width:790px;height:auto;
  111. padding:10px;
  112. margin-top:-82px;margin-bottom:20px;
  113. padding-bottom:16px;
  114. }
  115.  
  116. #coverexcesspastel {
  117. position:absolute;background:background:url(http://25.media.tumblr.com/tumblr_maurjk7itz1ryu8e1o1_250.jpg);z-index:1;
  118. width:100%;height:205px;left:-5px;
  119. padding:10px;
  120. top:-3px;
  121. }
  122.  
  123. #coverexcesspastel2 {
  124. position:absolute;background:background:url(http://25.media.tumblr.com/tumblr_maurjk7itz1ryu8e1o1_250.jpg);z-index:3;
  125. width:100%;height:195px;left:-5px;
  126. padding:10px;
  127. top:-3px;
  128. }
  129.  
  130. #pastelcircle {
  131. width:50px;position:absolute;z-index:0;margin-left:775px;
  132. height:50px;background-color:#c5cfc6;margin-top:145px;
  133. border:1px solid #c5cfc6;
  134. border-radius:50px;
  135. }
  136.  
  137. #pastelcircle2 {
  138. width:50px;position:absolute;z-index:0;margin-left:-50px;
  139. height:50px;background-color:#c5cfc6;margin-top:145px;
  140. border:1px solid #c5cfc6;
  141. border-radius:50px;
  142. }
  143.  
  144. #pastelbox {
  145. position:absolute;z-index:2;
  146. width:755px;height:auto;
  147. padding:10px;padding-left:13px;
  148. margin-top:152px;padding-top:55px;
  149. margin-bottom:16px;
  150. border-bottom:20px solid #c5cfc6;border-radius-bottom-right:20px:border-radius-bottom-left:20px:
  151. border-radius:20px;
  152. background:#fff;
  153. }
  154.  
  155. .pastelleft {
  156. width: 0;
  157. height: 0;margin-left:-3px;
  158. border-top: 20px solid transparent;
  159. border-bottom: 20px solid transparent;
  160. border-left: 20px solid #fff;position:absolute;
  161. }
  162.  
  163. .pastelright {
  164. width: 0;
  165. height: 0;margin-left:787px;
  166. border-top: 20px solid transparent;
  167. border-bottom: 20px solid transparent;
  168. border-right: 20px solid #fff;position:absolute;
  169. }
  170.  
  171. #pastelkawaii2 {
  172. width:805px;height:38px;position:absolute;z-index:999;
  173. border:1px solid transparent;margin-left:-15px;margin-top:150px;
  174. background:#c5cfc6;color:#fff;text-align:center;font-size:20px;
  175. }
  176.  
  177. #pastelposts {
  178. width:500px;background:#fff;
  179. padding-top:4px;margin-left:-20px;
  180. padding-right:13px;
  181. padding-left:13px;
  182. padding-bottom:6px;
  183. margin-top:2px;
  184. margin-bottom:6px;
  185. border-bottom:1px dashed #eee;
  186. }
  187.  
  188. #pastelpostsbox {
  189. margin:0 auto;float:right;margin-top:5px;
  190. width:500px;padding:5px;padding-left:28px;
  191. background:#fff;border-left:1px dashed #eee;
  192. }
  193.  
  194. #pastelaboutme {
  195. margin:0 auto;float:left;
  196. width:175px;
  197. padding:10px;padding-right:20px;
  198. margin-top:2px;
  199. margin-bottom:6px;border-bottom:1px dashed #eee;
  200. background:#fff;
  201. }
  202.  
  203. .pastelright2 {
  204. width: 0;
  205. height: 0;margin-left:-2px;
  206. border-top: 15px solid transparent;
  207. border-bottom: 15px solid transparent;
  208. border-left: 15px solid #fff;position:absolute;
  209. }
  210.  
  211. .pastelleft2 {
  212. width: 0;
  213. height: 0;margin-left:162px;
  214. border-top: 15px solid transparent;
  215. border-bottom: 15px solid transparent;
  216. border-right: 15px solid #fff;position:absolute;
  217. }
  218.  
  219. #pastelkawaii3 {
  220. width:175px;height:30px;border:1px solid transparent;margin-top:5px;background:#c5cfc6;border-bottom:2px solid #fbfbfb;color:#fff;text-align:center;font-size:25px;line-height:30px;font-family:'allura';
  221. }
  222.  
  223. #link {
  224. width:auto;height:20px;font-family:'open sans condensed';text-transform:uppercase;line-height:35px;color:#fff;display:inline-block;padding:2px;margin-left:10px;margin-right:10px;-webkit-transition-timing-function: ease-out;
  225. -webkit-transition-duration: 0.5s;
  226. -moz-transition-timing-function: ease-out;
  227. -moz-transition-duration: 0.5s;
  228. }
  229.  
  230. #link:hover {
  231. width:auto;height:20px;font-family:'open sans condensed';line-height:35px;color:#fff;display:inline-block;text-decoration:line-through;padding:2px;margin-left:10px;margin-right:10px;-webkit-transition-timing-function: ease-out;
  232. -webkit-transition-duration: 0.5s;
  233. -moz-transition-timing-function: ease-out;
  234. -moz-transition-duration: 0.5s;
  235. }
  236.  
  237. .permalink {
  238. margin:0 auto;
  239. background:transparent;
  240. width:513px;
  241. text-align:center;
  242. margin-left:0px;
  243. padding-right:3px;
  244. color:#aeaeae;
  245. margin-top:2px;margin-bottom:7px;
  246. line-height:16px;
  247. }
  248.  
  249. .text {
  250. font-family: 'open sans condensed';
  251. font-weight: normal;
  252. font-size: 23px;
  253. line-height:26px;
  254. font-weight: 500;
  255. letter-spacing: 3px;
  256. text-transform: uppercase;
  257. color:#d7e2a6;
  258. text-align:left;padding-left:10px;
  259. border-left:10px solid #c5cfc6;
  260. }
  261.  
  262. .link {
  263. font-size:27px;
  264. font-family: 'Amatic SC';
  265. line-height:30px;
  266. text-align:center;
  267. }
  268.  
  269.  
  270. ::-webkit-scrollbar {
  271. width: 5px;
  272. height: 4px;
  273. background: #ffffff;
  274. background-repeat: repeat-y;
  275. background-attachment: fixed;
  276. }
  277.  
  278. ::-webkit-scrollbar-thumb {
  279. background-color:#c5cfc6;}
  280.  
  281. .quote {
  282. font-family: 'Dawning of a new day', cursive;
  283. font-size:23px;
  284. line-height:28px;
  285. }
  286.  
  287. blockquote {
  288. width:auto;text-align:left;
  289. border:1px dashed #ffeeee;
  290. background:#fbfbfb;padding-left:10px;border-radius:10px;
  291. padding-right:10px;padding-top:5px;padding-bottom:5px;
  292. }
  293.  
  294. .searchy {
  295. font: 10px;color:#ccc;
  296. background-color :#fff;
  297. border : 1px solid #ccc;
  298. margin : 1px;
  299. padding: 2px;
  300. width:110px;
  301. }
  302.  
  303. .searchyy {
  304. font: 10px;color:#fff;
  305. background-color :#ef5972;
  306. border : 1px solid #ef5972;
  307. margin : 1px;
  308. padding: 2px;
  309. width:50px;border-radius:8px;
  310. }
  311.  
  312. </style>
  313.  
  314. <body>
  315. <center><div style="margin-left:-12px;position:relative;margin-top:-10px;margin-bottom:-140px;"><img src="{image:banner}" width="805px"></div></center>
  316. <div id="overallpastelbox">
  317. <!--LINKS-->
  318. <div id="pastelkawaii2"><a href="/"><div id="link">HOME</div></a>
  319. <a href="/ask"><div id="link">CONTACT</div></a>
  320. <a href="{text:link1url}"><div id="link">{text:Link1}</div></a>
  321. <a href="{text:link2url}"><div id="link">{text:Link2}</div></a>
  322. <a href="{text:link3url}"><div id="link">{text:Link3}</div></a>
  323. <a href="http://leshistoire.tumblr.com"><div id="link">THEME</div></a>
  324.  
  325. <!--CIRCLES-->
  326. </div><div id="pastelcircle"></div><div id="pastelcircle2"></div>
  327.  
  328. <div id="pastelbox">
  329. <div id="pastelaboutme"><center><div id="pastelkawaii3"><div class="pastelright2"></div><div class="pastelleft2"></div>About Me</div></center></br><center><img src="{image:Display photo}" style="border:5px solid #eee;border-image:url(http://25.media.tumblr.com/tumblr_maurjk7itz1ryu8e1o1_250.jpg); width:170px;"></br><p>{description}</p><center><p>
  330. <form onsubmit="return tagSearch(this)">
  331. <input class="searchy" type="text" name="tag" value="Search this blog" onfocus="if (this.value == '') {this.value=''}" onblur="if (this.value == '') {this.value=''}" />
  332. <input class="searchyy" type="submit" value="search" />
  333. </form>
  334. </p>
  335. <!--TITLE & TEXT HERE-->
  336. <div id="pastelkawaii3"><div class="pastelright2"></div><div class="pastelleft2"></div>Title Here</div><p>
  337. <center>Put text here! Put text here! Put text here! Put text here! Put text here! Put text here!</center></p>
  338. <!--TITLE & TEXT HERE-->
  339. <div id="pastelkawaii3"><div class="pastelright2"></div><div class="pastelleft2"></div>Title Here</div><p>
  340. <center>Put text here! Put text here! Put text here! Put text here! Put text here! Put text here!</center></p>
  341. <!--TITLE & TEXT HERE-->
  342. <div id="pastelkawaii3"><div class="pastelright2"></div><div class="pastelleft2"></div>Title Here</div><p>
  343. <center>Put text here! Put text here! Put text here! Put text here! Put text here! Put text here!</center></p>
  344. Theme made by: <a href="http://leshistoire.tumblr.com">leshistoire</a>. Best viewed in Google Chrome.
  345. </p></center>
  346. </center></div>
  347. <div id="pastelpostsbox">
  348. {block:Posts}
  349.  
  350. <table width="1010" border="0" align="center" cellspacing="0px" cellpadding="0px">
  351. <tr>
  352. <div id="pastelposts">
  353.  
  354. {block:Text}
  355. {block:Title}<div class="text">{Title}</div>{/block:Title}
  356. <center></center>
  357. {Body}
  358. {block:More}<a href="{Permalink}">❤ Continue reading →</a>{/block:More}
  359. {/block:Text}
  360. {block:Photo}
  361. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  362. {block:caption}{caption}{/block:caption}
  363. {/block:Photo}
  364.  
  365. {block:Photoset}
  366. {Photoset-500}
  367. {block:caption}{caption}{/block:caption}
  368. {/block:photoset}
  369.  
  370. {block:Quote}<center><div class="quote">"{Quote}"</div></center><br>
  371. {block:Source}<left><b>- {Source}</b></left>{/block:Source}
  372. {/block:Quote}
  373.  
  374. {block:Link}
  375. <div class="link"><a href="{URL}" target="_blank">{Name} →</a></div>
  376. {block:Description}{Description}{/block:Description}
  377. {/block:Link}
  378.  
  379. {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>
  380. <p><div style="margin-left:3px;">{Answer}</div></p>{/block:Answer}
  381.  
  382. {block:Chat}
  383. {block:Title}<center><div class="text">{Title}</div></center>{/block:Title}
  384. {block:Lines}
  385. {block:Label}
  386. <b>{Label}</b>
  387. {/block:Label}
  388. <i>{Line}</i><br>
  389. {/block:Lines}
  390. {/block:Chat}
  391.  
  392. {block:Audio}<center>
  393. {AudioEmbed-500}{AudioPlayergrey}
  394. {caption}
  395. {/block:Audio}
  396.  
  397. {block:Video}
  398. {Video-500}
  399. {block:Caption}{Caption}{/block:Caption}
  400. {/block:Video}
  401.  
  402.  
  403. {block:PermalinkPage}
  404. {/block:PermalinkPage}
  405. {block:PostNotes}
  406. {PostNotes}
  407. {/block:PostNotes}
  408.  
  409. </td>
  410. </tr>
  411. </table>
  412. {block:IndexPage}<div class="permalink">
  413. <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}
  414. {/block:Posts}
  415. <center><div style="text-align: center; font-family: trebuchet MS; font-size: 9px; text-transform: uppercase;color:#fff;">{block:Pagination}
  416. {block:PreviousPage}<a href="{PreviousPage}">recent entries</a> {/block:PreviousPage}☁
  417. {block:NextPage} <a href="{NextPage}">older entries</a>{/block:NextPage}
  418. {/block:Pagination}</div></center>
  419. </div>
  420. </div>
  421. </div>
  422. <!-- THEME BY LESHISTOIRE :)-->
  423. </body>
  424. </html>
Advertisement
Add Comment
Please, Sign In to add comment