API tools faq
paste
Advertisement
Allisons-Themes

Theme 6

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