API tools faq
paste
Advertisement
kschwartz1997

Je t'aime

kschwartz1997
Jul 6th, 2014
326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--- Theme by Karyn aka ofhs
  13. Please DO NOT steal the coding, remove the credit, etc you get it. Thanks so much for using my theme and if you need any help with it i am here!!--->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#a8a8a8"/>
  17. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  18. <meta name="color:DescriptionText" content="#b8b8b8"/>
  19. <meta name="image:titlebackground" content="http://data2.whicdn.com/images/115569154/large.jpg"/>
  20. <meta name="color:Border" content="#dddddd"/>
  21. <meta name="color:Border2" content="#b8b8b8"/>
  22. <meta name="color:description" content="#dddddd"/>
  23. <meta name="color:Hover" content="#f2f2f2"/>
  24. <meta name="color:Scrollbar" content="#000000"/>
  25. <meta name="color:ScrollbarBg" content="#ffffff"/>
  26. <meta name="color:Post Links" content="#c0bfbf"/>
  27. <meta name="color:Answer Backg" content="#000000"/>
  28. <meta name="image:Sidebar" content=""/>
  29. <meta name="image:Background" content=""/>
  30. <meta name="text:link 1" content="">
  31. <meta name="text:link 1 url" content="/">
  32. <meta name="text:link 2" content="">
  33. <meta name="text:link 2 url" content="/">
  34. <meta name="text:link 3" content="">
  35. <meta name="text:link 3 url" content="/">
  36. <meta name="text:link 4" content="">
  37. <meta name="text:link 4 url" content="/">
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  41. <script>
  42. (function($){
  43. $(document).ready(function(){
  44. $("a[title]").style_my_tooltips({
  45. tip_follows_cursor:true,
  46. tip_delay_time:90,
  47. tip_fade_speed:600,
  48. attribute:"title"
  49. });
  50. });
  51. })(jQuery);
  52. </script>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb {
  58. height:auto;
  59. background-color:{color:Scrollbar};
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. height:9px;
  64. width:4px;
  65. background-color:{color:ScrollbarBg};
  66. }
  67.  
  68. body {
  69. background:{color:background};
  70. margin:0px;
  71. color:{color:text};
  72. font-family:calibri;
  73. font-size:10px;
  74. line-height:100%;
  75. letter-spacing:0px;
  76. text-align:justify;
  77. background-image:url('{image:Background}');
  78. }
  79.  
  80. a {
  81. text-decoration:none;
  82. outline:none;
  83. -moz-outline-style:none;
  84. color:{color:Post Links};
  85. }
  86.  
  87. img {
  88. border:none;
  89. }
  90.  
  91. blockquote {
  92. padding-left:5px;
  93. border-left:2px solid;
  94. }
  95.  
  96. blockquote blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101. h1 {
  102. font-size:8px;
  103. letter-spacing:2px;
  104. text-transform:lowercase;
  105. font-family:'calibri';
  106. font-style:none;
  107. line-height:10px;
  108. text-align:left;
  109. padding:0px;
  110. }
  111.  
  112. a:hover {
  113. color:#000000;
  114. -moz-transition-duration:0.3s;
  115. -webkit-transition-duration:0.3s;
  116. -o-transition-duration:0.3s;
  117. }
  118.  
  119. #border {
  120. width:25px;
  121. height:120%;
  122. top:0;
  123. left:0;
  124. background:{color:border2};
  125. position:fixed;
  126. }
  127.  
  128. #border2 {
  129. width:5px;
  130. height:120%;
  131. margin-left:20px;
  132. top:0;
  133. left:0;
  134. background:{color:border};
  135. position:fixed;
  136. }
  137.  
  138.  
  139.  
  140.  
  141. /*ENTRIES*/
  142.  
  143. #entries {
  144. padding:10px;
  145. width:400px;
  146. margin-left:450px;
  147. margin-top:3px;
  148. font-size:10px;
  149. font-family:'calibri';
  150. letter-spacing:0px;
  151. }
  152.  
  153. #post {
  154. width:400px;
  155. padding-bottom:20px;
  156. padding:25px;
  157. margin-top:30px;
  158. -o-transition-duration:0.5s;
  159. -ms-transition-duration:0.5s;
  160. -moz-transition-duration:0.5s;
  161. -webkit-transition-duration:0.5s;
  162. }
  163.  
  164. #post:hover {
  165. box-shadow:0.1em 0.1em 0.4em #aaa;
  166. transition-duration:0.5s;
  167. -o-transition-duration:0.5s;
  168. -ms-transition-duration:0.5s;
  169. -moz-transition-duration:0.5s;
  170. -webkit-transition-duration:0.5s;
  171. }
  172.  
  173.  
  174. /*SIDEBAR*/
  175.  
  176. #sidebar {
  177. position:fixed;
  178. margin-top:300px;
  179. margin-left:250px;
  180. }
  181.  
  182. #title{
  183. font-size:30px;
  184. font-family:arial;
  185. position:fixed;
  186. margin-top:16px;
  187. letter-spacing:3px;
  188. font-weight:bold;
  189. line-height:70%;
  190. margin-left:-75px;
  191. -webkit-text-fill-color: transparent;
  192. background: -webkit-linear-gradient(transparent, transparent),
  193. url('{image:titlebackground}') top repeat;
  194. background: -o-linear-gradient(transparent, transparent);
  195. -webkit-background-clip: text;
  196. -o-transition-duration:0.5s;
  197. -ms-transition-duration:0.5s;
  198. -moz-transition-duration:0.5s;
  199. -webkit-transition-duration:0.5s;
  200. }
  201.  
  202. #sidebar:hover #title {
  203. opacity:0;
  204. transition: all 0.5s ease-out;
  205. -o-transition: all 0.5s ease-out;
  206. -webkit-transition: all 0.5s ease-out;
  207. -moz-transition: all 0.5s ease-out;
  208.  
  209. }
  210.  
  211.  
  212.  
  213. #sidebarimage {
  214. width 145px;
  215. }
  216.  
  217. #sidebarimage img {
  218. width:150px;
  219. border-radius:10%;
  220. height:auto;
  221. margin-top:-100px;
  222. padding:0px;
  223. margin-left:-80px;
  224. -o-transition-duration:0.5s;
  225. -ms-transition-duration:0.5s;
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. }
  229.  
  230. #sidebarimage img:hover {
  231. box-shadow:0.1em 0.1em 0.4em #aaa;
  232. transition-duration:0.5s;
  233. -o-transition-duration:0.5s;
  234. -ms-transition-duration:0.5s;
  235. -moz-transition-duration:0.5s;
  236. -webkit-transition-duration:0.5s;
  237. }
  238.  
  239.  
  240. .links {
  241. width:150px;
  242. font-family:'calibri';
  243. padding: 10px;
  244. text-align:center;
  245. opacity:0;
  246. text-transform:lowercase;
  247. position:fixed;
  248. margin-top:-7px;
  249. margin-left:-85px;
  250. -o-transition-duration:0.5s;
  251. -ms-transition-duration:0.5s;
  252. -moz-transition-duration:0.5s;
  253. -webkit-transition-duration:0.5s;
  254.  
  255. }
  256.  
  257. #sidebar:hover .links {
  258. opacity:1;
  259. -o-transition-duration:0.5s;
  260. -ms-transition-duration:0.5s;
  261. -moz-transition-duration:0.5s;
  262. -webkit-transition-duration:0.5s;
  263.  
  264. }
  265.  
  266. .links a {
  267. border:double #b3b3b3;
  268. margin:5px;
  269. border-radius:50%;
  270. position:relative;
  271. display:inline-block;
  272. height: 10px;
  273. width: 10px;
  274. padding:3px;
  275. font-size:10px;
  276. letter-spacing:0px;
  277. text-decoration:italic;
  278. -moz-transition-duration: .6s;
  279. -webkit-transition-duration: .6s;
  280. -o-transition-duration: .6s;
  281. }
  282.  
  283. .links a:hover {
  284. opacity:1
  285. box-shadow:0.1em 0.1em 0.4em #aaa;
  286. border:double #ffffff;
  287. -moz-transition-duration:0.3s;
  288. -webkit-transition-duration:0.3s;
  289. -o-transition-duration:0.3s;
  290. background:{color:Hover};
  291. }
  292.  
  293. .links:hover .title{
  294. opacity:0;
  295. }
  296.  
  297. #description {
  298. text-align:justify;
  299.  
  300. border-radius:5%;
  301. background-color:{color:description};
  302. padding:10px;
  303. font-family:calibri;
  304. letter-spacing:2px;
  305. width:130px;
  306. margin-top:360px;
  307. margin-left:175px;
  308. font-size:10px;
  309. position:fixed;
  310. text-transform:uppercase;
  311. color:{color:DescriptionText};
  312. }
  313.  
  314. #triangle{
  315. margin-top:350px;
  316. margin-left:200px;
  317. position:fixed;
  318. width: 0px;
  319. height: 0px;
  320. border-style: solid;
  321. border-width: 0 6.5px 11.3px 6.5px;
  322. border-color: transparent transparent {color:description}; transparent;
  323. }
  324.  
  325. #pagination {
  326. position: fixed;
  327. top: 260px; left: 1000px;
  328. width: 100px;
  329. height: 25px;
  330. font-size: 20px;
  331. line-height: 15px;
  332. color: {color:Border};
  333. }
  334. #pagination a {
  335. padding: 0px 5px;
  336. font-size: 25px;
  337. line-height: 15px;
  338. color: {color:Border};
  339. font-family: 'source code pro', sans-serif;
  340. font-weight: 400;
  341. }
  342.  
  343.  
  344. /*POST INFO*/
  345.  
  346. #info {
  347. margin-top:.1px;
  348. font-size:9px;
  349. color:black;
  350. background-color:white;
  351. padding-top:7px;
  352. padding-bottom:7px;
  353. text-align:center;
  354. width:100%;
  355. }
  356.  
  357. #info a {
  358. color:#bfc3c7;
  359. font-weight:bold;
  360. font-size:10px;
  361. }
  362.  
  363.  
  364. #tags {
  365. float:left;
  366. width:489px;
  367. margin-top:-7px;
  368. margin-left:-5px;
  369. text-align:left;
  370. font-size:7px;
  371. padding:5px;
  372. font-size:8px;
  373. opacity:1;
  374. transition-duration: 0.5s;
  375. -moz-transition-duration: 0.5s;
  376. -webkit-transition-duration: 0.5s;
  377. -o-transition-duration: 0.5s
  378. color:{color:Post Links};
  379. }
  380.  
  381. #tags a {
  382. letter-spacing:0px;
  383. font-size:8px;
  384. text-align:center;
  385. font-family:'CALIBRI';
  386. text-decoration:none;
  387. display:inline-block;
  388. color:#ddd;
  389. }
  390.  
  391. #tags a:hover {
  392. background-color:#fff;
  393. -moz-transition-duration:0.3s;
  394. -webkit-transition-duration:0.3s;
  395. -o-transition-duration:0.3s;
  396. color:{color:Hover};
  397. }
  398.  
  399. ol.notes {
  400. width:400px;
  401. padding:20px;
  402. margin:-0px 0 0 397px;
  403. list-style-type:none;
  404. font-size:8px;
  405. text-transform:uppercase;
  406. }
  407.  
  408. ol.notes li {
  409. padding:5px;
  410. margin:10px 0 0 0;
  411. color:#c2bdc2;
  412.  
  413. }
  414.  
  415. ol.notes img.avatar {
  416. width:15px;
  417. height:15px;
  418. }
  419.  
  420.  
  421.  
  422. /*QUESTION*/
  423.  
  424. .question {
  425. background-color: {color:Answer Backg};
  426. padding:25px;
  427. margin-left:5px;
  428.  
  429. }
  430.  
  431. .question img {
  432. border:double #ffffff;
  433. width:40px;
  434. float:left;
  435. display:block;
  436. margin-left:-15px;
  437. margin-top:-18px;
  438. }
  439.  
  440. .audio {overflow:hidden;}
  441.  
  442. .audio img {max-width:84px; }
  443.  
  444. .playbutton {
  445. background-color:#fff;
  446. width: 30px;
  447. height: 30px;
  448. overflow: hidden;
  449. position: relative;
  450. margin:10px 9px 8px 10px;
  451. z-index: 99;
  452. opacity:.6;}
  453.  
  454. .playbox {
  455. background-color: #fff;
  456. border-radius:30px;
  457. position: absolute;
  458. margin:17px;
  459. z-index: 99;
  460. opacity:.3;
  461. -webkit-transition: all 0.5s ease-in-out;
  462. -moz-transition: all 0.5s ease-in-out;
  463. -o-transition: all 0.5s ease-in-out;}
  464.  
  465. .playbox:hover{
  466. opacity:.8;
  467. -webkit-transition: all 0.5s ease-in-out;
  468. -moz-transition: all 0.5s ease-in-out;
  469. -o-transition: all 0.5s ease-in-out;}
  470.  
  471. .cover {
  472. position: relative; }
  473.  
  474.  
  475. /*CREDIT*/
  476.  
  477. #credit {
  478. padding: 2px;
  479. color:#000;
  480. position:fixed;
  481. bottom:5px;
  482. right:0px;
  483. font-size:10px;
  484. letter-spacing:1px;
  485. font-family:arial;
  486. -moz-transition-duration: .6s;
  487. -webkit-transition-duration: .6s;
  488. -o-transition-duration: .6s;
  489. }
  490.  
  491. #credit a {
  492. color: #000;
  493. padding: 5px;
  494.  
  495. }
  496.  
  497.  
  498. #credit a:hover{
  499. background: black;
  500. color: white;
  501. -moz-transition-duration:0.3s;
  502. -webkit-transition-duration:0.3s;
  503. -o-transition-duration:0.3s;
  504. }
  505.  
  506.  
  507. #s-m-t-tooltip{
  508. max-width:250px;
  509. z-index:999999;
  510. margin-top:-20px;
  511. padding-left:2px;
  512. padding-right:2px;
  513. padding-bottom:2px;
  514. text-transform:uppercase;
  515. font-family: PF Arma Five;
  516. font-size:8px;
  517. box-shadow:2px 2px 5px rgba(0,0,0,.1);
  518. border:1px solid {color:Sidebar Links};
  519. background:#ffffff;
  520. color:{color:Sidebar Links};
  521. }
  522.  
  523. {CustomCSS}</style></head><body>
  524.  
  525. <div id="border"></div>
  526.  
  527. <div id="border2"></div>
  528.  
  529.  
  530.  
  531. <div id="sidebar">
  532.  
  533. <div id="title">{title}</div>
  534. <div id="sidebarimage">
  535. <a title="home" href="/">
  536. <img src="{image:Sidebar}">
  537. </a>
  538. </div>
  539.  
  540. <div class="links">
  541. <a href="{text:link 1 url}" title="{text:link 1}"></a>
  542. <a href="{text:link 2 url}" title="{text:link 2}"></a>
  543. <a href="{text:link 3 url}" title="{text:link 3}"></a>
  544. <a href="{text:link 4 url}" title="{text:link 4}"></a>
  545. </div></div></div>
  546.  
  547. <div id="triangle"></div>
  548.  
  549. <div id="description">{Description}
  550. </div>
  551. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">-</a> / {/block:PreviousPage}
  552. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>{/block:Pagination}
  553. </div>
  554. </div>
  555. </div>
  556. </div>
  557.  
  558. <div id="entries">
  559. {block:Posts}
  560. <div id="post">
  561.  
  562. {block:Text}
  563. <h1>{block:Title}{Title}{/block:Title}</h1>
  564. {Body}{/block:Text}
  565.  
  566. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  567. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  568.  
  569. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  570. {/block:Caption}{/block:Photoset}
  571.  
  572. {block:Quote}<h2>"{Quote}"</h2>
  573. {block:Source}<div class="qsource"> —{Source}</div>
  574. {/block:Source}{/block:Quote}
  575.  
  576. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  577.  
  578. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  579.  
  580. {block:Audio}
  581. <table><tr><td style="width: 90px;"><div class="audio">
  582. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  583. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover"/>{/block:AlbumArt}</td><td style="width: 300px; font:10px calibri; letter-spacing:2px; text-transform:uppercase;">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  584. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  585. {block:Album}<b>Album:</b> {Album}<br />{/block:Album}
  586. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></td></tr></table>
  587. {block:Caption}{Caption}{/block:Caption}
  588. {/block:Audio}
  589.  
  590. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  591.  
  592. {block:Answer}
  593. <div class="question"><img src="{AskerPortraitURL-40}"><b>{Asker} asked:</b> {Question}</div>
  594. {Answer}
  595. {/block:Answer}
  596.  
  597. <div id="info">
  598. <!---POST INFO--->
  599. posted <a href="{Permalink}">{DayOfWeek} {MonthNumber}/{DayOfMonth}/{Year}</a> at {Time}
  600. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  601. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  602. <br>
  603. {block:HasTags}filed: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i>
  604. </div></div>
  605. {/block:Posts}</div>
  606. </div>
  607. {/block:Posts}
  608. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  609. {/block:Posts}</div></div></div>
  610.  
  611.  
  612. <div id="credit"><a title="theme by Karyn" href="http://ofhs.tumblr.com/"><b>KS</b></a></center></div>
  613. </div>
  614. </div>
  615.  
  616.  
  617.  
  618. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!