API tools faq
paste
feiinho

New Theme 34 by "rxdiate.tumblr.com"

feiinho
May 14th, 2018
421
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.12 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. New Theme 34 by "rxdiate.tumblr.com"
  5.  
  6.  
  7. █▀▀█ █░█ █▀▀▄ ░▀░ █▀▀█ ▀▀█▀▀ █▀▀
  8. █▄▄▀ ▄▀▄ █░░█ ▀█▀ █▄▄█ ░░█░░ █▀▀
  9. ▀░▀▀ ▀░▀ ▀▀▀░ ▀▀▀ ▀░░▀ ░░▀░░ ▀▀▀
  10.  
  11. ----------------->
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  15. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22. <meta name="color:link" content="#386086"/>
  23. <meta name="color:hover" content="#5f88af"/>
  24. <meta name="color:text" content="#777777"/>
  25. <meta name="color:navigation buttons" content="#fff"/>
  26. <meta name="color:navigation text" content="#000000"/>
  27. <meta name="color:hover navigation buttons" content="#ccc"/>
  28. <meta name="color:description text" content="#777777"/>
  29. <meta name="color:blockquote" content="#efefef"/>
  30. <meta name="color:border" content="#ccc"/>
  31. <meta name="color:background" content="#000"/>
  32. <meta name="color:post background" content="#ffffff"/>
  33. <meta name="color:post shadows" content="#ffffff"/>
  34. <meta name="color:sidebar background" content="#ffffff"/>
  35.  
  36. <meta name="image:background" content="0"/>
  37. <meta name="image:sidebar" content="0"/>
  38.  
  39. <meta name="if:centered background" content="0"/>
  40. <meta name="if:repeat background" content="1"/>
  41. <meta name="if:faded images" content="0"/>
  42. <meta name="if:black and white images" content="0"/>
  43. <meta name="if:transparent sidebar" content="1"/>
  44. <meta name="if:show sidebar image" content="0"/>
  45. <meta name="if:transparent sidebar" content="1"/>
  46.  
  47. <meta name="text:Link One Title" content="" />
  48. <meta name="text:Link One" content="" />
  49. <meta name="text:Link Two Title" content="" />
  50. <meta name="text:Link Two" content="" />
  51. <meta name="text:Link Three Title" content="" />
  52. <meta name="text:Link Three" content="" />
  53. <meta name="text:Link Four Title" content="" />
  54. <meta name="text:Link Four" content="" />
  55. <meta name="text:Link Five Title" content="" />
  56. <meta name="text:Link Five" content="" />
  57. <meta name="text:Link Six Title" content="" />
  58. <meta name="text:Link Six" content="" />
  59.  
  60. <meta name="if:top button" content="1"/>
  61.  
  62. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  63. <a href="http://adf.ly/JaHfv" target="blank" id="get_theme"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"style="position:fixed;-webkit-filter: invert(100%); right:3px; top:27px; z-index:10; opacity:1;"><script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65.  
  66.  
  67. <title>{Title}</title>
  68. <link rel="shortcut icon" href="{Favicon}">
  69. {block:Description}
  70. <meta name="description" content="{MetaDescription}"/>
  71. {/block:Description}
  72. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <!--[if IE]>
  74. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  75. <![endif]-->
  76.  
  77. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  78.  
  79. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  80.  
  81. <style type="text/css">
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93. .entry {
  94.  
  95.  
  96. font-family:verdanda;
  97. background-color:{color:post background};
  98. {block:indexpage}
  99.  
  100. width: 400px;
  101. margin: 7px;
  102.  
  103. {/block:indexpage}
  104.  
  105. {block:permalinkpage}
  106. margin-left:370px;
  107. padding-left:20px;
  108.  
  109. width: 590px;
  110. {/block:permalinkpage}
  111.  
  112. {block:ifpostshadows}
  113. box-shadow: 0px 5px 16px {color:post shadows};
  114. {/block:ifpostshadows}
  115.  
  116. }
  117.  
  118.  
  119. .entry img {
  120. {block:ifroundedcorners}-moz-border-radius: 5px;
  121. border-radius: 5px;
  122. {block:ifroundedcorners}
  123. display: block;
  124. max-width: 100%;
  125. {block:iffadedimages}
  126. opacity:0.8;
  127. filter:alpha(opacity=80);
  128. -webkit-transition: all ease-in 250ms;
  129. -moz-transition: all ease-in 250ms;
  130. -o-transition: all ease-in 250ms;
  131. -ms-transition: all ease-in 250ms;
  132. transition: all ease-in 250ms;
  133. {/block:iffadedimages}
  134. {block:ifblackandwhiteimages}
  135. -webkit-filter: grayscale(1);
  136. {/block:ifblackandwhiteimages}
  137. }
  138. .entry:hover img {
  139. {block:iffadedimages}
  140. opacity:1;
  141. filter:alpha(opacity=100);
  142. -webkit-transition: all ease-in 250ms;
  143. -moz-transition: all ease-in 250ms;
  144. -o-transition: all ease-in 250ms;
  145. -ms-transition: all ease-in 250ms;
  146. transition: all ease-in 250ms;
  147. {/block:iffadedimages}
  148. {block:ifblackandwhiteimages}
  149. -webkit-filter: grayscale(0);
  150. -webkit-transition: all ease-in 250ms;
  151. -moz-transition: all ease-in 250ms;
  152. -o-transition: all ease-in 250ms;
  153. -ms-transition: all ease-in 250ms;
  154. transition: all ease-in 250ms;
  155. {/block:ifblackandwhiteimages}
  156. }
  157.  
  158.  
  159. html, body, {
  160. font-family: verdanda;
  161. font-size: 14px;
  162. }
  163.  
  164. body {
  165. color:{color:text};
  166. background:{color:background}
  167. url({image:background});
  168. {block:ifrepeatbackground}
  169. background-repeat: repeat;
  170. {/block:ifrepeatbackground}
  171. {block:ifnotrepeatbackground}
  172. background-repeat: no-repeat;
  173. {/block:ifnotrepeatbackground}
  174. background-attachment: fixed;
  175. {block:ifcenteredbackground}
  176. background-position:center;
  177. {/block:ifcenteredbackground}
  178. line-height:150%;
  179. font-family: verdanda;
  180. font-size: 14px;
  181. }
  182.  
  183. ol {
  184. list-style-position:inside;
  185. padding-left: 1.5em;
  186. list-style-type:decimal;
  187. }
  188.  
  189. ul {
  190. list-style-position:inside;
  191. padding-left: 1.5em;
  192. list-style-type:disc;
  193. }
  194.  
  195. #infscr-loading {
  196. position: absolute;
  197. bottom: 0;
  198. left: 25%;
  199. }
  200. a:link, a:active, a:visited{
  201.  
  202. color:{color:Link};
  203. text-decoration: none;
  204.  
  205. }
  206. a:hover {
  207. text-decoration:line-through;
  208.  
  209. }
  210. #content {
  211. width: 1000px;
  212. margin-top: 5px;
  213. margin-left:320px
  214.  
  215. {block:permalinkpage}
  216. margin-left:370px;
  217.  
  218. {/block:permalinkpage}
  219.  
  220. }
  221. .entry:hover #marina{
  222. {block:IndexPage}
  223. opacity:0.6;
  224. -webkit-transition: all 0.6s ease-out;
  225. -moz-transition: all 0.6s ease-out;
  226. transition: all 0.6s ease-out;
  227. {/block:IndexPage}
  228. }
  229.  
  230. .entry:hover #marina:hover{
  231. {block:IndexPage}
  232. opacity:1;
  233. padding-left:10px;
  234. -webkit-transition: all 0.6s ease-out;
  235. -moz-transition: all 0.6s ease-out;
  236. transition: all 0.6s ease-out;
  237. {/block:IndexPage}
  238. }
  239.  
  240. #marina {
  241. {block:IndexPage}
  242. border-radius:0px 5px 5px 0px;
  243. letter-spacing:1px;
  244. width:auto;
  245.  
  246. top:38px;
  247. left:7px;
  248. float:left;
  249. position:absolute;
  250. padding:2px 4px 2px 3px;
  251. opacity:0;
  252. font-size:10px;
  253. -webkit-transition: all 0.6s ease-out;
  254. -moz-transition: all 0.6s ease-out;
  255. transition: all 0.6s ease-out;
  256. {/block:IndexPage}
  257. }
  258.  
  259. .entry:hover #reblog{
  260. {block:IndexPage}
  261. opacity:0.6;
  262. -webkit-transition: all 0.6s ease-out;
  263. -moz-transition: all 0.6s ease-out;
  264. transition: all 0.6s ease-out;
  265. {/block:IndexPage}
  266. }
  267.  
  268. .entry:hover #reblog:hover{
  269. {block:IndexPage}
  270. opacity:1;
  271. padding-left:10px;
  272. -webkit-transition: all 0.6s ease-out;
  273. -moz-transition: all 0.6s ease-out;
  274. transition: all 0.6s ease-out;
  275. {/block:IndexPage}
  276. }
  277.  
  278. #reblog {
  279. {block:IndexPage}
  280. border-radius:0px 5px 5px 0px;
  281. letter-spacing:1px;
  282. width:auto;
  283.  
  284. top:17px;
  285. left:7px;
  286. float:left;
  287. position:absolute;
  288. padding:2px 4px 2px 3px;
  289. opacity:0;
  290. font-size:10px;
  291. -webkit-transition: all 0.6s ease-out;
  292. -moz-transition: all 0.6s ease-out;
  293. transition: all 0.6s ease-out;
  294. {/block:IndexPage}
  295. }
  296.  
  297.  
  298. #devin{
  299. width:auto;
  300. overflow:hidden;
  301. padding:1px 4px 1px 4px;
  302. background:transparent;
  303. border-radius:2px;
  304. position:absolute;
  305. bottom:0;
  306. opacity:0;
  307. letter-spacing:2px;
  308. font-size:10px;
  309. text-align:center;
  310. width:320px;
  311. LINE-HEIGHT:10px;
  312. -webkit-transition: all 0.6s ease-out;
  313. -moz-transition: all 0.6s ease-out;
  314. transition: all 0.6s ease-out;
  315. }
  316.  
  317.  
  318. .entry:hover #devin{
  319. opacity:1;
  320. -webkit-transition: all 0.6s ease-out;
  321. -moz-transition: all 0.6s ease-out;
  322. transition: all 0.6s ease-out;
  323. }
  324.  
  325. #permalink {
  326. position: absolute;
  327. margin-top: 9px;
  328. margin-left: 6px;
  329. opacity: 0;
  330. -webkit-transition: all .3s ease;
  331. -moz-transition: all .3s ease;
  332. -o-transition: all .3s ease;
  333. transition: all .3s ease;
  334. }
  335.  
  336. .entry:hover #permalink {
  337. margin-top: 9px;
  338. margin-left: 6px;
  339. opacity: 1;
  340. color:white;
  341. }
  342.  
  343. .countreblog {
  344. color: #FFFFFF;
  345. letter-spacing:1px;
  346. font-family: verdanda;
  347. font-size:10px;
  348. line-height:14px;
  349. margin: 2px;
  350. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  351. background-repeat:repeat;
  352. border:1px solid rgba(0,0,0,0.1);
  353. padding:3px 5px;
  354. -webkit-border-radius:2px;
  355. moz-border-radius:2px;
  356. -o-border-radius:2px;
  357. border-radius:2px;
  358. }
  359.  
  360. .countreblog a { color: #FFF; }
  361.  
  362.  
  363. #note3 {
  364. width: 500px;
  365. text-align:left;
  366. }
  367.  
  368. #contain {
  369. height:100%;
  370. padding-left:10px;
  371. padding-right:10px;
  372. width: 1300px;
  373. margin: 0px auto;
  374. position: relative;overflow:hidden;
  375.  
  376. }
  377.  
  378.  
  379. #sidebar {
  380. -webkit-animation: fadeInDownBig 2s;
  381. -moz-animation: fadeInDownBig 2s;
  382. -ms-animation: fadeInDownBig 2s;
  383. width: 240px;
  384. position: fixed;
  385. margin-top: 50px;
  386.  
  387. {block:iftransparentsidebar}
  388. background-color:transparent;
  389. {/block:iftransparentsidebar}
  390. {block:ifnottransparentsidebar}
  391. background-color:{color:sidebar background};
  392. {/block:ifnottransparentsidebar}
  393. padding: 2px;
  394. margin-left:20px;
  395. {block:ifsidebarshadows}
  396. box-shadow: 0px 5px 16px {color:post shadows};
  397. {/block:ifsidebarshadows}
  398.  
  399.  
  400. }
  401.  
  402. .navigate a {
  403. width: 110px;
  404. margin-left: 1px;
  405. letter-spacing:3px;
  406. background-color: {color:navigation buttons};
  407. display: inline-block;
  408.  
  409. height: 15px;
  410. line-height: 15px;
  411. font-family: Arial, Helvetica, futura, Georgia, sans-serif;
  412. font-size: 10px;
  413. color: {color:navigation text};
  414. text-transform: uppercase;
  415. text-decoration: none;
  416. text-align: center;
  417. margin-top: 3px;
  418. margin-bottom: 1px;
  419. padding:1px;
  420. -webkit-transition: all 0.5s ease;
  421. -moz-transition: all 0.5s ease;
  422. -o-transition: all 0.5s ease;
  423. border-radius:0px;
  424. }
  425.  
  426. #navigatedot{
  427. margin-top: 10px;
  428. margin-bottom: 10px;
  429.  
  430.  
  431. }
  432.  
  433. .navigate a:hover{
  434. background-color: {color:hover navigation buttons};
  435. }
  436.  
  437.  
  438. .navigatee a {
  439. width: 228px;
  440. margin-left: 1px;
  441. letter-spacing:3px;
  442. background-color: {color:navigation buttons};
  443. display: inline-block;
  444. height: 15px;
  445. line-height: 15px;
  446. font-family: Arial, Helvetica, futura, Georgia, sans-serif;
  447. font-size: 10px;
  448. color: {color:navigation text};
  449. text-transform: uppercase;
  450. text-decoration: none;
  451. text-align: center;
  452. margin-top: 3px;
  453. margin-bottom: 1px;
  454. padding:1px;
  455. -webkit-transition: all 0.5s ease;
  456. -moz-transition: all 0.5s ease;
  457. -o-transition: all 0.5s ease;
  458. border-radius:0px;
  459.  
  460.  
  461.  
  462.  
  463. }
  464.  
  465.  
  466.  
  467. .navigatee a:hover{
  468. background-color: {color:hover navigation buttons};
  469. }
  470.  
  471. #desc{
  472. color:{color:text};
  473. width:240px;
  474. margin-top: 12px;
  475. margin-bottom: 3px;
  476. opacity:0.5;
  477. font-size:10px;
  478. font-family: Arial, Helvetica, futura, Georgia, sans-serif;
  479. line-height:10px;
  480.  
  481. }
  482.  
  483. ol.notes img {
  484. width: 16px;
  485. display: inline;
  486. position: relative;
  487. top: 3px;
  488.  
  489. }
  490.  
  491. #sidebar img {
  492. {block:ifroundedcorners}-moz-border-radius: 5px;
  493. border-radius: 5px;
  494. {block:ifroundedcorners}
  495. display: block;
  496. margin-bottom: 1px;
  497.  
  498. }
  499.  
  500.  
  501.  
  502. .entry:hover .details {
  503. opacity: 1.0;
  504. margin:12px 0px 0px 0px;
  505. filter: alpha(opacity = 100);
  506. -webkit-transition: all .25s ease-in-out;
  507. -moz-transition: all .25s ease-in-out;
  508. -o-transition: all .25s ease-in-out;
  509. transition: all .25s ease-in-out;
  510. }
  511.  
  512. .entry .perma{
  513. opacity: 0;
  514. background-color: #fff;
  515. position: absolute;
  516. text-align:center;
  517. margin-top:0px;
  518. height: 10px;
  519. width: 288px;
  520. margin-left: 0px;
  521. padding: 5px 10px 5px 0px;
  522. border:1px solid rgba(0,0,0,0.1);
  523. -webkit-transition: all .25s ease-in-out;
  524. -moz-transition: all .25s ease-in-out;
  525. -o-transition: all .25s ease-in-out;
  526. transition: all .25s ease-in-out;
  527. overflow: hidden;
  528. overflow-y:hidden;
  529. z-index:1000;
  530. }
  531.  
  532. .entry:hover .perma{
  533. opacity: 0.9;
  534. width: 288px;
  535. color: #000;
  536. -webkit-transition: all .25s ease-in-out;
  537. -moz-transition: all .25s ease-in-out;
  538. -o-transition: all .25s ease-in-out;
  539. transition: all .25s ease-in-out;
  540. }
  541.  
  542. .perms {
  543. font-family: Arial, Helvetica, futura, Georgia, sans-serif;
  544. letter-spacing: 1px;
  545. text-transform: uppercase;
  546. font-size: 10px;
  547. line-height: 10px;
  548. color: #000;
  549. -webkit-transition: all .25s ease-in-out;
  550. -moz-transition: all .25s ease-in-out;
  551. -o-transition: all .25s ease-in-out;
  552. transition: all .25s ease-in-out;
  553. }
  554.  
  555. .perms a:hover{
  556. color: {color:hover};
  557. -webkit-transition: all .25s ease-in-out;
  558. -moz-transition: all .25s ease-in-out;
  559. -o-transition: all .25s ease-in-out;
  560. transition: all .25s ease-in-out;
  561. }
  562.  
  563.  
  564. #pagination{
  565. display:none;
  566. }
  567.  
  568.  
  569.  
  570. .permalink2 {
  571. color: #000000;
  572. padding-top: 0px;
  573. padding-bottom: 0px;
  574. font-size: 10px;
  575. text-align: center;
  576. opacity: 0;
  577. filter: alpha(opacity = 0);
  578. -webkit-transition: all ease-in 250ms;
  579. -moz-transition: all ease-in 250ms;
  580. -o-transition: all ease-in 250ms;
  581. -ms-transition: all ease-in 250ms;
  582. transition: all ease-in 250ms;
  583.  
  584. }
  585.  
  586. blockquote, q {
  587. padding-left:5px;padding-top:7px;
  588. padding-right:5px;padding-bottom:7px;
  589. margin-left:5px; margin-right:5px;
  590. border-left: 2px solid #ccc;
  591. border-right: 2px solid #ccc;
  592. background-color:{color:blockquote};
  593. }
  594.  
  595. li.drawer a {
  596. margin: 0px 5px;}
  597.  
  598. .label {
  599. text-transform:uppercase;
  600. color:{color:Link}
  601. }
  602.  
  603. .question {
  604. text-align:left;
  605. padding-left:5px;padding-top:7px;
  606. padding-right:5px;padding-bottom:7px;
  607. border-left: 2px solid {color:Link};
  608. border-right: 2px solid {color:Link};
  609. background-color:{color:blockquote};
  610. }
  611.  
  612. .answer {
  613. text-align:left;
  614. padding-left:5px;padding-top:7px;
  615. padding-right:5px;padding-bottom:7px;
  616. }
  617.  
  618. .text {
  619. padding: 10px;
  620. }
  621.  
  622. .entry:hover .permalink2 {
  623. opacity: 1;
  624. filter: alpha(opacity = 100);
  625. -webkit-transition: all ease-in 250ms;
  626. -moz-transition: all ease-in 250ms;
  627. -o-transition: all ease-in 250ms;
  628. -ms-transition: all ease-in 250ms;
  629. transition: all ease-in 250ms;
  630. }
  631.  
  632. #pp {
  633. text-align: center;
  634. width: 100%;
  635. padding-top: 2px;
  636. }
  637.  
  638.  
  639. .permahover {
  640. text-align: right;
  641. line-height:200%;
  642. opacity: 0.0;
  643. filter: alpha(opacity = 0);
  644. font-size: 9px;
  645. line-height: 9px;
  646. text-transform: uppercase;
  647. }
  648.  
  649. .entry:hover .permahover {
  650. text-align: center;
  651. opacity: 1;
  652. filter: alpha(opacity = 50);
  653.  
  654.  
  655. }
  656.  
  657.  
  658. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  659. padding-bottom : 0px;}
  660.  
  661. #newHeader {
  662. padding-bottom: 2px;
  663. text-align: center;
  664.  
  665. }
  666.  
  667. div.panel {
  668. width: 260px;
  669. padding: 15px 20px;
  670. color: #333;
  671. text-align: center;
  672. line-height: 22px;
  673. display: none;
  674.  
  675. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  676. }
  677. div.panel p {
  678. margin: 10px 0;
  679. }
  680. div.panel p a, div.textPost p a, div.audioPost p a {
  681. color: #333;
  682. text-decoration: none;
  683. border-bottom: 1px dotted;
  684. font-style: italic;
  685. font-weight: bold;
  686. }
  687.  
  688.  
  689.  
  690.  
  691.  
  692.  
  693.  
  694.  
  695. #toTop {
  696. display:none;
  697. text-decoration:none;
  698. position:fixed;
  699. bottom:10px;
  700. right:20px;
  701. overflow:hidden;
  702. width:81px;
  703. height:81px;
  704. border:none;
  705. background:url("http://i1155.photobucket.com/albums/p559/scrolltotop/arrow44.png") no-repeat left top;
  706. opacity: .5;
  707. filter: alpha(opacity = 50);
  708. }
  709.  
  710. #toTopHover {
  711. width:81px;
  712. height:81px;
  713. display:block;
  714. overflow:hidden;
  715. float:left;
  716. opacity: 0;
  717. -moz-opacity: 0;
  718. filter:alpha(opacity=0);
  719. }
  720.  
  721. .an {
  722. text-align:left;
  723. padding-left:5px;
  724. padding-right:5px;
  725. border-left: 2px solid #fffdfd;
  726. border-right: 2px solid #fffdfd;
  727. background-color:#cecccc;
  728. }
  729. #toTop:hover {
  730. opacity: 1;
  731. filter: alpha(opacity = 100);
  732. }
  733.  
  734. #toTop:active, #toTop:focus {
  735. outline:none;
  736. }
  737.  
  738.  
  739. .details-r, .details-l, .details-t{
  740. padding-top:4px;
  741. font-family: Calibri;
  742. font-weight:bold;
  743. font-size:10px;
  744. text-transform:uppercase;
  745. line-height:13px;
  746. color:rgba(0,0,0,0.5);
  747. }
  748. .details-r{
  749. text-align:right;
  750. {block:IfBasicPermalinkBorder}
  751. border-top: 1px solid rgba(0,0,0,0.2);
  752. {/block:IfBasicPermalinkBorder}
  753. }
  754. .details-l{
  755. position:absolute;
  756. left:0px;
  757. bottom:0px;
  758. text-align:left;
  759. }
  760. .details-t{
  761. text-align:center;
  762. {block:IfBasicPermalinkBorder}
  763. border-top: 1px solid rgba(0,0,0,0.2);
  764. {/block:IfBasicPermalinkBorder}
  765. }
  766. .details-r a, .details-l a, .details-t a{
  767. color:rgba(0,0,0,0.5);
  768. }
  769. {block:IfColourfulPermalinks}
  770. .details-r a:hover, .details-l a:hover, .details-t a:hover{
  771. color:{color:PermalinksHover};
  772. }
  773. {/block:IfColourfulPermalinks}
  774.  
  775. .gradient{
  776. position:absolute;
  777. left:0;
  778. height:14px;
  779. width:100%;
  780. text-align:center;
  781. opacity:0;
  782. bottom:0;
  783. padding:16px 0 10px 0;
  784. background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
  785. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4)));
  786. background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
  787. background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
  788. background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
  789. background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,{text:PermalinkOpacity}) 100%);
  790.  
  791.  
  792.  
  793.  
  794. }
  795. .entry:hover .gradient{
  796. opacity:0.99;
  797. padding:16px 0 10px 0;
  798.  
  799. }
  800. .gradient a:hover{
  801. text-decoration:none;
  802. }
  803. .reblogspan{
  804. color:transparent;
  805. width:13px;
  806. height:13px;
  807. background:url('http://media.tumblr.com/tumblr_mboy88Mmjo1qk7o6d.png');
  808. display:inline-block;
  809. }
  810. .reblogspan-2{
  811. color:transparent;
  812. width:13px;
  813. height:13px;
  814. font-size:12px;
  815. margin:0 1px;
  816. background:url('http://static.tumblr.com/beiywxc/cKKmcczrv/reblog_small_black.png');
  817. display:inline-block;
  818. opacity:0.5;
  819.  
  820. }
  821. .notespan{
  822. padding: 0 5px;
  823. color:#fff;
  824. font-family: verdanda;
  825. font-weight:;
  826. font-size:15px;
  827. line-height:22px;
  828. letter-spacing:1px;
  829. }
  830. .my-like {
  831. cursor:pointer;
  832. color:transparent;
  833. width:13px;
  834. height:13px;
  835. background:url('http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png');
  836. display:inline-block;
  837. }
  838. .my-basic-like {
  839. cursor:pointer;
  840. color:transparent;
  841. width:13px;
  842. height:13px;
  843. font-size:12px;
  844. margin:0 0 0 1px;
  845. background:url('http://static.tumblr.com/beiywxc/qK6mcczsr/black_heart_final.png');
  846. display:inline-block;
  847. opacity:0.5;
  848. }
  849. .my-liked {
  850. cursor:pointer;
  851. color:transparent;
  852. width:13px;
  853. height:13px;
  854. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  855. display:inline-block;
  856. }
  857. .my-basic-liked {
  858. cursor:pointer;
  859. color:transparent;
  860. width:13px;
  861. height:13px;
  862. font-size:12px;
  863. margin:0 0 0 1px;
  864. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  865. display:inline-block;
  866. }
  867.  
  868. #over{
  869. height:108%;
  870. position:absolute;
  871. top:0px;
  872. left:0px;
  873. width: 100%;
  874. z-index:-99999999;
  875. }
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884. </style>
  885. <div style="display:block;bottom:5px;right:5px;font-size:15px;
  886. font-family:calibri;position:fixed;background-color:white;padding:5px;border-radius:0px;border:1px solid #888;color:#888;z-index:5;opacity:1;"><a href="http://adf.ly/JaHfv" target="blank">©</a></div>
  887. <script type="text/javascript">
  888. $(window).load(function(){
  889. $("p").remove(":contains('Source:')");
  890. $("p").remove(":contains('via ')");
  891. });
  892. </script>
  893.  
  894. <script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
  895. <script type="text/javascript">
  896. $(document).ready(function() {
  897. $().UItoTop({ easingType: 'easeOutQuart' });
  898. });
  899. </script>
  900.  
  901. </head>
  902. <body>
  903. <div id="contain">
  904.  
  905. <div id="sidebar"><center>
  906.  
  907. {block:ifshowsidebarimage}
  908. <a href="/"><img src="{image:sidebar}" width="240"></a>
  909. {/block:ifshowsidebarimage}
  910. <center>
  911.  
  912. <div style="
  913. font-family: verdanda;
  914. font-size: 14px;
  915. line-height: 110%;
  916. color:{color:description text};
  917. text-transform: none;
  918. width:235px;
  919. padding-top:10px;
  920. padding-bottom:10px;
  921. border-bottom:1px solid #bbb;">
  922. <center>
  923.  
  924.  
  925. {Description}
  926.  
  927.  
  928.  
  929. </div>
  930.  
  931.  
  932.  
  933.  
  934.  
  935. <div style="
  936. font-family: helvetica;
  937. font-size: 13px;
  938. text-transform:uppercase;
  939. line-height: 110%;
  940. text-transform:uppercase;
  941. padding-bottom:10px;">
  942.  
  943. </div>
  944.  
  945.  
  946. <div id="navigatedot"></div>
  947.  
  948. {block:iflinkonetitle}
  949. <span class="navigate">
  950. <a href="{text:Link One}">{text:Link One Title}</a>
  951. </span>
  952. {/block:iflinkonetitle}
  953.  
  954. {block:iflinktwotitle}
  955. <span class="navigate">
  956. <a href="{text:Link Two}">{text:Link Two Title}</a>
  957. </span>
  958. {/block:iflinktwotitle}
  959.  
  960.  
  961. {block:iflinkthreetitle}
  962. <span class="navigate">
  963. <a href="{text:Link Three}">{text:Link Three Title}</a>
  964. </span>
  965. {/block:iflinkthreetitle}
  966.  
  967. {block:iflinkfourtitle}
  968. <span class="navigate">
  969. <a href="{text:Link Four}">{text:Link Four Title}</a>
  970. </span>
  971. {/block:iflinkfourtitle}
  972.  
  973. {block:iflinkfivetitle}
  974. <span class="navigate">
  975. <a href="{text:Link Five}">{text:Link Five Title}</a>
  976. </span>
  977. {/block:iflinkfivetitle}
  978.  
  979. {block:iflinksixtitle}
  980. <span class="navigate">
  981. <a href="{text:Link Six}">{text:Link Six Title}</a>
  982. </span>
  983. {/block:iflinksixtitle}
  984.  
  985.  
  986.  
  987.  
  988. <span class="navigatee"><a href="http://adf.ly/KtUmU" target="blank">Theme Creator</a></span>
  989.  
  990. <div id="navigatedot"></div>
  991. </div>
  992.  
  993.  
  994.  
  995. <div id="content">
  996. {block:Posts}
  997. <div class="entry">
  998.  
  999. {block:Text}
  1000. <div class="text">
  1001. <div style="text-transform:uppercase">{block:Title}
  1002. <a href="{Permalink}">{Title}</a>
  1003. {/block:Title}</div>
  1004. {Body}
  1005. {block:indexpage}
  1006. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1007. {/block:indexpage}
  1008.  
  1009. </div>
  1010. {/block:Text}
  1011.  
  1012. {block:Photo}
  1013. {block:IndexPage}
  1014. <div class="gradient transition">
  1015. <a href="{ReblogURL}" title="Reblog" target="_blank"><span class="reblogspan">o</span></a>
  1016. <a href="{Permalink}" title="Permalink"><span class="notespan">{NoteCount}</span></a>
  1017. <span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">o</span></div>
  1018. {/block:IndexPage}
  1019. {block:indexpage}
  1020. <a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  1021. {/block:indexpage}
  1022. {block:permalinkpage}
  1023. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  1024. {/block:permalinkpage}
  1025. {/block:Photo}
  1026.  
  1027. {block:Photoset}
  1028. {block:IndexPage}<br><center>{Photoset-250}</center>{/block:IndexPage}
  1029. {block:indexpage}
  1030. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1031. {/block:indexpage}
  1032. {block:permalinkpage}
  1033. {Photoset-500}
  1034. {/block:permalinkpage}
  1035. {/block:Photoset}
  1036.  
  1037. {block:Quote}
  1038. <div class="text">
  1039. "{Quote}"
  1040. {block:Source}
  1041. <div class="source"><div style="text-align:right">{Source}</div></div>
  1042. {/block:Source}
  1043. {block:indexpage}
  1044. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1045. {/block:indexpage}
  1046. </div>{/block:Quote}
  1047.  
  1048. {block:Link}
  1049. <div class="text">
  1050. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  1051. {block:Description}
  1052. <div class="description">{Description}</div>
  1053. {/block:Description}
  1054. {block:indexpage}
  1055. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1056. {/block:indexpage}
  1057. </div>{/block:Link}
  1058.  
  1059. {block:Chat}
  1060. <div class="text">
  1061. {block:Title}
  1062. <a href="{Permalink}">{Title}</a>
  1063. {/block:Title}
  1064. <ul class="chat">
  1065. {block:Lines}
  1066. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  1067.  
  1068. {Line} </li>
  1069. {/block:Lines}
  1070. </ul>
  1071. {block:indexpage}
  1072. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1073. {/block:indexpage}
  1074. </div>{/block:Chat}
  1075.  
  1076. {block:Video}
  1077. {block:IndexPage}{Video-250}{/block:IndexPage}
  1078. {block:indexpage}
  1079. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1080. {/block:indexpage}
  1081. {block:permalinkpage}
  1082. {Video-500}
  1083. {/block:permalinkpage}
  1084.  
  1085. {/block:Video}
  1086.  
  1087. {block:Audio}
  1088. <div class="text">
  1089. {AudioPlayerGrey}
  1090. {block:Caption}
  1091. {Caption}
  1092. {/block:Caption}
  1093. {block:indexpage}
  1094. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  1095. {/block:indexpage}
  1096. </div>{/block:Audio}
  1097.  
  1098. {block:Answer}<div class="text">
  1099. <div class="question">
  1100. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  1101. {block:indexpage}
  1102. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  1103. {/block:indexpage}
  1104. </div>{/block:Answer}
  1105.  
  1106.  
  1107. {block:PermalinkPage}
  1108. <div id="note3"><div style="text-align:right">
  1109. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  1110.  
  1111. {block:PostNotes}
  1112. {PostNotes}
  1113. {/block:PostNotes}
  1114. </div>
  1115. {/block:PermalinkPage}
  1116. </div>
  1117. {/block:Posts}
  1118. </div>
  1119. </div>
  1120. {block:Pagination}
  1121. <ul id="pagination">
  1122. {block:PreviousPage}
  1123. <li><a href="{PreviousPage}"></a></li>
  1124. {/block:PreviousPage}
  1125. {block:JumpPagination length="5"}
  1126. {block:CurrentPage}
  1127. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1128. {/block:CurrentPage}
  1129. {block:JumpPage}
  1130. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1131. {/block:JumpPage}
  1132. {/block:JumpPagination}
  1133. {block:NextPage}
  1134. <li><a id="nextPage" href="{NextPage}"></a></li>
  1135. {/block:NextPage}
  1136. </ul>
  1137. {/block:Pagination}
  1138.  
  1139. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1140. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  1141. {block:IndexPage}
  1142. <script type="text/javascript">
  1143. $(window).load(function () {
  1144. $('#content').masonry(),
  1145. $('.masonryWrap').infinitescroll({
  1146. navSelector : '#pagination',
  1147. nextSelector : '#pagination a#nextPage',
  1148. itemSelector : ".entry",
  1149. bufferPx : 100,
  1150. loadingText : "<em></em>",
  1151. },
  1152. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1153. );
  1154. });
  1155. </script>
  1156. {/block:IndexPage}
  1157.  
  1158. <script type="text/javascript">
  1159.  
  1160. $('.show').click(function(e){
  1161. e.preventDefault();
  1162. $('.panel').stop(true,true);
  1163. var target = $(this).attr('href');
  1164. if($('.panel').is(':visible')){
  1165. if($(target).is(':visible')){
  1166. $(target).slideUp();
  1167. return false;
  1168. }else{
  1169. $('.panel:visible').slideUp(400, function(){
  1170. $(target).slideDown();
  1171. });
  1172. }
  1173. }else {
  1174. $(target).slideDown();
  1175. }
  1176. });
  1177.  
  1178. </script>
  1179. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  1180. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186. </body>
  1187. </div>
  1188.  
  1189.  
  1190.  
  1191.  
  1192. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!