API tools faq
paste
sweetcandyskittles

Black and White theme by Clarice

sweetcandyskittles
Aug 4th, 2012
1,378
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.90 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!-- Black&White 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 Google images for the backgrounds.-->
  4.  
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <META name="image:Background" content="http://www.colourbox.com/preview/3919872-29189-black-lace-seamless-pattern-on-white-background.jpg">
  9. <META name="image:Title Background" content="http://t1.gstatic.com/images?q=tbn:ANd9GcQqCiAZwYXCCaBuZzTD0ZWKqeqvSKzrnlUxC036y_XA2e1mqPRlYg">
  10. <META name="image:Description Background" content="http://us.cdn3.123rf.com/168nwm/roystudio/roystudio1207/roystudio120700045/14398973-black-canvas-texture-with-delicate-grid-pattern-seamless-background.jpg">
  11. <META name="image:Posts Border Background" content="http://us.cdn3.123rf.com/168nwm/roystudio/roystudio1207/roystudio120700045/14398973-black-canvas-texture-with-delicate-grid-pattern-seamless-background.jpg">
  12. <META name="image:Navigation Background" content="http://us.cdn3.123rf.com/168nwm/roystudio/roystudio1207/roystudio120700045/14398973-black-canvas-texture-with-delicate-grid-pattern-seamless-background.jpg">
  13. <META name="text:title" content="Mon Bonheur!">
  14. <link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  22.  
  23. <script language=JavaScript>
  24. <!--
  25. //Disable right click script III- By Renigade ([email protected])
  26. //For full source code, visit http://www.dynamicdrive.com
  27. var message="";
  28. ///////////////////////////////////
  29. function clickIE() {if (document.all) {(message);return false;}}
  30. function clickNS(e) {if
  31. (document.layers||(document.getElementById&&!document.all)) {
  32. if (e.which==2||e.which==3) {(message);return false;}}}
  33. if (document.layers)
  34. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  35. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  36. document.oncontextmenu=new Function("return false")
  37. // -->
  38. </script>
  39. <link rel="stylesheet" type="text/css" href="flexdropdown.css" />
  40.  
  41. <link rel="stylesheet" href="dropincontentbox.css" />
  42.  
  43. <style type="text/css">
  44. body {
  45. background:url({image:Background}) repeat fixed;
  46. color: #707070;
  47. font-family: 'georgia';
  48. font-size: 10px;
  49. line-height: 13px;
  50. text-align:justify;
  51. text-transform: none;
  52. }
  53.  
  54.  
  55. a, a:link, a:visited, a:active {
  56. color: #aeaeae;
  57. text-decoration: none;
  58. -webkit-transition-timing-function: ease-out;
  59. -webkit-transition-duration: 0.5s;
  60. -moz-transition-timing-function: ease-out;
  61. -moz-transition-duration: 0.5s;
  62. }
  63.  
  64. a:hover {
  65. color: #EBDDE2;text-shadow: 1px 1px 1px;
  66. -webkit-transition-timing-function: ease-out;
  67. -webkit-transition-duration: 0.5s;
  68. -moz-transition-timing-function: ease-out;
  69. -moz-transition-duration: 0.5s;
  70. text-decoration:none;
  71. border:none;
  72. }
  73.  
  74. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  75.  
  76. #boxxx {
  77. width:590px;
  78. margin:auto;
  79. background:#fff;
  80. }
  81.  
  82. #boxxx2 {
  83. width:680px;height:auto;
  84. margin:auto;padding-bottom:35px;
  85. background:url({image:posts border background});
  86. }
  87.  
  88. #descriptionbox {
  89. margin:auto;width:670px;height:auto;padding-bottom:35px; background-color:#fff;text-align:center;padding:5px;margin-top:136px;
  90. background:url({image:description background});-webkit-transition-timing-function: ease-out;
  91. -webkit-transition-duration: .7s;
  92. -moz-transition-timing-function: ease-out;
  93. -moz-transition-duration: .7s;
  94. }
  95.  
  96.  
  97. #transpamainbox {
  98. background:transparent;
  99. width:500px;
  100. height:auto;
  101. padding-left:45px;
  102. padding-right:5px;
  103. padding-top:20px;
  104. padding-bottom:5px;
  105. margin-top:-12px;
  106. }
  107.  
  108. #box1 {
  109. width:100%;position:fixed;top:-2px;
  110. height:80px;background:url({image:title background});margin:-9px;padding-top:5px;-moz-box-shadow: 0px 0px 26px #3E3535;
  111. -webkit-box-shadow: 0px 0px 26px #3E3535;
  112. box-shadow: 0px 0px 26px #3E3535;border-bottom: 5px double #eee;
  113. padding-bottom:60px;font-family:'yesteryear';
  114. font-size:55px;color:#fff;
  115. -webkit-transition-timing-function: ease-in;
  116. -webkit-transition-duration: .5s;
  117. -moz-transition-timing-function: ease-in;
  118. -moz-transition-duration: .5s;
  119. }
  120.  
  121. #box1:hover {
  122. color:#aeaeae;-webkit-transition-timing-function: ease-in;
  123. -webkit-transition-duration: .5s;
  124. -moz-transition-timing-function: ease-in;
  125. -moz-transition-duration: .5s;
  126. }
  127.  
  128. .permalink {
  129. width:89px;height:20px;
  130. line-height:16px;background-color:#736F6E;
  131. display:inline-block;
  132. text-align:center;
  133. font-family: 'amatic sc';
  134. font-size:14px;
  135. text-transform:lowercase;
  136. margin-bottom:10px;
  137. margin-top:10px;
  138. padding:1px;
  139. border-top:5px double #eee;
  140. }
  141. .permalink2 {
  142. width:129px;height:20px;
  143. line-height:16px;background-color:#565051;
  144. display:inline-block;
  145. text-align:center;
  146. font-family: 'amatic sc';
  147. font-size:14px;
  148. text-transform:lowercase;
  149. margin-bottom:10px;
  150. margin-top:10px;
  151. padding:1px;
  152. border-top:5px double #eee;
  153. }
  154. .permalink3 {
  155. width:272px;height:20px;
  156. line-height:16px;background-color:#413839;
  157. display:inline-block;color:transparent;
  158. text-align:center;
  159. font-family: 'amatic sc';
  160. font-size:14px;
  161. text-transform:lowercase;
  162. margin-bottom:10px;
  163. margin-top:10px;
  164. padding:1px;
  165. border-top:5px double #eee;
  166. }
  167.  
  168. .text {
  169. width:500px;
  170. background-color:transparent;color:#000;
  171. font-family: georgia;text-transform:uppercase;
  172. font-weight: normal;
  173. font-size: 15px;
  174. line-height:16px;
  175. font-weight: 500;
  176. letter-spacing: 2px;
  177. padding-top:3px;
  178. padding-bottom:3px;
  179. text-align:center;
  180. border-bottom:1px solid #000;
  181. }
  182.  
  183. .link {
  184. font-size:27px;
  185. font-family: 'Amatic SC';
  186. line-height:30px;
  187. }
  188.  
  189.  
  190. ::-webkit-scrollbar {
  191. width: 5px;
  192. height: 4px;
  193. background: #ffffff;
  194. background-repeat: repeat-y;
  195. background-attachment: fixed;
  196. }
  197.  
  198. ::-webkit-scrollbar-thumb {
  199. background-color:#000; }
  200.  
  201. #header{
  202. height: 25px;
  203. background: #C97380;
  204. width:220px;
  205. padding-left:8px;
  206. padding-right:6px;
  207. padding-bottom:9px;
  208. padding-top:0px;
  209. margin-bottom:10px;
  210. -moz-box-shadow: 0px 0px 26px #aaa;
  211. -webkit-box-shadow: 0px 0px 26px #aaa;
  212. box-shadow: 0px 0px 26px #aaa;
  213. }
  214.  
  215. b, strong {
  216. color:#7F525D;
  217. font-size: 7pt;
  218. font-style: italic;
  219. font-weight: 500;
  220. color: #C97380;
  221. letter-spacing:2px;
  222. }
  223.  
  224. i, em {
  225. color: #726E6D;
  226. letter-spacing: 1px;
  227. }
  228.  
  229. UL {
  230. list-style:square;
  231. color:#aeaeae;
  232. }
  233.  
  234. blockquote {
  235. background:url(http://subtlepatterns.com/patterns/wall4.png);
  236. margin-left: 0px;
  237. font-family: trebuchet MS;
  238. text-transform: uppercase;
  239. font-size: 8px;
  240. text-align:center;
  241. width: 490px;
  242. padding: 3px;
  243. border: 1px solid #eee;
  244. border-left: 4px solid #000;
  245. }
  246.  
  247. #wrapper { text-align:center; vertical-align: top; margin: 0 auto;}
  248.  
  249. #navbar {
  250. margin-top:0px;
  251. width: 670px;text-align:center;
  252. height:66px;
  253. margin-left:auto;
  254. margin-right:auto;
  255. padding: 5px;
  256. z-index: 1;
  257. background: url({image:Navigation background});
  258. }
  259.  
  260. #navbar li a {
  261. border-top: 4px solid #fff;
  262. border-bottom: 4px solid #fff;border-right: 4px solid #aeaeae;border-left: 4px solid #aeaeae;
  263. padding:2px;
  264. color: #000;font-style:bold;
  265. background:#eee;
  266. font-family : 'Georgia', sans-serif;
  267. font-size: 10px;
  268. text-align: center;
  269. text-transform: uppercase;
  270. display: inline-block;
  271. padding-top:11px;padding-bottom:14px;
  272. width: 105px;height:10px;
  273. margin-left:14px;
  274.  
  275. }
  276.  
  277. #navbar li { list-style: none; float: left; }
  278.  
  279. #navbar li ul {
  280.  
  281. font-size: 8px;
  282.  
  283. text-transform: uppercase;
  284.  
  285. width: 80px;
  286.  
  287. display: none;
  288.  
  289. z-index: 1;
  290.  
  291. opacity: 0.9; filter: alpha(opacity=90);
  292.  
  293. }
  294.  
  295. #navbar li a:hover {z-index: 1;
  296.  
  297. -webkit-transition-timing-function: ease-out;
  298.  
  299. -webkit-transition-duration: 250ms;
  300.  
  301. -moz-transition-timing-function: ease-out;
  302.  
  303. -moz-transition-duration: 350ms; }
  304.  
  305. #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin-left:-38px; }
  306.  
  307. #navbar li:hover li { float: none; }
  308.  
  309. #navbar li:hover li a, #navbar li.hover li a {
  310.  
  311. background-color: #fff;
  312. border: 0px;
  313. border-radius:0px;
  314. color: #949291;
  315. font-family: "trebuchet MS";
  316. font-size: 8px;
  317. text-align: left;
  318. text-transform: uppercase;
  319. line-height: 10px;
  320. width: 108px;
  321. border-bottom: 4px double #eee;
  322. padding: 3px; }
  323. #navbar li li a:hover { background-color:#000; color:#fff;}
  324.  
  325. </style>
  326. </head>
  327.  
  328. <body>
  329. <div id="descriptionbox"><br><center><div style="width:640px;height:auto;background:#fff;font-family:'Georgia';text-transform:uppercase;font-size:20;color:#000;padding:5px;">ALL ABOUT ME</div><center><center><br>{description}</center></div></div>
  330.  
  331. <div id="wrapper">
  332. <ul id="navbar"><p></p>
  333. <center>
  334. <li><a href="/">HOME</a></li>
  335. <li><a href="/ask">CONTACT</a></li>
  336. <li><a href="/Submit">SUBMIT</a>
  337.  
  338. </li>
  339.  
  340. <li><a href="#">OTHERS <font color="#C97380" size="1px">↓</font></a>
  341.  
  342. <ul>
  343. <li><a href="/FAQs">• FAQs</a></li>
  344. <li><a href="/archive">• History</a></li>
  345. <li><a href="/random">• Random</a></li>
  346. </ul>
  347.  
  348. </li>
  349. <li><a href="http://leshistoire.tumblr.com">Theme</a></li>
  350. </center></li>
  351. </div></div>
  352. <div id="boxxx2"><div id="boxxx"><div id="transpamainbox">
  353.  
  354. <div id="content">
  355.  
  356. {block:Posts}
  357.  
  358. {block:Text}
  359. {block:Title}<div class="text"><div style="border-bottom:3px solid #fff;line-height:25px;padding-right:3px;padding-left:3px;">{Title}</div></div>{/block:Title}
  360. {Body}
  361. {/block:Text}
  362.  
  363. {block:Photo}
  364. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  365. {block:caption}{caption}{/block:caption}
  366. {/block:Photo}
  367.  
  368. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  369.  
  370. {block:Quote}<div style="font-family:'dawning of a new day';font-size:24px;">"{Quote}"</div><br>
  371. {block:Source}<div style="text-align:right;"><b>- {Source}</b></div>{/block:Source}
  372. {/block:Quote}
  373.  
  374. {block:Link}
  375. <center><div class="link"><a href="{URL}" target="_blank">{Name} →</a></div></center>
  376. {block:Description}{Description}{/block:Description}
  377. {/block:Link}
  378.  
  379. {block:Chat}
  380. {block:Title}<div class="text"><center>{Title}</center></div>{/block:Title}
  381. <p></p>{block:Lines}
  382. {block:Label}
  383. <b>{Label}</b>
  384. {/block:Label}
  385. <i>{Line}</i><br>
  386. {/block:Lines}
  387. {/block:Chat}
  388.  
  389. {block:Audio}<center>
  390. {AudioPlayerBlack}
  391. {block:Caption}{Caption}{/block:Caption}</center>
  392. {/block:Audio}
  393.  
  394. {block:Video}
  395. {VideoURL-500}
  396. {block:Caption}{Caption}{/block:Caption}
  397. {/block:Video}
  398.  
  399. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div style=" background-color: #fff; padding: 5px; border: 2px solid #000;padding-bottom:10px;margin-left:55px;border-radius:8px;color:#000;"> {Asker} <b>whispered:</b> {Question}</div>
  400. <p>{Answer}</p>{/block:Answer}
  401.  
  402. {block:PermalinkPage}
  403. {/block:PermalinkPage}
  404. {block:PostNotes}
  405. {PostNotes}
  406.  
  407. {/block:PostNotes}
  408. {block:IndexPage}<center><div class="permalink3">..</div>
  409. <div class="permalink2"><font color="#fff">[Posted on {block:date}{dayofweek}; {monthnumberwithzero}/{dayofmonthwithzero}/{shortyear}{/block:date}]</font></div> <div class="permalink"> <font color="#fff">> <a href="{ReblogURL}" target="_blank">RE-LOVE AGAIN <font size="1px" color="#fff">♥</font></a></font>
  410. </center>{/block:IndexPage}
  411. {/block:Posts}
  412. <div style="text-align: center; font-family: trebuchet MS; font-size: 9px; text-transform: uppercase;">{block:Pagination}
  413. {block:PreviousPage}<a href="{PreviousPage}">recent entries</a> {/block:PreviousPage}☁
  414. {block:NextPage} <a href="{NextPage}">older entries</a>{/block:NextPage}
  415. {/block:Pagination}
  416. <p>
  417. Theme made by: <a href="http://leshistoire.tumblr.com">http://leshistoire.tumblr.com</a> // Black & White.
  418. </p>
  419. </div>
  420. </div>
  421. </center></div></div></div></div>
  422. <div id="box1">
  423. <p><center><h1>{text:title}</h1></div>
  424.  
  425. </div></div>
  426. </body>
  427. </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!