Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

slimslide v1

By: a guest on Sep 25th, 2011  |  syntax: None  |  size: 14.87 KB  |  hits: 142  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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">
  3.  
  4. <!-- slimslide v1 -->
  5. <!-- by dekky -->
  6. <!-- HTTP://DEKKY.TUMBLR.COM/ -->
  7. <!-- HTTP://FACEBOOK.COM/DEKKYY -->
  8. <!-- HTTP://TWITTER.COM/DEKKYTSH/ -->
  9. <!-- slimslide v1 -->
  10.  
  11. <head>
  12. <meta name="color:Background" content="#c4cfcb" />
  13. <meta name="color:Center" content="#fff"/>
  14. <meta name="color:Text" content="#8F8F8F"/>
  15. <meta name="color:Link" content="#000"/>
  16. <meta name="color:Hover" content="#5c5c5c"/>
  17. <meta name="color:Title" content="#000"/>
  18. <meta name="color:Permalink" content="#aaaaaa"/>
  19. <meta name="image:Background" content="0" />
  20. <meta name="image:Sidebar" content=""/>
  21. <meta name="if:Infinite Scrolling" content="1"/>
  22. <meta name="if:Show Title" content="0"/>
  23. <meta name="text:Previous page title" content="Previous page"/>
  24. <meta name="text:next page title" content="Next page"/>    
  25. <meta name="text:Custom Link One" content="/" />
  26. <meta name="text:Custom Link One Title" content="Home" />
  27. <meta name="text:Custom Link Two" content="/ask" />
  28. <meta name="text:Custom Link Two Title" content="Ask" />
  29. <meta name="text:Custom Link Three" content="/archive" />
  30. <meta name="text:Custom Link Three Title" content="Archive" />      
  31. <meta name="text:Link One" content="" />
  32. <meta name="text:Link One Title" content="" />
  33. <meta name="text:Link Two" content="" />
  34. <meta name="text:Link Two Title" content="" />
  35. <meta name="text:Link Three" content="" />
  36. <meta name="text:Link Three Title" content="" />
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. <script src="http://code.jquery.com/jquery-latest.js"></script>
  42. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  43.  
  44. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  45. <script type="text/javascript">
  46. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use
  47. // window.innerWidth and window.innerHeight
  48.  
  49. var windowHeight;
  50.  
  51. if (typeof window.innerWidth != 'undefined')
  52. {
  53. windowHeight = window.innerHeight;
  54. }
  55. // IE6 in standards compliant mode (i.e. with a valid doctype as the first
  56. // line in the document)
  57. else if (typeof document.documentElement != 'undefined'
  58. && typeof document.documentElement.clientWidth != 'undefined'
  59. && document.documentElement.clientWidth != 0)
  60. {
  61. windowHeight = document.documentElement.clientHeight;
  62. }
  63. // older versions of IE
  64. else
  65. {
  66. windowHeight = document.getElementsByTagName('body')[0].clientHeight;
  67. }
  68.  
  69. document.getElementById("content").height = windowHeight - 300 + "px";
  70. </script>
  71. <style type="text/css">
  72. body {
  73. font-size:11px;
  74. line-height:1.1em;
  75. background-color: {color:Background};
  76. background-image:url({image:Background});
  77. background-attachment:fixed;
  78. background-position:top left;
  79. background-repeat:repeat;
  80. color:#8F8F8F;
  81. font-family:arial;
  82. margin:0;
  83. padding:0;
  84. }
  85.  
  86. div#content {
  87. width:522px;
  88. background-color:#fff !important;
  89. -moz-box-shadow:0 5px 15px rgba(0,0,0,0.35);
  90. height:1000px;
  91. margin:0 auto;
  92. padding:3px;
  93. }
  94.  
  95. div#sidebar {
  96. font-size:9px;
  97. background-color:#fff;
  98. width:200px;
  99. margin-top:50px;
  100. position:fixed;
  101. margin-left:-225px;
  102. -moz-box-shadow:0 3px 10px rgba(0,0,0,0.25);
  103. -moz-transition:all 0.6s ease-out;
  104. transition:all 0.6s ease-out;
  105. text-align:center;
  106. font-family:verdana;
  107. color:#000;
  108. padding:3px;
  109. }
  110.  
  111. div#sidebar:hover {
  112. opacity:1px;
  113. -webkit-transition:all 0.3s ease-out;
  114. -moz-transition:all 0.3s ease-out;
  115. transition:all 0.3s ease-out;
  116. }
  117.  
  118. http://dekkythemes2.tumblr.com/:65 Uncaught TypeError: Cannot set property 'height' of null
  119. #sidebar a:hover {
  120. color:#5c5c5c;
  121. }
  122.  
  123. div.post {
  124. margin-bottom:-10px;
  125. text-align:center;
  126. }
  127.  
  128. div.postquote {
  129. text-align:center;
  130. background:url(http://img10.imageshack.us/img10/424/quotesx.png) no-repeat 0 0;
  131. }
  132.  
  133. div.post:first-child {
  134. margin-top:0;
  135. }
  136.  
  137. div.post img {
  138. opacity:1px;
  139. -webkit-transition:all 0.8s ease-out;
  140. -moz-transition:all 0.8s ease-out;
  141. transition:all 0.8s ease-out;
  142. }
  143.  
  144. div.post img:hover {
  145. opacity:0.35px;
  146. -webkit-transition:all 0.4s ease-out;
  147. -moz-transition:all 0.4s ease-out;
  148. transition:all 0.4s ease-out;
  149. }
  150.  
  151. .title {
  152. font-family:Arial;
  153. font-weight:700;
  154. font-size:20px;
  155. line-height:23px;
  156. letter-spacing:-1px;
  157. color:#000;
  158. text-transform:uppercase;
  159. padding:1px 1px 0;
  160. }
  161.  
  162. .title2 {
  163. font-family:Arial;
  164. font-weight:700;
  165. font-size:16px;
  166. line-height:15px;
  167. letter-spacing:-1px;
  168. color:#000;
  169. text-transform:uppercase;
  170. filter:alpha(opacity=20);
  171. -moz-opacity:0.2px;
  172. -khtml-opacity:0.2px;
  173. opacity:0.2px;
  174. padding:1px 1px 0;
  175. }
  176.  
  177. h1 {
  178. font-size:2em;
  179. font-weight:400;
  180. display:inline;
  181. color:#000;
  182. padding:0 5px;
  183. }
  184.  
  185. h1 a {
  186. text-decoration:none;
  187. color:#000;
  188. }
  189.  
  190. h3 {
  191. font-weight:300;
  192. text-align:left;
  193. text-decoration:none;
  194. font-size:1.6em;
  195. margin:0.3em 20px 0.6em 0;
  196. }
  197.  
  198. h4 {
  199. font-size:1.3em;
  200. font-weight:400;
  201. margin:0 10px 0.6em 0;
  202. }
  203.  
  204. a {
  205. text-decoration:none;
  206. color:#000;
  207. -webkit-transition:all 0.3s ease-out;
  208. -moz-transition:all 0.3s ease-out;
  209. transition:all 0.3s ease-out;
  210. margin:-1px -2px;
  211. padding:1px 2px;
  212. }
  213.  
  214. a:hover {
  215. text-decoration:none;
  216. color:#5c5c5c;
  217. }
  218.  
  219. a:focus {
  220. -moz-outline-style:none;
  221. }
  222.  
  223. strong {
  224. font-weight:700;
  225. color:#000;
  226. }
  227.  
  228. img {
  229. border:none;
  230. }
  231.  
  232. a,.permalinkdoos {
  233. -webkit-transition:all 0.3s ease-out;
  234. -moz-transition:all 0.3s ease-out;
  235. transition:all 0.3s ease-out;
  236. }
  237.  
  238. ul {
  239. list-style-type:bullet;
  240. margin:0;
  241. padding:0;
  242. }
  243.  
  244. .post ul {
  245. padding-left:20px;
  246. list-style-type:disc;
  247. }
  248.  
  249. .answer p {
  250. margin:0.6em 0;
  251. }
  252.  
  253. blockquote {
  254. padding-left:15px;
  255. margin:0.6em 0 0;
  256. }
  257.  
  258. .quotesymbols {
  259. font-size:30px;
  260. filter:alpha(opacity=20);
  261. -moz-opacity:0.2px;
  262. -khtml-opacity:0.2px;
  263. opacity:0.2px;
  264. }
  265.  
  266. .sidebartitle {
  267. color:#000;
  268. cursor:pointer;
  269. position:relative;
  270. font-weight:700;
  271. text-transform:uppercase;
  272. text-align:center;
  273. margin:1px;
  274. padding:2px;
  275. }
  276.  
  277. .sidebartitle2 {
  278. padding-top:5px;
  279. padding-bottom:5px;
  280. cursor:pointer;
  281. position:relative;
  282. font-weight:700;
  283. text-transform:uppercase;
  284. text-align:center;
  285. font-size:15px;
  286. line-height:15px;
  287. margin:1px;
  288. }
  289.  
  290. .nav_body2 {
  291. text-align:left;
  292. background-color:#000;
  293. color:#fff;
  294. margin-bottom:7px;
  295. display:none;
  296. padding:2px;
  297. }
  298.  
  299. div.permalinkdoos {
  300. position:relative;
  301. margin-bottom:-40px;
  302. height:20px;
  303. width:200px;
  304. margin-right:-250px;
  305. text-align:left;
  306. float:right;
  307. padding:15px;
  308. }
  309.  
  310. .permalinkdoos a.link {
  311. text-transform:uppercase;
  312. font-weight:700;
  313. font-size:15px;
  314. padding-top:10px;
  315. }
  316.  
  317. .permalinkdoos a, .permalinkdoos {
  318. margin: 0px;
  319. padding: 0px;
  320. color: white;
  321. }
  322.  
  323. .permalinkdoos a:hover {
  324. color:#000 !important;
  325. font-weight:700;
  326. }
  327. div.footer a:link,div.footeri a:link,div.footer a:visited,div.footeri a:visited,div.footer a:active,div.footeri a:active,span.current_page {display:inline-block;color:#ABABAB;font-size:12px;padding:1px 3px;}
  328. div.footer,div.footeri {text-align:center;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0, .9);padding:5px;}
  329. div.footeri {text-align:right;position:fixed;bottom:5px;right:5px;}
  330.  
  331. div.credit {
  332. font-size:11px;
  333. margin-top:15px;
  334. }
  335.  
  336. div.credit a:link,div.credit a:visited,div.credit a:active,div.credit a:hover {
  337. font-size:11px;
  338. }
  339.  
  340. .permalinkreblog {
  341.  
  342. margin-top:5px;
  343. opacity:0.0;
  344. -webkit-transition:all 0.4s ease-out;
  345. -moz-transition:all 0.4s ease-out;
  346. transition:all 0.4s ease-out;
  347. }
  348.  
  349. .post:hover .permalinkreblog,.post:hover .permalinkreblog a {
  350. opacity:0.6px;
  351. -webkit-transition:all 0.4s ease-out;
  352. -moz-transition:all 0.4s ease-out;
  353. transition:all 0.4s ease-out;
  354. }
  355.  
  356. .weirdlinks {
  357. color:{color:link;
  358. }
  359.  
  360. h2 {
  361. font-style:italic;
  362. text-transform:lowercase;
  363. font-weight:100;
  364. color:#000;
  365. }
  366.  
  367. a.time {
  368. text-transform:uppercase;
  369. font-size:0.8em;
  370. display:none;
  371. margin:0;
  372. }
  373.  
  374. li:hover a.time {
  375. display:block;
  376. }
  377.  
  378. ul:hover {
  379. color:#999;
  380. }
  381.  
  382. ol {
  383. list-style-type:upper-roman;
  384. }
  385.  
  386. ol.notes {
  387. line-height:13px;
  388. font-weight:400;
  389. list-style-type:none !important;
  390. border-bottom:0;
  391. text-align:left;
  392. margin:0 0 0 35px;
  393. padding:0;
  394. }
  395.  
  396. div.padd {
  397. width:100%;
  398. line-height:11px;
  399. padding-top:0;
  400. padding-left:5px;
  401. margin:0;
  402. }
  403.  
  404. #answer {
  405. margin-top:10px;
  406. margin-left:-34px;
  407. }
  408.  
  409. a:active,:-moz-any-link:focus {
  410. outline:none;
  411. }
  412.  
  413. b,.user_1 .label,.user_2 .label,.user_3 .label,.user_4 .label,.user_5 .label,.user_6 .label,.user_7 .label,.user_8 .label,.user_9 .label {
  414. font-weight:700;
  415. }
  416.  
  417. .post:hover .permalinkdoos,.post:hover .permalinkdoos a,.weirdlinks a:hover,#sidebar a,.post:hover .permalinkdoos,.post:hover .permalinkdoos a,h2 a:hover {
  418. color:#000;
  419. }
  420. </style>
  421. </head>
  422.  
  423. <body>
  424.  
  425. <div id="content">
  426.  
  427. <div class="shadow">
  428. <div id="sidebar">
  429. <center>
  430. {block:IfSidebarImage}
  431. <a href="/"><img src="{image:Sidebar}" width=200px/></a>
  432. {/block:IfSidebarImage}
  433.  
  434. {block:IfNotSidebarImage}{/block:IfNotSidebarImage}
  435. <br>
  436. </center>
  437.  
  438. <p class="sidebartitle2">{block:ifShowTitle}<a href="/">{title}</a>{/block:ifShowTitle}</p><div class="weirdlinks">{block:ifcustomlinkOneTitle}<br>| <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifcustomlinkOneTitle} |
  439. {block:ifcustomlinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> |{/block:ifcustomlinkTwoTitle}
  440. {block:ifcustomlinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> |{/block:ifcustomlinkThreeTitle}
  441. {block:ifcustomlinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> |{/block:ifcustomlinkFourTitle}
  442. {block:ifcustomlinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a> |{/block:ifcustomlinkFiveTitle}
  443. {block:ifcustomlinkSixTitle}<a href="{text:Custom Link Six}">{text:Custom Link Six Title}</a><br>{/block:ifcustomlinkSixTitle}<br><br>
  444.  
  445.  
  446. </div>        <font color={color:text description}>{Description}</font><br>
  447.         {block:ifLinkOneTitle}
  448. <p class="sidebartitle"><a href="{text:Link One}">{text:Link One Title}</a></p>
  449.         {/block:ifLinkOneTitle}
  450. {block:ifLinkTwoTitle}  
  451. <p class="sidebartitle"><a href="{text:Link Two}" class="nav_head">{text:Link Two Title}</a></p>
  452. {/block:ifLinkTwoTitle}
  453.  
  454. {block:ifLinkThreeTitle}  
  455. <p class="sidebartitle"><a href="{text:Link Three}">{text:Link Three Title}</a></p>
  456. {/block:ifLinkThreeTitle}
  457.  
  458.  
  459.  
  460. <br>
  461. <center>
  462. {block:ifinfinitescrolling}
  463. {/block:ifinfinitescrolling}
  464. {block:ifNotinfinitescrolling}
  465. {block:Pagination}
  466. {block:PreviousPage}
  467.         <a href="{PreviousPage}">{text:Previous page title}</a>
  468. {/block:PreviousPage}
  469.  
  470. {CurrentPage}/{TotalPages}
  471.  
  472. {block:NextPage}
  473.         <a href="{NextPage}">{text:next page title}</a>
  474. {/block:NextPage}
  475. {/block:Pagination}
  476. {/block:ifNotinfinitescrolling}
  477. </center>
  478. </div></div>
  479.  
  480.  
  481. <div style="
  482. height: 1px;
  483. margin: 15px 0px 0px;">
  484. </div>
  485. {block:Posts}
  486.  
  487.  
  488. <div class="post {block:Photo}photo{/block:Photo}{block:Link}link{/block:Link}{block:Text}text{/block:Text}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}answer{/block:Answer}">
  489.  
  490. {block:Date}
  491. <div class="permalinkdoos">
  492. {block:IndexPage}
  493. <a href="{Permalink}" class="link" {block:NoteCount}title="{NoteCountWithLabel}"
  494. {/block:NoteCount}>
  495. {NoteCountWithLabel}</a><br>
  496.  
  497. <a href="{Permalink}">{DayOfMonth} / {MonthNumber} / {Year}</a> @ <a href="{Permalink}">{24HourWithZero}:{Minutes}</a><br>
  498.  
  499.  
  500. {block:RebloggedFrom}
  501. (Reblogged from: <a href="{ReblogRootURL}">{ReblogRootName}</a>)<br /><br />
  502. {/block:RebloggedFrom}
  503.  
  504.    <div class="permalinkreblog">
  505. <a href="{ReblogURL}" target="_blank">
  506.    <img src="http://assets.tumblr.com/images/iframe_reblog_alpha.png?4">
  507.    </a>
  508.    </div>
  509. {block:Photo}
  510.    {block:HasTags}
  511.         <br /><br />
  512.    {block:Tags}<a href="{TagURL}">{Tag}</a><br />{/block:Tags}
  513.    {/block:HasTags}
  514. {/block:Photo}
  515.  {/block:IndexPage}
  516.  
  517. </div>
  518. {/block:Date}
  519.  
  520. <div class="postquote">
  521. {block:Quote}
  522.          <center>
  523.           <span class="title">{Quote}</span>
  524.           <br></center>
  525. <center>{block:Source}{Source}{/block:Source}</center>
  526. {/block:Quote}
  527. </div>
  528.  
  529. {block:Photo}
  530.  {LinkOpenTag}
  531.  <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px" border="0px" />
  532.  {LinkCloseTag}
  533. {block:PermalinkPage}
  534. {block:Caption}{Caption}{/block:Caption}
  535. {/block:PermalinkPage}
  536. {/block:Photo}
  537.  
  538. {block:Photoset}
  539. {Photoset-500}
  540. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  541. {/block:Photoset}
  542.  
  543. {block:Video}
  544. <center>
  545. {Video-500}
  546. </center>
  547. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  548. {/block:Video}
  549.  
  550. {block:Link}   
  551. <a href="{URL}" {Target}><span class="title">{Name}</span></a></span>
  552. {block:Description}<caption>{Description}</caption>{/block:Description}
  553. {/block:Link}  
  554.  
  555. {block:Chat}
  556.          
  557.           {block:Title}<span class="title">{Title}</span>{/block:Title}
  558.                   <ul class="chat">
  559.                                 {block:Lines}
  560.                                         <li class="user_{UserNumber}">
  561.                                                 {block:Label}
  562.                                                         <span class="label">{Label}</span>
  563.                                                 {/block:Label}
  564.  
  565.                                                 {Line}
  566.                                         </li>
  567.                                 {/block:Lines}
  568.                         </ul>
  569.  
  570. {/block:Chat}
  571. <div class="footeri">
  572. <div class="credit">
  573. Theme by <a href="http://dekky.tumblr.com/">dekky.tumblr.com</a>
  574. </div>
  575. </div>
  576. {block:Audio}
  577. <center><div style="width:400px; height:20px;">
  578. <div style="float:left">{AudioPlayerBlack}</div>
  579. <div style="margin-top:8px; float:right;"><small>
  580. {FormattedPlayCount} plays {block:ExternalAudio},
  581. <a href="{ExternalAudioURL}">Download?</a>
  582. {/block:ExternalAudio}</small>
  583. </div></div></center><BR>
  584. {block:Caption}{Caption}{/block:Caption}
  585. {/block:Audio}
  586.  
  587. {block:Text}
  588. {block:Title}<span class="title">{Title}</span>{/block:Title}
  589. {Body}<br>
  590. {/block:Text}
  591.  
  592.  
  593. {block:Answer}
  594.   <table width="100%" border="0px" cellpadding="0" cellspacing="0">
  595.   <tbody style="border-spacing: 0px;">
  596.   <td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
  597.   <img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td>
  598.   <div class="padd" width="100%" style="margin-left:;">
  599.   {Asker} asked:<br>
  600.   {Question}<br><div id="answer"><em>{Answer}</em></div><br><br>
  601.   </div></td></tr></tbody></table>
  602.   {/block:Answer}
  603.  
  604. </div>
  605.  
  606.   {block:PostNotes}
  607.           <center>
  608.   {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  609.  
  610.   {block:HasTags}
  611.           tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
  612.   {/block:HasTags}
  613.  
  614.   {block:RebloggedFrom}
  615.   reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  616.   originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>            
  617.   {/block:RebloggedFrom}
  618.  
  619.  </center></span>
  620.  <br>
  621.  <div id="postnotes">{PostNotes}</div><br>
  622.  {/block:PostNotes}
  623.  
  624.  <br>
  625.  {/block:Posts}
  626. {block:ifNotinfinitescrolling}
  627. {/block:ifNotinfinitescrolling}
  628. </div>
  629.  
  630. </body>
  631. </html>
create a new version of this paste RAW Paste Data