Advertisement
bonjourrparis

Tiffany's

Jul 19th, 2013
757
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.14 KB | None | 0 0
  1. <!-- TIFFANY'S THEME
  2. - BY BONJOURRPARIS.TUMBLR.COM -
  3. NOT TO BE COPIED NOR DISTRIBUTED.
  4. -->
  5.  
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  7.  
  8. <html>
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{favicon}">
  14. <link rel="alternate type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  20.  
  21. <meta name="color:background" content="#f8f8f7">
  22. <meta name="color:Text" content="#645351">
  23. <meta name="color:Link" content="#929292">
  24. <meta name="color:Link Hover" content="#f1f1f1">
  25. <meta name="image:Your" content="http://24.media.tumblr.com/7494f31c57d3a871e6d81683384e07c7/tumblr_mkb9rlnPpX1r4p7vto1_500.jpg">
  26. <meta name="color:Posts" content="#fffff">
  27. <meta name="if:Two columns" content="1">
  28. <meta name="color:question bubbles" content="#eeeeee">
  29. <meta name="color:scrollbar" content="#e0578c">
  30. <meta name="color:scrollbar background" content="#fcfdfc">
  31. <meta name="color:selection" content="#c78181">
  32. <meta name="color:selection text" content="#f1eeee">
  33. <meta name="text:likes" content="like like like">
  34. <meta name="color:post info" content="#be8c9d">
  35. <meta name="color:post info decors" content="#77d9d3">
  36. <meta name="color:navigation" content="#77d9d3">
  37. <meta name="image:background image" content="http://i1329.photobucket.com/albums/w545/heyitsbe/subtle%20patterns/cubes_zps5d0cde9b.png">
  38.  
  39. <link rel="shortcut icon" href="{favicon}">
  40.  
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42.  
  43. <style type="text/css">
  44.  
  45. iframe#tumblr_controls {
  46. top: 0% !important;
  47. right:0% !important;
  48. position: fixed !important;
  49. white-space:nowrap;
  50. -webkit-filter: invert(100%);
  51. -moz-filter: invert(100%);
  52. -o-filter: invert(100%);
  53. -ms-filter: invert(100%);
  54. filter: invert(100%);
  55. opacity:0.5;
  56. }
  57.  
  58. @font-face {
  59. font-family:"Imprima";
  60. src: url('http://static.tumblr.com/ykhxonh/LnRm5eiu0/imprima-regular.ttf');
  61. }
  62. @font-face {
  63. font-family:"Dawning of a new day";
  64. src: url('http://static.tumblr.com/ykhxonh/16Sm5ekdi/dawningofanewday.ttf');}
  65.  
  66.  
  67.  
  68. @import url(http://fonts.googleapis.com/css?family=Poiret+One);
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background-color:{color:scrollbar};
  72. -moz-border-radius:10px;
  73. -webkit-border-radius:10px;
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. border:2px;
  78. width:10px;
  79. height:10px;
  80. background-color:{color:scrollbar background};
  81. }
  82.  
  83. ::-moz-selection {background: {color:selection}; color:{color:selection text};}
  84.  
  85. ::selection {background: {color:selection}; color:{color:selection text};}
  86.  
  87. body {
  88. background-color:{color:background};
  89. background-attachment:fixed;
  90. color: {color:Text} ;
  91. font-size: 10px;
  92. font-family: 'Imprima';
  93. cursor: url(http://static.tumblr.com/ykhxonh/lfNm5ekyp/zorzc.png), auto;
  94. /*background-image:url('http://i33.photobucket.com/albums/d84/flickmobile/Backgrounds/bk6.png');*/
  95. background-image:url('{image:background image}');
  96. }
  97.  
  98. a {
  99. color: {color:Link};
  100. font-weight: normal;
  101. text-decoration: none;
  102. }
  103.  
  104. a:hover {
  105. color: {color:Link Hover};
  106. text-decoration:italic;
  107. cursor: url(http://static.tumblr.com/ykhxonh/dRAm5ekxf/oth589.cur), auto;
  108. }
  109.  
  110. a img {
  111. border: 0px;
  112. }
  113.  
  114. blue {
  115. color:#77D9D3;
  116. }
  117.  
  118. #sidebar{
  119. position:fixed;
  120. top:70px;
  121. left:800px;
  122. width:250px;
  123. }
  124. .nav a{
  125. display: inline-block;
  126. color: #fff;
  127. background-color: {color:navigation};
  128. width:45px;
  129. line-height:15px;
  130. padding-top:15px;
  131. padding-bottom:15px;
  132. border-radius:25px;
  133. text-align:center;
  134. -webkit-transition: 1s;
  135. -moz-transition: 1s;
  136. -o-transition: 1s;
  137. -ms-transition: 1s;
  138. transition: 1s;
  139. font-family:'fauna one';
  140. text-transform:uppercase;
  141. font-size:8px;
  142. }
  143.  
  144. .nav a:hover{
  145. background-color: transparent;
  146. color: {color:navigation};
  147. }
  148. section {
  149. font-size:12px;
  150. text-transform:uppercase;
  151. font-family:'fauna one';
  152. color:#fff;
  153. background-color: #77D9D3;
  154. text-align:center;
  155. margin-top: 5px;
  156. padding-top:2px;padding-bottom:2px;
  157. }
  158.  
  159. .box{
  160. width:240px;padding:5px;
  161. background:{color:posts};
  162. text-align:justify;
  163. margin-bottom:10px;
  164. }
  165.  
  166. ul li {display : block; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  167. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  168. padding-bottom : 2px; }
  169. ul li:hover {display : block; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  170. ul {margin-left:-10px;}
  171.  
  172. #credit{
  173. position:fixed;
  174. bottom:10px;
  175. right:10px;
  176. text-align:center;
  177. font-size:7px;
  178. text-transform:uppercase;
  179. color:{color:text};
  180. font-family:'fauna one';
  181. }
  182.  
  183. #credit a, a:hover{color:{color:text};}
  184.  
  185. .content {
  186. position: absolute;
  187. top:0px;
  188. left:210px;
  189. padding:10px;
  190. width: 625px;
  191. margin-left:auto;
  192. margin-right:auto;
  193. margin-bottom:-20px;
  194. min-height:100%;
  195. {block:permalinkpage}
  196. height:auto;
  197. {/block:permalinkpage}
  198. }
  199.  
  200. .entry {
  201. padding:3px;border:1px solid #f8f8f8;
  202. overflow-x: hidden;
  203. float:left;
  204. {block:IfTwoColumns}
  205. {block:IndexPage}
  206. width: 250px;
  207. {/block:IndexPage}
  208. {block:permalinkpage}
  209. width: 510px;
  210. {/block:permalinkpage}
  211. {/block:IfTwoColumns}
  212. {block:IfNotTwoColumns}
  213. width: 510px;
  214. {/block:IfNotTwoColumns}
  215. {block:permalinkpage}
  216. height:auto;
  217. margin-bottom:10px;
  218. {/block:permalinkpage}
  219. overflow:hidden;
  220. margin: 2px;
  221. background:{color:posts};
  222.  
  223. }
  224.  
  225. .entry img {
  226. {block:indexpage}
  227. {block:IfTwoColumns}
  228. max-width: 250px;
  229. {/block:IfTwoColumns}
  230. {block:IfNotTwoColumns}
  231. max-width: 500px;
  232. {/block:IfNotTwoColumns}
  233. {/block:indexpage}
  234. {block:PermalinkPage}
  235. max-width: 500px;
  236. {/block:PermalinkPage}
  237. }
  238.  
  239.  
  240. .foot{
  241. font-size: 7px;
  242. font-family: 'fauna one';
  243. text-transform:uppercase;
  244. width: auto;
  245. height: 10px;
  246. padding-top:1px;padding-bottom:1px;
  247. -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; -ms-transition: .6s;
  248. transition: .6s;
  249. display: inline-block;
  250. width: 100%;
  251. -webkit-transition: 1s;
  252. -moz-transition: 1s;
  253. -o-transition: 1s;
  254. -ms-transition: 1s;
  255. transition: 1s;
  256. border-top:1px dashed {color:post info decors};
  257. color:{color:text};
  258. text-align:right;
  259. color:{color:post info decors};
  260. }
  261.  
  262. .foot a{
  263. color:{color:text};
  264. }
  265.  
  266. /* For ask post */
  267.  
  268. .askbubble {align:right;background: {color:Question Bubble}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  269. .askbubble p {margin:1px 0px;}
  270. .askbubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  271.  
  272. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  273.  
  274.  
  275. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  276.  
  277.  
  278. ul li {
  279. list-style-type: none
  280. }
  281.  
  282. h1 {
  283. font-family:'Dawning of a new day';
  284. font-size:28px;
  285. margin-bottom:-5px;
  286. }
  287.  
  288. h2 {
  289. color:#556270;
  290. font-family: 'cedarville cursive';
  291. text-transform:lowercase;
  292. font-size:16px;
  293. line-height:17px;
  294. font-weight:normal;
  295. text-align:left;
  296. letter-spacing:1px;
  297. }
  298.  
  299. h2 a:hover {
  300. letter-spacing: 1px;
  301. }
  302.  
  303. /* For reblogged posts */
  304. blockquote {
  305. padding: 5px;
  306. margin: 0px;
  307. border-left: 3px solid {color:link};
  308. }
  309.  
  310.  
  311. /* Link Posts */
  312.  
  313. .linkpost a {
  314. text-transform: uppercase;
  315. letter-spacing: 1px;
  316. font-size: 14px;
  317. font-weight: normal;
  318. padding-left: 5px;
  319. }
  320.  
  321. /* Photo Posts */
  322.  
  323. .photo img {
  324. padding: 5px
  325. }
  326.  
  327.  
  328.  
  329. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  330. #infscr-loading {display:none;}
  331.  
  332. </style>
  333.  
  334. <script type="text/javascript">
  335. WebFontConfig = {
  336. google: { families: [ 'Fauna+One::latin', 'Rufina::latin', 'Noto+Serif::latin', 'Alegreya::latin' ] }
  337. };
  338. (function() {
  339. var wf = document.createElement('script');
  340. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  341. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  342. wf.type = 'text/javascript';
  343. wf.async = 'true';
  344. var s = document.getElementsByTagName('script')[0];
  345. s.parentNode.insertBefore(wf, s);
  346. })(); </script>
  347.  
  348. {CustomCSS}
  349.  
  350. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  351.  
  352. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  353.  
  354. <script type="text/javascript">
  355.  
  356. $(window).load(function () {
  357. $('.content').masonry(),
  358. $('.masonryWrap').infinitescroll({
  359. navSelector : "div#navigation",
  360. // selector for the paged navigation (it will be hidden)
  361. nextSelector : "div#navigation a#nextPage",
  362. // selector for the NEXT link (to page 2)
  363. itemSelector : ".entry",
  364. // selector for all items you'll retrieve
  365. bufferPx : 10000,
  366. extraScrollPx: 200,
  367. loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
  368. loadingText : "<em></em>",
  369. donetext : "<em></em>" ,
  370. // text displayed when all items have been retrieved
  371. },
  372. // call masonry as a callback.
  373. function() { $('.content').masonry({ appendedContent: $(this) }); }
  374. );
  375. });
  376. </script>
  377.  
  378. </head>
  379.  
  380. <body>
  381.  
  382. <div id="sidebar">
  383. <center><div style="width:200px;height:auto;padding:3px;border:1px dashed {color:Text};border-radius:170px;-moz-border-radius:170px;-webkit-border-radius:170px;""><img src="{image:Your}" width="200px" style="border-radius:170px;-moz-border-radius:170px;-webkit-border-radius:170px;"></div></center><br>
  384. <section>{title}</section>
  385. <div class="box">{description}</div>
  386. {block:iflikes}
  387. <section>I love</section>
  388. <div class="box">{text:likes}</div>
  389. {/block:ifLikes}
  390. <center>
  391. <div class="nav">
  392. <a href="/">home</a>
  393. <a href="/ask">message</a>
  394. {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled}
  395. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}
  396. </div>
  397.  
  398. </div>
  399.  
  400. {block:IndexPage}
  401. <div class="column
  402. " id="navigation">
  403. {block:Pagination}
  404. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  405. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  406. </div>
  407. {/block:IndexPage}
  408.  
  409. <div class="content">
  410.  
  411. {block:Posts}<div class="entry">
  412.  
  413. {block:Text}
  414. {block:Title}<span class="title"><h2><a href="{Permalink}">{Title}</a></h2></span>{/block:Title}
  415. <span class="entrytext">{Body}</span>
  416. {/block:Text}
  417.  
  418. {block:Link}
  419. <a href="{URL}" class="title"><h2>{Name}</h2></a>
  420. {block:Description}{Description}{/block:Description}
  421. {block:Link}
  422.  
  423. {block:Photo}<CEnter>
  424. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px></a>{LinkCloseTag}</center>
  425. {block:Caption}{/block:Caption}
  426. {/block:Photo}
  427.  
  428. {block:Photoset}<center>
  429. {block:IndexPage}{Photoset-400 width="220px"}{/block:IndexPage}
  430. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  431. </center>
  432. {/block:Photoset}
  433.  
  434. {block:Quote}
  435. <span class="title"><h2>{Quote}</h2></span>
  436. {block:Source}<center>- {Source} -</center>{/block:Source}<br>
  437. {/block:Quote}
  438.  
  439. {block:Chat}
  440. {block:Title}<span class="title"><h2>{Title}</h2></span>{/block:Title}
  441. <ul class="chat">
  442. {block:Lines}
  443. <li class="user_{UserNumber}">
  444. {block:Label}
  445. <span class="label">{Label}</span>
  446. {/block:Label}
  447.  
  448. {Line}
  449. </li>
  450. {/block:Lines}
  451. </ul>
  452.  
  453. {/block:Chat}
  454.  
  455.  
  456. {block:Audio}
  457. <centeR><div style="width:400px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  458. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></center><BR>
  459. {block:Caption}{Caption} {/block:Caption}
  460. {/block:Audio}
  461.  
  462. {block:Answer}
  463. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="askbubble"><span></span>{Asker} whispered: {Question}&nbsp;</div>{Answer}
  464. {/block:Answer}
  465.  
  466. {block:Video}
  467. {Video-300}<BR>
  468. {block:Caption}{Caption}{/block:Caption}
  469. {block:Video}
  470.  
  471. {block:IndexPage}
  472. <div class="foot"><a href="{ReblogURL}" target="_blank">Reblog</a> &loz;&diams;&loz; <a href="{Permalink}">{NoteCount} Notes</a></div>
  473. {/block:IndexPage}
  474.  
  475. {block:PostNotes}
  476. <center>
  477. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  478.  
  479. {block:HasTags}
  480. tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  481. {block:RebloggedFrom}
  482. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  483. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  484. </center></span>
  485. <br>
  486. <div id="postnotes">{PostNotes}</div><br>
  487. {/block:PostNotes}
  488. </div>
  489. {/block:Posts}
  490.  
  491. </div>
  492. </div>
  493.  
  494. </body>
  495.  
  496. <div id="credit">theme by <br><a href="http://bonjourrparis.tumblr.com">bonjourrparis</div>
  497. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement