API tools faq
paste
Advertisement
Allisons-Themes

For Jonathan

Allisons-Themes
Sep 15th, 2013
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.88 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme for Jonathan! I hope you like it! :)
  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:link border" content="#fff"/>
  64. <meta name="color:sidebar border" content="#fff"/>
  65. <meta name="color:title shadow" content="#fff"/>
  66. <meta name="color:ask border" content="#333"/>
  67. <meta name="color:scrollbar" content="#fff"/>
  68. <meta name="color:note border" content="#333"/>
  69. <meta name="color:side1" content="1"/>
  70. <meta name="color:side2" content="1"/>
  71. <meta name="color:side3" content="1"/>
  72. <meta name="color:side4" content="1"/>
  73. <meta name="color:desc border" content="#333"/>
  74. <meta name="color:stats border" content="#008cff"/>
  75. <meta name="color:mini picture border" content="#008cff"/>
  76.  
  77. <meta name="image:sidebar" content="1"/>
  78. <meta name="image:background" content="1"/>
  79.  
  80. <meta name="image:sidebar0" content="1"/>
  81. <meta name="image:sidebar1" content="1"/>
  82. <meta name="image:sidebar2" content="1"/>
  83. <meta name="image:sidebar3" content="1"/>
  84. <meta name="image:sidebar4" content="1"/>
  85. <meta name="image:sidebar5" content="1"/>
  86. <meta name="image:sidebar6" content="1"/>
  87. <meta name="image:sidebar7" content="1"/>
  88. <meta name="image:sidebar8" content="1"/>
  89. <meta name="image:sidebar9" content="1"/>
  90. <meta name="image:sidebar10" content="1"/>
  91. <meta name="image:sidebar11" content="1"/>
  92. <meta name="image:sidebar12" content="1"/>
  93. <meta name="image:sidebar13" content="1"/>
  94. <meta name="image:sidebar14" content="1"/>
  95. <meta name="image:sidebar15" content="1"/>
  96. <meta name="image:sidebar16" content="1"/>
  97. <meta name="image:sidebar17" content="1"/>
  98. <meta name="image:sidebar18" content="1"/>
  99. <meta name="image:sidebar19" content="1"/>
  100. <meta name="image:sidebar20" content="1"/>
  101. <meta name="image:sidebar21" content="1"/>
  102. <meta name="image:sidebar22" content="1"/>
  103. <meta name="image:sidebar23" content="1"/>
  104. <meta name="image:sidebar24" content="1"/>
  105. <meta name="image:sidebar25" content="1"/>
  106. <meta name="image:sidebar26" content="1"/>
  107. <meta name="image:sidebar27" content="1"/>
  108. <meta name="image:sidebar28" content="1"/>
  109. <meta name="image:sidebar29" content="1"/>
  110. <meta name="image:sidebar30" content="1"/>
  111. <meta name="image:sidebar31" content="1"/>
  112. <meta name="image:sidebar32" content="1"/>
  113. <meta name="image:sidebar33" content="1"/>
  114. <meta name="image:sidebar34" content="1"/>
  115. <meta name="image:sidebar35" content="1"/>
  116. <meta name="image:sidebar36" content="1"/>
  117. <meta name="image:sidebar37" content="1"/>
  118. <meta name="image:sidebar38" content="1"/>
  119. <meta name="image:sidebar39" content="1"/>
  120. <meta name="image:sidebar40" content="1"/>
  121. <meta name="image:sidebar41" content="1"/>
  122. <meta name="image:sidebar42" content="1"/>
  123. <meta name="image:sidebar43" content="1"/>
  124. <meta name="image:sidebar44" content="1"/>
  125. <meta name="image:gif" content="1"/>
  126. <meta name="image:transparent picture" content="1"/>
  127.  
  128. <meta name="text:toptitle" content=""/>
  129. <meta name="text:name" content=""/>
  130. <meta name="text:stats" content=""/>
  131. <meta name="text:link 1" content=""/>
  132. <meta name="text:link 1 message" content=""/>
  133. <meta name="text:link 2" content=""/>
  134. <meta name="text:link 2 message" content=""/>
  135. <meta name="text:link 3" content=""/>
  136. <meta name="text:link 3 message" content=""/>
  137. <meta name="text:link 4" content=""/>
  138. <meta name="text:link 4 message" content=""/>
  139. <meta name="text:link 5" content=""/>
  140. <meta name="text:link 5 message" content=""/>
  141.  
  142. <style type="text/css">
  143.  
  144. #happy1{
  145. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  146. repeat:repeat-x;
  147. margin-left:-15px;
  148. width:307px;
  149. margin-top: -27px;
  150. height:18px;
  151. position: fixed;
  152. z-index: 1;
  153. opacity:1;
  154. border-top: 2px solid White;
  155. -webkit-transform:rotate(180deg);
  156. -moz-transform: rotate(180deg);
  157. -o-transform:rotate(180deg);
  158. transform:rotate(180deg);
  159. }
  160.  
  161. #happy4{
  162. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  163. repeat:repeat-x;
  164. margin-left:-15px;
  165. width:299px;
  166. margin-top: 412px;
  167. height:18px;
  168. position: fixed;
  169. z-index: 2;
  170. opacity:1;
  171. border-top: 2px solid white;
  172. }
  173.  
  174. #happy5{
  175. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  176. repeat:repeat-x;
  177. margin-left:65px;
  178. width:444px;
  179. margin-top: 200px;
  180. height:18px;
  181. position: fixed;
  182. z-index: 1;
  183. opacity:1;
  184. -webkit-transform:rotate(270deg);
  185. -moz-transform: rotate(270deg);
  186. -o-transform:rotate(270deg);
  187. transform:rotate(270deg);
  188. border-top:2px solid white;
  189. }
  190.  
  191. #happy3{
  192. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  193. repeat:repeat-x;
  194. margin-left:-236px;
  195. width:448px;
  196. margin-top: 196px;
  197. height:18px;
  198. position: fixed;
  199. z-index: 0;
  200. opacity:1;
  201. -webkit-transform:rotate(90deg);
  202. -moz-transform: rotate(90deg);
  203. -o-transform:rotate(90deg);
  204. transform:rotate(90deg);
  205. border-top:2px solid white;
  206. }
  207.  
  208.  
  209. #smile2{
  210. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  211. repeat:repeat-x;
  212. margin-left:215px;
  213. width:1400px;
  214. margin-top: 0px;
  215. height:18px;
  216. position: fixed;
  217. z-index: 1;
  218. opacity:1;
  219. -webkit-transform:rotate(270deg);
  220. -moz-transform:rotate(270deg);
  221. -o-transform: rotate(270deg);
  222. }
  223.  
  224. #smile3{
  225. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  226. repeat:repeat-x;
  227. margin-left:-418px;
  228. width:1400px;
  229. margin-top: 295px;
  230. height:18px;
  231. position: fixed;
  232. z-index: 1;
  233. opacity:1;
  234. -webkit-transform:rotate(90deg);
  235. -moz-transform:rotate(90deg);
  236. -o-transform: rotate(90deg);
  237. }
  238.  
  239. #happy {
  240. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  241. repeat:repeat-x;
  242. left:0;
  243. width:100%;
  244. margin-top: -5px;
  245. height:18px;
  246. position: fixed;
  247. z-index: 99999999999999999999999999999999999;
  248. opacity:1;
  249. }
  250. #happy2 {
  251. background-color: #fff;
  252. repeat:repeat-x;
  253. left:0;
  254. width:100%;
  255. margin-top: -35px;
  256. height:30px;
  257. position: fixed;
  258. z-index: 999999999999999999999999999999999999999999999999999;
  259. opacity:1;
  260. }
  261.  
  262. ::-webkit-scrollbar-thumb:vertical {
  263. background-color: {color:scrollbar}; /*scrollbar's slider color*/
  264. background-image:url('URL HERE'); /*optional background image*/
  265. height:100px;
  266. -moz-border-radius: 5px; /*these make bar rounded*/
  267. border-radius: 5px;
  268. border: 1px solid #cecece; /*border's color*/
  269. }
  270.  
  271. ::-webkit-scrollbar-thumb:horizontal {
  272. background-color:{color: scrollbar}; /*scrollbar's slider color*/
  273. height:100px !important;
  274. }
  275.  
  276. ::-webkit-scrollbar {
  277. background-color: gray; /*scrollbar's main color*/
  278. background-image:url('URL HERE'); /*optional background image*/
  279. height:10px;
  280. width:5px; /*width of slider*/
  281. border: 1px solid {color: scrollbar}; /*border's color*/
  282. }
  283.  
  284. #s-m-t-tooltip {
  285. max-width:300px;
  286. height: 12px;
  287. padding:6px 6px 6px 6px;
  288. margin:20px 0px 0px 20px;
  289. background: #fff; /* change the background color */
  290. border:1px solid #000; /* change the border color */
  291. font-family: ""; /* change the font */
  292. font-size:20px; /* change the font size */
  293. line-height: 10px;
  294. letter-spacing:1px; /* change the letter spacing */
  295. text-transform:None; /* can be uppercase, lowercase, none*/
  296. color:#000; /* change the text color */
  297. z-index:999999999999999999999999999999999999;
  298. border-radius: 0px;
  299. }
  300.  
  301. 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-
  302.  
  303. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  304.  
  305. 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;}
  306.  
  307. p {
  308. margin:0px;
  309. margin-top:0px;
  310. }
  311.  
  312.  
  313. body {
  314. padding: 0px;
  315. margin: 0px;
  316. color:{color:text};
  317. font-family: "Diamond";
  318. line-height:17px;
  319. font-size:17px;
  320. background-color: {color:Background};
  321. background-image:url({image:Background});
  322. background-attachment: fixed;
  323. background-repeat: repeat;
  324. }
  325.  
  326.  
  327. a:link, a:active, a:visited{
  328. text-decoration: none;
  329. -webkit-transition: color 0.3s ease-out;
  330. -moz-transition: color 0.3s ease-out;
  331. transition: color 0.3s ease-out;
  332. color:{color:link};
  333. }
  334.  
  335. a:hover {
  336. text-decoration: none;
  337. font-style:;
  338. color: {color:Hover};
  339. }
  340.  
  341. div#center{
  342. margin:auto;
  343. position:relative;
  344. width:1000px;
  345. background-color:;
  346. overflow:auto;
  347. overflow-y:hidden;
  348. }
  349.  
  350.  
  351. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  352. .entry {
  353. float:left;
  354. display: block;
  355. margin:5px;
  356. overflow:hidden;
  357. width:280px;
  358. opacity: 0.8;
  359. {block:PermalinkPage}
  360. width:600px;
  361. text-align:left;
  362. line-height:10px;
  363. {/block:PermalinkPage}
  364. background:white;
  365. background-image:URL();
  366. padding: 8px;
  367. border: 1px solid #dbdbdb;
  368. -webkit-transition: all .7s ease;
  369. -moz-transition: all .7s ease;
  370. -o-transition: all .7s ease;
  371. transition: all .7s ease;
  372. }
  373.  
  374. .entry:hover{
  375. opacity:1;
  376. }
  377.  
  378.  
  379. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  380. .entry .perma{
  381. width:250px;
  382. height:35px;
  383. margin-left:10px;
  384. position: absolute;
  385. line-height: 25px;
  386. overflow:hidden;
  387. text-align:center;
  388. top:60px;
  389. background:white;
  390. word-spacing:2px;
  391. letter-spacing:1px;
  392. opacity: 0.0;
  393. border: 5px solid {color:note border};
  394. font-size: 25px;
  395. font-family: "Fangtasia";
  396. -webkit-transition: all .7s ease;
  397. -moz-transition: all .7s ease;
  398. -o-transition: all .7s ease;
  399. transition: all .7s ease;
  400. }
  401.  
  402. .entry:hover .perma{
  403. overflow:visible;
  404. opacity:1;
  405. }
  406.  
  407.  
  408. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  409. #posts {
  410. width:620px;
  411. margin-top:15px;
  412. z-index:99;
  413. margin-left:290px;
  414. right:auto;
  415. background:white;
  416. margin-right:auto;
  417. position:relative;
  418. padding-top: 20px;
  419. overflow-y: hidden;
  420. }
  421.  
  422.  
  423. askk{
  424. font-size: 30px;
  425. font-family: "Allison";
  426. line-height: 30px;
  427. }
  428.  
  429. question{
  430. font-size:15px;
  431. line-height: 15px;
  432. font-family: "Chela One";
  433. }
  434.  
  435. answer{
  436. font-size:15px;
  437. line-height: 15px;
  438. font-family: "Chela One";
  439. }
  440.  
  441. name{
  442. font-size:35px;
  443. line-height: 35px;
  444. font-family: "Allison";
  445. text-shadow: 2px 4px 6px gray;
  446. }
  447.  
  448.  
  449. /*CUSTOMIZE SIDEBAR HERE*/
  450. #sidebar{
  451. position:fixed !important;
  452. width:270px;
  453. background:white;
  454. height:auto;
  455. margin-top:100px;
  456. margin-left:-105px;
  457. text-align:center;
  458. border: 10px solid {color:sidebar border};
  459. -webkit-transition: all .7s ease;
  460. -moz-transition: all .7s ease;
  461. -o-transition: all .7s ease;
  462. transition: all .7s ease;
  463. transform: perspective(00) rotateY(0deg);
  464. -o-transform: perspective(00) rotateY(0deg);
  465. -webkit-transform: perspective(00) rotateY(0deg);
  466. }
  467.  
  468.  
  469. #sidebarr{
  470. opacity: 0.8;
  471. transform-origin: 0% 0%;
  472. -webkit-transform-origin: 0% 0%;
  473. -o-transform-origin: 0% 0%;
  474. -webkit-transition: all .7s ease;
  475. -moz-transition: all .7s ease;
  476. -o-transition: all .7s ease;
  477. transition: all .7s ease;
  478. }
  479.  
  480. #sidebar:hover #sidebarr{
  481. z-index: 99999999999999999999999999999999999999999999999999;
  482. -webkit-transition: opacity -.2s linear;
  483. opacity: 0;
  484. transform: perspective(950) rotateY(-180deg);
  485. -o-transform: perspective(950) rotateY(-180deg);
  486. -webkit-transform: perspective(950) rotateY(-180deg);
  487. transform-origin: 0% 0%;
  488. -webkit-transform-origin: 0% 0%;
  489. -o-transform-origin: 0% 0%;
  490. -webkit-transition: all .9s ease;
  491. -moz-transition: all .9s ease;
  492. -o-transition: all .9s ease;
  493. transition: all .9s ease;
  494. }
  495.  
  496. #link1{
  497. position:fixed;
  498. z-index:1;
  499. width:40px;
  500. height:40px;
  501. opacity:0;
  502. padding: 2px;
  503. padding-top:3px;
  504. margin-left:60px;
  505. margin-top:240px;
  506. background: white;
  507. border:2px solid {color:link border};
  508. color:white;
  509. line-height:35px;
  510. font-size: 30px;
  511. font-family: "Fangtasia";
  512. text-align:center;
  513. border-radius: 10px 20px/20px 10px;
  514. }
  515.  
  516. #sidebar:hover #link1{
  517. opacity: 1;
  518. -webkit-transition: all .9s ease;
  519. -moz-transition: all .9s ease;
  520. -o-transition: all .9s ease;
  521. transition: all .9s ease;
  522. -webkit-transform:rotate(0deg);
  523. -moz-transform:rotate(0deg);
  524. -o-transform: rotate(0deg);
  525. }
  526.  
  527. #link2{
  528. position:fixed;
  529. z-index:1;
  530. width:40px;
  531. height:40px;
  532. opacity: 0;
  533. padding: 2px;
  534. padding-top:3px;
  535. margin-left:160px;
  536. margin-top:240px;
  537. background: white;
  538. border:2px solid {color:link border};
  539. color:white;
  540. line-height:35px;
  541. font-size: 30px;
  542. font-family: "Fangtasia";
  543. text-align:center;
  544. border-radius: 10px 20px/20px 10px;
  545. }
  546.  
  547. #sidebar:hover #link2{opacity: 1;
  548. -webkit-transition: all .9s ease;
  549. -moz-transition: all .9s ease;
  550. -o-transition: all .9s ease;
  551. transition: all .9s ease;
  552. -webkit-transform:rotate(0deg);
  553. -moz-transform:rotate(0deg);
  554. -o-transform: rotate(0deg);
  555. }
  556.  
  557.  
  558. #link3{
  559. position:fixed;
  560. z-index:1;
  561. width:40px;
  562. height:40px;
  563. opacity: 0;
  564. padding: 2px;
  565. padding-top:3px;
  566. margin-left:10px;
  567. margin-top:285px;
  568. background: white;
  569. border:2px solid {color:link border};
  570. color:white;
  571. line-height:35px;
  572. font-size: 30px;
  573. font-family: "Fangtasia";
  574. text-align:center;
  575. border-radius: 10px 20px/20px 10px;
  576. }
  577.  
  578. #sidebar:hover #link3{opacity: 1;
  579. -webkit-transition: all .9s ease;
  580. -moz-transition: all .9s ease;
  581. -o-transition: all .9s ease;
  582. transition: all .9s ease;
  583. -webkit-transform:rotate(0deg);
  584. -moz-transform:rotate(0deg);
  585. -o-transform: rotate(0deg);
  586. }
  587.  
  588.  
  589. #link4{
  590. position:fixed;
  591. z-index:1;
  592. width:40px;
  593. height:40px;
  594. opacity: 0;
  595. padding: 2px;
  596. padding-top:3px;
  597. margin-left:110px;
  598. margin-top:285px;
  599. background: white;
  600. border:2px solid {color:link border};
  601. color:white;
  602. line-height:35px;
  603. font-size: 30px;
  604. font-family: "Fangtasia";
  605. text-align:center;
  606. border-radius: 10px 20px/20px 10px;
  607. }
  608.  
  609. #sidebar:hover #link4{opacity: 1;
  610. -webkit-transition: all .9s ease;
  611. -moz-transition: all .9s ease;
  612. -o-transition: all .9s ease;
  613. transition: all .9s ease;
  614. -webkit-transform:rotate(0deg);
  615. -moz-transform:rotate(0deg);
  616. -o-transform: rotate(0deg);
  617. }
  618.  
  619.  
  620.  
  621. #link5{
  622. position:fixed;
  623. z-index:1;
  624. width:40px;
  625. height:40px;
  626. opacity: 0;
  627. padding: 2px;
  628. padding-top:3px;
  629. margin-left:210px;
  630. margin-top:285px;
  631. background: white;
  632. border:2px solid {color:link border};
  633. color:white;
  634. line-height:35px;
  635. font-size: 30px;
  636. font-family: "Fangtasia";
  637. text-align:center;
  638. border-radius: 10px 20px/20px 10px;
  639. }
  640.  
  641.  
  642. #sidebar:hover #link5{opacity: 1;
  643. -webkit-transition: all .9s ease;
  644. -moz-transition: all .9s ease;
  645. -o-transition: all .9s ease;
  646. transition: all .9s ease;
  647. -webkit-transform:rotate(0deg);
  648. -moz-transform:rotate(0deg);
  649. -o-transform: rotate(0deg);
  650. }
  651.  
  652. #desc{
  653. position:fixed;
  654. overflow: auto;
  655. z-index:1;
  656. padding:1px;
  657. margin-top: 350px;
  658. margin-left: 0px;
  659. height:30px;
  660. width: 262px;
  661. opacity: 0;
  662. border: 3px solid {color:desc border};
  663. background-color: white;
  664. font-family: "Happy";
  665. font-size: 15px;
  666. line-height: 15px;
  667. border-radius: 0px;
  668. -webkit-transition: all .7s ease;
  669. -moz-transition: all .7s ease;
  670. -o-transition: all .7s ease;
  671. transition: all .7s ease;
  672. -webkit-transform:rotate(0deg);
  673. -moz-transform:rotate(0deg);
  674. -o-transform: rotate(0deg);
  675. }
  676.  
  677. #sidebar:hover #desc{
  678. opacity: 1;
  679. -webkit-transform:rotate(0deg);
  680. -moz-transform:rotate(0deg);
  681. -o-transform: rotate(0deg);
  682. -webkit-transition: all 1s ease;
  683. -moz-transition: all 1s ease;
  684. -o-transition: all 1s ease;
  685. transition: all 1s ease;
  686. }
  687.  
  688. #stats{
  689. position:fixed;
  690. z-index:1;
  691. padding:1px;
  692. margin-top: 190px;
  693. margin-left: 0px;
  694. height:25px;
  695. width: 262px;
  696. opacity: 0;
  697. border: 3px solid {color:stats border};
  698. background-color: white;
  699. font-family: "Fangtasia";
  700. font-size: 25px;
  701. line-height: 25px;
  702. border-radius: 10px 20px/20px 10px;
  703. -webkit-transition: all .7s ease;
  704. -moz-transition: all .7s ease;
  705. -o-transition: all .7s ease;
  706. transition: all .7s ease;
  707. -webkit-transform:rotate(0deg);
  708. -moz-transform:rotate(0deg);
  709. -o-transform: rotate(0deg);
  710. }
  711.  
  712. #sidebar:hover #stats{
  713. opacity: 1;
  714. -webkit-transform:rotate(0deg);
  715. -moz-transform:rotate(0deg);
  716. -o-transform: rotate(0deg);
  717. -webkit-transition: all 1s ease;
  718. -moz-transition: all 1s ease;
  719. -o-transition: all 1s ease;
  720. transition: all 1s ease;
  721. }
  722.  
  723. #side1{
  724. position: fixed !important;
  725. margin-left: 225px;
  726. margin-top: 0px;
  727. width: 10px;
  728. height: 100%;
  729. border: 2px solid white;
  730. background:{color:side1};
  731. - MOZ - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  732. - WEBKIT - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  733. BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  734. }
  735.  
  736. #side2{
  737. position: fixed !important;
  738. margin-left: 255px;
  739. margin-top: 0px;
  740. width: 10px;
  741. height: 100%;
  742. border: 2px solid white;
  743. background:{color:side2};
  744. - MOZ - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  745. - WEBKIT - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  746. BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  747. }
  748.  
  749. #side3{
  750. position: fixed !important;
  751. margin-left: 930px;
  752. margin-top: 0px;
  753. width: 10px;
  754. height: 100%;
  755. border: 2px solid white;
  756. background:{color:side3};
  757. - MOZ - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  758. - WEBKIT - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  759. BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  760. }
  761.  
  762. #side4{
  763. position: fixed !important;
  764. margin-left: 960px;
  765. margin-top: 0px;
  766. width: 10px;
  767. height: 100%;
  768. border: 2px solid white;
  769. background:{color:side4};
  770. - MOZ - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  771. - WEBKIT - BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  772. BOX - SHADOW : 3PX 3PX 5PX 6PX #CCC;
  773. }
  774.  
  775. #toptitle{
  776. position: fixed !important;
  777. margin-left: -13px;
  778. z-index: 9999999;
  779. margin-top: -40px;
  780. font-family: "Allison";
  781. font-size: 60px;
  782. color: {color:titlecolor};
  783. text-shadow:2px 2px 4px gray;
  784. }
  785.  
  786. #link6{
  787. opacity: 9;
  788. z-index:3;
  789. position:fixed;
  790. float: left;
  791. height: 50px;
  792. margin-left: 265px;
  793. margin-top:-30px;
  794. background: transparent;
  795. }
  796.  
  797. #you{
  798. position:fixed;
  799. float: left;
  800. height: 110px;
  801. width: 250px;
  802. z-index:9999;
  803. margin-left:5px;
  804. margin-top:20px;
  805. opacity: 0;
  806. background: white;
  807. border: 4px solid {color:mini picture border};
  808. border-radius: 30px 10px/10px 30px;
  809. -webkit-transition: all .3s ease;
  810. -moz-transition: all .3s ease;
  811. -o-transition: all .3s ease;
  812. transition: all .3s ease;
  813. }
  814.  
  815. #you img{
  816. margin-top: 0px;
  817. margin-left: 0px;
  818. border-radius: 30px 3px/3px 30px;
  819. }
  820.  
  821. #sidebar:hover #you{
  822. opacity: 1;
  823. -webkit-transition: all .7s ease;
  824. -moz-transition: all .7s ease;
  825. -o-transition: all .7s ease;
  826. transition: all .7s ease;
  827. }
  828.  
  829. @font-face { font-family: ; src: url(); }
  830.  
  831. @font-face { font-family: ; src: url(); }
  832.  
  833. @font-face { font-family: Diamond; src: url(http://static.tumblr.com/vyr0ogr/9RYmt4j7i/diamond_girl.ttf); }
  834.  
  835. @font-face { font-family: bad; src: url(http://static.tumblr.com/vyr0ogr/3UPmt4j4d/bad_striped.ttf); }
  836.  
  837. @font-face { font-family: Fangtasia; src: url(http://static.tumblr.com/vyr0ogr/nK9mt3cl3/all_things_pink.ttf); }
  838.  
  839. @font-face { font-family: Allison; src: url(http://static.tumblr.com/vyr0ogr/A9umt3cjq/a_gentle_touch.ttf); }
  840.  
  841. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  842.  
  843. @font-face {
  844. font-family: 'Happy';
  845. font-style: normal;
  846. font-weight: 400;
  847. src: local('Happy Monkey'), local('HappyMonkey-Regular'), url(http://themes.googleusercontent.com/static/fonts/happymonkey/v2/c2o0ps8nkBmaOYctqBq1rXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  848. }
  849.  
  850.  
  851. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  852. .title{
  853. line-height: 30px;
  854. font-size: 30px;
  855. font-family: "bad";
  856. text-shadow: 2px 3px 4px {color:title shadow};
  857. color:{color:Title};
  858. font-weight: normal;
  859. }
  860.  
  861.  
  862. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  863. .permalink{
  864. text-transform: normal;
  865. display: block;
  866. text-align: right;
  867. text-decoration: none;
  868. }
  869.  
  870.  
  871. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  872. #infscr-loading{
  873. bottom: -70px;
  874. position: absolute;
  875. left: 50%;
  876. margin-left:-8px;
  877. width:16px;
  878. height:11px;
  879. overflow:hidden;
  880. margin-bottom: 50px;
  881. }
  882.  
  883. #postnotes{
  884. text-align: justify;}
  885.  
  886. #postnotes blockquote{
  887. border: 0px;}
  888.  
  889. blockquote{
  890. padding:0px 0px 2px 5px;
  891. margin:0px 0px 2px 10px;
  892. border-left: 1px dotted #555555;
  893. }
  894.  
  895. blockquote p, ul{
  896. margin:0px;
  897. padding:0px;
  898. }
  899.  
  900. a img{border: 0px;}
  901.  
  902.  
  903. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  904.  
  905. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  906. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  907.  
  908. .notes img{width:10px; position:relative; top:3px;}
  909. <--ses-->
  910. small{font-size: 90%;}
  911.  
  912. {CustomCSS}
  913.  
  914. </style>
  915.  
  916. {block:IndexPage}
  917. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  918. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  919.  
  920. <script type="text/javascript">
  921. $(window).load(function(){
  922. var $wall = $('#posts');
  923. $wall.imagesLoaded(function(){
  924. $wall.masonry({
  925. itemSelector: '.entry, .entry_photo',
  926. isAnimated : false
  927. });
  928. });
  929.  
  930. $wall.infinitescroll({
  931. navSelector : '#pagination',
  932. nextSelector : '#pagination a',
  933. itemSelector : '.entry, .entry_photo',
  934. bufferPx : 2000,
  935. debug : false,
  936. errorCallback: function() {
  937. $('#infscr-loading').fadeOut('normal');
  938. }},
  939. function( newElements ) {
  940. var $newElems = $( newElements );
  941. $newElems.hide();
  942. $newElems.imagesLoaded(function(){
  943. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  944. });
  945. }); $('#posts').show(500);
  946. });
  947. </script>
  948.  
  949.  
  950. {/block:IndexPage}
  951.  
  952.  
  953. <title>{title}</title>
  954.  
  955. <link rel="shortcut icon" href="{Favicon}" />
  956. <meta name="viewport" content="width=820" />
  957. </head>
  958.  
  959. <body>
  960. <BODY onselectstart="return false;" ondragstart="return false;">
  961. <div class="wrapper">
  962. <div class="header">
  963. </div>
  964.  
  965. <div id="cage">
  966. <div id="center">
  967. <div id="side1"></div>
  968. <div id="side2"></div>
  969. <div id="side3"></div>
  970. <div id="side4"></div>
  971. <div id="smile2"></div>
  972. <div id="smile3"></div>
  973. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  974. <div id="sidebar">
  975. <div id="happy1"></div>
  976. <div id="happy5"></div>
  977. <div id="happy3"></div>
  978. <div id="happy4"></div>
  979.  
  980. <div id="desc">{Description}</div>
  981. <div id="toptitle">{text:toptitle}</div>
  982. <div id="stats">{text:stats}</div>
  983.  
  984. <div id="you">
  985. <center><img src="{image:you}" height=110px width=250px></center>
  986. </div>
  987.  
  988. <div id="link6"><img src="{image:transparent picture}" height=auto width=70px></a></div>
  989.  
  990.  
  991. <div id="link1"><a href="{text:link 1}"title="{text:link 1 message}">
  992. <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/128x128/home.png" width=40px height=40px>
  993. </a></div>
  994.  
  995. <div id="link2"><a href="{text:link 2}"title="{text:link 2 message}">
  996. <img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/mail.png" width=40px height=40px>
  997. </a></div>
  998.  
  999. <div id="link3"><a href="{text:link 3}"title="{text:link 3 message}">
  1000. <img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/add.png" width=40px height=40px>
  1001. </a></div>
  1002.  
  1003. <div id="link4"><a href="{text:link 4}"title="{text:link 4 message}">
  1004. <img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/photo-camera.png" width=40px height=40px>
  1005. </a></div>
  1006.  
  1007. <div id="link5"><a href="{text:link 5}"title="{text:link 5 message}">
  1008. <img src="https://cdn3.iconfinder.com/data/icons/49handdrawing/128x128/favourites.png" width=40px height=40px>
  1009. </a></div>
  1010.  
  1011. <center>
  1012. <div id="sidebarr"><script language="JavaScript">
  1013. <!--
  1014.  
  1015. /*
  1016. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1017. Over 400+ free JavaScripts here!
  1018. Keep this notice intact please
  1019. */
  1020.  
  1021. function random_imglink(){
  1022. var myimages=new Array()
  1023. //specify random images below. You can have as many as you wish
  1024. myimages[1]="{image:sidebar0}"
  1025. myimages[2]="{image:sidebar1}"
  1026. myimages[3]="{image:sidebar2}"
  1027. myimages[4]="{image:sidebar3}"
  1028. myimages[5]="{image:sidebar4}"
  1029. myimages[6]="{image:sidebar5}"
  1030. myimages[7]="{image:sidebar6}"
  1031. myimages[8]="{image:sidebar7}"
  1032. myimages[9]="{image:sidebar8}"
  1033. myimages[10]="{image:sidebar9}"
  1034. myimages[11]="{image:sidebar10}"
  1035. myimages[12]="{image:sidebar11}"
  1036. myimages[13]="{image:sidebar12}"
  1037. myimages[14]="{image:sidebar13}"
  1038. myimages[15]="{image:sidebar14}"
  1039. myimages[16]="{image:sidebar15}"
  1040. myimages[17]="{image:sidebar16}"
  1041. myimages[18]="{image:sidebar17}"
  1042. myimages[19]="{image:sidebar18}"
  1043. myimages[20]="{image:sidebar19}"
  1044. myimages[21]="{image:sidebar20}"
  1045. myimages[22]="{image:sidebar21}"
  1046. myimages[23]="{image:sidebar22}"
  1047. myimages[24]="{image:sidebar23}"
  1048. myimages[25]="{image:sidebar24}"
  1049. myimages[26]="{image:sidebar25}"
  1050. myimages[27]="{image:sidebar26}"
  1051. myimages[28]="{image:sidebar27}"
  1052. myimages[29]="{image:sidebar28}"
  1053. myimages[30]="{image:sidebar29}"
  1054. myimages[31]="{image:sidebar30}"
  1055. myimages[32]="{image:sidebar31}"
  1056. myimages[33]="{image:sidebar32}"
  1057. myimages[34]="{image:sidebar33}"
  1058. myimages[35]="{image:sidebar34}"
  1059. myimages[36]="{image:sidebar35}"
  1060. myimages[37]="{image:sidebar36}"
  1061. myimages[38]="{image:sidebar37}"
  1062. myimages[39]="{image:sidebar38}"
  1063. myimages[40]="{image:sidebar39}"
  1064. myimages[41]="{image:sidebar40}"
  1065. myimages[42]="{image:sidebar41}"
  1066. myimages[43]="{image:sidebar42}"
  1067. myimages[44]="{image:sidebar43}"
  1068. myimages[45]="{image:sidebar44}"
  1069.  
  1070.  
  1071. var ry=Math.floor(Math.random()*myimages.length)
  1072. if (ry==0)
  1073. ry=1
  1074. document.write('<img src="'+myimages[ry]+'" border=0 width=100% height=405px >')
  1075. }
  1076. random_imglink()
  1077. //-->
  1078. </script></div>
  1079.  
  1080. </center>
  1081. </div>
  1082. <!------------------------------------->
  1083.  
  1084.  
  1085. <div class="left">
  1086. <div id="happy"></div>
  1087. <div id="happy2"></div>
  1088. <div id="posts">
  1089. {block:Posts}
  1090. <div class="entry">
  1091.  
  1092. {block:Answer}
  1093. <img src="{AskerPortraitURL-40}" align=left style="border:2px solid {color:ask border}; border-radius: 0px"/>
  1094. <div style=" border-radius:0px; min-height: 25px; border: 2px solid {color:ask border}; background: white; margin-top: 15px; box-shadow: 0px 0px 0px gray;"><askk>{Asker}:<askk><div style="margin-top:0px;"><center><question>{Question}</question></center></div></div>
  1095. <br>
  1096. <img src="{Favicon}" width=40 p align=right style="border:2px solid {color:ask border}; border-radius: 0px"/>
  1097. <div style=" border-radius: 0px; min-height: 35px; border: 2px solid {color:ask border}; background: white; margin-top: 15px; box-shadow: 0px 0px 0px gray;"><center><answer>{Answer}</answer></center></div>
  1098. <br>
  1099. <p align=right><name>{text:name}</name>
  1100. <br>
  1101. <p align=right></ask><div style="border: 2px solid {color:note border}; height: 15px; font-family:arial; font-size:12px; line-height: 15px; border-radius: 0px;"> <center><a href="{Permalink}">{TimeAgo} | {notecountwithlabel}</center></div></a>
  1102. {/block:Answer}
  1103.  
  1104. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1105.  
  1106. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1107. {/block:Text}
  1108.  
  1109. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1110.  
  1111. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1112.  
  1113. {block:Photo}
  1114. {block:IndexPage}
  1115. <center>
  1116. <div class="perma">
  1117. <a href="{ReblogURL}" target="_blank"> reblog </a> | <a href="{Permalink}">{notecountwithlabel}</a> </div>
  1118.  
  1119. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1120. {/block:IndexPage}
  1121. {block:PermalinkPage}
  1122. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1123.  
  1124. {LinkCloseTag}
  1125. {/block:PermalinkPage}
  1126. {/block:Photo}
  1127.  
  1128. {block:Photoset}
  1129. {block:IndexPage}
  1130. <center>
  1131.  
  1132. <div class="perma">
  1133. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1134.  
  1135. {Photoset-250}</center>
  1136. {/block:IndexPage}
  1137. {block:PermalinkPage}
  1138. <center>
  1139. {Photoset-500}</center>
  1140. {/block:PermalinkPage}
  1141. {/block:Photoset}
  1142.  
  1143. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1144.  
  1145. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1146.  
  1147. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1148. <ul class="chat">
  1149. {block:Lines}
  1150. <li class="user_{UserNumber}">
  1151. {block:Label}
  1152. <span class="label">{Label}</span>
  1153. {/block:Label}
  1154.  
  1155. {Line}
  1156. </li>
  1157. {/block:Lines}
  1158. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1159. {/block:Chat}
  1160.  
  1161. {block:Audio}
  1162. <div style="width:200px; height:30px;">
  1163. {AudioPlayerBlack}
  1164. </div>
  1165. {block:IndexPage}<span class="permalink">
  1166. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1167. </span>{/block:IndexPage}
  1168. {/block:Audio}
  1169.  
  1170. {block:Video}
  1171. {block:IndexPage}
  1172. <center>
  1173. <div class="perma">
  1174. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1175. {Video-250}</center>
  1176. {/block:IndexPage}
  1177. {block:PermalinkPage}
  1178. <center>
  1179. {Video-400}</center>
  1180. {/block:PermalinkPage}
  1181. {block:Video}
  1182.  
  1183.  
  1184. {block:PostNotes}<div align="middle">{caption}</div>
  1185. <center>
  1186.  
  1187. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1188.  
  1189. {block:HasTags}
  1190. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1191. {block:RebloggedFrom}
  1192. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1193. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1194.  
  1195. {/block:RebloggedFrom}
  1196. </center></span>
  1197. <br>
  1198. <div id="postnotes">{PostNotes}</div><br>
  1199.  
  1200. <center>{block:ContentSource}
  1201. <br><a href="{SourceURL}">
  1202. {lang:Source}:
  1203. {block:SourceLogo}
  1204. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1205. height="{LogoHeight}" alt="{SourceTitle}" />
  1206. {/block:SourceLogo}
  1207. {block:NoSourceLogo}
  1208. {SourceLink}
  1209. {/block:NoSourceLogo}
  1210. </a>
  1211. {/block:ContentSource}</center>
  1212.  
  1213. {/block:PostNotes}
  1214. </div>
  1215. {/block:Posts}
  1216. </div></div>
  1217.  
  1218. {block:IndexPage}
  1219. {block:Pagination}
  1220. <div id="pagination">
  1221. {block:NextPage}
  1222. <a id="nextPage" href="{NextPage}"></a>
  1223. {/block:NextPage}
  1224. {block:PreviousPage}
  1225. <a href="{PreviousPage}"></a>
  1226. {/block:PreviousPage}
  1227. </div>
  1228. {/block:Pagination}
  1229. {/block:IndexPage}
  1230. </body>
  1231.  
  1232. <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://danqle.tumblr.com"> ♥ </a></div>
  1233.  
  1234. </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!