API tools faq
paste
Advertisement
ancrestas

you and me

ancrestas
Apr 14th, 2014
410
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.52 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. <html>
  5. <head>
  6.  
  7. <meta name="color:background" content="#FFFFFF">
  8. <meta name="color:link" content="#928f8f">
  9. <meta name="color:post links" content="#928f8f">
  10. <meta name="color:hover" content="#454545">
  11. <meta name="color:info" content="#dadada">
  12. <meta name="color:infobg" content="#dadada">
  13. <meta name="color:text" content="#9A9A9A">
  14. <meta name="color:title" content="#0a0a0a">
  15. <meta name="color:titlebg" content="#54b3a3">
  16. <meta name="text:title" content="short title"/>
  17. <meta name="text:Link 1" content="" />
  18. <meta name="text:Link 1 Text" content="" />
  19. <meta name="text:Link 2" content="" />
  20. <meta name="text:Link 2 Text" content="" />
  21. <meta name="text:Link 3" content="" />
  22. <meta name="text:Link 3 Text" content="" />
  23.  
  24.  
  25. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  26. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27. <link rel="shortcut icon" href="{Favicon}" />
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  29.  
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. #s-m-t-tooltip {
  37. max-width:300px;
  38. padding:5px;
  39. margin:10px 0px 0px 10px;
  40. background-color:{color:titlebg};
  41. font-family:trebuchet ms;
  42. font-size:7px;
  43. letter-spacing:1px;
  44. font-style:none;
  45. text-transform:uppercase;
  46. padding-bottom:3px;
  47. color:#fff;
  48. z-index:999999999999999999999999999999999999;
  49. }
  50.  
  51. ::-webkit-scrollbar-thumb {
  52. height:auto;
  53. background-color: #555;
  54. border:1px solid #fff;
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. height:9px;
  59. width:5px;
  60. background-color: #ddd;
  61. border:2px solid #fff;
  62. }
  63.  
  64. a {
  65. text-decoration:none;
  66. color:{color:link};
  67. text-decoration:none;
  68. outline:none;
  69. -moz-outline-style:none;
  70. color:{color:Post Links};
  71. -moz-transition-duration:0.5s;
  72. -webkit-transition-duration:0.5s;
  73. -o-transition-duration:0.5s;
  74. }
  75.  
  76. a:hover {
  77. color:{color:hover};
  78. text-decoration:none;
  79. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. body {
  86. background-color:{color:background};
  87. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  88. margin:0px;
  89. color:{color:text};
  90. font-family:calibri;
  91. font-size:10px;
  92. line-height:100%;
  93. letter-spacing:0px;
  94. text-align:justify;
  95. }
  96.  
  97. h1 {
  98. font-weight:normal;
  99. font-size:10px;
  100. text-align:center;
  101. font-style:normal;
  102. line-height:80%;
  103. letter-spacing:1px;
  104. text-transform:uppercase;
  105. color:{color:text};
  106. }
  107.  
  108. h2 {
  109. font-size:21px;
  110. text-align:left;
  111. text-transform:lowercase;
  112. font-family:calibri;
  113. font-style:none;
  114. color:{color:title};
  115. letter-spacing:-2px;
  116. margin-bottom:6px
  117. }
  118.  
  119. blockquote {
  120. padding-left:5px;
  121. border-left:2px solid;
  122. }
  123.  
  124. #sidebar {
  125. width:228px;
  126. height:100px;
  127. position:fixed;
  128. margin-top:-140px;
  129. margin-left:320px;
  130. padding-top:40px;
  131. }
  132.  
  133. #blogtitle {
  134. color:{color:Title};
  135. font-size:20px;
  136. font-family:arial;
  137. text-align:left;
  138. letter-spacing:-2px;
  139. margin-left:-28px;
  140. margin-top:-26px;
  141. font-style:none;
  142. font-weight:bold;
  143. text-transform:lowercase;
  144. padding:4px;
  145. padding-top:0px;
  146. padding-bottom:8px;
  147. padding-right:0px;
  148. position:fixed;
  149. padding-left:px;
  150. width:198px;
  151. padding-left:29px;
  152. }
  153.  
  154.  
  155. .links {
  156. position:fixed;
  157. width:140px;
  158. z-index:-1px;
  159. text-transform:uppercase;
  160. font-family:calibri;
  161. font-style:none;
  162. font-size:8px;
  163. letter-spacing:1px;
  164. padding:4px;
  165. position:fixed;
  166. text-align:center;
  167. margin-left:-5px;
  168. margin-top:5px;
  169. -moz-transition-duration:0.8s;
  170. -webkit-transition-duration:0.8s;
  171. -o-transition-duration:0.8s;
  172. padding-top:0px;
  173. line-height:40%;
  174. }
  175.  
  176. .links a {
  177. color:{color:link};
  178. letter-spacing:0px;
  179. text-align:center;
  180. line-height:200%;
  181. margin-left:-4px;
  182. width:131px;
  183. font-size:10px;
  184. background-color:#fff;
  185. -moz-transition-duration:0.5s;
  186. -webkit-transition-duration:0.5s;
  187. -o-transition-duration:0.5s;}
  188.  
  189.  
  190. .links a:hover {
  191. width:0px;
  192. padding-right:0px;
  193. -webkit-transition:all 0.8s;
  194. -moz-transition:all 0.8s;
  195. -ms-transition:all 0.8s;
  196. -o-transition:all 0.8s;
  197. transition:all 0.8s;}
  198.  
  199.  
  200. #description {
  201. text-align:Justify;
  202. font-family:'calibri';
  203. text-transform:none;
  204. width:131px;
  205. margin-top:458px;
  206. font-size:10px;
  207. position:fixed;
  208. letter-spacing:0px;
  209. padding:8px;
  210. color:#999;
  211. line-height:100%;
  212. margin-left:-4px;
  213. }
  214.  
  215. #description a {
  216. color:#888;
  217. }
  218.  
  219. #description a:hover {
  220. color:#fff;
  221. }
  222.  
  223.  
  224. #pagination {
  225. width:500px;
  226. font-size:9px;
  227. text-align:center;
  228. margin-left:0px;
  229. margin-top:-43px;
  230. padding:12px;
  231. color:#000;
  232. text-transform:uppercase;
  233. font-family:calibri;
  234. letter-spacing:1px;
  235. }
  236.  
  237.  
  238. #entries {
  239. padding:14px;
  240. width:427px;
  241. margin-left:584px;
  242. margin-top:-30px;
  243. font-size:10px;
  244. font-family:'arial';
  245. letter-spacing:0px;
  246. }
  247.  
  248. #post {
  249. width:500px;
  250. padding-bottom:40px;
  251. padding:17px;
  252. margin-top:50px;
  253. border:1px solid;
  254. border-color:#fff;
  255. padding-bottom:30px;
  256. border:1px solid;
  257. border-color:#fff;
  258. }
  259.  
  260. .tags {
  261. font-family:calibri;
  262. font-size:10px;
  263. margin-top:-9px;
  264. padding-left:0px;
  265. }
  266.  
  267. .tags a, .tags a:hover {
  268. text-transform:lowercase;
  269. background:transparent;
  270. text-decoration:none;
  271. margin-left:-5px;
  272. padding:1px 2px 1px 2px;
  273. }
  274.  
  275. #askbox {
  276. height:auto;
  277. min-height:48px;
  278. width:500px;
  279. }
  280.  
  281. .askimg {
  282. background:transparent;
  283. padding:0;
  284. width:48px;
  285. height:48px;
  286. }
  287.  
  288. .askimg img {
  289. width:48px;
  290. height:48px;
  291. float:left;
  292. -webkit-border-radius:0px;
  293. -moz-border-radius:0px;
  294. border-radius:0px;
  295. }
  296.  
  297. .question {
  298. font-family:arial;
  299. font-size:10px;
  300. font-style:none;
  301. min-height:48px;
  302. margin-left:60px;
  303. margin-top:-38px;
  304. }
  305.  
  306. .asker {
  307. text-transform:none;
  308. font-weight:bold;
  309. font-size:9px;
  310. }
  311.  
  312. .answer {
  313. padding:-10px 10px 4px 10px;
  314. }
  315.  
  316. .audio {
  317. width:500px;
  318. padding-bottom:10px;
  319. background-color:{color:infobg};
  320. }
  321.  
  322. .albumart {
  323. float:left;
  324. padding:0px 10px 10px 0px;
  325. }
  326.  
  327. .albumart img {
  328. width:45px;
  329. height:45px;
  330. }
  331.  
  332. .playercontainer {
  333. text-align:left;
  334. padding:10px;
  335. background-color:#ffffff;
  336. width:480px;
  337. }
  338.  
  339. .audioinfo {
  340. padding:10px;
  341. color:{color:text};
  342. }
  343.  
  344. #info {
  345. width:500px;
  346. border-bottom:0px solid #f9f9f9;
  347. font-family:calibri;
  348. text-align:left;
  349. font-size:10px;
  350. padding-top:5px;
  351. padding-bottom:0px;
  352. text-transform:lowercase;
  353. margin-bottom:10px;
  354. line-height:90%;
  355. color:{color:info};
  356. }
  357.  
  358. #infotwo {
  359. text-align:left;
  360. width:490px;
  361. padding:0px;
  362. opacity:1;
  363. padding-top:0px;
  364. line-height:0%;
  365. color:{color:info};
  366. }
  367.  
  368. #postinfo a:hover {
  369. color:{color:hover};
  370. }
  371.  
  372. .note {
  373. text-transform:uppercase;
  374. font-style:normal;
  375. letter-spacing:0px;
  376. font-size: 9px;
  377. text-align:left;
  378. line-height:90%;
  379. margin-left:-40px;
  380. }
  381.  
  382. .note li {
  383. list-style-type:none;
  384. padding:10px 25px 10px 25px;
  385. text-align:left;
  386. margin:0px;
  387. -moz-transition-duration:0.5s;
  388. -webkit-transition-duration:0.5s;
  389. -o-transition-duration:0.5s;
  390. }
  391.  
  392. ul.chat, .chat ol, .chat li {
  393. list-style:none;
  394. margin:0px;
  395. padding:2px;
  396. }
  397.  
  398. .label {
  399. padding-right:1px;
  400. text-transform:uppercase;
  401. font-weight:bold;
  402. color:{color:link};
  403. }
  404.  
  405. .line.odd {
  406. padding:7px;
  407. margin-bottom:6px;
  408. background:#f4f4f4;
  409. }
  410.  
  411. .line.even {
  412. padding:7px;
  413. margin-bottom:6px;
  414. background:#fafafa;
  415. }
  416.  
  417. #credit {
  418. font-size:11px;
  419. bottom:0;
  420. right:0;
  421. position:fixed;
  422. text-transform:uppercase;
  423. padding:5px;
  424. }
  425.  
  426. {CustomCSS}
  427. </style>
  428. </head>
  429.  
  430.  
  431. <div id="sidebar">
  432.  
  433. <div id="description">
  434. <div id="blogtitle">
  435. <div style="margin-top:-3px;margin-left:-1px;"><br>{text:title};</div></div>
  436. {Description}
  437.  
  438. <div class="links">
  439.  
  440. <a href="/" title="refresh">un</a>&nbsp;•&nbsp;<a href="/askbox" title="message">deux</a>&nbsp;•&nbsp;<a href="{text:Link 1}" title="{text:Link 1 Text}">trois</a>&nbsp;•&nbsp;<a href="{text:Link 2}" title="{text:Link 2 Text}">quatre</a>&nbsp;•&nbsp;<a href="{text:Link 3}" title="{text:Link 3 Text}">cinq</a>
  441. </div>
  442. </div>
  443.  
  444. </div>
  445.  
  446. <div id="entries">
  447. {block:Posts}
  448. <div id="post">
  449.  
  450. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  451.  
  452. {block:Quote}
  453. <h2>❝ {Quote} ❞</h2>
  454. {block:Source}
  455. <div class="source">— {Source}</div>{/block:Source}
  456. {/block:Quote}
  457.  
  458. {block:Link}
  459. <a href="{URL}"><h2>{Name}</h2></a>
  460. {block:Description}
  461. <p>{Description}</p>
  462. {/block:Description}
  463. {/block:Link}
  464.  
  465. {block:Photo}
  466. <center><img src="{PhotoURL-500}"/></center>
  467. {block:Caption}
  468. {Caption}
  469. {/block:Caption}
  470. {/block:Photo}
  471.  
  472. {block:Photoset}
  473. <center>
  474. {Photoset-500}
  475. </center>
  476. {block:Caption}
  477. {Caption}
  478. {/block:Caption}
  479. {/block:Photoset}
  480.  
  481. {block:Link}
  482. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  483. {block:Description}<blockquote>{Description}</blockquote>{/block:Description}
  484. {/block:Link}
  485.  
  486. {block:Chat}
  487. {block:Title}
  488. <h1>{Title}</h1>
  489. {/block:Title}
  490. <div class="chat">
  491. <ol>{block:Lines}
  492. <li class="line {Alt}">
  493. {block:Label}
  494. <span class="label">
  495. {Label}</span>
  496. {/block:Label}{Line}</li>
  497. {/block:Lines}
  498. </ol></div>
  499. {/block:Chat}
  500.  
  501. {block:Video}
  502. {Video-500}
  503. {block:Caption}
  504. {Caption}
  505. {/block:Caption}
  506. {/block:Video}
  507.  
  508. {block:Answer}
  509. <div id="askbox">
  510. <div class="askimg">
  511. <a href="{AskerURL}">
  512. <img src="{AskerPortraitURL-48}" />
  513. </a></div>
  514. <div class="question">
  515. <span class="asker">
  516. {Asker}:</span><br>
  517. {Question}</div></div>
  518. <div class="answer">
  519. {Answer}</div>
  520. {/block:Answer}
  521.  
  522. {block:Audio}
  523. <div class="audio">
  524. {block:AlbumArt}
  525. <div class="albumart"><img src="{AlbumArtURL}"/></div>
  526. {/block:AlbumArt}
  527. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />
  528. {/block:TrackName}
  529. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  530. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  531. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  532. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  533.  
  534. <p>
  535.  
  536. <div id="info">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{/block:Date}</a> {block:NoteCount} — with <a href="{Permalink}"> {NoteCount} notes{/block:NoteCount}</a> {block:ContentSource}</a> / <a href="{SourceURL}">source</a>{/block:ContentSource} / <a href="{ReblogURL}">Reblog</a></div>
  537.  
  538. <div id="border"></div>
  539.  
  540. <div class="tags">
  541. {block:HasTags}
  542. <u>tags</u>:
  543. {block:Tags}
  544. &nbsp;<a href="{TagURL}"> {Tag}</a>
  545. {/block:Tags}
  546. {/block:HasTags}
  547. </div>
  548. </div>
  549.  
  550. {block:PostNotes}{PostNotes}{/block:PostNotes}
  551. {/block:Posts}
  552.  
  553. <br><br><br><br>
  554.  
  555. {block:Pagination}<div id="pagination">
  556. {block:PreviousPage}<a href="{PreviousPage}">back</a>&nbsp;&nbsp;{/block:PreviousPage}
  557. {block:JumpPagination length="5"}
  558. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  559. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  560. {/block:JumpPagination}
  561. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  562. </div>{/block:Pagination}
  563.  
  564. </div>
  565.  
  566. </div></div></div>
  567. <br><br><br>
  568.  
  569. </div>
  570.  
  571. <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="thai's themes">thai</a></div>
  572.  
  573. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  574. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  575. <script>
  576. (function($){
  577. $(document).ready(function(){
  578. $("a[title]").style_my_tooltips({
  579. tip_follows_cursor:true,
  580. tip_delay_time:150,
  581. tip_fade_speed:700,
  582. attribute:"title"
  583. });
  584. });
  585. })(jQuery);
  586. </script>
  587.  
  588. </body>
  589.  
  590.  
  591. </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!