API tools faq
paste
Advertisement
Guest User

profound

a guest
Sep 18th, 2014
939
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.70 KB | None | 0 0
raw download clone embed print report
  1. <!----© THEME BY slutjensen.tumblr.com for public use-----DON'T REMOVE CREDIT--->  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11.  
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13.  
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17.  
  18. (function($){
  19.  
  20. $(document).ready(function(){
  21.  
  22. $("a[title]").style_my_tooltips({
  23.  
  24. tip_follows_cursor:true,
  25.  
  26. tip_delay_time:80,
  27.  
  28. tip_fade_speed:400,
  29.  
  30. attribute:"title"
  31.  
  32. });
  33.  
  34. });
  35.  
  36. })(jQuery);
  37.  
  38. </script>
  39.  
  40.  
  41. <meta name="color:Background" content="#ffffff"/>
  42. <meta name="color:header" content="#000"/>
  43. <meta name="color:border pic" content="#fff"/>
  44. <meta name="color:and sign" content="#000"/>
  45. <meta name="color:title" content="#000"/>
  46. <meta name="color:big title" content="#000"/>
  47.  
  48. <meta name="color:links" content="#eee"/>
  49. <meta name="color:links hover" content="#b8b8b8"/>
  50.  
  51. <meta name="color:Text" content="#838282"/>
  52. <meta name="color:Link" content="#b8b8b8"/>
  53. <meta name="color:hover" content="#fff"/>
  54. <meta name="image:sidebar" content=""/>
  55. <meta name="color:tooltips" content="#000"/>
  56. <meta name="color:pagination" content="#989898"/>
  57. <meta name="color:link bg" content="#b8b8b8"/>
  58. <meta name="color:scrollbar" content="#000"/>
  59. <meta name="color:scrollbar background" content="#eee"/>
  60.  
  61. <meta name="image:first" content=""/>
  62. <meta name="image:second" content=""/>
  63.  
  64. <meta name="text:big title" content="two lines for best result">
  65. <meta name="text:second desc" content="">
  66. <meta name="text:LinkA" content="">
  67. <meta name="text:LinkA URL" content="/">
  68. <meta name="text:LinkB" content="">
  69. <meta name="text:LinkB URL" content="/">
  70. <meta name="text:LinkC" content="">
  71. <meta name="text:LinkC URL" content="/">
  72. <meta name="text:LinkD" content="">
  73. <meta name="text:LinkD URL" content="/">
  74. <meta name="text:LinkE" content="">
  75. <meta name="text:LinkE URL" content="/">
  76.  
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  79. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  82. <script>
  83.  
  84. $(window).scroll(function() {
  85. if ($(this).scrollTop() > 1){
  86. $('#damn').addClass("woah");
  87. }
  88. else{
  89. $('#damn').removeClass("woah");
  90. }
  91. });
  92.  
  93.  
  94. $(window).scroll(function() {
  95. if ($(this).scrollTop() > 1){
  96. $('#entries').addClass("woah");
  97. }
  98. else{
  99. $('#entries').removeClass("woah");
  100. }
  101. });
  102.  
  103. $(window).scroll(function() {
  104. if ($(this).scrollTop() > 1){
  105. $('#pagination').addClass("woah");
  106. }
  107. else{
  108. $('#pagination').removeClass("woah");
  109. }
  110. });
  111.  
  112. </script>
  113.  
  114. <style type="text/css">
  115.  
  116.  
  117. body {
  118. background:{color:background};
  119. margin:0px;
  120. color:{color:text};
  121. font-family:Calibri;
  122. font-size:10px;
  123. line-height:100%;
  124. }
  125.  
  126. #top {
  127. background:{color:header};
  128. height:220px;
  129. border-bottom:1px solid #eee;
  130.  
  131. }
  132.  
  133. a {
  134. text-decoration:none;
  135. outline:none;
  136. -moz-outline-style:none;
  137. color:{color:link};
  138. -moz-transition-duration:0.5s;
  139. -webkit-transition-duration:0.5s;
  140. -o-transition-duration:0.5s;
  141. }
  142. a:hover {
  143. color:{color:hover};
  144. -moz-transition-duration:0.5s;
  145. -webkit-transition-duration:0.5s;
  146. -o-transition-duration:0.5s;
  147. }
  148.  
  149. #cred {
  150. font-size:7.5px;
  151. letter-spacing:2px;
  152. font-family:helvetica;
  153. position:fixed;
  154. bottom:5px;
  155. right:5px;
  156. z-index:999999;
  157.  
  158. }
  159.  
  160. #cred a{
  161. color:{color:title};
  162. }
  163. #cred a:hover{
  164. color:#000;
  165. }
  166. img {
  167. border:none;
  168. }
  169.  
  170. blockquote {
  171. padding-left:5px;
  172. border-left:2px solid;
  173. }
  174.  
  175. blockquote blockquote {
  176. padding-left:5px;
  177. border-left:2px solid;
  178. }
  179.  
  180. h1 {
  181. font-size:15px;
  182. }
  183.  
  184. #damn {
  185. background:#fff;
  186. border-bottom:1px solid #eee;
  187. height:89px;
  188. margin-top:-10px;
  189. width:100%;
  190. z-index:1;
  191. opacity:0;
  192. position:fixed;
  193. -moz-transition-duration:0.2s;
  194. -webkit-transition-duration:0.2s;
  195. -o-transition-duration:0.2s;
  196. }
  197.  
  198. #damn.woah {
  199. opacity:1;
  200. -moz-transition-duration:0.2s;
  201. -webkit-transition-duration:0.2s;
  202. -o-transition-duration:0.2s;
  203. }
  204. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  205.  
  206.  
  207.  
  208. #tits {
  209.  
  210.  
  211. font-family:Arial;
  212. margin-top:40px;
  213. font-weight:bold;
  214. text-transform:lowercase;
  215. font-size:20px;
  216. color:{color:title};
  217. letter-spacing:-2px;
  218. }
  219.  
  220. #entries {
  221. z-index:0;
  222. opacity:0.7;
  223.  
  224. width:100%;
  225.  
  226. -webkit-filter: grayscale(100%);
  227. -moz-filter: grayscale(100%);
  228.  
  229.  
  230. margin-top:40px;
  231. -moz-transition-duration:0.5s;
  232. -webkit-transition-duration:0.5s;
  233. -o-transition-duration:0.5s;
  234. }
  235.  
  236. #entries.woah {
  237. opacity:1;
  238.  
  239. -webkit-filter: grayscale(0%);
  240. -moz-filter: grayscale(0%);
  241.  
  242.  
  243. -moz-transition-duration:0.5s;
  244. -webkit-transition-duration:0.5s;
  245. -o-transition-duration:0.5s;
  246. }
  247.  
  248. #post {
  249. width:500px;
  250. padding-bottom:40px;
  251. }
  252.  
  253.  
  254.  
  255. #pagination {
  256.  
  257. background-color:{color:background};
  258. z-index:10000;
  259. opacity:0;
  260. width:100%;
  261. position:fixed;
  262. font-size:8px;
  263. padding:15px;
  264. color:#989898;
  265. text-align:center;
  266. font-family:helvetica;
  267. bottom:0px;
  268.  
  269. letter-spacing:0px; -webkit-transition: all 0.5s ease-in-out;
  270. -moz-transition: all 0.5s ease-in-out;
  271. transition: all 0.5s ease-in-out;
  272.  
  273.  
  274. }
  275.  
  276. #pagination.woah {
  277. opacity:1;
  278. -webkit-transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. transition: all 0.5s ease-in-out;
  281. }
  282.  
  283. #pagination a{
  284. color:{color:pagination};
  285. }
  286. #pagination a:hover {
  287.  
  288. text-decoration:underline;
  289. }
  290.  
  291.  
  292. #title {
  293. font-size:15px;
  294. text-align:center;
  295. margin-bottom:5px;
  296. }
  297.  
  298.  
  299.  
  300. #description {
  301. opacity:0;
  302. padding:5px;
  303. text-align:center;
  304. }
  305.  
  306.  
  307. #tags {
  308. border-top:1px solid #eee;
  309. padding-top:2px;
  310. opacity:0.3;
  311. -webkit-transition: all 0.5s ease-in-out;
  312. -moz-transition: all 0.5s ease-in-out;
  313. transition: all 0.5s ease-in-out;
  314. }
  315. #post:hover #tags{
  316. opacity:1;
  317. -webkit-transition: all 0.5s ease-in-out;
  318. -moz-transition: all 0.5s ease-in-out;
  319. transition: all 0.5s ease-in-out;
  320. }
  321. #info {
  322. font-family:helvetica;
  323. font-size:7px;
  324. text-transform:uppercase;
  325. padding:9px;
  326. border:1pxsolid #eee;
  327. background:#fafafa;
  328.  
  329. text-align:center;
  330. margin-top:10px;
  331.  
  332. }
  333.  
  334. #asker {
  335. float:left;
  336. margin-right:5px;
  337. }
  338.  
  339. #pics {
  340. padding-top:40px;
  341. width:700px
  342. display:inline-block;
  343.  
  344. }
  345.  
  346. #pics img{
  347. margin-left:20px;
  348. width:80px;
  349. height:80px;
  350. border-radius:100%;
  351. border:6px solid {color:border pic};
  352. }
  353.  
  354. #huge {
  355. font-size:90px;
  356.  
  357. font-family:baskerville;
  358. color:{color:and sign};
  359. margin-left:25px;
  360. margin-top:-40px;
  361. -webkit-text-stroke-width: 1px;
  362. -webkit-text-stroke-color: #fff;
  363. }
  364.  
  365. #s-m-t-tooltip {
  366.  
  367. max-width:90px; /* maximum width */
  368. text-align:center;
  369. background-color:#ffffff; /* color background */
  370.  
  371. border:1px solid {color:tooltips}; /* color, shape and thickness of the border */
  372.  
  373. font-size:7px; /* font size */
  374.  
  375. color:{color:tooltips}; /* font color */
  376. font-weight:bold;
  377. font-family:helvetica;
  378.  
  379. letter-spacing:1px; /* font spacing */
  380.  
  381. text-transform:uppercase; /* uppercase, lowercase, none */
  382.  
  383. padding:8px; /* padding size */
  384.  
  385. margin:5px 0px 0px 15px; /* margin size */
  386.  
  387. z-index:9999999999999999999999;
  388.  
  389.  
  390.  
  391. }
  392.  
  393.  
  394. #profound {
  395. border-right:1px solid #eee;
  396. padding-right:9px;
  397. font-size:20px;
  398. color:{color:big title};
  399. font-family: Oswald;
  400. text-transform:uppercase;
  401. width:130px;
  402. margin-left:-213px;
  403. line-height:120%;
  404. text-align:right;
  405. margin-top:17px;
  406. }
  407. #desc {
  408. font-family:helvetica;
  409. color:{color:Text};
  410. font-size:8.5px;
  411. text-align:justify;
  412. width:200px;
  413. margin-top:8px;
  414. border-top:1px solid #eee;
  415. padding-top:3px;
  416.  
  417. }
  418.  
  419.  
  420. ::-webkit-scrollbar {
  421.  
  422. width: 1px;
  423. height: 3px; background: {color:scrollbar background};
  424. }
  425. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};
  426.  
  427. }
  428.  
  429. #seconddesc{
  430.  
  431. font-family:helvetica;
  432. color:{color:Text};
  433. font-size:8.5px;
  434. text-align:left;
  435. width:200px;
  436. height:30px;
  437. overflow:auto;
  438. background:#fafafa;
  439. padding:9px;
  440. margin-left:163px;
  441. margin-top:-46px;
  442.  
  443.  
  444.  
  445. }
  446.  
  447. #links {
  448. margin-left:-13px;
  449. margin-top:20px;
  450. font-size:30px;
  451. font-family:helvetica
  452. color:{color:links};
  453. }
  454.  
  455. #links a{
  456. margin-left:20px;
  457. color:{color:links};
  458. -webkit-text-stroke-width: 1px;
  459. -webkit-text-stroke-color: #fff;
  460. }
  461.  
  462. #links a:hover{
  463. color:{color:links hover};
  464. }
  465.  
  466. {CustomCSS}</style></head><body>
  467. <center>
  468.  
  469. <div id="damn">
  470. <div id="profound">
  471. {text:big title}
  472. </div>
  473.  
  474. <div id="seconddesc">{text:second desc}</div>
  475.  
  476. <div id="links">
  477. <a href="{text:linkA url}" title="{text:linkA}">✖</a>
  478. <a href="{text:linkB url}" title="{text:linkB}">✖</a>
  479.  
  480. <a href="{text:linkC url}" title="{text:linkC}">✖</a>
  481.  
  482. <a href="{text:linkD url}" title="{text:linkD}">✖</a>
  483.  
  484. <a href="{text:linkE url}" title="{text:linkE}">✖</a>
  485.  
  486.  
  487.  
  488. </div>
  489.  
  490. </div>
  491. <div id="top">
  492.  
  493. <div id="pics" style="margin-left:-20px;">
  494.  
  495.  
  496. <img src="{image:first}">
  497.  
  498. <img src="{image:second}">
  499.  
  500. <div id="huge">&</div>
  501.  
  502. </div>
  503.  
  504. <div id="tits">{title}</div>
  505.  
  506. <div id="desc">
  507. <center>
  508.  
  509. {description}
  510. </div>
  511.  
  512. </div>
  513.  
  514.  
  515.  
  516.  
  517. <div id="description">{Description}</div>
  518.  
  519. {block:Pagination}<div id="pagination">
  520. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  521. {block:JumpPagination length="10"}
  522. {block:CurrentPage}<span class="current_page" style="
  523.  
  524. background:{color:link bg};
  525. color:#fff;
  526.  
  527. padding-left:4px;
  528. padding-right:4px;
  529. padding-top:2px;
  530. padding-bottom:2px;">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  531. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  532. {/block:JumpPagination}
  533. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  534. </div>{/block:Pagination}
  535. </div>
  536. </div>
  537. </div>
  538.  
  539. <div id="entries">{block:Posts}{block:ContentSource}
  540. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  541. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  542. {/block:SourceLogo}
  543. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  544. {/block:ContentSource}<div id="post">
  545.  
  546. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  547.  
  548. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  549.  
  550. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  551.  
  552. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  553.  
  554. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  555.  
  556. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  557.  
  558. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  559.  
  560. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  561.  
  562. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  563.  
  564. <div id="info">
  565. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  566. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"
  567. title="{ReblogParentTitle}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> <div id="tags">{block:HasTags}{block:Tags} + <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  568. </div>
  569. </div>
  570. {block:PostNotes}{PostNotes}{/block:PostNotes}
  571. {/block:Posts}</div>
  572.  
  573. <div id="cred"><a href="http://slutjensen.tumblr.com">slutjensen</a></div>
  574.  
  575. </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!