API tools faq
paste
Advertisement
Allisons-Themes

Theme 4

Allisons-Themes
Aug 2nd, 2013
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.58 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme #4 by Allison (0mg-what)
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12. <script>
  13. (function($){
  14. $(document).ready(function(){
  15. $("a[title]").style_my_tooltips({
  16. tip_follows_cursor:true,
  17. tip_delay_time:90,
  18. tip_fade_speed:600,
  19. attribute:"title"
  20. });
  21. });
  22. })(jQuery);
  23. </script>
  24.  
  25. <script type="text/javascript">
  26. <!--
  27.  
  28. // Disable Right Click Script
  29.  
  30. function IE(e)
  31. {
  32. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  33. {
  34. return false;
  35. }
  36. }
  37. function NS(e)
  38. {
  39. if (document.layers || (document.getElementById && !document.all))
  40. {
  41. if (e.which == "2" || e.which == "3")
  42. {
  43. return false;
  44. }
  45. }
  46. }
  47. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  48.  
  49. //-->
  50. </script>
  51.  
  52.  
  53. <script type="text/javascript"
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56. <!--DEFAULT VARIABLES-->
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  58. <meta name="color:background" content="#fff"/>
  59. <meta name="color:link" content="#777"/>
  60. <meta name="color:text" content="#777"/>
  61. <meta name="color:title" content="#333"/>
  62. <meta name="color:hover" content="#fff"/>
  63. <meta name="color:topbar" content="#fff"/>
  64. <meta name="image:sidebar" content="1"/>
  65. <meta name="image:background" content="1"/>
  66. <meta name="color:permaborder" content="#000"/>
  67. <meta name="color:descborder" content="#000"/>
  68. <meta name="text:quote" content="/"/>
  69. <meta name="color:quote" content="#000"/>
  70. <meta name="image:side1" content=""/>
  71. <meta name="image:side2" content=""/>
  72. <meta name="image:side3" content=""/>
  73. <meta name="text:stats" content=""/>
  74. <meta name="text:your name" content=""/>
  75. <meta name="text:big title" content=""/>
  76. <meta name="color:big title" content=""/>
  77. <meta name="color:linkborder" content="#777"/>
  78. <meta name="color:statsborder" content="#777"/>
  79. <meta name="text:link 1" content=""/>
  80. <meta name="text:link 2" content=""/>
  81. <meta name="text:link 3" content=""/>
  82. <meta name="text:link 4" content=""/>
  83. <meta name="text:link 5" content=""/>
  84. <meta name="text:link 1 hover message" content=""/>
  85. <meta name="text:link 2 hover message" content=""/>
  86. <meta name="text:link 3 hover message" content=""/>
  87. <meta name="text:link 4 hover message" content=""/>
  88. <meta name="text:link 5 hover message" content=""/>
  89.  
  90. <style type="text/css">
  91.  
  92. #s-m-t-tooltip {
  93. max-width:300px;
  94. height: 10px;
  95. padding:6px 6px 6px 6px;
  96. margin:20px 0px 0px 20px;
  97. background: #fff; /* change the background color */
  98. border:1px solid #000; /* change the border color */
  99. font-family: "Indie Star"; /* change the font */
  100. font-size:15px; /* change the font size */
  101. line-height: 10px;
  102. letter-spacing:3px; /* change the letter spacing */
  103. text-transform:None; /* can be uppercase, lowercase, none*/
  104. color:#000; /* change the text color */
  105. z-index:999999999999999999999999999999999999;
  106. border-radius: 5px 25px / 25px 5px;
  107. }
  108.  
  109.  
  110. /*** ask ***/
  111. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:15px;-webkit-border-radius:5px;border-radius:15px; box-shadow: 1px 1px 10px #aaa;}
  112. .bubble p {margin:1px 0px;}
  113. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 5; line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  114.  
  115. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  116.  
  117. #title1{
  118. position: fixed !important;
  119. color: {color:big title};
  120. text-align:left;
  121. margin-left:-20px;
  122. margin-top: -46px;
  123. font-family: "One Starry Night";
  124. font-size: 100px;
  125. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  126. -webkit-transition: all .9s ease;
  127. -moz-transition: all .9s ease;
  128. -o-transition: all .9s ease;
  129. transition: all .9s ease;
  130. }
  131.  
  132. #sidebar:hover #title1{
  133. font-family: "Lala";
  134. font-size:70px;
  135. -webkit-transition: all .9s ease;
  136. -moz-transition: all .9s ease;
  137. -o-transition: all .9s ease;
  138. transition: all .9s ease;
  139. }
  140.  
  141. #poop{
  142. position: fixed !important;
  143. background: {color:topbar};
  144. left:0px;
  145. width:910px;
  146. margin-top: -55px;
  147. margin-left: 330px;
  148. height:30px;
  149. z-index: 1;
  150. opacity: 1;
  151. text-align:center;
  152. border-left: 5px solid white;
  153. border-right: 5px solid white;
  154. border-top-left-radius: 40px;
  155. border-top-right-radius: 40px;
  156. border-bottom-left-radius: 40px;
  157. border-bottom-right-radius: 40px;
  158. }
  159.  
  160. #quote{
  161. opacity: 1px;
  162. position: fixed !important;
  163. font-family: "Marker";
  164. font-size: 23px;
  165. line-height: 15px;
  166. margin-left: 3px;
  167. margin-top: 8px;
  168. letter-spacing:2px;
  169. color: {color:quote};
  170. -webkit-transition: all .9s ease;
  171. -moz-transition: all .9s ease;
  172. -o-transition: all .9s ease;
  173. transition: all .9s ease;
  174. }
  175.  
  176. #quote:hover{
  177. -webkit-transition: 0.9s ease-out;
  178. -moz-transition: 0.9s ease-out;
  179. transition: 0.9s ease-out;
  180. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  181. }
  182.  
  183. #smile1{
  184. opacity:1;
  185. position: fixed !important;
  186. background: white;
  187. margin-left: 168px;
  188. margin-top: -26px;
  189. height:5px;
  190. width: 25px;
  191. border-bottom-left-radius: 200px;
  192. }
  193.  
  194. #smile2{
  195. opacity:1;
  196. position: fixed !important;
  197. background: white;
  198. margin-left: 225px;
  199. margin-top: -26px;
  200. height:5px;
  201. width: 775px;
  202. }
  203.  
  204. #smile3{
  205. opacity:1;
  206. position: fixed !important;
  207. background: white;
  208. margin-left: 1036px;
  209. margin-top: -26px;
  210. height:5px;
  211. width: 25px;
  212. border-bottom-right-radius: 200px;
  213. }
  214.  
  215.  
  216. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  217.  
  218. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  219.  
  220. 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;}
  221.  
  222. p {
  223. margin:0px;
  224. margin-top:0px;
  225. }
  226.  
  227.  
  228. body {
  229. padding: 0px;
  230. margin: 0px;
  231. color:{color:text};
  232. font-family: "Jenna Sue";
  233. line-height:30px;
  234. font-size:25px;
  235. background-color: {color:Background};
  236. background-image:url({image:Background});
  237. background-attachment: fixed;
  238. background-repeat: repeat;
  239. }
  240.  
  241.  
  242. a:link, a:active, a:visited{
  243. text-decoration: none;
  244. -webkit-transition: color 0.3s ease-out;
  245. -moz-transition: color 0.3s ease-out;
  246. transition: color 0.3s ease-out;
  247. color:{color:link};
  248. }
  249.  
  250. a:hover {
  251. text-decoration: none;
  252. font-style:;
  253. color: {color:Hover};
  254. }
  255.  
  256. div#center{
  257. margin:auto;
  258. position:relative;
  259. width:1000px;
  260. background-color:;
  261. overflow:auto;
  262. overflow-y:hidden;
  263. }
  264.  
  265.  
  266. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  267. .entry {
  268. opacity: .8;
  269. float:left;
  270. display: block;
  271. margin:5px;
  272. overflow:hidden;
  273. width:240px;
  274. {block:PermalinkPage}
  275. width:700px;
  276. text-align:left;
  277. line-height:25px;
  278. margin-left:5px;
  279. {/block:PermalinkPage}
  280. background:white;
  281. background-image:URL();
  282. border-top: 3px solid white;
  283. border-right: 3px solid white;
  284. border-left: 3px solid white;
  285. border-bottom: 3px solid white;
  286. -o-transition-transition: all 0.9s ease-out;
  287. -webkit-transition: all 0.9s ease-out;
  288. -moz-transition: all 0.9s ease-out;
  289. }
  290.  
  291. #entry:hover {
  292. opacity: 1.0;
  293. -o-transition-transition: all 0.9s ease-out;
  294. -webkit-transition: all 0.9s ease-out;
  295. -moz-transition: all 0.9s ease-out;
  296. }
  297.  
  298. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  299. .entry .perma{
  300. width:220px;
  301. height:30px;
  302. margin-left:10px;
  303. position: absolute;
  304. line-height: 16px;
  305. overflow:hidden;
  306. text-align:center;
  307. top:-30px;
  308. background:white;
  309. word-spacing:2px;
  310. letter-spacing:1px;
  311. opacity: 0.0;
  312. font-size:15px;
  313. line-height:27px;
  314. font-family: "Janda Manatee";
  315. -webkit-transition: all .7s ease;
  316. -moz-transition: all .7s ease;
  317. -o-transition: all .7s ease;
  318. transition: all .7s ease;
  319. border-top-left-radius: 40px;
  320. border-top-right-radius: 0px;
  321. border-bottom-left-radius: 0px;
  322. border-bottom-right-radius: 40px;
  323. border: 2px solid {color:permaborder};
  324. }
  325. .entry:hover .perma{
  326. top:60px;
  327. overflow:visible;
  328. opacity:1;
  329. -webkit-transform:rotate(360deg);
  330. -moz-transform:rotate(360deg);
  331. -o-transform: rotate(360deg);
  332. -webkit-transition: all .9s ease;
  333. -moz-transition: all .9s ease;
  334. -o-transition: all .9s ease;
  335. transition: all .9s ease;
  336. }
  337.  
  338.  
  339. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  340. #posts {
  341. width: 780px;
  342. margin-top:50px;
  343. z-index:99;
  344. margin-left:230px;
  345. right:auto;
  346. background:transparent;
  347. margin-right:auto;
  348. position:relative;
  349. overflow-y: hidden;
  350. }
  351.  
  352. ask{
  353. font-family: "Babydoll";
  354. }
  355.  
  356. #signature {
  357. font-size: 20px; /*change the font size*/
  358. font-family: "Marker";
  359. color: {color:text}; /*change the font color*/
  360. text-align: right;
  361. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  362. }
  363.  
  364.  
  365. /*CUSTOMIZE SIDEBAR HERE*/
  366. #sidebar{
  367. position:fixed !important;
  368. width:250px;
  369. background:white;
  370. height:auto;
  371. margin-top:100px;
  372. margin-left:-150px;
  373. text-align:center;
  374. border: 20px solid white;
  375. border-top-left-radius: 20px;
  376. border-top-right-radius: 20px;
  377. border-bottom-left-radius: 20px;
  378. border-bottom-right-radius: 20px;
  379. }
  380.  
  381. #sidebar img:hover{
  382. -webkit-filter: blur(1px)
  383. }
  384.  
  385. #stats {
  386. position:fixed;
  387. z-index:3;
  388. width:100px;
  389. height:20px;
  390. opacity: 0;
  391. padding:3px;
  392. margin-left:0px;
  393. margin-top: 200px;
  394. background: white;
  395. line-height:20px;
  396. text-align:center;
  397. font-size: 20px;
  398. letter-spacing: 1px;
  399. font-family: "Indie Star";
  400. box-shadow:2px 2px 6px #ddd;
  401. border: 3px solid {color:statsborder};
  402. border-top-left-radius: 20px;
  403. border-top-right-radius: 20px;
  404. border-bottom-left-radius: 20px;
  405. border-bottom-right-radius: 20px;
  406. transition: all 0.7s ease;
  407. -o-transition-transition: all 0.7s ease;
  408. -webkit-transition: all 0.7s ease;
  409. -moz-transition: all 0.7s ease;
  410. -webkit-transform:rotate(-360deg);
  411. -moz-transform:rotate(-360deg);
  412. -o-transform: rotate(-360deg);
  413. }
  414.  
  415. #sidebar:hover #stats{
  416. margin-left: 70px;
  417. opacity: 1;
  418. transition: all 0.7s ease;
  419. -o-transition-transition: all 0.7s ease;
  420. -webkit-transition: all 0.7s ease;
  421. -moz-transition: all 0.7s ease;
  422. -webkit-transform:rotate(360deg);
  423. -moz-transform:rotate(360deg);
  424. -o-transform: rotate(360deg);
  425. }
  426.  
  427. #desc{
  428. position:fixed;
  429. z-index:1;
  430. width:225px;
  431. height:auto;
  432. opacity:0;
  433. padding:0px;
  434. height:60px;
  435. margin-left:10px;
  436. margin-top:250px;
  437. font-family: "Celeste Hand";
  438. font-size:20px;
  439. border:3px solid {color:descborder};
  440. line-height:19px;
  441. background:white;
  442. text-align:center;
  443. box-shadow:2px 2px 6px #ddd;
  444. border-top-left-radius: 20px;
  445. border-top-right-radius: 20px;
  446. border-bottom-left-radius: 20px;
  447. border-bottom-right-radius: 20px;
  448. transition: all 0.9s ease-out;
  449. -webkit-transform:rotate(-360deg);
  450. -moz-transform:rotate(-360deg);
  451. -o-transform: rotate(-360deg);
  452. -o-transition-transition: all 0.9s ease-out;
  453. -webkit-transition: all 0.9s ease-out;
  454. -moz-transition: all 0.9s ease-out;
  455. }
  456.  
  457. #sidebar:hover #desc{
  458. opacity:5;
  459. -webkit-transform:rotate(360deg);
  460. -moz-transform:rotate(360deg);
  461. -o-transform: rotate(360deg);
  462. -webkit-transition: all .9s ease;
  463. -moz-transition: all .9s ease;
  464. -o-transition: all .9s ease;
  465. transition: all .9s ease;
  466. }
  467.  
  468. #link1{
  469. position:fixed;
  470. z-index:1;
  471. width:25px;
  472. height:20px;
  473. opacity: 0;
  474. padding: 2px;
  475. margin-left:210px;
  476. margin-top:10px;
  477. background: white;
  478. border:3px solid {color:linkborder};
  479. box-shadow:2px 2px 6px #ddd;
  480. color:white;
  481. line-height:15px;
  482. font-size: 20px;
  483. font-family: "Celeste Hand";
  484. text-align:center;
  485. border-top-left-radius: 50px;
  486. border-top-right-radius: 50px;
  487. border-bottom-left-radius: 50px;
  488. border-bottom-right-radius: 50px;
  489. -webkit-transform:rotate(-360deg);
  490. -moz-transform:rotate(-360deg);
  491. -o-transform: rotate(-360deg);
  492. }
  493.  
  494. #sidebar:hover #link1{
  495. opacity: 1;
  496. -webkit-transition: all .9s ease;
  497. -moz-transition: all .9s ease;
  498. -o-transition: all .9s ease;
  499. transition: all .9s ease;
  500. -webkit-transform:rotate(360deg);
  501. -moz-transform:rotate(360deg);
  502. -o-transform: rotate(360deg);
  503. }
  504.  
  505.  
  506.  
  507. #link2{
  508. position:fixed;
  509. z-index:1;
  510. width:25px;
  511. height:20px;
  512. opacity: 0;
  513. padding: 2px;
  514. padding-top:3px;
  515. margin-left:210px;
  516. margin-top:10px;
  517. background: white;
  518. border:3px solid {color:linkborder};
  519. box-shadow:2px 2px 6px #ddd;
  520. color:white;
  521. line-height:15px;
  522. font-size: 20px;
  523. font-family: "Celeste Hand";
  524. text-align:center;
  525. border-top-left-radius: 50px;
  526. border-top-right-radius: 50px;
  527. border-bottom-left-radius: 50px;
  528. border-bottom-right-radius: 50px;
  529. -webkit-transform:rotate(-360deg);
  530. -moz-transform:rotate(-360deg);
  531. -o-transform: rotate(-360deg);
  532. }
  533.  
  534. #sidebar:hover #link2{
  535. opacity: 1;
  536. margin-top: 57px;
  537. -webkit-transition: all .9s ease;
  538. -moz-transition: all .9s ease;
  539. -o-transition: all .9s ease;
  540. transition: all .9s ease;
  541. -webkit-transform:rotate(360deg);
  542. -moz-transform:rotate(360deg);
  543. -o-transform: rotate(360deg);
  544. }
  545.  
  546.  
  547.  
  548. #link3{
  549. position:fixed;
  550. z-index:1;
  551. width:25px;
  552. height:20px;
  553. opacity: 0;
  554. padding: 2px;
  555. padding-top:3px;
  556. margin-left:210px;
  557. margin-top:10px;
  558. background: white;
  559. border:3px solid {color:linkborder};
  560. box-shadow:2px 2px 6px #ddd;
  561. color:white;
  562. line-height:15px;
  563. font-size: 20px;
  564. font-family: "Celeste Hand";
  565. text-align:center;
  566. border-top-left-radius: 50px;
  567. border-top-right-radius: 50px;
  568. border-bottom-left-radius: 50px;
  569. border-bottom-right-radius: 50px;
  570. -webkit-transform:rotate(-360deg);
  571. -moz-transform:rotate(-360deg);
  572. -o-transform: rotate(-360deg);
  573. }
  574.  
  575. #sidebar:hover #link3{
  576. opacity: 1;
  577. margin-top: 104px;
  578. -webkit-transition: all .9s ease;
  579. -moz-transition: all .9s ease;
  580. -o-transition: all .9s ease;
  581. transition: all .9s ease;
  582. -webkit-transform:rotate(360deg);
  583. -moz-transform:rotate(360deg);
  584. -o-transform: rotate(360deg);
  585. }
  586.  
  587.  
  588.  
  589. #link4{
  590. position:fixed;
  591. z-index:1;
  592. width:25px;
  593. height:20px;
  594. opacity: 0;
  595. padding: 2px;
  596. padding-top:3px;
  597. margin-left:210px;
  598. margin-top:10px;
  599. background: white;
  600. border:3px solid {color:linkborder};
  601. box-shadow:2px 2px 6px #ddd;
  602. color:white;
  603. line-height:15px;
  604. font-size: 20px;
  605. font-family: "Celeste Hand";
  606. text-align:center;
  607. border-top-left-radius: 50px;
  608. border-top-right-radius: 50px;
  609. border-bottom-left-radius: 50px;
  610. border-bottom-right-radius: 50px;
  611. -webkit-transform:rotate(-360deg);
  612. -moz-transform:rotate(-360deg);
  613. -o-transform: rotate(-360deg);
  614. }
  615.  
  616. #sidebar:hover #link4{
  617. opacity: 1;
  618. margin-top: 151px;
  619. -webkit-transition: all .9s ease;
  620. -moz-transition: all .9s ease;
  621. -o-transition: all .9s ease;
  622. transition: all .9s ease;
  623. -webkit-transform:rotate(360deg);
  624. -moz-transform:rotate(360deg);
  625. -o-transform: rotate(360deg);
  626. }
  627.  
  628.  
  629.  
  630.  
  631. #link5{
  632. position:fixed;
  633. z-index:1;
  634. width:25px;
  635. height:20px;
  636. opacity: 0;
  637. padding: 2px;
  638. padding-top:3px;
  639. margin-left:210px;
  640. margin-top: 10px;
  641. background: white;
  642. border:3px solid {color:linkborder};
  643. box-shadow:2px 2px 6px #ddd;
  644. color:white;
  645. line-height:15px;
  646. font-size: 20px;
  647. font-family: "Celeste Hand";
  648. text-align:center;
  649. border-top-left-radius: 50px;
  650. border-top-right-radius: 50px;
  651. border-bottom-left-radius: 50px;
  652. border-bottom-right-radius: 50px;
  653. -webkit-transform:rotate(-360deg);
  654. -moz-transform:rotate(-360deg);
  655. -o-transform: rotate(-360deg);
  656. }
  657.  
  658. #sidebar:hover #link5{
  659. opacity: 1;
  660. margin-top: 198px;
  661. -webkit-transition: all .9s ease;
  662. -moz-transition: all .9s ease;
  663. -o-transition: all .9s ease;
  664. transition: all .9s ease;
  665. -webkit-transform:rotate(360deg);
  666. -moz-transform:rotate(360deg);
  667. -o-transform: rotate(360deg);
  668. }
  669.  
  670.  
  671. div#side1{
  672. position:fixed !important;
  673. width:30px;
  674. height:600px;
  675. top:20px;
  676. margin-left:365px;
  677. background-image:url({image:side1});
  678. border: 4px solid #fff;
  679. box-shadow: 1px 1px 10px #aaa;
  680. border-top-left-radius: 0px;
  681. border-top-right-radius: 0px;
  682. border-bottom-left-radius: 40px;
  683. border-bottom-right-radius: 40px;
  684. }
  685.  
  686. div#side2{
  687. position:fixed !important;
  688. width:30px;
  689. height:600px;
  690. top:20px;
  691. margin-left:1175px;
  692. background-image:url({image:side2});
  693. border: 4px solid #fff;
  694. box-shadow: 1px 1px 10px #aaa;
  695. border-top-left-radius: 0px;
  696. border-top-right-radius: 0px;
  697. border-bottom-left-radius: 40px;
  698. border-bottom-right-radius: 40px;
  699. }
  700.  
  701. div#side3{
  702. position:fixed !important;
  703. width:30px;
  704. height:750px;
  705. top:63px;
  706. margin-left:1270px;
  707. background-image:url({image:side3});
  708. border: 4px solid #fff;
  709. box-shadow: 1px 1px 10px #aaa;
  710. border-top-left-radius: 40px;
  711. border-top-right-radius: 40px;
  712. border-bottom-left-radius: 0px;
  713. border-bottom-right-radius: 0px;
  714. }
  715.  
  716.  
  717. #flower{
  718. position:fixed !important;
  719. float: left;
  720. height: 50px;
  721. z-index: 1;
  722. margin-left:90px;
  723. margin-top:450px;
  724. background: transparent;
  725. }
  726.  
  727. @font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}
  728.  
  729. @font-face{font-family:Cosmic Spans;src:url(http://static.tumblr.com/vyr0ogr/4bZmqlsob/comic_spans.ttf);}
  730.  
  731. @font-face{font-family:Dinosaur2;src:url(http://static.tumblr.com/vyr0ogr/p15mqkuvw/dinosaur2.zip);}
  732.  
  733. @font-face{font-family:One Starry Night;src:url(http://static.tumblr.com/vyr0ogr/q9Xmqkuok/one_starry_night.ttf);}
  734.  
  735. @font-face{font-family:Fangtasia;src:url(http://static.tumblr.com/9wzbixa/n1fmj2ibf/fangtasia.ttf);}
  736.  
  737. @font-face{font-family:Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);}
  738.  
  739. @font-face{font-family:Babydoll;src:url(http://static.tumblr.com/9wzbixa/MbMmj2fv0/babydoll.ttf);}
  740.  
  741. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  742.  
  743. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  744.  
  745.  
  746. @font-face{font-family:Marker;src:url(http://static.tumblr.com/9wzbixa/8R2mj3l1x/permanentmarker.ttf);}
  747.  
  748. @font-face{font-family:Black Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}
  749.  
  750. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  751.  
  752. @font-face{font-family:Janda Manatee;src:url(http://static.tumblr.com/9wzbixa/paEmj2mm5/jandamanateesolid.ttf);}
  753.  
  754.  
  755. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  756. .title{
  757. line-height: 50px;
  758. margin-left:5px;
  759. color:{color:Title};
  760. font-weight: normal;
  761. text-shadow:0px 0px 7px rgba(0,0,0,0.5);
  762. }
  763.  
  764.  
  765. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  766. .permalink{
  767. text-transform: normal;
  768. display: block;
  769. text-align: right;
  770. text-decoration: none;
  771. }
  772.  
  773.  
  774. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  775. #infscr-loading{
  776. bottom: -70px;
  777. position: absolute;
  778. left: 50%;
  779. margin-left:-8px;
  780. width:16px;
  781. height:11px;
  782. overflow:hidden;
  783. margin-bottom: 50px;
  784. }
  785.  
  786. #postnotes{
  787. text-align: justify;}
  788.  
  789. #postnotes blockquote{
  790. border: 0px;}
  791.  
  792. blockquote{
  793. padding:0px 0px 2px 5px;
  794. margin:0px 0px 2px 10px;
  795. border-left: 1px dotted #555555;
  796. }
  797.  
  798. blockquote p, ul{
  799. margin:0px;
  800. padding:0px;
  801. }
  802.  
  803. a img{border: 0px;}
  804.  
  805.  
  806. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  807.  
  808. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  809. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  810.  
  811. .notes img{width:10px; position:relative; top:3px;}
  812. <--ses-->
  813. small{font-size: 90%;}
  814.  
  815. {CustomCSS}
  816.  
  817. </style>
  818.  
  819. {block:IndexPage}
  820. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  821. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  822.  
  823. <script type="text/javascript">
  824. $(window).load(function(){
  825. var $wall = $('#posts');
  826. $wall.imagesLoaded(function(){
  827. $wall.masonry({
  828. itemSelector: '.entry, .entry_photo',
  829. isAnimated : false
  830. });
  831. });
  832.  
  833. $wall.infinitescroll({
  834. navSelector : '#pagination',
  835. nextSelector : '#pagination a',
  836. itemSelector : '.entry, .entry_photo',
  837. bufferPx : 2000,
  838. debug : false,
  839. errorCallback: function() {
  840. $('#infscr-loading').fadeOut('normal');
  841. }},
  842. function( newElements ) {
  843. var $newElems = $( newElements );
  844. $newElems.hide();
  845. $newElems.imagesLoaded(function(){
  846. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  847. });
  848. }); $('#posts').show(500);
  849. });
  850. </script>
  851.  
  852.  
  853. {/block:IndexPage}
  854.  
  855.  
  856. <title>{title}</title>
  857.  
  858. <link rel="shortcut icon" href="{Favicon}" />
  859. <meta name="viewport" content="width=820" />
  860. </head>
  861.  
  862. <body>
  863. <BODY onselectstart="return false;" ondragstart="return false;">
  864. <div class="wrapper">
  865. <div class="header">
  866. </div>
  867.  
  868. <div id="cage">
  869. <div id="side1"></div>
  870. <div id="side2"></div>
  871. <div id="side3"></div>
  872. <div id="center">
  873.  
  874. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  875. <div id="sidebar">
  876. <div id="stats">{text:stats}</center></div>
  877. <div id="title1">{text:big title}</div>
  878. <div id="desc">{description}</div>
  879.  
  880. <div id="link1"><a href="{text:link 1}"title="{text:link 1 hover message}">I</a></div>
  881.  
  882. <div id="link2"><a href="{text:link 2}"title="{text:link 2 hover message}">II</a></div>
  883.  
  884. <div id="link3"><a href="{text:link 3}"title="{text:link 3 hover message}">III</a></div>
  885.  
  886. <div id="link4"><a href="{text:link 4}"title="{text:link 4 hover message}">IV</a></div>
  887.  
  888. <div id="link5"><a href="{text:link 5}"title="{text:link 5 hover message}">V</a></div>
  889. <center>
  890. <a href="/"><img src="{image:sidebar}" width=100%></a>
  891. </center>
  892. </div>
  893.  
  894. <div id="flower">
  895. <img src="http://24.media.tumblr.com/15bb0558068da33fdcbed3027b151de2/tumblr_mpzxlifKgI1rm6jd7o1_1280.png" height=auto width=80px>
  896. </div>
  897.  
  898. <!------------------------------------->
  899. <div class="left">
  900. <div id="poop"><div id="quote">{text:quote}</div></div>
  901. <div id="smile1"></div>
  902. <div id="smile2"></div>
  903. <div id="smile3"></div>
  904. <div id="posts">
  905. {block:Posts}
  906. <div class="entry">
  907.  
  908. {block:Text}{block:Title}<span class="title"><big><big><u>{Title}</u></big></big></span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  909.  
  910. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  911. {/block:Text}
  912.  
  913. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  914.  
  915. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  916.  
  917. {block:Photo}
  918. {block:IndexPage}
  919. <center>
  920. <div class="perma">
  921. <a href="{ReblogURL}" target="_blank"> reblog </a> ♥ <a href="{Permalink}">{notecountwithlabel}</a> </div>
  922.  
  923. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  924. {/block:IndexPage}
  925. {block:PermalinkPage}
  926. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  927.  
  928. {LinkCloseTag}
  929. {/block:PermalinkPage}
  930. {/block:Photo}
  931.  
  932. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><b>{Asker} says:</b> {Question}&nbsp;</div>{Answer}<div id="answers"><div id="signature">{text:your name}</div></div><a href="{Permalink}">{notecountwithlabel}</a>{/block:answer}
  933.  
  934. {block:Photoset}
  935. {block:IndexPage}
  936. <center>
  937.  
  938. <div class="perma">
  939. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  940.  
  941. {Photoset-250}</center>
  942. {/block:IndexPage}
  943. {block:PermalinkPage}
  944. <center>
  945. {Photoset-500}</center>
  946. {/block:PermalinkPage}
  947. {/block:Photoset}
  948.  
  949. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  950.  
  951. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  952.  
  953. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  954. <ul class="chat">
  955. {block:Lines}
  956. <li class="user_{UserNumber}">
  957. {block:Label}
  958. <span class="label">{Label}</span>
  959. {/block:Label}
  960.  
  961. {Line}
  962. </li>
  963. {/block:Lines}
  964. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  965. {/block:Chat}
  966.  
  967. {block:Audio}
  968. <div style="width:200px; height:30px;">
  969. {AudioPlayerBlack}
  970. </div>
  971. {block:IndexPage}<span class="permalink">
  972. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  973. </span>{/block:IndexPage}
  974. {/block:Audio}
  975.  
  976. {block:Video}
  977. {block:IndexPage}
  978. <center>
  979. <div class="perma">
  980. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  981. {Video-250}</center>
  982. {/block:IndexPage}
  983. {block:PermalinkPage}
  984. <center>
  985. {Video-400}</center>
  986. {/block:PermalinkPage}
  987. {block:Video}
  988.  
  989.  
  990. {block:PostNotes}<div align="middle">{caption}</div>
  991. <center>
  992.  
  993. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  994.  
  995. {block:HasTags}
  996. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  997. {block:RebloggedFrom}
  998. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  999. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1000.  
  1001. {/block:RebloggedFrom}
  1002. </center></span>
  1003. <br>
  1004. <div id="postnotes">{PostNotes}</div><br>
  1005.  
  1006. <center>{block:ContentSource}
  1007. <br><a href="{SourceURL}">
  1008. {lang:Source}:
  1009. {block:SourceLogo}
  1010. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1011. height="{LogoHeight}" alt="{SourceTitle}" />
  1012. {/block:SourceLogo}
  1013. {block:NoSourceLogo}
  1014. {SourceLink}
  1015. {/block:NoSourceLogo}
  1016. </a>
  1017. {/block:ContentSource}</center>
  1018.  
  1019. {/block:PostNotes}
  1020. </div>
  1021. {/block:Posts}
  1022. </div></div>
  1023.  
  1024. {block:IndexPage}
  1025. {block:Pagination}
  1026. <div id="pagination">
  1027. {block:NextPage}
  1028. <a id="nextPage" href="{NextPage}"></a>
  1029. {/block:NextPage}
  1030. {block:PreviousPage}
  1031. <a href="{PreviousPage}"></a>
  1032. {/block:PreviousPage}
  1033. </div>
  1034. {/block:Pagination}
  1035. {/block:IndexPage}
  1036. </body>
  1037.  
  1038. <div style="position:fixed; bottom:5px; right:5px; background:white; padding: 3px; padding-bottom:7px; padding-top: 7px; font-family: calibri; font-size: 10px; line-height: 10px; z-index: 999999;"><a href="http://0mg-what.tumblr.com"> ♥ </a></div>
  1039.  
  1040. </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!