API tools faq
paste
Advertisement
candycaiine

Sanity Theme

candycaiine
Sep 14th, 2013
513
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.97 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3. ╔═══════════════════════════════════════════════════════════════════╗
  4.  
  5. ---------------------------Sanity Theme----------------------------
  6.  
  7. by lloyd/cocaine.tumblr.com
  8.  
  9.  
  10.  
  11.  
  12. Note: Do not remove credit/this, remove it at YOUR own risk.
  13.  
  14. If you choose to remove it, im not gonna threaten you or anything but just imagine someone taking your work which you spent alot of time on and just removing all your credit and claiming it as their own. not nice eh?
  15.  
  16. ╚═══════════════════════════════════════════════════════════════════╝
  17. -->
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21.  
  22.  
  23. <head>
  24.  
  25.  
  26.  
  27.  
  28. <script type="text/javascript"
  29. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30.  
  31. <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow5.js"></script>
  32. <noscript><a href="http://www.scrolltotop.com">Top Page</a></noscript>
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  36. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  39.  
  40.  
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45.  
  46. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  47. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  48.  
  49. <meta name="color:link" content="#c5c3c3"/>
  50.  
  51. <meta name="color:hover" content=""/>
  52.  
  53. <meta name="color:Title" content="#000000"/>
  54.  
  55. <meta name="color:background" content=""/>
  56.  
  57. <meta name="color:post background" content="#ffffff"/>
  58.  
  59. <meta name="image:background" content="0"/>
  60.  
  61. <meta name="if:show sidebar image" content="1">
  62.  
  63. <meta name="image:sidebar" content="0"/>
  64.  
  65. <meta name="text:Custom Link One Title" content= >
  66.  
  67. <meta name="text:Custom Link One" content="" />
  68.  
  69. <meta name="text:Custom Link Two Title" content= >
  70.  
  71. <meta name="text:Custom Link Two" content="" />
  72.  
  73. <title>{Title} {block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  74. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75. <!--[if IE]>
  76. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  77. <![endif]-->
  78.  
  79. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  82.  
  83.  
  84.  
  85. </script>
  86.  
  87.  
  88.  
  89. <style type="text/css">
  90. #fade {
  91. display: none;
  92. background: #777;
  93. position: fixed; left: 0; top: 0;
  94. width: 100%; height: 100%;
  95. opacity:0.0;
  96. z-index:0;
  97. }
  98.  
  99. @font-face{
  100. font-family:'consolas';
  101. src:url('http://static.tumblr.com/apahx90/giAmolf5m/consolas.ttf');}
  102.  
  103.  
  104. body {
  105. color: #ddd;
  106. background:{color:background}
  107. url({image:background});
  108. background-repeat: repeat;
  109. background-attachment: fixed;
  110. background-size: ;
  111. font-family: tahoma;
  112. line-height:110%;
  113. font-size:10px;
  114. -webkit-animation:fadeIn 3s;
  115. -moz-animation:fadeIn 3s;
  116. -ms-animation:fadeIn 3s;
  117.  
  118. }
  119.  
  120.  
  121.  
  122. ::-webkit-scrollbar-thumb{
  123. background-color:#9b9bc2;
  124. border: 2px solid {color:background};
  125. height:auto;
  126. -moz-border-radius: 10px;
  127. border-radius: 10px;
  128. }
  129.  
  130. ::-webkit-scrollbar {
  131. height:auto;
  132. width:7px;
  133. background-color:#fff;
  134. }
  135.  
  136.  
  137. #infscr-loading {
  138. position: absolute;
  139. bottom: 0;
  140. left: 25%;
  141. }
  142. a:link, a:active, a:visited{
  143.  
  144. color:{color:Link};
  145. text-decoration: none;
  146. -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  147.  
  148. }
  149. a:hover {
  150. color:{color:hover};
  151. -webkit-transition: opacity 1s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  152. }
  153.  
  154. #content {
  155. margin-top:0px;
  156. margin-left:339px;
  157. padding:8px;
  158. background-color: #fff;
  159. {block:indexpage}
  160. width:517px;
  161. float:left;
  162. {/block:indexpage}
  163. {block:permalinkpage}
  164. margin-top: -10px;
  165. border-right:0px solid #eee;
  166. {/block:permalinkpage}
  167.  
  168. }
  169.  
  170.  
  171. #tumblr_controls{
  172. position:fixed !important;
  173. -webkit-filter:invert(100%);
  174. opacity:.5;
  175. -webkit-transition:linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  176. }
  177.  
  178. #tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  179.  
  180.  
  181.  
  182.  
  183.  
  184. ::selection {
  185. background:#f1f1f1;
  186. color: #777;
  187. }
  188.  
  189. ::-moz-selection {
  190. background:#f1f1f1;
  191. color: #777;
  192. }
  193.  
  194.  
  195. #o {
  196. width: 500px;
  197. text-align:left;
  198. }
  199.  
  200. #tocino {
  201. display: block;
  202. position:fixed;
  203. padding:3px;
  204. background-color:#fff;
  205. width:180px;
  206. top:275px;
  207. z-index:9999;
  208. margin-left:220px;
  209. }
  210.  
  211. #tocina {
  212. display: block;
  213. position:fixed;
  214. padding:3px;
  215. background-color:#fff;
  216. height:275px;
  217. top:130px;
  218. z-index:9999;
  219. margin-left:420px;
  220. {block:PermalinkPage}
  221. margin-left:290px;
  222. {/block:PermalinkPage}
  223. }
  224.  
  225. #lala {
  226. display: block;
  227. position:fixed;
  228. top:308px;
  229. left:320px;
  230. width:;
  231. padding:3px;
  232. height:;
  233. font-size:10px;
  234. text-align:left;
  235. background-color:;
  236. opacity:1;
  237. z-index:99999999;
  238. {block:permalinkpage}
  239. left:285px;
  240. {/block:permalinkpage}
  241. }
  242.  
  243.  
  244. ol.notes img {
  245. width: 16px;
  246. display: inline;
  247. position: relative;
  248. top: 3px;
  249. }
  250.  
  251. .per{
  252. width:;
  253. height: auto;
  254. font-family:consolas;
  255. position: absolute;
  256. font-size:9px;
  257. line-height: 17px;
  258. text-align:center;
  259. background-color:#fff;
  260. z-index: 99999;
  261. text-transform:uppercase;
  262. overflow:hidden;
  263. color:#aaa;
  264. bottom:-8px;
  265. margin-left:0px;
  266. padding: 2px;
  267. border-radius: 0px;
  268. -webkit-transition: opacity 0.5s linear; opacity: 1;
  269. -webkit-transition: all 0.5s linear;
  270. -moz-transition: all 0.5s linear;
  271. transition: all 0.5s linear;
  272. }
  273.  
  274.  
  275.  
  276. #side{
  277. position:fixed;
  278. width:200px;
  279. margin-left:123px;
  280. overflow:hidden;
  281. position:fixed;
  282. padding:9px;
  283. padding-left:7px;
  284. padding-right:7px;
  285. padding-top:7px;
  286. z-index:999999;
  287. text-align:center;
  288. font-family:ubuntu;
  289. font-size:11px;
  290. line-height:12px;
  291. background-color:#fff;
  292. top:0px;
  293. height:100%;
  294. opacity:.90;
  295. z-index:99999999;
  296. }
  297.  
  298.  
  299.  
  300. @font-face {
  301. font-family:k;
  302. src: url('http://static.tumblr.com/ejm8w78/nVglz2tf6/merkur.otf');
  303. }
  304.  
  305.  
  306.  
  307. .entry {
  308. background-color:#fff;
  309. float: left;
  310. padding:7px;
  311. border:1px solid #eee;
  312. {block:indexpage}
  313. width: 230px;
  314. margin:6px;
  315. font-family:georgia;
  316. {/block:indexpage}
  317.  
  318. {block:permalinkpage}
  319. margin-top:-15px;
  320. margin: 10px;
  321. padding-left:10px;
  322. padding-right:10px;
  323. padding-top:9px;
  324. width: 450px;
  325. border:1px solid #eee;
  326. {/block:permalinkpage}
  327. display: block;
  328. position: relative;
  329. }
  330.  
  331. .perms{
  332. position:absolute;
  333. text-transform:uppercase;
  334. width:;
  335. padding:9px;
  336. left:0px;
  337. background-color:#000;
  338. overflow:hidden;
  339. opacity:0.0;
  340. text-align:center;
  341. color:#fff;
  342. letter-spacing:1px;
  343. text-align:center;
  344. font-size:8px;
  345. top:15px;
  346. z-index:8;
  347. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  348. }
  349.  
  350. .entry:hover .perms{
  351. opacity:.5;
  352. left:20px;
  353. }
  354.  
  355. .entry .perms a{
  356. color:#fff;
  357. }
  358.  
  359.  
  360. .entry img {
  361. max-width: 100%;
  362.  
  363.  
  364. {block:permalinkpage}
  365. width: 500px;
  366. {/block:permalinkpage}
  367. }
  368.  
  369. .entry img:hover {
  370. max-width: 100%;
  371. \
  372.  
  373. }
  374.  
  375.  
  376. ul, li{
  377. list-style:none;
  378. padding: 1px 1px 1px 2px;
  379. margin:1px 1px 1px 1px;
  380. color:#c5c3c3;
  381. }
  382.  
  383.  
  384.  
  385. #pagination{
  386. display:none;
  387. }
  388.  
  389.  
  390. blockquote, q {
  391. padding:5px;
  392. border-left:2px solid #eee;
  393. }
  394.  
  395.  
  396.  
  397. .label {
  398. text-transform:uppercase;
  399. color:#aaa;
  400. }
  401.  
  402. .question {
  403. text-align:left;
  404. padding-left:5px;padding-top:7px;
  405. padding-right:5px;padding-bottom:7px;
  406. background-color:#fbfbfb;
  407. border:1px solid #efefef;
  408. border-radius:3px;
  409. }
  410.  
  411. .answer {
  412. text-align:left;
  413. padding-left:5px;padding-top:7px;
  414. padding-right:5px;padding-bottom:7px;
  415. }
  416.  
  417. .text {
  418. padding: 10px;
  419. }
  420.  
  421. #pp {
  422. text-align: center;
  423. width: 100%;
  424. padding-top: 2px;
  425. }
  426.  
  427.  
  428. .omgk {
  429. text-align: center;
  430. line-height:200%;
  431. opacity:1;
  432. filter: alpha(opacity = 0);
  433. font-size: 10px;
  434. line-height: 9px;
  435. letter-spacing:1px;
  436. margin-top:5px;
  437. text-transform: uppercase;
  438. -webkit-transition-duration: .75s;
  439. }
  440.  
  441.  
  442. .omgok {
  443. text-align: center;
  444. opacity:1;
  445. filter: alpha(opacity = 1);
  446. font-size: 9px;
  447. line-height: 9px;
  448. text-transform: uppercase;
  449. -webkit-transition-duration: .75s;
  450. }
  451.  
  452.  
  453. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  454. padding-bottom : 0px;}
  455.  
  456. #newHeader {
  457. padding-bottom: 2px;
  458. text-align: center;
  459.  
  460. }
  461.  
  462. div.panel {
  463. width: 260px;
  464. padding: 15px 20px;
  465. color: #ccc;
  466. text-align: center;
  467. line-height: 22px;
  468. display: none;
  469.  
  470. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  471. }
  472. div.panel p {
  473. margin: 10px 0;
  474. }
  475. div.panel p a, div.textPost p a, div.audioPost p a {
  476. color: #ccc;
  477. text-decoration: none;
  478. border-bottom: 1px solid;
  479. font-style: italic;
  480. font-weight: bold;
  481. }
  482.  
  483.  
  484. .video embed, .video object, .video iframe {
  485. {block:IndexPage}
  486. width:200px /**/ !important;
  487. {/block:IndexPage}
  488. height:auto !important;
  489. }
  490.  
  491. #album
  492. {
  493. {block:IndexPage}
  494. width:80px;
  495. height:80px;
  496. margin:10px;
  497. {/block:IndexPage}
  498. float:left;
  499. {block:PermalinkPage}
  500. width:500px;
  501. height:500px;
  502. {/block:PermalinkPage}
  503.  
  504. }
  505.  
  506.  
  507. #s-m-t-tooltip{
  508. max-width:300px;
  509. margin-top:20px;
  510. margin-left:20px;
  511. padding-left:4px;
  512. padding-right:4px;
  513. border:1px solid #ddd;
  514. border-radius:5px;
  515. z-index:1000;
  516. background-color:#fff;
  517. color:#aaa;
  518. font-family:consolas;
  519. font-style:italic;
  520. z-index:9999999999999999;
  521. font-size:8px;
  522. letter-spacing:1px;
  523. line-height:14px;
  524. }
  525.  
  526.  
  527.  
  528. @font-face { font-family: "bitch"; src: url('http://static.tumblr.com/iyodnno/EEzmfiays/signerica_medium.ttf'); }@font-face { font-family: "death"; src: url('http://static.tumblr.com/iyodnno/5ifmf1hz8/mostwasted.ttf'); }
  529.  
  530. @font-face {
  531. font-family: 'Rock Salt';
  532. font-style: normal;
  533. font-weight: 400;
  534. src: local('Rock Salt'), local('RockSalt'), url(http://themes.googleusercontent.com/static/fonts/rocksalt/v3/Q94aHXFHGip10K5uxi1jOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  535. }
  536.  
  537. @font-face { font-family: anger; src: url('http://static.tumblr.com/dhyqlbo/Xcgme3yad/freekytypewriter_1_.ttf'); }
  538.  
  539. @font-face {font-family: terrible; src: url('http://static.tumblr.com/iyodnno/2GPmilkkr/brain_flower.ttf'); }
  540.  
  541.  
  542.  
  543. @font-face { font-family: nazie; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf'); }
  544.  
  545.  
  546. @font-face {
  547. font-family:undefined;
  548. src: url('http://static.tumblr.com/ejm8w78/JDllviajb/marketingscript.ttf');,
  549. }
  550.  
  551.  
  552.  
  553.  
  554. .title {
  555. opacity:.7;
  556. font-size:10px;
  557. text-transform:uppercase;
  558. padding:1px;
  559. }
  560.  
  561. .okm a{
  562. background-color:;
  563. padding:5px;
  564. font-size:8px;
  565. text-transform:uppercase;
  566. width:;
  567. height:10px;
  568. border-bottom:1px solid transparent;
  569. font-family:calibri;
  570. color:{color:Title};
  571. letter-spacing:1px;
  572. display:inline-block;
  573. text-align:center;
  574. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  575. }
  576.  
  577.  
  578. .okayy {
  579. width:10px;
  580. height:px;
  581. padding: 5px;
  582. font-family:calibri;
  583. border-bottom-right-radius:3px;
  584. border-bottom-left-radius:3px;
  585. border:1px solid #eee;
  586. border-top:1px solid #fff;
  587. Text-transform: uppercase;
  588. background-color: #fff;
  589. margin-top:5px;
  590. font-size:8px;
  591. margin-left:5px;
  592. color:#fff;
  593. letter-spacing:1px;
  594. line-height: 6px;
  595. display:inline-block;
  596. text-align:center;
  597. -webkit-transition-duration: .4s;}
  598.  
  599. .links a{
  600. background-color:;
  601. padding:1px;
  602. font-size:8px;
  603. width:;
  604. height:10px;
  605. text-transform:uppercase;
  606. border-bottom:1px solid transparent;
  607. font-family:consolas;
  608. color:{color:Link};
  609. letter-spacing:1px;
  610. display:inline-block;
  611. text-align:center;
  612. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  613. }
  614.  
  615. .links a:hover {
  616. opacity:1;
  617. text-shadow:0px 0px 0px #96adca, 0px 0px 0px #000000;
  618. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out-webkit-filter: blur(15px);;
  619. }
  620.  
  621.  
  622.  
  623. @font-face { font-family: nazie; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf'); }
  624.  
  625.  
  626. div #title{
  627. font-family:georgia;
  628. font-size:20px;
  629. line-height:20px;
  630. color:{color:Title};
  631. margin-top:0px;
  632. }
  633.  
  634.  
  635. .pre{
  636. width:195px;
  637. height:10px;
  638. font-family:calibri;
  639. position: absolute;
  640. padding:2px;
  641. font-size: 8px;
  642. line-height: 15px;
  643. border:1px solid #efefef;
  644. border-top:1px solid #fff;
  645. text-align:center;
  646. z-index: 99999;
  647. text-transform:uppercase;
  648. overflow:hidden;
  649. background-color:;
  650. letter-spacing:1px;
  651. bottom:-16px;
  652. left:21px;
  653. -webkit-transition: opacity 0.5s linear; opacity: 1;
  654. -webkit-transition: all 0.5s linear;
  655. -moz-transition: all 0.5s linear;
  656. transition: all 0.5s linear;
  657. }
  658.  
  659.  
  660. #audio {width:200px; height:auto; min-height:60px; padding-bottom:0px;}
  661.  
  662. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  663.  
  664. .cover img {float:left; width:60px; height:60px;}
  665.  
  666. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  667.  
  668. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  669.  
  670.  
  671. .btn a:hover {text-shadow:0px;}
  672.  
  673. a.btn{ position:absolute;z-index:99;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-filter:invert(100%);
  674. opacity:.5;
  675. -webkit-transition:linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:black}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  676.  
  677.  
  678. #cocaine {
  679. position:fixed;
  680. opacity:1;
  681. width:2200px;
  682. top:0px;
  683. z-index:99999999999;
  684. font-family:calibri;
  685. text-align: center;
  686. background-color:#fff;
  687. color:#000;
  688. opacity:.8;
  689. left:0px;
  690. {block:Permalinkpage}
  691. display:none;
  692. {/block:Permalinkpage}
  693. }
  694.  
  695. #cheese {
  696. display: block;
  697. position:fixed;
  698. top:3px;
  699. left:445px;
  700. width:;
  701. padding:1px;
  702. height:;
  703. font-size:10px;
  704. text-align:left;
  705. background-color:;
  706. opacity:1;
  707. z-index:9;
  708. }
  709.  
  710. .photo_set { {block:IndexPage} max-width:450px; {/block:IndexPage} {/block:PermalinkPage} width:450px; {/block:PermalinkPage} }
  711. {block:IndexPage}
  712. #center iframe.photoset{ margin:0 0 0 -25px; padding-bottom:7px;}
  713. #center iframe.photoset img{ box-shadow: 0px 1px 4px #cccccc; -moz-box-shadow: 0px 1px 4px #cccccc; -webkit-box-shadow: 0px 1px 4px #cccccc; display:block !important;}
  714. #center .photo_set{ width:450px; position:relative; overflow:hidden; {block:PermalinkPage} width:450px; {/block:PermalinkPage}
  715. {/block:IndexPage}
  716.  
  717.  
  718.  
  719.  
  720. </style>
  721. <style>
  722. .my-like {text-align:center;
  723. cursor:pointer;-webkit-transition-duration:0.2s;
  724. color:#bbb;
  725. }
  726. .my-liked, .my-like:hover {
  727. cursor:pointer;
  728. color:#ff008c;
  729. }
  730. </style>
  731. <script>
  732. window.onload = function () {
  733. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  734. document.addEventListener( 'click', function ( event ) {
  735. var myLike = event.target;
  736. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  737. var frame = document.getElementById( 'my-like-frame' ),
  738. liked = ( myLike.className == 'my-liked' ),
  739. command = liked ? 'unlike' : 'like',
  740. reblog = myLike.getAttribute( 'data-reblog' ),
  741. id = myLike.getAttribute( 'data-id' ),
  742. oauth = reblog.slice( -8 );
  743. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  744. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  745. };
  746. }, false );
  747. };
  748. </script>
  749.  
  750.  
  751. <script type="text/javascript">
  752. $(window).load(function(){
  753. $("p").remove(":contains('Source:')");
  754. $("p").remove(":contains('via ')");
  755. });
  756. </script>
  757. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  758. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  759. <script>
  760. (function($){
  761. $(document).ready(function(){
  762. $("[title],a[title],img[title]").style_my_tooltips({
  763. tip_follows_cursor:true,
  764. tip_delay_time:100,
  765. tip_fade_speed:300,
  766. attribute:"title"
  767. });
  768. });
  769. })(jQuery);
  770. </script>
  771.  
  772. </script>
  773. <script>
  774. $(document).ready(function(){
  775. $(".omg").click(function(){
  776. $(".terrible").slideToggle("linear");
  777. });
  778. });
  779. </script>
  780.  
  781. <script>
  782. $(document).ready(function(){
  783. $(".lol").click(function(){
  784. $(".ok").slideToggle("linear");
  785. });
  786. });
  787. </script>
  788.  
  789.  
  790. </head>
  791. <body>
  792.  
  793.  
  794.  
  795.  
  796.  
  797. </select>
  798.  
  799.  
  800.  
  801.  
  802. </script><script src="http://static.tumblr.com/jkg9xxi/gBCmsyr4m/gbreauhbfuhenwuafbi.js"></script>
  803.  
  804.  
  805. <div id="side">
  806.  
  807. {block:ifshowsidebarimage}
  808. <center><a href="/"><div style="opacity;1;padding-top:7px;padding-bottom:7px; background:white;border:1px solid #eee; margin-top: 200px;">
  809. <a href="/"><img src="{image:sidebar}" width="185"></a></center></img>
  810. {/block:ifshowsidebarimage}<div style="color: #aaa;margin-top: 5px; font-size: 11px; padding-bottom:6px; ">{description}</div> <div style="margin-top: 3px;border-top:1px solid #efefef;padding-top: 6px;margin-bottom: 3px; padding-left:10px; font-family: consolas; text-transform: uppercase; font-size: 10px; ">
  811.  
  812. <a href="/"><u>home</u></a>
  813. <a href="/ask"><u>message</u></a>
  814.  
  815. {block:ifcustomlinkonetitle}<a href="{text:custom link one}"><u>{text:custom link one title}</a></u>{/block:ifcustomlinkonetitle}
  816.  
  817.  
  818. {block:ifcustomlinktwotitle}<a href="{text:custom link two}"><u>{text:custom link two title}</u></a>{/block:ifcustomlinktwotitle}
  819.  
  820. </div></div>
  821. <div id="content">
  822. {block:Posts}
  823. <div class="entry">
  824.  
  825. {block:Text}
  826. <div class="text">
  827. <div style="text-transform:uppercase">{block:Title}
  828. <a href="{Permalink}">{Title}</a>
  829. {/block:Title}</div>
  830. {Body}
  831. {block:indexpage}
  832. <div class="omgk"><span style="text-transform:uppercase; color:#687cbd; text-align:right;font-size:8px;"><p> {DayOfWeek} / <a href="{permalink}"title="Click for notes">{NoteCountwithLabel}</a> </a> </p></div>
  833. {/block:indexpage}
  834.  
  835. </div>
  836. {/block:Text}
  837.  
  838. {block:Photo}
  839. {block:IndexPage}<div class="perms">
  840. <a href="{permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">↺</a>
  841. </div>
  842. </center>{/block:IndexPage}
  843. {block:indexpage}
  844. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  845. {/block:indexpage}
  846. {block:permalinkpage}
  847. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PermalinkPage} width=500px"/>{LinkCloseTag}
  848. {/block:permalinkpage}
  849. {/block:Photo}
  850.  
  851. {block:Photoset}
  852. {block:IndexPage}<div class="perms">
  853. <a href="{permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank">↺</a>
  854. </div>
  855. </center>{/block:IndexPage}
  856. {block:IndexPage}
  857. {block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" width="225" style="padding:3px;"/></a>
  858. {/block:Photos}
  859. {/block:permalinkpage}
  860. {/block:IndexPage}
  861.  
  862. {block:permalinkpage}
  863. {Photoset-500}
  864. {/block:permalinkpage}
  865. {/block:Photoset}
  866.  
  867.  
  868.  
  869.  
  870. {block:Quote}
  871. <div class="text">
  872. <span style="text-align:center;text-transform:;letter-spacing:0px;font-size:10px;"> {Quote}" </span>
  873. <div class="source"><div style="text-align:right; color:{color:link}">{Source}</div></div>
  874. {block:IndexPage}<div class="omgk"><span style="text-transform:uppercase; color:#687cbd; text-align:right;font-size:8px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>{block:IndexPage}
  875. </div>{/block:Quote}
  876.  
  877. {block:Link}
  878. <div class="text">
  879. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  880. {block:Description}
  881. <div class="description">{Description}</div>
  882. {/block:Description}
  883. {block:IndexPage} <div class="omgk"><span style="text-transform:uppercase; color:#687cbd; text-align:right;font-size:8px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>{block:IndexPage}
  884. </div>{/block:Link}
  885.  
  886. {block:Chat}
  887. <div class="text">
  888. {block:Title}
  889. <a href="{Permalink}">{Title}</a>
  890. {/block:Title}
  891. <ul class="chat">
  892. {block:Lines}
  893. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  894.  
  895. {Line} </li>
  896. {/block:Lines}
  897. </ul>
  898. {block:IndexPage}<div class="omgk"><span style="text-transform:uppercase; color:#687cbd; text-align:right;font-size:8px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>{block:IndexPage}
  899. </div>{/block:Chat}
  900.  
  901. {block:Audio}
  902.  
  903. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  904. {block:IndexPage}
  905. <div class="omgk"><span style="text-transform:uppercase; color:#687cbd; text-align:right;font-size:8px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>
  906. {/block:IndexPage}
  907. {/block:Audio}
  908.  
  909. {block:Video}
  910. {block:IndexPage}<div class="omgk">
  911. <a href="{ReblogURL}" target="_blank"> REBLOG </a> / <a href="{Permalink}"><a href="{permalink}">{NoteCount}</a></span></div>{/block:IndexPage}
  912. <center>
  913. {block:IndexPage}
  914. <a href="{permalink}"><i>View Video</i></a>
  915. {/block:IndexPage}
  916. </center>
  917. {block:PermalinkPage}
  918. <center>{Video-500}</center>
  919. {/block:PermalinkPage}
  920. {block:Video}
  921.  
  922.  
  923. {block:Answer}<div class="text">
  924. <div class="question">
  925. <span style="text-transform:uppercase; color:#dddddd;">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  926. {block:indexpage}
  927. <div class="omgok"><span style="text-transform:uppercase; color:#777; text-align:right;"><p><a href="{permalink}">{NoteCountwithLabel}</a> </p></div>
  928. {/block:indexpage}
  929. </div>{/block:Answer}
  930.  
  931.  
  932. {block:PermalinkPage}
  933. <div id="o"><div style="text-align:left; text-transform:uppercase;">
  934. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  935. {block:HasTags}{block:Tags}{/block:Tags}{/block:HasTags}<br>{block:Caption}{Caption}{/block:Caption}{/block:NoteCount}</div>
  936.  
  937. {block:PostNotes}
  938. {PostNotes}
  939. {/block:PostNotes}
  940. </div>
  941. {/block:PermalinkPage}
  942. </div>
  943. {/block:Posts}
  944. </div>
  945. </div>
  946. {block:Pagination}
  947. <ul id="pagination">
  948. {block:PreviousPage}
  949. <li><a href="{PreviousPage}"></a></li>
  950. {/block:PreviousPage}
  951. {block:JumpPagination length="5"}
  952. {block:CurrentPage}
  953. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  954. {/block:CurrentPage}
  955. {block:JumpPage}
  956. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  957. {/block:JumpPage}
  958. {/block:JumpPagination}
  959. {block:NextPage}
  960. <li><a id="nextPage" href="{NextPage}"></a></li>
  961. {/block:NextPage}
  962. </ul>
  963. {/block:Pagination}
  964.  
  965. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  966. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  967. {block:IndexPage}
  968. <script type="text/javascript">
  969. $(window).load(function () {
  970. $('#content').masonry(),
  971. $('.masonryWrap').infinitescroll({
  972. navSelector : '#pagination',
  973. nextSelector : '#pagination a#nextPage',
  974. itemSelector : ".entry",
  975. bufferPx : 100,
  976. loadingText : "<em></em>",
  977. },
  978. function() { $('#content').masonry({ appendedContent: $(this) }); }
  979. );
  980. });
  981. </script>
  982. {/block:IndexPage}
  983.  
  984. <script type="text/javascript">
  985.  
  986. $('.show').click(function(e){
  987. e.preventDefault();
  988. $('.panel').stop(true,true);
  989. var target = $(this).attr('href');
  990. if($('.panel').is(':visible')){
  991. if($(target).is(':visible')){
  992. $(target).slideUp();
  993. return false;
  994. }else{
  995. $('.panel:visible').slideUp(400, function(){
  996. $(target).slideDown();
  997. });
  998. }
  999. }else {
  1000. $(target).slideDown();
  1001. }
  1002. });
  1003.  
  1004. </script>
  1005. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/OTlme21c1/like_script.js"></script>
  1006. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/hPeme202n/like.js"></script>
  1007. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1008. </body>
  1009.  
  1010. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/c9Sle1h85/jquery.collapser.js"></script>
  1011. <script type="text/javascript">
  1012. $(document).ready(function(){
  1013. $('#button').collapser({
  1014. target: '#hidden',
  1015. effect: 'slide',
  1016. changeText: 0
  1017. });
  1018. });
  1019. </script>
  1020.  
  1021.  
  1022.  
  1023. </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!