API tools faq
paste
Advertisement
preachniam

theme 19 by preachniam

preachniam
May 1st, 2013
787
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.95 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 19 by preachniam. if you remove credit i will continuously report you until you proceed to give me credit. do not distribute this theme as your own, do not edit without asking me, unless it's for personal use only.
  3. -->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head>
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:90,
  17. tip_fade_speed:600,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23.  
  24.  
  25. <html lang="en">
  26. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  27. <html xmlns="http://www.w3.org/1999/xhtml">
  28. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  29.  
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32. <script>
  33. $(document).ready(function() {
  34. //
  35. $('a.poplight[href^=#]').click(function() {
  36. var popID = $(this).attr('rel'); //Get Popup Name
  37. var popURL = $(this).attr('href'); //Get Popup href to define size
  38. var query= popURL.split('?');
  39. var dim= query[1].split('&');
  40. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  41. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lprq9jrfsI1qcn2vb.png" class="btn_close" title="Close" alt="Close" /></a>');
  42. var popMargTop = ($('#' + popID).height() + 80) / 2;
  43. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  44. //Apply Margin to Popup
  45. $('#' + popID).css({
  46. 'margin-top' : -popMargTop,
  47. 'margin-left' : -popMargLeft
  48. });
  49. $('body').append('<div id="fade"></div>');
  50. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  51. return false;
  52. });
  53. $('a.close, #fade').live('click', function() {
  54. $('#fade , .popup_block').fadeOut(function() {
  55. $('#fade, a.close').remove(); //fade them both out
  56. });
  57. return false;
  58. });
  59. });
  60. </script>
  61.  
  62. <script type="text/javascript">
  63. <!--
  64.  
  65. // Disable Right Click Script
  66.  
  67. function IE(e)
  68. {
  69. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  70. {
  71. return false;
  72. }
  73. }
  74. function NS(e)
  75. {
  76. if (document.layers || (document.getElementById && !document.all))
  77. {
  78. if (e.which == "2" || e.which == "3")
  79. {
  80. return false;
  81. }
  82. }
  83. }
  84. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  85.  
  86. //-->
  87.  
  88. </script>
  89.  
  90.  
  91. <script type="text/javascript"
  92. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  93.  
  94. <!--DEFAULT VARIABLES-->
  95. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  96. <meta name="color:background" content="#fff"/>
  97. <meta name="color:link" content="#777"/>
  98. <meta name="color:text" content="#777"/>
  99. <meta name="color:title" content="#333"/>
  100. <meta name="color:linktext" content="#777"/>
  101. <meta name="color:hover" content="#fff"/>
  102. <meta name="color:ask background" content="#333"/>
  103. <meta name="text:put your name here" content="put your name here"/>
  104. <meta name="image:sidebar" content="1"/>
  105. <meta name="image:background" content="1"/>
  106. <meta name="image:sideback" content="1"/>
  107. <meta name="image:sideback1" content="1"/>
  108. <meta name="image:sideback3" content="1"/>
  109. <meta name="color:borders" content="7c7c7c">
  110. <meta name="color:scrollbar" content="7c7c7c">
  111. <meta name="text:stats" content="stats or music"/>
  112. <meta name="text:Link 1" content="">
  113. <meta name="text:Link 2" content="">
  114. <meta name="text:Link 3" content="">
  115. <meta name="text:Link 4" content="">
  116. <meta name="text:Link 5" content="">
  117. <meta name="color:word background" content="#ddd"/>
  118. <meta name="image:bannerbackground" content=""/>
  119. <meta name="text:Banner Quote" content="quote hurr"/>
  120. <meta name="color:banner text color" content="#73c2e2"/>
  121. <meta name="image:postbackground" content="">
  122. <style type="text/css">
  123. background{
  124. background-image:("");
  125. margin:0px;
  126. padding:0px;
  127. }
  128.  
  129. #s-m-t-tooltip {
  130. max-width:350px;
  131. padding:6px 6px 6px 6px;
  132. margin:20px 0px 0px 20px;
  133. border-radius: 12px;
  134. background: #A783FB; /* change the background color */
  135. border:1px solid #848484; /* change the border color */
  136. font-family:pewp; /* change the font */
  137. font-size:13px; /* change the font size */
  138. letter-spacing:0px; /* change the letter spacing */
  139. text-transform:none; /* can be uppercase, lowercase, none*/
  140. color:#fff; /* change the text color */
  141. z-index:999999999999999999999999999999999999;
  142. }
  143.  
  144.  
  145. .popup_block{
  146. display: none; /*--hidden by default--*/
  147. background: #ffffff;
  148. background-size:100% 100%;
  149. padding: 20px;
  150. font-family: oops;
  151. letter-spacing: 0px;
  152. line-height: 26px;
  153. float: left;
  154. font-size: 17px;
  155. position: fixed;
  156. top: 50%; left: 47%;
  157. border: 1px solid #aaaaaa;
  158. z-index: 99999;
  159. background-image: url(http://i37.tinypic.com/2q32ix2.gif);
  160. /*--CSS3 Box Shadows--*/
  161. -webkit-box-shadow: 0px 0px 20px #000;
  162. -moz-box-shadow: 0px 0px 20px #000;
  163. box-shadow: 1px 1px 20px #000;
  164. /*--CSS3 Rounded Corners--*/
  165. border-top-left-radius:30px;
  166. border-bottom-right-radius:30px;
  167. -webkit-transition: all .7s ease;
  168. -moz-transition: all .7s ease;
  169. -o-transition: all .7s ease;
  170. transition: all .7s ease;
  171. }
  172. /*--Making IE6 Understand Fixed Positioning--*/
  173. *html #fade {
  174. position: absolute;
  175. }
  176. *html .popup_block {
  177. position: absolute;
  178. }
  179. .popup_block:hover{
  180. opacity:1;
  181. -webkit-transition: all .7s ease;
  182. -moz-transition: all .7s ease;
  183. -o-transition: all .7s ease;
  184. transition: all .7s ease;
  185. }
  186. img.btn_close {
  187. float: right;
  188. margin: -15px -15px 0 0;
  189. }
  190. *html .popup_block {
  191. position: absolute;
  192. }
  193.  
  194.  
  195.  
  196. ::-webkit-scrollbar-thumb{
  197. background-color: {color:scrollbar};
  198. border: 2px solid white;
  199. height:auto;
  200. -moz-border-radius: 10px;
  201. border-radius: 10px;
  202. }
  203.  
  204. ::-webkit-scrollbar {
  205. height:3px;
  206. width:3px;
  207. background-color:#aaa;
  208. }
  209.  
  210. .popuplinks{
  211. background: white ;
  212. z-index:9999999999;
  213. width: 100px;
  214. height: 30px;
  215. font-size:18px;
  216. letter-spacing:1px;
  217. line-height:30px;
  218. margin-top:5px;
  219. margin-left:5px;
  220. font-family: oops;
  221. border:2px solid #7abbfa;
  222. text-transform:none;
  223. text-align:center;
  224. display: inline-block;
  225. -webkit-transition-duration: .7s;
  226. border-top-right-radius:0px;
  227. border-bottom-right-radius:0px;
  228. border-top-left-radius:0px;
  229. border-bottom-left-radius:0px;
  230. }
  231.  
  232.  
  233. .popuplinks:hover{
  234. letter-spacing:0px;
  235. background-image: URL("http://24.media.tumblr.com/30bfb9a828e81abb33cf4fa29b6ad7c4/tumblr_mk5p11FRzR1s8etn8o1_500.jpg")
  236. -webkit-transition-duration: .1s;
  237. border-top-right-radius:10px;
  238. border-bottom-right-radius:10px;
  239. border-top-left-radius:10px;
  240. border-bottom-left-radius:10px;
  241. }
  242.  
  243. .tagslinks{
  244. background: white ;
  245. z-index:9999999999;
  246. width: 90px;
  247. height: 30px;
  248. font-size:18px;
  249. letter-spacing:1px;
  250. line-height:30px;
  251. margin-top:5px;
  252. margin-left:5px;
  253. font-family: oops;
  254. border:2px solid #7abbfa;
  255. text-transform:none;
  256. text-align:center;
  257. display: inline-block;
  258. -webkit-transition-duration: .7s;
  259. border-top-right-radius:0px;
  260. border-bottom-right-radius:0px;
  261. border-top-left-radius:0px;
  262. border-bottom-left-radius:0px;
  263. }
  264.  
  265.  
  266. .tagslinks:hover{
  267. letter-spacing:0px;
  268. background-image: URL("")
  269. -webkit-transition-duration: .1s;
  270. border-top-right-radius:10px;
  271. border-bottom-right-radius:10px;
  272. border-top-left-radius:10px;
  273. border-bottom-left-radius:10px;
  274. }
  275.  
  276.  
  277. div#sharewithme{
  278. position: fixed !important;
  279. font-family: "good time";
  280. text-align: center;
  281. margin-left: 215px;
  282. margin-top:10px;
  283. color: black;
  284. width: auto;
  285. font-size: 30px;
  286. line-height:10px;
  287. z-index:9999;
  288. letter-spacing:3px;
  289. background-color: transparent;
  290. text-transform: normal;
  291. }
  292.  
  293.  
  294. div#sharewithme3{
  295. position: fixed !important;
  296. font-family: "good time";
  297. text-align: center;
  298. margin-left: 225px;
  299. margin-top:47px;
  300. color: black;
  301. width: auto;
  302. font-size:30px;
  303. line-height:10px;
  304. letter-spacing:3px;
  305. z-index:999;
  306. background-color: transparent;
  307. text-transform: normal;
  308. }
  309.  
  310. div#sharewithme4{
  311. position: fixed !important;
  312. font-family: "good time";
  313. text-align: center;
  314. margin-left: 185px;
  315. margin-top:20px;
  316. color: black;
  317. width: auto;
  318. font-size: 30px;
  319. line-height:10px;
  320. letter-spacing:3px;
  321. z-index:999;
  322. background-color: transparent;
  323. text-transform: normal;
  324. }
  325.  
  326.  
  327. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-
  328.  
  329. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  330.  
  331. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  332.  
  333. p {
  334. margin:0px;
  335. margin-top:0px;
  336. }
  337.  
  338.  
  339. body {
  340. padding: 0px;
  341. margin: 0px;
  342. color:{color:text};
  343. font-family:oops;
  344. line-height:7px;
  345. font-size:14px;
  346. background-color: {color:Background};
  347. background-image:url({image:Background});
  348. background-attachment: fixed;
  349. background-repeat: repeat;
  350. }
  351.  
  352.  
  353. a:link, a:active, a:visited{
  354. text-decoration: none;
  355. -webkit-transition: color 0.3s ease-out;
  356. -moz-transition: color 0.3s ease-out;
  357. transition: color 0.3s ease-out;
  358. color:{color:link};
  359. }
  360.  
  361. a:hover {
  362. text-decoration: line-through;
  363. font-style:;
  364. color: {color:Hover};
  365. }
  366.  
  367. div#center{
  368. margin-left:20px;
  369. margin-top:auto;
  370. position:relative;
  371. width:900px;
  372. background-color:;
  373. overflow:auto;
  374. overflow-y:hidden;
  375. }
  376.  
  377. ask {
  378. font-family: 'good time';
  379. text-align: right;
  380. margin-top: 10px;
  381. margin-left: 5px;
  382. font-size:18px;
  383. color: #838383;
  384. line-height: 5px;
  385. }
  386.  
  387. askk {
  388. font-family: 'good time';
  389. text-align: center;
  390. font-size:22px;
  391. color: {color:name}
  392. line-height: 5px;
  393. text-shadow: 1.5px 1px #ddd;
  394. }
  395.  
  396.  
  397. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  398. .entry {
  399. float:left;
  400. display: block;
  401. margin: 5px;
  402. padding: 7px;
  403. padding-bottom: 3px;
  404. overflow:hidden;
  405. width:228px;
  406. border: 3px double {color:borders};
  407. {block:PermalinkPage}
  408. width:600px;
  409. text-align:left;
  410. line-height:10px;
  411. {/block:PermalinkPage}
  412. background-image:url({image:postbackground});
  413. box-shadow:0 0 1px #aca9a9;
  414. }
  415.  
  416.  
  417.  
  418. .entry:hover {
  419. box-shadow:0 0 10px #aca9a9;
  420. -webkit-transition: all 0.2s linear;
  421. -moz-transition: all 0.2s linear;
  422. transition: all 0.2s linear;
  423. }
  424.  
  425.  
  426. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  427. .entry .perma{
  428. width:222px;
  429. height:20px;
  430. margin-left:0px;
  431. position: absolute;
  432. line-height: 20px;
  433. overflow:hidden;
  434. text-align:center;
  435. top:20px;
  436. font-family: good time;
  437. font-size: 15px;
  438. border: 3px double;
  439. background:white;
  440. word-spacing:2px;
  441. letter-spacing:1px;
  442. opacity: 0.0;
  443. -webkit-transition: all .7s ease;
  444. -moz-transition: all .7s ease;
  445. -o-transition: all .7s ease;
  446. transition: all .7s ease;
  447. border-top-left-radius: 0px;
  448. border-top-right-radius: 0px;
  449. border-bottom-left-radius: 0px;
  450. border-bottom-right-radius: 0px;
  451. }
  452.  
  453. .entry:hover .perma{
  454. overflow:visible;
  455. opacity:0.9;
  456. box-shadow: 0px 0px 0px #9b9697;
  457. }
  458.  
  459.  
  460. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  461. #posts {
  462. width:790px;
  463. font-family: pewp;
  464. font-size: 12px;
  465. line-height: 15px;
  466. margin-top:38px;
  467. z-index:999;
  468. margin-right:-14px;
  469. right:auto;
  470. background:white;
  471. margin-left:auto;
  472. position:relative;
  473. overflow-x: hidden;
  474. }
  475.  
  476.  
  477. /*CUSTOMIZE SIDEBAR HERE*/
  478. #sidebar{
  479. position:fixed !important;
  480. z-index: 1;
  481. width:270px;
  482. padding: 8px;
  483. border: 2px solid #ddd;
  484. box-shadow: 0px 0px 10px #000;
  485. background:white;
  486. height:359px;
  487. margin-top:100px;
  488. margin-left:970px;
  489. text-align:center;
  490. border-top-left-radius: 8px;
  491. border-top-right-radius: 8px;
  492. border-bottom-left-radius: 8px;
  493. border-bottom-right-radius: 8px;
  494. }
  495.  
  496. #banner{
  497. top:5px;
  498. left: 140px;
  499. position:fixed;
  500. width: 778px;
  501. height: 25px;
  502. font-family: consolas;
  503. font-size: 11px;
  504. text-transform: uppercase;
  505. color: #000;
  506. text-align: center;
  507. line-height:25px;
  508. background-color: ;
  509. z-index:3;
  510. border: solid 1px #ddd;
  511. box-shadow: 0px 0px 10px #000;
  512. -moz-box-shadow: 0px 0px 3px #ddd;
  513. -webkit-box-shadow: 0px 0px 3px #ddd;
  514. box-shadow: 0px 0px 3px #ddd;
  515. background-image:URL({image:bannerbackground});
  516. }
  517.  
  518. #desc{
  519. z-index:2;
  520. position:fixed !important;
  521. opacity: 0.8;
  522. width:280px;
  523. height:auto;
  524. padding:3px;
  525. margin-left:-15px;
  526. margin-top:35px;
  527. color:black;
  528. background:white;
  529. border:2px solid {color:borders};
  530. box-shadow: 0px 0px 10px #000;
  531. letter-spacing:1px;
  532. font-family: oops;
  533. font-size:14px;
  534. line-height:22px;
  535. text-align:center;
  536. text-transform:normal;
  537. border-bottom-left-radius:2px;
  538. border-bottom-right-radius:2px;
  539. border-top-left-radius:2px;
  540. border-top-right-radius:2px;
  541. }
  542.  
  543. #sidebar:hover #desc {
  544. opacity: 1;
  545. transition: all 0.9s ease-out;
  546. -o-transition-transition: all 0.9s ease-out;
  547. -webkit-transition: all 0.9s ease-out;
  548. -moz-transition: all 0.9s ease-out;
  549. }
  550.  
  551. #title{
  552. position:fixed !important;
  553. z-index:3;
  554. width:170px;
  555. height:30px;
  556. opacity: 0.5;
  557. padding:3px;
  558. margin-top:54px;
  559. margin-left:1000px;
  560. background:transparent;
  561. line-height:30px;
  562. text-align:center;
  563. border: 0px solid {color:borders};
  564. border-bottom: 0px;
  565. text-color: {color:title};
  566. letter-spacing:0px;
  567. font-size: 45px;
  568. font-family: 'good time';
  569. border-top-left-radius: 6px;
  570. border-top-right-radius: 6px;
  571. border-bottom-left-radius: 2px;
  572. border-bottom-right-radius: 2px;
  573. }
  574.  
  575. #title:hover {
  576. opacity:1;
  577. transition: all 0.9s ease-out;
  578. -o-transition-transition: all 0.9s ease-out;
  579. -webkit-transition: all 0.9s ease-out;
  580. -moz-transition: all 0.9s ease-out;
  581. }
  582.  
  583. #lea{
  584. position:fixed !important;
  585. z-index:3;
  586. width:251px;
  587. height:6px;
  588. opacity: 0.8;
  589. padding:3px;
  590. margin-top:420px;
  591. margin-left:986px;
  592. background:white;
  593. line-height:0px;
  594. border: 1px dotted {color:borders};
  595. border-left: 0px;
  596. border-right: 0px;
  597. text-align:center;
  598. text-color: {color:title};
  599. letter-spacing:2px;
  600. font-size: 13px;
  601. font-family: 'good time';
  602. }
  603.  
  604. #lea:hover {
  605. opacity:1;
  606. transition: all 0.9s ease-out;
  607. -o-transition-transition: all 0.9s ease-out;
  608. -webkit-transition: all 0.9s ease-out;
  609. -moz-transition: all 0.9s ease-out;
  610. }
  611.  
  612. #feet1{
  613. position:fixed;
  614. z-index:3;
  615. width:30px;
  616. height:15px;
  617. opacity: 1;
  618. padding:3px;
  619. margin-left:1260px;
  620. margin-top:120px;
  621. background: white;
  622. border:6px double #ddd;
  623. border-left: 0px;
  624. line-height:8px;
  625. font-size: 20px;
  626. text-align:center;
  627. border-top-left-radius: 1px;
  628. border-top-right-radius: 5px;
  629. border-bottom-left-radius: 1px;
  630. border-bottom-right-radius: 5px;
  631. }
  632.  
  633. #feet1:hover{
  634. width: 40px;
  635. border-top-left-radius: 1px;
  636. border-top-right-radius: 5px;
  637. border-bottom-left-radius: 1px;
  638. border-bottom-right-radius: 5px;
  639. background-color: #e9e9e7;
  640. box-shadow:0 0 10px #fff;
  641. -webkit-transition: opacity .4s linear;
  642. -webkit-transition: all .4s ease-in-out;
  643. -moz-transition: all .4s ease-in-out;
  644. -o-transition: all .4s ease-in-out;
  645. }
  646.  
  647.  
  648.  
  649.  
  650. #feet2{
  651. position:fixed;
  652. z-index:3;
  653. width:30px;
  654. height:15px;
  655. opacity: 1;
  656. padding:3px;
  657. margin-left:1260px;
  658. margin-top:180px;
  659. background: white;
  660. border:6px double #ddd;
  661. border-left: 0px;
  662. line-height:8px;
  663. font-size: 20px;
  664. text-align:center;
  665. border-top-left-radius: 1px;
  666. border-top-right-radius: 5px;
  667. border-bottom-left-radius: 1px;
  668. border-bottom-right-radius: 5px;
  669. }
  670.  
  671. #feet2:hover{
  672. width: 40px;
  673. border-top-left-radius: 1px;
  674. border-top-right-radius: 5px;
  675. border-bottom-left-radius: 1px;
  676. border-bottom-right-radius: 5px;
  677. background-color: #e9e9e7;
  678. box-shadow:0 0 10px #fff;
  679. -webkit-transition: opacity .4s linear;
  680. -webkit-transition: all .4s ease-in-out;
  681. -moz-transition: all .4s ease-in-out;
  682. -o-transition: all .4s ease-in-out;
  683. }
  684.  
  685. #feet3{
  686. position:fixed;
  687. z-index:3;
  688. width:30px;
  689. height:15px;
  690. opacity: 1;
  691. padding:3px;
  692. margin-left:1260px;
  693. margin-top:240px;
  694. background: white;
  695. border:6px double #ddd;
  696. border-left: 0px;
  697. line-height:8px;
  698. font-size: 20px;
  699. text-align:center;
  700. border-top-left-radius: 1px;
  701. border-top-right-radius: 5px;
  702. border-bottom-left-radius: 1px;
  703. border-bottom-right-radius: 5px;
  704. }
  705.  
  706. #feet3:hover{
  707. width: 40px;
  708. border-top-left-radius: 1px;
  709. border-top-right-radius: 5px;
  710. border-bottom-left-radius: 1px;
  711. border-bottom-right-radius: 5px;
  712. background-color: #e9e9e7;
  713. box-shadow:0 0 10px #fff;
  714. -webkit-transition: opacity .4s linear;
  715. -webkit-transition: all .4s ease-in-out;
  716. -moz-transition: all .4s ease-in-out;
  717. -o-transition: all .4s ease-in-out;
  718. }
  719.  
  720. #feet4{
  721. position:fixed;
  722. z-index:3;
  723. width:30px;
  724. height:15px;
  725. opacity: 1;
  726. padding:3px;
  727. margin-left:1260px;
  728. margin-top:300px;
  729. background: white;
  730. border:6px double #ddd;
  731. border-left: 0px;
  732. line-height:10px;
  733. font-size: 13px;
  734. text-align:center;
  735. border-top-left-radius: 1px;
  736. border-top-right-radius: 5px;
  737. border-bottom-left-radius: 1px;
  738. border-bottom-right-radius: 5px;
  739. }
  740.  
  741. #feet4:hover{
  742. width: 40px;
  743. border-top-left-radius: 1px;
  744. border-top-right-radius: 5px;
  745. border-bottom-left-radius: 1px;
  746. border-bottom-right-radius: 5px;
  747. background-color: #e9e9e7;
  748. box-shadow:0 0 10px #fff;
  749. -webkit-transition: opacity .4s linear;
  750. -webkit-transition: all .4s ease-in-out;
  751. -moz-transition: all .4s ease-in-out;
  752. -o-transition: all .4s ease-in-out;
  753. }
  754.  
  755.  
  756. #feet5{
  757. position:fixed;
  758. z-index:3;
  759. width:30px;
  760. height:15px;
  761. opacity: 1;
  762. padding:3px;
  763. margin-left:1260px;
  764. margin-top:360px;
  765. background: white;
  766. border:6px double #ddd;
  767. border-left: 0px;
  768. line-height:8px;
  769. font-size: 20px;
  770. text-align:center;
  771. border-top-left-radius: 1px;
  772. border-top-right-radius: 5px;
  773. border-bottom-left-radius: 1px;
  774. border-bottom-right-radius: 5px;
  775. }
  776.  
  777. #feet5:hover{
  778. width: 40px;
  779. border-top-left-radius: 1px;
  780. border-top-right-radius: 5px;
  781. border-bottom-left-radius: 1px;
  782. border-bottom-right-radius: 5px;
  783. background-color: #e9e9e7;
  784. box-shadow:0 0 10px #fff;
  785. -webkit-transition: opacity .4s linear;
  786. -webkit-transition: all .4s ease-in-out;
  787. -moz-transition: all .4s ease-in-out;
  788. -o-transition: all .4s ease-in-out;
  789. }
  790.  
  791.  
  792.  
  793.  
  794. .sideback{
  795. position:fixed;
  796. margin-left:70px;
  797. top: 0px;
  798. background-image:url({image:sideback});
  799. height:100%;
  800. border-right: 4px solid #fff;
  801. border-left: 4px solid #fff;
  802. box-shadow: 0px 0px 5px #000;
  803. width:40px;
  804. }
  805.  
  806. .sideback1{
  807. position:fixed;
  808. margin-left:903px;
  809. top: 0px;
  810. background-image:url({image:sideback1});
  811. height:100%;
  812. border-left: 4px solid #fff;
  813. box-shadow: 0px 0px 5px #000;
  814. width:450px;
  815. }
  816.  
  817. .sideback3{
  818. position:fixed;
  819. margin-left:-10px;
  820. top: 0px;
  821. background-image:url({image:sideback3});
  822. height:100%;
  823. border-right: 4px solid #fff;
  824. border-left: 4px solid #fff;
  825. box-shadow: 0px 0px 5px #000;
  826. width:60px;
  827. }
  828.  
  829. @font-face { font-family: "oops"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  830.  
  831. @font-face{font-family:"Just Realize";src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  832.  
  833. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  834.  
  835. @font-face { font-family: "good time"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf'); }
  836.  
  837.  
  838. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  839.  
  840. @font-face {font-family: 'Throw My Hands Up in the Air'; src: url('http://static.tumblr.com/npggxjg/wFnm1xltk/throw_my_hands_up_in_the_air.ttf');}
  841.  
  842. @font-face { font-family: "nessa"; src: url('http://static.tumblr.com/lyl1wkn/WRymgbxn5/vanessalovesyou.ttf'); }
  843.  
  844. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  845.  
  846. @font-face { font-family: "oops"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  847.  
  848. @font-face{font-family:Ashley Marie;src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
  849.  
  850. @font-face {font-family: 'Shark in the Water'; src: url('http://static.tumblr.com/npggxjg/LOFm22rwq/shark_in_the_water.ttf');}
  851.  
  852. @font-face{font-family:Halo Handletter;src:url(http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf);}
  853.  
  854. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  855. .title{
  856. font-family: "good time";
  857. font-size: 24px;
  858. line-height: 25px;
  859. color:{color:Title};
  860. font-weight: normal;
  861. }
  862.  
  863.  
  864. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  865. .permalink{
  866. text-transform: normal;
  867. display: block;
  868. text-align: right;
  869. text-decoration: none;
  870. }
  871.  
  872.  
  873. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  874. #infscr-loading{
  875. bottom: -70px;
  876. position: absolute;
  877. left: 50%;
  878. margin-left:-8px;
  879. width:16px;
  880. height:11px;
  881. overflow:hidden;
  882. margin-bottom: 50px;
  883. }
  884.  
  885. #postnotes{
  886. text-align: justify;}
  887.  
  888. #postnotes blockquote{
  889. border: 0px;}
  890.  
  891. blockquote{
  892. padding:0px 0px 2px 5px;
  893. margin:0px 0px 2px 10px;
  894. border-left: 1px dotted #555555;
  895. }
  896.  
  897. blockquote p, ul{
  898. margin:0px;
  899. padding:0px;
  900. }
  901.  
  902. a img{border: 0px;}
  903.  
  904.  
  905. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  906.  
  907. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  908. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  909.  
  910. .notes img{width:20px; position:relative; top:3px;}
  911. <--ses-->
  912. small{font-size: 90%;}
  913.  
  914. {CustomCSS}
  915.  
  916. </style>
  917.  
  918. {block:IndexPage}
  919. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"><script type="text/javascript" src="http://static.tumblr.com/tct0u4n/wtzmr6p4u/infinitescrollng.js"></script>
  920. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  921.  
  922. <script type="text/javascript">
  923. $(window).load(function(){
  924. var $wall = $('#posts');
  925. $wall.imagesLoaded(function(){
  926. $wall.masonry({
  927. itemSelector: '.entry, .entry_photo',
  928. isAnimated : false
  929. });
  930. });
  931.  
  932. $wall.infinitescroll({
  933. navSelector : '#pagination',
  934. nextSelector : '#pagination a',
  935. itemSelector : '.entry, .entry_photo',
  936. bufferPx : 2000,
  937. debug : false,
  938. errorCallback: function() {
  939. $('#infscr-loading').fadeOut('normal');
  940. }},
  941. function( newElements ) {
  942. var $newElems = $( newElements );
  943. $newElems.hide();
  944. $newElems.imagesLoaded(function(){
  945. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  946. });
  947. }); $('#posts').show(500);
  948. });
  949. </script>
  950.  
  951.  
  952. {/block:IndexPage}
  953.  
  954.  
  955. <title>{title}</title>
  956.  
  957. <link rel="shortcut icon" href="{Favicon}" />
  958. <meta name="viewport" content="width=820" />
  959. </head>
  960.  
  961. <body onkeydown=”return false”>
  962. <div class="wrapper">
  963. <div class="header">
  964. </div>
  965.  
  966. <div id="cage">
  967. <div id="center">
  968. <div id="banner">PUT WHATEVER YOU WANT HERE YAY</div>
  969.  
  970. <div id="title"><center>{title}</center></div>
  971. <div id="lea"><center>{text:stats}</center></div>
  972.  
  973.  
  974.  
  975. <div id="feet1"><a href="{text:Link 1}" title="TITLE HERE">←</a> </div>
  976. <div id="feet2"><a href="{text:Link 2}" title="TITLE HERE"><img src="http://i1150.photobucket.com/albums/o606/ex0n1/mail_zps8e270b8d.png"></a></div>
  977. <div id="feet3"><a href="{text:Link 3}" title="TITLE HERE"><img src="http://i1150.photobucket.com/albums/o606/ex0n1/star_zps184a9734.png"></a></div>
  978. <div id="feet4"><a href="{text:Link 4}" title="TITLE HERE"><img src="http://i49.tinypic.com/34dq4qh.png"></a></div>
  979. <div id="feet5"><a href="{text:Link 5}" title="TITLE HERE"><img src="http://oi45.tinypic.com/2qbdlok.jpg"></a></div>
  980.  
  981.  
  982.  
  983. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  984. <div id="sidebar">
  985. <center>
  986. <a href="/"><div style="padding:5px; padding-bottom: 5px;
  987. border: dashed 2px #ddd;"><img src="{image:sidebar}" width=100%></a><br/>
  988. <div id="desc">{description}</div>
  989. </center>
  990. </div>
  991. <!------------------------------------->
  992.  
  993.  
  994. <div class="left">
  995. <div class="quote">{text:quote}
  996. </div>
  997.  
  998. <div class="quote2">{text:quote2}</div>
  999. <div class="sideback"></div>
  1000. <div class="sideback1"></div>
  1001. <div class="sideback2"></div>
  1002. <div class="sideback3"></div>
  1003. <div class="postbackground">
  1004. <div id="posts">
  1005. {block:Posts}
  1006. <div class="entry">
  1007.  
  1008. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1009.  
  1010. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1011. {/block:Text}
  1012.  
  1013. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1014.  
  1015. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1016.  
  1017. {block:Answer}
  1018. <div style="margin: 1px 2px 1px 2px; min-height:37px; border: 2px solid #ddd; padding: 3px; background: white;">
  1019. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-left:3px;margin-top:2px; border: 1px solid #ddd;"/>
  1020. <ask>{Asker}</ask>: {Question}</div>
  1021. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center>{Answer}</center></div> <br><div style="text-align: right;"><askk>- love always, {text:put your name here}</askk></div>
  1022. <small><P ALIGN=Right><a href="{Permalink}">{NoteCount}</a></small>
  1023. {/block:Answer}
  1024.  
  1025. {block:Photo}
  1026. {block:IndexPage}
  1027. <center>
  1028. <div class="perma">
  1029. <a href="{Permalink}">{NoteCount}</a> ♡ <a href="{ReblogURL}" target="_blank"> horan </a> </div>
  1030.  
  1031. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1032. {/block:IndexPage}
  1033. {block:PermalinkPage}
  1034. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1035.  
  1036. {LinkCloseTag}
  1037. {/block:PermalinkPage}
  1038. {/block:Photo}
  1039.  
  1040. {block:Photoset}
  1041. {block:IndexPage}
  1042. <center>
  1043.  
  1044. <div class="perma">
  1045. <a href="{ReblogURL}" target="_blank"> horan </a> </div>
  1046.  
  1047. {Photoset-250}</center>
  1048. {/block:IndexPage}
  1049. {block:PermalinkPage}
  1050. <center>
  1051. {Photoset-500}</center>
  1052. {/block:PermalinkPage}
  1053. {/block:Photoset}
  1054.  
  1055. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1056.  
  1057. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1058.  
  1059. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1060. <ul class="chat">
  1061. {block:Lines}
  1062. <li class="user_{UserNumber}">
  1063. {block:Label}
  1064. <span class="label">{Label}</span>
  1065. {/block:Label}
  1066.  
  1067. {Line}
  1068. </li>
  1069. {/block:Lines}
  1070. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1071. {/block:Chat}
  1072.  
  1073. {block:Audio}
  1074. <div style="width:200px; height:30px;">
  1075. {AudioPlayerBlack}
  1076. </div>
  1077. {block:IndexPage}<span class="permalink">
  1078. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1079. </span>{/block:IndexPage}
  1080. {/block:Audio}
  1081.  
  1082. {block:Video}
  1083. {block:IndexPage}
  1084. <center>
  1085. <div class="perma">
  1086. <a href="{ReblogURL}" target="_blank"> horan </a> </div>
  1087. {Video-250}</center>
  1088. {/block:IndexPage}
  1089. {block:PermalinkPage}
  1090. <center>
  1091. {Video-400}</center>
  1092. {/block:PermalinkPage}
  1093. {block:Video}
  1094.  
  1095.  
  1096. {block:PostNotes}<div align="middle">{caption}</div>
  1097. <center>
  1098.  
  1099. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1100.  
  1101. {block:HasTags}
  1102. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1103. {block:RebloggedFrom}
  1104. ♡reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>♡<br>
  1105. ♡posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>♡
  1106.  
  1107. {/block:RebloggedFrom}
  1108. </center></span>
  1109. <br>
  1110. <div id="postnotes">{PostNotes}</div><br>
  1111.  
  1112. <center>{block:ContentSource}
  1113. <br><a href="{SourceURL}">
  1114. {lang:Source}:
  1115. {block:SourceLogo}
  1116. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1117. height="{LogoHeight}" alt="{SourceTitle}" />
  1118. {/block:SourceLogo}
  1119. {block:NoSourceLogo}
  1120. {SourceLink}
  1121. {/block:NoSourceLogo}
  1122. </a>
  1123. {/block:ContentSource}</center>
  1124.  
  1125. {/block:PostNotes}
  1126. </div>
  1127. {/block:Posts}
  1128. </div></div>
  1129.  
  1130. {block:IndexPage}
  1131. {block:Pagination}
  1132. <div id="pagination">
  1133. {block:NextPage}
  1134. <a id="nextPage" href="{NextPage}"></a>
  1135. {/block:NextPage}
  1136. {block:PreviousPage}
  1137. <a href="{PreviousPage}"></a>
  1138. {/block:PreviousPage}
  1139. </div>
  1140. {/block:Pagination}
  1141. {/block:IndexPage}
  1142.  
  1143. </div></div>
  1144.  
  1145. </div>
  1146. </body>
  1147.  
  1148.  
  1149.  
  1150.  
  1151. </html>
  1152.  
  1153. </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!