API tools faq
paste
Advertisement
PalePsds

theme #7

PalePsds
Jan 30th, 2014
2,420
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.71 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. ♡ DON'T DELETE THIS ♡DON'T DELETE THIS ♡ DON'T DELETE THIS ♡ DON'T DELETE
  3. ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ ·
  4. this is theme #7 by provacotive/pale-themes.
  5. ↪ please don't redistribute without proper credit,
  6. ↪ please don't take out the credit, i work super super hard on these and it would break my heart to see someone claim my work as theres.
  7. ↪ please don't use as a basecode without asking.
  8. if you have any questions, ask me.
  9. ↪ if you notice a bug in the theme, please please please contact me. it would really help alot.
  10. ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~
  11. ♡ DON'T DELETE THIS ♡DON'T DELETE THIS ♡ DON'T DELETE THIS ♡ DON'T DELETE
  12.  
  13. -------------------------------------------------------------------------->
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16.  
  17.  
  18. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19.  
  20. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m7efduTpVn1qdlkyg.gif">
  21.  
  22.  
  23.  
  24.  
  25. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  26.  
  27.  
  28. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  29.  
  30. <script>
  31.  
  32. $(document).ready(function(){
  33.  
  34. $(".civil").hide();
  35.  
  36. $(".polly").click(function(){
  37. $(".civil").slideToggle();
  38. });
  39. });
  40.  
  41. </script>
  42.  
  43. <script>
  44. $(document).ready(function(){
  45. $(".lol").click(function(){
  46. $(".ok").slideToggle("linear");
  47. });
  48. });
  49. </script>
  50.  
  51. <script type="text/javascript"
  52. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53.  
  54. <head>
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/tumblr_lpvu9709KH1qlzq96.png" border="0"></a>
  57.  
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Coming+Soon|Happy+Monkey' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  61.  
  62. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  64.  
  65. <title>{title}</title>
  66. <link rel="shortcut icon" href="{Favicon}"/>
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  69.  
  70. <!--Default Variables-->
  71. <meta name="color:Background" content="#ffffff"/>
  72. <meta name="color:Text" content="aeaeae"/>
  73. <meta name="color:Link" content="#555555"/>
  74. <meta name="color:Link Hover" content="#cccccc"/>
  75. <meta name="color:title" content="#000"/>
  76.  
  77. <meta name="if:back to top 1" content=""/>
  78. <meta name="if:back to top 2" content=""/>
  79.  
  80. <meta name="image:Sidebar Image" content=""/>
  81. <meta name="if:Show Photo" content="1"/>
  82.  
  83. <meta name="text:Link One Title" content="Link 1" />
  84. <meta name="text:Link One" content="" />
  85. <meta name="text:Link Two Title" content="Link 2" />
  86. <meta name="text:Link Two" content="" />
  87. <meta name="text:Link Three Title" content="Link 3" />
  88. <meta name="text:Link Three" content="" />
  89. <meta name="text:Link Four Title" content="Link 4" />
  90. <meta name="text:Link Four" content="" />
  91. <meta name="text:Link Five Title" content="Link 5" />
  92. <meta name="text:Link Five" content="" />
  93.  
  94. <meta name="text:top link 1 Title" content="Link 1" />
  95. <meta name="text:Link One url" content="" />
  96. <meta name="text:top link 2 Title" content="Link 2" />
  97. <meta name="text:Link Two url" content="" />
  98. <meta name="text:top link 3 Title" content="Link 3" />
  99. <meta name="text:Link Three url " content="" />
  100. <meta name="text:top link 4 Title" content="Link 4" />
  101. <meta name="text:Link Four url " content="" />
  102. <meta name="text:top link 5 Title" content="Link 5" />
  103. <meta name="text:Link Five url " content="" />
  104. <meta name="text:top link 6 Title" content="Link 3" />
  105. <meta name="text:Link six url " content="" />
  106. <meta name="text:top link 7 Title" content="Link 4" />
  107. <meta name="text:Link seven url" content="" />
  108. <meta name="text:top link 8 Title" content="Link 5" />
  109. <meta name="text:Link eight url" content="" />
  110.  
  111. <!--Styling,css-->
  112. <style type="text/css">
  113. @font-face{font-family:'kg overthinking mh';src:url('http://static.tumblr.com/hcocigh/G6xm6xmov/signerica_thin.ttf');}
  114.  
  115. @font-face { font-family: pixie; src: url('http://static.tumblr.com/fxpo5zq/a8Em6bgnk/lekton-regular.ttf'); }
  116.  
  117. @font-face{font-family:'overthinking mh';src:url('http://static.tumblr.com/7qdgtio/7qBm5wm8g/jennasue.ttf');}
  118.  
  119. body{
  120. padding: 0px;
  121. margin: 0px;
  122. color:{color:text};
  123. font-family: 'consolas';
  124. font-size: 10px;
  125. line-height:12px;
  126. background-color: {color:Background};
  127. background-image:url{image:Background};
  128. background-attachment: fixed;
  129. background-repeat: repeat
  130. text-align: justify;
  131. }
  132.  
  133. p {
  134. margin:0px;
  135. margin-top:0px;
  136. }
  137.  
  138. {block:iflace}
  139. #lace {
  140. background-image:url("http://media.tumblr.com/3ea0e75af7eb7375e5b1c9ed4c96be5b/tumblr_inline_moqo7gfSbI1qz4rgp.png");
  141. left:0;
  142. width:100%;
  143. background-repeat: repeat-x;
  144. background-attachment: fixed;
  145. margin-top: 0px;
  146. height:30px;
  147. position: fixed;
  148. z-index: 999;
  149. opacity:1;
  150. }
  151. {/block:iflace}
  152.  
  153. /* What your entries are on*/
  154. #post {
  155. {block:If2Column}
  156. width:600px;{/block:If2Column}
  157. {block:IfNot2Column}width:508px;{block:IfNot2Column}
  158. margin-left:468px;
  159. margin-right:auto;
  160. background-color:#fff;/* Background color for posts*/
  161. padding-top:35px;
  162. }
  163.  
  164.  
  165.  
  166. .title{
  167. font-family: 'consolas';
  168. font-size: 14px;
  169. line-height: 15px;
  170. color: {color:link};
  171. font-weight: normal;
  172. }
  173.  
  174. #postbar{
  175. position:fixed !important;
  176. z-index:7;
  177. width:18px;
  178. height: 100%;
  179. opacity: 4;
  180. margin-top:0px;
  181. margin-left:1065px;
  182. -webkit-transform: rotate(180deg);
  183. background-image: url("http://25.media.tumblr.com/af4697841ae9bb460b13be4de427122d/tumblr_msxg3fAaQD1rz2xexo1_100.png");}
  184.  
  185.  
  186. .titlequote{
  187. font-family: 'consolas';
  188. font-size: 14px;
  189. line-height: 15px;
  190. color: {color:text};
  191. font-weight: normal;
  192. }
  193.  
  194. /* Links */
  195.  
  196. #s-m-t-tooltip {
  197. max-width:300px; padding:3px 3px 3px 3px; margin:20px 0px 0px 20px; background: #fff; /* change the background color you can change it to transparent too*/
  198. font-size: 10px;
  199. font-family: 'Open Sans';
  200. letter-spacing:0px; /* change the letter spacing */
  201. border-radius: 5px;
  202. border:1px solid #c9c9c9;
  203. text-transform:uppercase; /* can be none , lowercase or even uppercase!*/ color:#0000; /* change the text color */ z-index:999999999999999999999999999999999999; }
  204.  
  205. a:link, a:active, a:visited{
  206. color:{color:link};
  207. text-decoration: none;
  208. -webkit-transition: color 0.4s ease-out;
  209. -moz-transition: color 0.4s ease-out;
  210. }
  211.  
  212. a:hover{
  213. color:{color:Link Hover};
  214. -webkit-transition: color 0.4s ease-out;
  215. -moz-transition: color 0.4s ease-out;
  216. }
  217.  
  218. .links a{
  219. font-size:10px;
  220. font-family: 'Calibri';
  221. margin-right:5px;
  222. margin-left:7px;
  223. margin-top:2px;
  224. display:inline-block;
  225. text-align:center;
  226. color: #000;
  227. padding:1px;
  228. text-transform:uppercase;
  229. -webkit-transition: linear;
  230. -webkit-transition: all 0.3s ease-out;
  231. -moz-transition: all 0.3s ease-out;
  232. transition: all 0.3s ease-out;
  233. -webkit-transition: all 0.3s ease-out;
  234. -moz-transition: all 0.3s ease-out;
  235. transition: all 0.3s ease-out;
  236. }
  237.  
  238. .links a:hover{
  239. color: #fff;
  240. padding:1px;
  241. border-radius:3px;
  242. -webkit-transition: linear;
  243. -webkit-transition: all 0.3s ease-out;
  244. -moz-transition: all 0.3s ease-out;
  245. transition: all 0.3s ease-out;
  246. -webkit-transition: all 0.3s ease-out;
  247. -moz-transition: all 0.3s ease-out;
  248. transition: all 0.3s ease-out;
  249. opacity:1;
  250. }
  251.  
  252. /* Effect 18:
  253.  
  254. cross */
  255.  
  256. nav a {
  257. position: relative;
  258. margin: 15px -1px;
  259. outline: none;
  260. color: #fff;
  261. text-decoration: none;
  262. text-transform: lowercase;
  263. letter-spacing: 0px; text-shadow: 0 0 1px rgba(255,255,255,0.3);
  264. font-size: 10px; display:inline-block;
  265. }
  266.  
  267. .cl-effect-18 {
  268. position: relative;
  269. z-index: 1;
  270. display:inline-block;
  271. text-align:center;}
  272.  
  273. .cl-effect-18 a {
  274. display:inline-block;
  275. padding: 0 5px;
  276. -webkit-transition: color 0.3s;
  277. -moz-transition: color 0.3s;
  278. transition: color 0.3s;
  279. }
  280.  
  281. .cl-effect-18 a::before,
  282. .cl-effect-18 a::after {
  283. position: absolute;
  284. width: 100%;
  285. left:0;
  286. top: 50%;
  287. height: 1px;
  288. margin-top: -1px;
  289. background:#cfcfcf;
  290. content: '';
  291. z-index: -1;
  292. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  293. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  294. transition: transform 0.3s, opacity 0.3s;
  295. pointer-events: none;
  296. }
  297.  
  298. .cl-effect-18 a::before {
  299. -webkit-transform: translateY(10px);
  300. -moz-transform: translateY(10px);
  301. transform: translateY(10px);
  302. }
  303.  
  304. .cl-effect-18 a::after {
  305. -webkit-transform: translateY(10px);
  306. -moz-transform: translateY(10px);
  307. transform: translateY(10px);
  308. }
  309.  
  310. .cl-effect-18 a:hover,
  311. .cl-effect-18 a:focus {
  312. color: #4a708b;
  313. }
  314.  
  315. .cl-effect-18 a:hover::before,
  316. .cl-effect-18 a:hover::after,
  317. .cl-effect-18 a:focus::before,
  318. .cl-effect-18 a:focus::after {
  319. opacity: 0.7;
  320. }
  321.  
  322. .cl-effect-18 a:hover::before,
  323. .cl-effect-18 a:focus::before {
  324. -webkit-transform: rotate(45deg);
  325. -moz-transform: rotate(45deg);
  326. transform: rotate(45deg);
  327. }
  328.  
  329. .cl-effect-18 a:hover::after,
  330. .cl-effect-18 a:focus::after {
  331. -webkit-transform: rotate(-45deg);
  332. -moz-transform: rotate(-45deg);
  333. transform: rotate(-45deg);
  334. }
  335.  
  336.  
  337.  
  338. /* Entries */
  339.  
  340. .ask {width:auto;align:left;background:{color:ask background};margin:1px;
  341. margin-right:40px;padding:8px;position: relative;font: 10px verdana;
  342. text-shadow: 0px 1px 1px #fff;z-index:80;border-left:3px solid #f0f0f0;
  343. text-transform:normal;color:#888;}
  344. .res {color:{color:Text};font: 10px 'consolas';line-height:10px; text-align:left; margin-left:2px;}
  345.  
  346. .entry {
  347. float:left;
  348. margin:7px;
  349. opacity:0.9;
  350. text-align: justify;
  351. background-color: white;
  352. border:1px solid #d4d4d4;
  353. padding:10px;
  354. padding-bottom: 10px;
  355. {block:IndexPage}
  356. width:250px;
  357. {/block:IndexPage}
  358. {block:PermalinkPage}
  359. width:540px;
  360. {/block:PermalinkPage}
  361. border-radius:0px;
  362. }
  363.  
  364.  
  365. .entry img {
  366. display: block;
  367. max-width: 100%;
  368. opacity: 0.90;
  369. -webkit-transition: opacity 0.8s linear;
  370. }
  371.  
  372. img{
  373. border-radius:0px;
  374. -webkit-transition: opacity 0.8s linear;
  375. opacity: 0.80;
  376. }
  377.  
  378. img:hover{
  379. -webkit-transition: opacity 0.8s linear;
  380. opacity: 1;
  381. }
  382.  
  383. .title{
  384. font-family: 'consolas';
  385. font-size: 14px;
  386. line-height: 15px;
  387. color: {color:link};
  388. font-weight: normal;
  389. }
  390.  
  391.  
  392. /* Permalinks on hover*/
  393. .entry .one{
  394. position:absolute;
  395. z-index:10;
  396. overflow:hidden;
  397. opacity:0.0;
  398. width:245px;
  399. padding:9px;
  400. text-transform:uppercase;
  401. top:6px;
  402. background-color:#fff;
  403. font-family:'no';
  404. font-size:12px;
  405. color:#fcfcfc;
  406. text-align:center;
  407. left:6px;
  408. -webkit-transition: all 0.3s ease-out;
  409. -moz-transition: all 0.3s ease-out;
  410. transition: all 0.3s ease-out;
  411. }
  412.  
  413. .entry .one a{
  414. color:{color:hover};
  415. }
  416.  
  417. .entry:hover .one{
  418. opacity: 1;
  419. font-size:15px;
  420. color:{color:hover};
  421. letter-spacing:1px;
  422. font-family:'no';
  423. filter: alpha(opacity = 80);
  424. -webkit-transition: all .7s ease-in-out;
  425. -moz-transition: all .7s ease-in-out;
  426. -o-transition: all .7s ease-in-out;
  427. transition: all .7s ease-in-out;
  428. }
  429.  
  430. .entry .two{
  431. position:absolute;
  432. width:;
  433. height:auto;
  434. padding:5px;
  435. background-color:#fff;
  436. overflow:hidden;
  437. opacity:0.0;
  438. left:10px;
  439. top:80px;
  440. z-index:10;
  441. font-family: calibri;
  442. font-size: 11px;
  443. -webkit-transition: all .7s ease-in-out;
  444. -moz-transition: all .7s ease-in-out;
  445. -o-transition: all .7s ease-in-out;
  446. transition: all .7s ease-in-out;
  447. }
  448.  
  449. .entry:hover .two{
  450. opacity: 1;
  451. font-family:'calibri';
  452. filter: alpha(opacity = 80);
  453. -webkit-transition: all .7s ease-in-out;
  454. -moz-transition: all .7s ease-in-out;
  455. -o-transition: all .7s ease-in-out;
  456. transition: all .7s ease-in-out;
  457. }
  458.  
  459. .textpermaaa {
  460. position:absolute;
  461. height: auto;
  462. width: auto;
  463. padding:7px;
  464. padding-bottom:2px;
  465. padding-top:2px;
  466. overflow: hidden;
  467. text-align: left;
  468. font-size: 10px;
  469. font-family: 'Open Sans', sans-serif;
  470. line-height: 15px;
  471. opacity: 0;
  472. background-color: #fff;
  473. filter: alpha(opacity = 0);
  474. -webkit-transition: all 0.5s linear;
  475. -moz-transition: all 0.5s linear;
  476. transition: all 0.5s linear;
  477. }
  478.  
  479. .entry:hover .textpermaaa {
  480. opacity:1;
  481. bottom:-10px;
  482. right: 15px;
  483. font-family: 'Open Sans', sans-serif;
  484. filter: alpha(opacity = 90);
  485. -webkit-transition: all 0.5s linear;
  486. -moz-transition: all 0.5s linear;
  487. transition: all 0.5s linear;
  488. }
  489.  
  490. #pizza {
  491. position:fixed;
  492. font-family:'consolas';
  493. text-transform:uppercase;
  494. font-size:8px;
  495. right:10px;
  496. bottom:7px;
  497. padding:4px;
  498. letter-spacing:1px;
  499. }
  500.  
  501. #asker {
  502. color:#fcfcfc;
  503. padding:10px;
  504. font-family:'Open Sans';
  505. font-size:11px;
  506. letter-spacing:0px;
  507. text-align:left;
  508. margin-top:0px;
  509. text-transform:lowercase;
  510. line-height:100%;
  511. background-color:{color:Answer Backg}
  512. }
  513.  
  514. .textbox {
  515. margin:-5px 5px;
  516. }
  517.  
  518. .textbox img {
  519. max-width:100%;
  520. height:auto;
  521. }
  522.  
  523. .entry .question{
  524. padding: 10px;
  525. margin:5px 5px 0 5px;
  526. border: 1px solid rgba(0,0,0,0.2);
  527. border-bottom:0;
  528. }
  529.  
  530. .entry .nipple{
  531. margin: 0 5px;
  532. background: url('http://i49.tinypic.com/zikh1h.png') top left;
  533. height:6px;
  534. opacity: 0.2;
  535. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  536. filter: alpha(opacity=20);
  537. -moz-opacity: 0.2;
  538. -khtml-opacity: 0.2;
  539. }
  540.  
  541. .entry .questioner{
  542. margin:5px 0 0 19px;
  543. padding-bottom:5px;
  544. }
  545.  
  546. .entry .questioner div{
  547. margin:0 0 0 5px;
  548. padding:3px 0;
  549. height:14px;
  550. display:inline-block;
  551. }
  552.  
  553. .permatext{
  554. height:auto;
  555. line-height:100%;
  556. position:absolute;
  557. right:0px;
  558. bottom:0px;
  559. font-size: 11px;
  560. bottom:-5px;
  561. opacity: 0;
  562. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  563. filter: alpha(opacity=0);
  564. -moz-opacity: 0;
  565. -khtml-opacity: 0;
  566. padding:0;
  567. background: transparent;
  568. -webkit-transition: all 0.2s linear;
  569. -moz-transition: all 0.2s linear;
  570. -o-transition: all 0.2s linear;
  571. transition: all 0.2s linear;
  572. }
  573.  
  574. .entry:hover .permatext{
  575. right:0px;
  576. bottom:0px;
  577. opacity: 1;
  578. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  579. filter: alpha(opacity=100);
  580. -moz-opacity: 1;
  581. -khtml-opacity: 1;
  582. -webkit-transition: all 0.2s linear;
  583. -o-transition: all 0.2s linear;
  584. -moz-transition: all 0.2s linear;
  585. transition: all 0.2s linear;
  586. }
  587.  
  588. .entry:hover .permatext:hover{
  589. -webkit-transition: all 0.2s linear;
  590. -o-transition: all 0.2s linear;
  591. -moz-transition: all 0.2s linear;
  592. transition: all 0.2s linear;
  593. opacity: 100;
  594. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  595. filter: alpha(opacity=100);
  596. -moz-opacity: 1;
  597. -khtml-opacity: 1;
  598. }
  599.  
  600.  
  601. /* Sidebar*/
  602. #sidebar{
  603. position:fixed;
  604. margin-left:40px;
  605. height: auto;
  606. width:170px;
  607. left:170px;
  608. top:45px;
  609. padding: 12px;
  610. text-align: right;
  611. border:1px solid #d4d4d4;
  612. background-color: #fff;
  613. text-transform:auto;
  614. background-image:url({image:Sidebar Background});
  615. font-size: 15px;
  616. font-family:"no";
  617. line-height:13px;
  618. letter-spacing: 1px;
  619. border-radius:0px;
  620. color: {color:description};
  621. -webkit-transition: all 0.3s ease-out;
  622. -moz-transition: all 0.3s ease-out;
  623. transition: all 0.3s ease-out;
  624. }
  625.  
  626. @font-face { font-family: "no"; src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf'); }
  627.  
  628. .blogtitle {
  629. color: {title};
  630. font: 20px 'Coming Soon';
  631. margin-top:-38px;
  632. line-height:33px;
  633. text-shadow: -1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd;
  634. text-transform: none;
  635. text-align:center;
  636. }
  637.  
  638.  
  639. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}
  640.  
  641. #toTop:active, #toTop:focus {
  642. outline:none}
  643.  
  644. .pagination {
  645. display: none;
  646. }
  647.  
  648.  
  649. .polly {
  650. background:;
  651. padding:3px;
  652. padding-bottom:6px;
  653. width:14px;
  654. border-top:1px solid #dbdbdb;
  655. border-bottom:1px solid #dbdbdb;
  656. border-left:1px solid #dbdbdb;
  657. font-family: 'calibri';
  658. font-size:13px;
  659. background-color:#fff;
  660. color: #aaa;
  661. opacity:1;
  662. margin-left:62px;
  663. z-index:99999999999999999999;
  664. text-transform:uppercase;
  665. line-height:11px;
  666. letter-spacing:2px;
  667. text-align:center;
  668. margin-top:24px;
  669. color:;
  670.  
  671. -webkit-transition: all 0.3s ease-out;
  672. -moz-transition: all 0.3s ease-out;
  673. transition: all 0.3s ease-out;
  674. }
  675.  
  676. #lolly{
  677. display: block;
  678. position:fixed;
  679. padding:8px;
  680. top:123px;
  681. width:80px;
  682. height:;
  683. z-index:99999999999999;
  684. font-family: 'calibri';
  685. text-align:center;
  686. letter-spacing:0px;
  687. font-size:10px;
  688. background-color:;
  689. opacity:1;
  690. margin-left:80px;
  691. }
  692.  
  693.  
  694. .tolly {
  695. background:;
  696. padding:3px;
  697. padding-bottom:6px;
  698. width:14px;
  699. border-top:1px solid #ddd;
  700. border-bottom:1px solid #ddd;
  701. border-left:1px solid #ddd;
  702. font-family:ubuntu;
  703. font-size:13px;
  704. background-color:#fff;
  705. color: #aaa;
  706. opacity:1;
  707. margin-left:64px;
  708. z-index:99999999999999999999;
  709. text-transform:uppercase;
  710. line-height:11px;
  711. letter-spacing:2px;
  712. text-align:center;
  713. margin-top:24px;
  714. color:;
  715.  
  716. -webkit-transition: all 0.3s ease-out;
  717. -moz-transition: all 0.3s ease-out;
  718. transition: all 0.3s ease-out;
  719. }
  720.  
  721. .civil a {
  722. text-align:right;
  723. }
  724. .civil {
  725. text-align:right;
  726. }
  727. #linkholder {
  728. display: block;
  729. position:fixed;
  730. top:5px;
  731. width:270px;
  732. height:;
  733. text-align:center;
  734.  
  735.  
  736. font-family:ubuntu;
  737. font-size:10px;
  738. background-color:;
  739. opacity:.6;
  740. margin-left:115px;
  741. }
  742.  
  743. #cool {
  744. position:fixed;
  745. opacity:1;
  746. z-index:9;
  747. width:560px;
  748. top:0px;
  749. height:33px;
  750. line-height:30px;
  751. text-transform:uppercase;
  752. font-size:10px;
  753. text-align: left;
  754. background-color:white;
  755. color:#000;
  756. opacity:1;
  757. left:475px;
  758. border-bottom:1px dashed #ccc;
  759. }
  760. #um{
  761. position:fixed;
  762. z-index:-99;
  763. top:-1px;
  764. left:152px;
  765. height:101%;
  766. width:2001px;
  767. background:#ffffff;
  768. opacity:.75;
  769. }
  770.  
  771.  
  772.  
  773.  
  774. #postbar2{
  775. position:fixed !important;
  776. z-index:7;
  777. width:18px;
  778. height: 100%;
  779. opacity: 4;
  780. margin-top:0px;
  781. margin-left:140px;
  782.  
  783. background-image: url("http://25.media.tumblr.com/af4697841ae9bb460b13be4de427122d/tumblr_msxg3fAaQD1rz2xexo1_100.png");
  784. }
  785.  
  786. {CustomCSS]
  787. </style>
  788. <script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr
  789.  
  790. ("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);
  791.  
  792. $(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else
  793.  
  794. {$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate
  795.  
  796. ({scrollTop:0},"slow")})}}); $(function() {$("#toTop").scrollToTop(); });</script>
  797. <a href="#" id="toTop"title="Scroll To Top"></a>
  798. <!--I reccommend not touching any ofthis unless you don't want infinite scroll!-->
  799. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  800.  
  801. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  802.  
  803. <script>
  804. $(function(){
  805. var $container = $('#post');
  806. $container.imagesLoaded(function(){
  807. $container.masonry({
  808. itemSelector: '.entry',
  809. });
  810. });
  811. $container.infinitescroll({
  812. itemSelector : ".entry",
  813. navSelector : "div.pagination",
  814. nextSelector : ".pagination a#next",
  815. loadingImg : "",
  816. loadingText : "<em></em>",
  817. bufferPx : 10000,
  818. extraScrollPx: 12000,
  819. },
  820. // trigger Masonry as a callback
  821. function( newElements ) {
  822. var $newElems = $( newElements ).css({ opacity: 0 });
  823. // ensure that images load before adding to masonry layout
  824. $newElems.imagesLoaded(function(){
  825. $newElems.animate({ opacity: 1 });
  826. $container.masonry( 'appended', $newElems, true );
  827. });
  828. }
  829. );
  830. });
  831. </script>
  832.  
  833. </head>
  834.  
  835.  
  836.  
  837. <body>
  838. <div id="um">
  839. </center>
  840. </div>
  841. <div id="cool">
  842. <a href="/">home</a>
  843. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  844. <a href="/ask">Ask</a>
  845. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  846. <a href="/submit">Submit</a>
  847. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  848.  
  849. <a href="{text:Link 1 URL}">{text:top link 1 Title}</a>
  850. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  851. <a href="{text:Link 2 URL}">{text:top link 2 Title}</a>
  852. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  853. <a href="{text:Link 3 URL}">{text:top link 3 Title}</a>
  854. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  855. <a href="{text:Link 4 URL}">{text:top link 4 Title}</a>
  856. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  857. <a href="{text:Link 5 URL}">{text:top link 5 Title}</a>
  858. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  859. <a href="{text:Link 6 URL}">{text:top link 6 Title}</a>
  860. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  861. <a href="{text:Link 7 URL}">{text:top link 7 Title}</a>
  862. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  863. <a href="{text:Link 8 URL}">{text:top link 8 Title}</a></div>
  864. <div id="postbar2"></div>
  865. <div id="postbar"></div>
  866.  
  867. {block:iflace}<div id="lace"></div>{/block:iflace}
  868. <!--Sidebar-->
  869. <div class="center">
  870.  
  871. <div id="sidebar"><center>
  872.  
  873. <div style="position:fixed !important; width:50px !important; margin-top:-51px;"><img src="{image:pixel}" width="50px !important"></div>
  874. {block:ifshowphoto}<p><a href="/"><img style="border:1px solid #fff;border-radius:4px;
  875. padding:5px;margin-left:-11px;"><img src="{image:Sidebar Image}" width=155px;></a>{/block:ifshowphoto}<p>
  876. <div style="padding:5px;padding-top:9px;margin-left:-5px;">{description}</div><select onchange='location=this.options[this.selectedIndex].value;' style='width:172px;background-color:white; border:1px solid #d1d1d1; border-radius: 5px; font-size:11px;font-family:calibri; text-transform:uppercase; height:20px; letter-spacing:1px; background-color:#f2f2f2;'>
  877. <option>navigation</option>
  878.  
  879. <option value="{text:Link One}">{text:link one Title}</option>
  880.  
  881. <option value="{text:Link Two}">{text:link two Title}</option>
  882.  
  883. <option value="{text:Link Three}">{text:link three Title}</option>
  884.  
  885. <option value="{text:Link Four}">{text:link four Title}</option>
  886.  
  887. <option value="{text:Link Five}">{text:link five Title}</option>
  888.  
  889. </select>
  890. </div>
  891.  
  892.  
  893. </div>
  894. </div>
  895. </div>
  896.  
  897. <div class="wrapper">
  898. <div style="position:fixed;right:0px;top:28px;">
  899. </span>
  900. </div>
  901. <!--End of sidebar-->
  902.  
  903. <!--Posts and entries-->
  904. <div class="content">
  905.  
  906.  
  907. <div id="post">
  908.  
  909. {block:Posts}
  910. <div class="entry">
  911. {block:Answer}
  912. <div class="question">{Question}</div>
  913. <div class="nipple"></div>
  914. <div class="questioner" align="left">
  915. <img src="http://media.tumblr.com/tumblr_m3whkoXtPf1qdlkyg.gif" width="20" height="15" align="left" style="margin-right:3px;"/>
  916. <div style="margin-top:1px;">{Asker}</div></div>
  917. <div style="margin-top:0px; margin-bottom:0px; left:5px; background: transparent; font-family:no; letter-spacing:1px;">{Answer}</div>
  918. {block:IndexPage}<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel} / <a href="{ReblogURL}" target="_blank" title="REBLOG THIS">REBLOG</a></div></span>
  919. {block:IndexPage}{/block:IndexPage}
  920. {/block:Answer}
  921.  
  922. {block:Text}
  923. {block:Title}<span class="title">{Title}</span>{/block:Title}
  924. {Body}
  925. {block:IndexPage}<div class="permatext"><a href="{Permalink}">{NoteCountWithLabel} / <a href="{ReblogURL}" target="_blank" title="REBLOG THIS">REBLOG</a></div></span>
  926. {block:IndexPage}
  927. {/block:Text}
  928.  
  929. {block:Link} <a href="{URL}" class="title">{Name}</a>
  930. {block:Description}{Description}{/block:Description}
  931. {block:IndexPage}
  932. <span class="judy"><div style="border-top:1px solid #d4d4d4;padding:3px;margin-top:3px;text-align:right;text-transform:auto;text-transform:auto;text-size;9px;"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank" title="Reblog this">REBLOG</a></div></span>
  933. {block:IndexPage}
  934. {block:Link}
  935.  
  936. {block:Photo}
  937. {block:IndexPage}
  938. <div class="one"style= "color:black;"><a href="{ReblogURL}"title="reblog this">REBLOG</a> - <a href="{Permalink}">{NoteCountWithLabel}</a></center></div>
  939. {/block:IndexPage}
  940. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}
  941. {/block:IndexPage}
  942. {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}</center>
  943. {/block:Photo}
  944.  
  945. {block:Photoset}{block:IndexPage}<div class="one"><a href="{ReblogURL}"title="reblog this">Reblog</a> - <a href="{Permalink}">{NoteCountWithLabel}</a></center></div>
  946. {/block:IndexPage}
  947. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  948. {block:permalinkpage}
  949. {Photoset-500}
  950. {/block:permalinkpage}
  951. {/block:Photoset}
  952.  
  953. {block:Quote}
  954. <div class="titlequote">{Quote}</div>
  955.  
  956. {block:Source}<div class="source"><br><div style="text-align:right; color:{color:text}; line-height:3px;">- {Source}</div></div>{/block:Source}
  957. {block:IndexPage}<div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>{block:IndexPage}
  958. {/block:Quote}
  959.  
  960. {block:Chat}
  961. {block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  962.  
  963. {block:IndexPage}<div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>{block:IndexPage}
  964. {/block:Chat}
  965.  
  966. {block:Audio}
  967. <center><div style="width:200px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  968. {FormattedPlayCount} plays</small></div></div></center><br>
  969. {block:Caption}{Caption}{/block:Caption}
  970. {block:IndexPage}<div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>{block:IndexPage}
  971. {/block:Audio}
  972.  
  973. {block:Video}
  974. <center>
  975. <center>{Video-250}</center>
  976. {block:IndexPage}<div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>{block:IndexPage}</center>
  977. {block:Video}
  978.  
  979. {block:PermalinkPage}
  980. <center>
  981. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  982.  
  983. {/block:PermalinkPage}
  984.  
  985. {block:PostNotes}{PostNotes}
  986. {/block:PostNotes}
  987. </div>
  988.  
  989. {/block:Posts}
  990.  
  991. </div>
  992. <!--Pagination-->
  993. <div class="pagination">
  994. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  995. </div>
  996.  
  997. </body>
  998. </html>
  999. <div id="pizza">
  1000. <a href=""><img src=""height=15 title=""></a></div>
  1001. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  1002.  
  1003.  
  1004.  
  1005.  
  1006. <div style="position:fixed;width:100px;top:28px; right:19px;padding-left:13px;font-family:consolas;font-size:8px;background-color:#f7f7f7;color:White;text-transform:uppercase;letter-spacing:1px;
  1007. text-align:center;padding:4px;border:4px DOUBLE white;border-radius:0px;">
  1008. <font color="#fff">
  1009. <marquee> <a href="http://www.pale-themes.tumblr.com">hey guys! this is theme #7 by pale-themes. if you want to see more, please click here.</a></marquee>
  1010. </html>
  1011. </div>
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!