API tools faq
paste
Advertisement
candycaiine

K9 Theme

candycaiine
Sep 25th, 2013
44
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.52 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. K9 theme.
  4. © theme by lloydey // themesbylloyd.tumblr.com
  5. this is a custom theme, there is also alot of custom coding added to it, only mess with this theme if you know what you are doing, to edit the 'Links' redirect url, just control+f 'Links' then change the /ect to whatever your link is. thankyou x
  6.  
  7. How to install:
  8. 1. Customize -> Edit HTML
  9. 2. Delete all of the coding in your HTML
  10. 3. Copy this theme code
  11. 4. Paste it
  12. 5. Update Preview & Save & Refresh
  13. 6. Edit your theme appearance in the Appearance section after you refresh.
  14.  
  15. ---->
  16.  
  17.  
  18. <head>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  23.  
  24. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  27.  
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Title" content="#000000"/>
  31. <meta name="color:Hover" content="#000000"/>
  32. <meta name="color:Link" content="#000000"/>
  33. <meta name="image:Background" content=""/>
  34. <meta name="if:show photo" content="0"/>
  35. <meta name="image:sidebar" content=""/>
  36. <meta name="text:Blog Title Size" content="20" />
  37. <meta name="color:Borders" content="#CECECE"/>
  38. <meta name="if:3 Column" content="0"/>
  39.  
  40. <title>sadness</title>
  41. <link rel="shortcut icon" href="http://i40.tinypic.com/34jelqv.png">
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47. @import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
  48.  
  49.  
  50.  
  51. ::-webkit-scrollbar-thumb{
  52. background-color:#9b9bc2;
  53. border: 2px solid #fdfdfd;
  54. height:auto;
  55. -moz-border-radius: 10px;
  56. border-radius: 10px;
  57. }
  58.  
  59. ::-webkit-scrollbar {
  60. height:auto;
  61. width:7px;
  62. background-color:#fff;
  63. }
  64.  
  65.  
  66. #infscr-loading {
  67. position: absolute;
  68. bottom: 0;
  69. left: 25%;
  70. }
  71. a:link, a:active, a:visited{
  72.  
  73. color:#dddddd;
  74. text-decoration: none;
  75. -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;
  76.  
  77. }
  78. a:hover {
  79. color:#b4025c;
  80. -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;
  81. }
  82.  
  83. #content {
  84. margin-top:0px;
  85. margin-left:270px;
  86. padding:3px;
  87.  
  88. width:766px;
  89. float:left;
  90.  
  91.  
  92.  
  93. }
  94.  
  95.  
  96. #tumblr_controls{
  97. position:fixed !important;
  98. -webkit-filter:invert(100%);
  99. opacity:.5;
  100. -webkit-transition:linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  101. }
  102.  
  103. #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;}
  104.  
  105.  
  106.  
  107.  
  108.  
  109. ::selection {
  110. background:#f1f1f1;
  111. color: #777;
  112. }
  113.  
  114. ::-moz-selection {
  115. background:#f1f1f1;
  116. color: #777;
  117. }
  118.  
  119.  
  120. #o {
  121. width: 500px;
  122. text-align:left;
  123. }
  124.  
  125. #tocino {
  126. display: block;
  127. position:fixed;
  128. padding:3px;
  129. background-color:#fff;
  130. width:180px;
  131. top:275px;
  132. z-index:9999;
  133. margin-left:220px;
  134. }
  135.  
  136. #tocina {
  137. display: block;
  138. position:fixed;
  139. padding:3px;
  140. background-color:#fff;
  141. height:275px;
  142. top:130px;
  143. z-index:9999;
  144. margin-left:420px;
  145.  
  146. }
  147.  
  148. #lala {
  149. display: block;
  150. position:fixed;
  151. top:308px;
  152. left:320px;
  153. width:;
  154. padding:3px;
  155. height:;
  156. font-size:10px;
  157. text-align:left;
  158. background-color:;
  159. opacity:1;
  160. z-index:99999999;
  161.  
  162. }
  163.  
  164.  
  165. ol.notes img {
  166. width: 16px;
  167. display: inline;
  168. position: relative;
  169. top: 3px;
  170. }
  171.  
  172. .per{
  173. width:;
  174. height: auto;
  175. font-family:consolas;
  176. position: absolute;
  177. font-size:9px;
  178. line-height: 17px;
  179. text-align:center;
  180. background-color:#fff;
  181. z-index: 99999;
  182. text-transform:uppercase;
  183. overflow:hidden;
  184. color:#aaa;
  185. bottom:-8px;
  186. margin-left:0px;
  187. padding: 2px;
  188. border-radius: 0px;
  189. -webkit-transition: opacity 0.5s linear; opacity: 1;
  190. -webkit-transition: all 0.5s linear;
  191. -moz-transition: all 0.5s linear;
  192. transition: all 0.5s linear;
  193. }
  194.  
  195.  
  196.  
  197. #no{
  198. width:200px;
  199. z-index:2;
  200. position:fixed;
  201. text-align:center;
  202. top:190px;
  203. padding:8px;
  204. height:auto;
  205. font-family:georgia;
  206. background-color:#fff;
  207. border: 1px solid #eee;
  208. font-size: 10px;
  209. margin-left:50px;
  210. -webkit-transition: all 0.4s ease-in-out;
  211. -moz-transition: all 0.4s ease-in-out;
  212. -o-transition: all 0.4s ease-in-out;
  213. transition: all 0.4s ease-in-out;
  214. }
  215.  
  216.  
  217. @font-face {
  218. font-family:k;
  219. src: url('http://static.tumblr.com/ejm8w78/nVglz2tf6/merkur.otf');
  220. }
  221.  
  222.  
  223.  
  224. .entry {
  225. background-color:#fff;
  226. float: left;
  227. padding:8px;
  228. border:1px solid #eee;
  229.  
  230. width: 210px;
  231. margin:9px;
  232. font-family:consolas;
  233. text-transform: uppercase;
  234.  
  235.  
  236.  
  237. display: block;
  238. position: relative;
  239. }
  240.  
  241. .perms{
  242. position:absolute;
  243. text-transform:uppercase;
  244. width:;
  245. padding:9px;
  246. left:20px;
  247. background-color:#000;
  248. overflow:hidden;
  249. opacity:0.0;
  250. text-align:center;
  251. color:#fff;
  252. letter-spacing:1px;
  253. text-align:center;
  254. font-size:8px;
  255. top:15px;
  256. z-index:8;
  257. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  258. }
  259.  
  260.  
  261.  
  262. #pagination{
  263. display:none;
  264. }
  265.  
  266.  
  267. blockquote, q {
  268. padding:5px;
  269. border-left:2px solid #eee;
  270. }
  271.  
  272.  
  273. #musicplayer {
  274. text-align:left;
  275. font-size:8px;
  276. text-transform:uppercase;
  277. opacity: .8;
  278. border:1px solid #eee;
  279. border-radius:3px;
  280. position:fixed;
  281. font-family:calibri;
  282. right:5px;
  283. background-color:#fff;
  284. letter-spacing:1px;
  285. width:90px;
  286. z-index:9999;
  287. height:;
  288. padding:7px;
  289. top:23px;
  290. }
  291.  
  292. #musicplayer a{
  293. color:#555;
  294. }
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303. .label {
  304. text-transform:uppercase;
  305. color:#aaa;
  306. }
  307.  
  308. .question {
  309. text-align:left;
  310. padding-left:5px;padding-top:7px;
  311. padding-right:5px;padding-bottom:7px;
  312. background-color:#fbfbfb;
  313. border:1px solid #efefef;
  314. border-radius:3px;
  315. }
  316.  
  317. .answer {
  318. text-align:left;
  319. padding-left:5px;padding-top:7px;
  320. padding-right:5px;padding-bottom:7px;
  321. }
  322.  
  323. .text {
  324. padding: 10px;
  325. }
  326.  
  327. #pp {
  328. text-align: center;
  329. width: 100%;
  330. padding-top: 2px;
  331. }
  332.  
  333.  
  334. .omgk {
  335. text-align: center;
  336. line-height:200%;
  337. opacity:1;
  338. filter: alpha(opacity = 0);
  339. font-size: 10px;
  340. line-height: 9px;
  341. letter-spacing:1px;
  342. margin-top:5px;
  343. text-transform: uppercase;
  344. -webkit-transition-duration: .75s;
  345. }
  346.  
  347.  
  348. .omgok {
  349. text-align: center;
  350. opacity:1;
  351. filter: alpha(opacity = 1);
  352. font-size: 9px;
  353. line-height: 9px;
  354. text-transform: uppercase;
  355. -webkit-transition-duration: .75s;
  356. }
  357.  
  358.  
  359. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  360. padding-bottom : 0px;}
  361.  
  362. #newHeader {
  363. padding-bottom: 2px;
  364. text-align: center;
  365.  
  366. }
  367.  
  368. div.panel {
  369. width: 260px;
  370. padding: 15px 20px;
  371. color: #ccc;
  372. text-align: center;
  373. line-height: 22px;
  374. display: none;
  375.  
  376. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  377. }
  378. div.panel p {
  379. margin: 10px 0;
  380. }
  381. div.panel p a, div.textPost p a, div.audioPost p a {
  382. color: #ccc;
  383. text-decoration: none;
  384. border-bottom: 1px dotted;
  385. font-style: italic;
  386. font-weight: bold;
  387. }
  388.  
  389.  
  390. .video embed, .video object, .video iframe {
  391.  
  392. width:200px /**/ !important;
  393.  
  394. height:auto !important;
  395. }
  396.  
  397. #album
  398. {
  399.  
  400. width:80px;
  401. height:80px;
  402. margin:10px;
  403.  
  404. float:left;
  405.  
  406.  
  407. }
  408.  
  409.  
  410.  
  411. #s-m-t-tooltip{
  412. max-width:300px;
  413. margin-top:20px;
  414. margin-left:20px;
  415. padding-left:4px;
  416. padding-right:4px;
  417. border:1px solid #ddd;
  418. border-radius:5px;
  419. z-index:1000;
  420. background-color:#fff;
  421. color:#aaa;
  422. font-family:consolas;
  423. font-style:italic;
  424. z-index:9999999999999999;
  425. font-size:8px;
  426. letter-spacing:1px;
  427. line-height:14px;
  428. }
  429.  
  430.  
  431.  
  432. @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'); }
  433.  
  434. @font-face {
  435. font-family: 'Rock Salt';
  436. font-style: normal;
  437. font-weight: 400;
  438. src: local('Rock Salt'), local('RockSalt'), url(http://themes.googleusercontent.com/static/fonts/rocksalt/v3/Q94aHXFHGip10K5uxi1jOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  439. }
  440.  
  441. @font-face { font-family: anger; src: url('http://static.tumblr.com/dhyqlbo/Xcgme3yad/freekytypewriter_1_.ttf'); }
  442.  
  443. @font-face {font-family: terrible; src: url('http://static.tumblr.com/iyodnno/2GPmilkkr/brain_flower.ttf'); }
  444.  
  445.  
  446.  
  447. @font-face { font-family: nazie; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf'); }
  448.  
  449.  
  450. @font-face {
  451. font-family:undefined;
  452. src: url('http://static.tumblr.com/ejm8w78/JDllviajb/marketingscript.ttf');,
  453. }
  454.  
  455.  
  456.  
  457.  
  458. .title {
  459. opacity:.7;
  460. font-size:10px;
  461. text-transform:uppercase;
  462. padding:1px;
  463. }
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470. .links a{
  471. background-color:;
  472. padding:1px;
  473. font-size:8px;
  474. width:;
  475. height:10px;
  476. text-transform:uppercase;
  477. border-bottom:1px solid transparent;
  478. font-family:consolas;
  479. color:#dddddd;
  480. letter-spacing:1px;
  481. display:inline-block;
  482. text-align:center;
  483. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  484. }
  485.  
  486. .links a:hover {
  487. opacity:1;
  488. text-shadow:0px 0px 0px #96adca, 0px 0px 0px #000000;
  489. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out-webkit-filter: blur(15px);;
  490. }
  491.  
  492.  
  493.  
  494. @font-face { font-family: nazie; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf'); }
  495.  
  496.  
  497. div #title{
  498. font-family:georgia;
  499. font-size:20px;
  500. line-height:20px;
  501. color:#000000;
  502. margin-top:0px;
  503. }
  504.  
  505. #bored{width:60px;height:19px;overflow:hidden;z-index:967588;position:fixed;margin-top:-26px;margin-left:-19px;padding:5px;left:48px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  506.  
  507. #bored:hover{height:160px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  508.  
  509. #blogggg {
  510. display: block;
  511. position:fixed;
  512. top:3px;
  513. left:445px;
  514. width:;
  515. padding:1px;
  516. height:;
  517. font-size:10px;
  518. text-align:left;
  519. background-color:;
  520. opacity:1;
  521. z-index:9;
  522. }
  523.  
  524.  
  525. .pre{
  526. width:222px;
  527. height:15px;
  528. font-family:calibri;
  529. position: absolute;
  530. padding:2px;
  531. font-size: 8px;
  532. line-height: 15px;
  533. border-top:1px solid #fff;
  534. border-bottom:1px solid #eee;
  535. border-right:1px solid #eee;
  536. border-left:1px solid #eee;
  537. background-color: white;
  538. text-align:center;
  539. z-index: 99999;
  540. text-transform:uppercase;
  541. overflow:hidden;
  542. background-color:;
  543. letter-spacing:1px;
  544. left: -1px;
  545. bottom:-15px;
  546. -webkit-transition: opacity 0.5s linear; opacity: 1;
  547. -webkit-transition: all 0.5s linear;
  548. -moz-transition: all 0.5s linear;
  549. transition: all 0.5s linear;
  550. }
  551.  
  552.  
  553. #audio {width:200px; height:auto; min-height:60px; padding-bottom:0px;}
  554.  
  555. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  556.  
  557. .cover img {float:left; width:60px; height:60px;}
  558.  
  559. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  560.  
  561. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  562.  
  563.  
  564. .btn a:hover {text-shadow:0px;}
  565.  
  566. 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%);
  567. opacity:.5;
  568. -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%}
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605. #infscr-loading {
  606. position: absolute;
  607. bottom: 0;
  608. left: 25%;
  609. }
  610. a:link, a:active, a:visited{
  611.  
  612. color:#dddddd;
  613. text-decoration: none;
  614. -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;
  615.  
  616. }
  617. a:hover {
  618. color:#b4025c;
  619. -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;
  620. }
  621.  
  622.  
  623.  
  624. #updates:hover {top:0px;}
  625.  
  626.  
  627.  
  628. #updatestab {
  629. border-top-style:none;
  630. border-right-style:solid;
  631. border-bottom-style:solid;
  632. border-left-style:solid;
  633. border-width:1px;
  634. border-color:#D8D8D8;
  635. text-align: center;
  636. height:10px;
  637. padding: 2px 0 8px 0;
  638. background:#fff;
  639. border-bottom-left-radius: 5px;
  640. -moz-border-radius-bottomleft: 5px;
  641. -webkit-border-bottom-left-radius: 5px;
  642. border-bottom-right-radius: 5px;
  643. -moz-border-radius-bottomright: 5px;
  644. -webkit-border-bottom-right-radius: 5px;
  645. width: 200px;
  646. }
  647.  
  648.  
  649. body {
  650. padding: 0px;
  651. margin: 0px;
  652. color:{color:text};
  653. background-color: {color:Background};
  654. background-image:url({image:Background});
  655. background-attachment: fixed;
  656. -webkit-background-size: cover;
  657. -moz-background-size: cover;
  658. -o-background-size: cover;
  659. background-size: cover;
  660. background-size: ;
  661. font-family:;
  662. letter-spacing: 1px;
  663. font-size: 12px;
  664. line-height:10px;
  665. color:{color:text};
  666. }
  667.  
  668.  
  669. p {
  670. margin:0px;
  671. margin-top:0px;
  672. }
  673.  
  674. a:link, a:active, a:visited{
  675. color: {color:Link};
  676. text-decoration: none;
  677. -webkit-transition: color 0.5s ease-out;
  678. -moz-transition: color 0.5s ease-out;
  679. }
  680.  
  681. a:hover{
  682. color:{color:Hover};
  683. -webkit-transition-duration: .9s;
  684. -webkit-transition: color 0.3s ease-out;
  685. -moz-transition: color 0.3s ease-out;
  686. }
  687.  
  688. .entry {
  689. margin:6px;
  690. padding: 8px;
  691. float:left;
  692. background-color:#fff;
  693. border: 1px solid #eee;
  694. font-family: ubuntu;
  695. font-size: 10px;
  696. line-height:14px;
  697. -webkit-transition: all 0.5s ease;
  698. -moz-transition: all 0.5s ease;
  699. -o-transition: all 0.5s ease;
  700. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  701.  
  702. {block:if3Column} margin:5px;{/block:if3Column}
  703.  
  704. {block:IndexPage}
  705. width:200px;
  706. {/block:IndexPage}
  707. {block:PermalinkPage}
  708. width:500px;
  709. {/block:PermalinkPage}
  710.  
  711. }
  712.  
  713. .entry:hover{
  714. opacity: 1;}
  715.  
  716.  
  717. .entry .wow{
  718. position:absolute;
  719. width:200px;
  720. height: 15px;
  721. padding-top:2px;
  722. padding-bottom: 2px;
  723. background-color: #fff;
  724. margin-left: 0px;
  725. overflow:hidden;
  726. letter-spacing: 0;
  727. top: 15px;
  728. font-family: Droid sans Mono;
  729. text-transform: uppercase;
  730. font-size: 8px;
  731. line-height:16px;
  732. text-align:center;
  733. opacity:0.0;
  734. border-bottom-right-radius:0px;
  735. border-top-right-radius:0px;
  736. border-top-left-radius:0px;
  737. border-bottom-left-radius:0px;
  738. -webkit-transition: all 0.6s linear;
  739. -moz-transition: all 0.6s linear;
  740. transition: all 0.6s linear;
  741. }
  742.  
  743.  
  744. .entry:hover .wow{
  745. overflow:visible;
  746. -webkit-transition: opacity 0.5s linear; opacity: 0.6;
  747. transition: all 0.4s linear;
  748. margin-left: 0px;
  749. width: 200px;
  750. height: 15px;
  751. top: 15px;
  752. padding-top: 2px;
  753. padding-bottom: 2px;
  754. opacity: 0.7;
  755. border-bottom-right-radius:0px;
  756. border-top-right-radius:0px;
  757. border-top-left-radius:0px;
  758. border-bottom-left-radius:0px;
  759. -webkit-transition: all 0.6s linear;
  760. -moz-transition: all 0.6s linear;
  761. transition: all 0.6s linear;
  762. }
  763.  
  764.  
  765.  
  766. .entry:hover .wow:hover {
  767. opacity: 1;
  768. height: 15px;
  769. top: 15px;
  770. padding-top: 2px;
  771. padding-bottom: 2px;
  772. border-bottom-right-radius:0px;
  773. border-top-right-radius:0px;
  774. border-top-left-radius:0px;
  775. border-bottom-left-radius:0px;
  776. -webkit-transition: all 0.2s linear;
  777. -moz-transition: all 0.6s linear;
  778. transition: all 0.2s linear;
  779. }
  780.  
  781. .links a{
  782. background-color:;
  783. padding:1px;
  784. font-size:8px;
  785. width:;
  786. height:10px;
  787. text-transform:uppercase;
  788. font-family:consolas;
  789. letter-spacing:1px;
  790. display:inline-block;
  791. text-align:center;
  792. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  793. }
  794.  
  795. .links a:hover {
  796. opacity:1;
  797. text-shadow:0px 0px 0px #96adca, 0px 0px 0px #000000;
  798. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out-webkit-filter: blur(15px);;
  799. }
  800.  
  801.  
  802.  
  803. .btn a:hover {text-shadow:0px;}
  804.  
  805. a.btn{ position:absolute;z-index:99;-webkit-filter: invert(100%);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-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:#000;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:white}.btn:active::after{background:rgba(255,255,255,0.18) color:black}.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%}
  806.  
  807.  
  808. .blogtitle{
  809. font-family: xx ;
  810. font-size: {text:blog title size}px;
  811. line-height: 28px;
  812. color: {color:Title};
  813. border-bottom: 1px solid {color:borders};
  814. letter-spacing: 0px;
  815. font-weight: normal;
  816. padding:0px 0px 0px 0px;
  817. text-transform:uppercase;
  818. }
  819.  
  820. @font-face {font-family: xx; src: url('http://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf');
  821. }
  822.  
  823.  
  824.  
  825. #sidebar{
  826. z-index:999;
  827. position:fixed!important;
  828. width:220px;
  829. height:auto;
  830. opacity: 1;
  831. padding:6px;
  832. margin-left:200px;
  833. border: 1px solid #eee;
  834. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  835. margin-top:155px;
  836. font-size: 9px;
  837. line-height:11px;
  838. letter-spacing:1px;
  839. background-color:#fff;
  840. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  841. overflow:hidden;
  842. text-align:center;
  843. {block:if3Column}
  844. margin-left: 30px;
  845. {/block:if3Column}
  846. }
  847.  
  848. .title {
  849. font-family: 'death';
  850. font-size: 13px;
  851. letter-spacing:5px
  852. text-transform: uppercase;
  853. font-weight: bold;
  854. padding: 2px;
  855. }
  856.  
  857.  
  858. #posts {
  859. width: 600px;
  860. background-attachment: fixed;
  861. background-color:auto;
  862. background-repeat:repeat;
  863. opacity: .5px;
  864. margin-left:440px;
  865. {block:if3Column}
  866. width: 820px;
  867. margin-left: 275px;
  868. {/block:if3Column}
  869. {block:permalinkpage}
  870. width: 500px;
  871. {/block:permalinkpage}
  872. float:left;
  873. -webkit-animation:fadeIn 3s;
  874. -moz-animation:fadeIn 3s;
  875. -ms-animation:fadeIn 3s;
  876. margin-top:0px;
  877. }
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884. #omgtab {
  885. z-index:999999999999999999;
  886. text-align:center;
  887. font-family:ubuntu;
  888. position:fixed;
  889. top:155px;
  890. right:-263px;
  891. -webkit-transition:all .5s ease-in-out;
  892. -moz-transition: all .5s ease-in-out;
  893. -o-transition: all .5s ease-in-out;
  894. z-index:300;
  895. }
  896.  
  897. #omgtab:hover {
  898. right:0px;
  899. }
  900.  
  901. #tab {
  902. padding:5px 5px 5px 5px;
  903. border:1px solid #efefef;
  904. background: #fff;
  905. width:250px;
  906. border-radius: 5px;
  907. -moz-border-radius: 5px;
  908. -webkit-border-radius: 5px;
  909. z-index: 9999;
  910. }
  911.  
  912. #tab2 {
  913. border-bottom:1px solid #efefef;
  914. border-top: 1px solid #efefef;
  915. border-left: 1px solid #efefef;
  916. border-right: 1px solid #fff;
  917. border-radius: 4px 0px 0px 4px;
  918. margin-top:-70px;
  919. height:36px;
  920. text-align:left;
  921. padding-left:10px;
  922. background:#fff;
  923. font-family:ubuntu;
  924. font-family:10px;
  925. margin-left:-116px;
  926. width: 105px;
  927. }
  928.  
  929.  
  930.  
  931. {CustomCSS}
  932.  
  933. </style>
  934. <script>
  935. window.onload = function () {
  936. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  937. document.addEventListener( 'click', function ( event ) {
  938. var myLike = event.target;
  939. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  940. var frame = document.getElementById( 'my-like-frame' ),
  941. liked = ( myLike.className == 'my-liked' ),
  942. command = liked ? 'unlike' : 'like',
  943. reblog = myLike.getAttribute( 'data-reblog' ),
  944. id = myLike.getAttribute( 'data-id' ),
  945. oauth = reblog.slice( -8 );
  946. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  947. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  948. };
  949. }, false );
  950. };
  951. </script>
  952.  
  953. <script type="text/javascript">
  954. $(window).load(function(){
  955. $("p").remove(":contains('Source:')");
  956. $("p").remove(":contains('via ')");
  957. });
  958. </script>
  959. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  960. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  961. <script>
  962. (function($){
  963. $(document).ready(function(){
  964. $("[title],a[title],img[title]").style_my_tooltips({
  965. tip_follows_cursor:true,
  966. tip_delay_time:100,
  967. tip_fade_speed:300,
  968. attribute:"title"
  969. });
  970. });
  971. })(jQuery);
  972. </script>
  973.  
  974.  
  975. <script type="text/javascript"
  976. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  977. <script type="text/javascript"
  978. src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  979.  
  980.  
  981. <script type="text/javascript">
  982. $(window).load(function () {
  983. var $content = $('#posts');
  984. $content.masonry({itemSelector: '.entry'}),
  985. $content.infinitescroll({
  986. navSelector : 'div#pagination',
  987. nextSelector : 'div#pagination a#nextPage',
  988. itemSelector : '.entry',
  989. loading: {
  990. finishedMsg: '',
  991. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  992. },
  993. bufferPx : 600,
  994. debug : false,
  995. },
  996. // call masonry as a callback.
  997. function( newElements ) {
  998. var $newElems = $( newElements );
  999. $newElems.hide();
  1000. // ensure that images load before adding to masonry layout
  1001. $newElems.imagesLoaded(function(){
  1002. $content.masonry( 'appended', $newElems, true,
  1003. function(){$newElems.fadeIn(300);} );
  1004.  
  1005.  
  1006. });
  1007. });
  1008. });
  1009. </script>
  1010. </head>
  1011.  
  1012.  
  1013.  
  1014.  
  1015. <body>
  1016.  
  1017.  
  1018.  
  1019. </select>
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025. </div></div>
  1026.  
  1027.  
  1028. <script src="http://static.tumblr.com/jkg9xxi/gBCmsyr4m/gbreauhbfuhenwuafbi.js"></script>
  1029. <div id="sidebar"><div class="blogtitle"><a href="/">{Title}</div></a></br>{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" style="" width=220px height=auto></a><p>{/block:ifshowphoto}<div style=";margin-top:2px; padding-bottom: 2px;">{description}</div>
  1030.  
  1031. <div style="margin-top: 3px;border-top:1px solid #efefef;padding-top: 6px;margin-bottom: 0px; padding-left:10px; font-family: consolas; text-transform: uppercase; "><a href ="/" title="refresh ">home</a> |
  1032. <a href ="/ask" title="ask">ask</a> |
  1033. <a href ="/ect" title="more links">links</a> |
  1034. <a href ="http://themesbylloyd.tumblr.com" title="themes">themes</a></div>
  1035.  
  1036.  
  1037.  
  1038. {block:ifcustomlinkonetitle}<a href="{text:custom link one}" class="links">{text:custom link one title}</a>{/block:ifcustomlinkonetitle}
  1039.  
  1040. {block:ifcustomlinktwotitle} <a href="{text:custom link two}" class="links">{text:custom link two title}</a>{/block:ifcustomlinktwotitle}
  1041.  
  1042. {block:ifcustomlinkthreetitle} <a href="{text:custom link three}" class="links">{text:custom link three title}</a>{/block:ifcustomlinkthreetitle}
  1043.  
  1044. {block:ifcustomlinkfourtitle} <a href="{text:custom link four}" class="links">{text:custom link four title}</a>{/block:ifcustomlinkfourtitle}
  1045.  
  1046. {block:ifcustomlinkfivetitle} <a href="{text:custom link five}" class="links">{text:custom link five title}</a>{/block:ifcustomlinkfivetitle}
  1047. </div></div></div>
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053. <div class="wrapper">
  1054. <div style="position:fixed;right:0px;top:28px;">
  1055. </span>
  1056. </div>
  1057.  
  1058.  
  1059.  
  1060.  
  1061. <div id="posts">
  1062.  
  1063. {block:Posts}
  1064. <div class="entry">
  1065.  
  1066. {block:Text}
  1067. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1068. <div class="caption"><span class="entrytext">{Body}</span></div>
  1069. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} </a></span></div></div>{/block:IndexPage}
  1070. {/block:Text}
  1071.  
  1072. {block:Link}
  1073. <a href="{URL}" class="title">{Name}</a>
  1074. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1075. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} </a></span></div></div>{/block:IndexPage}
  1076. {block:Link}
  1077.  
  1078.  
  1079. {block:Photo}
  1080. {block:IndexPage}
  1081. <div class="wow">
  1082. <a href="{Permalink}">{NoteCountwithlabel}</a> &#8226; {timeago} &#8226; <a href="{ReblogURL}">reblog</a></div>
  1083. {/block:IndexPage}
  1084. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="200"/></a></div>{LinkCloseTag}
  1085. {/block:IndexPage}
  1086. {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}</center>
  1087. {/block:Photo}
  1088.  
  1089.  
  1090. {block:Photoset}
  1091. {block:IndexPage}
  1092. {block:IndexPage}
  1093. <div class="wow">
  1094. <a href="{Permalink}">{NoteCountwithlabel}</a> &#8226; {timeago} &#8226; <a href="{ReblogURL}">reblog</a></div>
  1095. {/block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  1096. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  1097. {/block:Photoset}
  1098.  
  1099. {block:Quote}
  1100. {Quote}</span>
  1101. {block:Source}{Source}{/block:Source}
  1102. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount}</a></span></div></div>{/block:IndexPage}
  1103. {/block:Quote}
  1104.  
  1105. {block:Chat}
  1106. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1107. <ul class="chat">
  1108. {block:Lines}
  1109. <li class="user_{UserNumber}">
  1110. {block:Label}
  1111. <span class="label">{Label}</span>
  1112. {/block:Label}
  1113.  
  1114. {Line}
  1115. </li>
  1116. {/block:Lines}
  1117. </ul>
  1118. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount}</a></span></div></div>{/block:IndexPage}
  1119. {/block:Chat}
  1120.  
  1121. {block:Audio}
  1122. <div style="width:250px; height:28px;">{AudioPlayerWhite}</div>
  1123. {block:IndexPage}
  1124. <div class="caption">
  1125. {caption}</div>{/block:IndexPage}
  1126. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount}</a></span></div></div>{/block:IndexPage}
  1127. {/block:Audio}
  1128.  
  1129. {block:Video}
  1130. {block:IndexPage}<div class="permalink">
  1131. <a href="{ReblogURL}" target="_blank"> ? </a> | <a href="{Permalink}"><a href="{permalink}">{NoteCount}</a></span></div>{/block:IndexPage}
  1132. <center>
  1133. {block:IndexPage}
  1134. {Video-250}
  1135. {/block:IndexPage}
  1136. </center>
  1137. {block:PermalinkPage}
  1138. <center>{Video-500}</center>
  1139. {/block:PermalinkPage}
  1140. {block:Video}
  1141.  
  1142. {block:Answer}
  1143. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  1144. <strong>{Asker}: {Question}</strong>
  1145. <div class="caption">
  1146. {Answer}</div>
  1147. {block:IndexPage}<a href="{permalink}"><div align="right"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount}</a></span></div></div>{/block:IndexPage}
  1148. {/block:Answer}
  1149.  
  1150. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  1151.  
  1152. {block:PermalinkPage}
  1153. {block:Date}
  1154. {block:Caption}{Caption}{/block:Caption}<center>
  1155. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}<br>
  1156. {block:NoteCount}{NoteCount} notes{/block:NoteCount}{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  1157. {/block:Date}
  1158.  
  1159. {/block:PermalinkPage}
  1160.  
  1161. {block:PostNotes}{PostNotes}
  1162. {/block:PostNotes}
  1163. </div>
  1164.  
  1165.  
  1166. {/block:Posts}
  1167. </div>
  1168. </div>
  1169. {block:IndexPage}<br>
  1170. {block:Pagination}
  1171. <div id="pagination">
  1172. {block:NextPage}
  1173. <a id="nextPage" href="{NextPage}"></a>
  1174. {/block:NextPage}
  1175. {block:PreviousPage}
  1176. <a href="{PreviousPage}"></a>
  1177. {/block:PreviousPage}
  1178. </div>
  1179. {/block:Pagination}
  1180. {/block:IndexPage}
  1181. </div>
  1182.  
  1183.  
  1184.  
  1185.  
  1186. </body>
  1187. </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!