API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: Pacman

b0rn-to-be-wild
Dec 3rd, 2013
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.onrg/1999/xhtml">
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | Theme: Pacman
  7.  
  8. + Please do not redistribute this theme or remove credits.
  9. + You are allowed to make changes as long as you keep our credits.
  10. + If you have any questions or concerns, just contact us.
  11. + Thanks for using our page! We hope that you enjoy it!
  12.  
  13. ---->
  14.  
  15. <html>
  16.  
  17. <head>
  18.  
  19. <style type="text/css">
  20.  
  21. body, a:hover {
  22. cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur237.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur237.png), progress !important;}
  23. </style>
  24.  
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Sunshiney' rel='stylesheet' type='text/css'>
  31.  
  32. <script type="text/javascript"
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34.  
  35.  
  36. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  37.  
  38. <!--DEFAULT VARIABLES-->
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  40.  
  41. <meta name="image:Background" content="1"/>
  42. <meta name="image:Sidebar" content="1"/>
  43.  
  44. <meta name="color:Background" content="#000"/>
  45. <meta name="color:Sidebar 1 background" content="#000"/>
  46. <meta name="color:Link" content="#777"/>
  47. <meta name="color:Link background" content="#FFD800"/>
  48. <meta name="color:Post background" content="#000"/>
  49. <meta name="color:Music player background" content="#000"/>
  50. <meta name="color:Text" content="#777"/>
  51. <meta name="color:Hover" content="#fff"/>
  52. <meta name="color:Sidebar Image Border" content="#A4A4A4"/>
  53. <meta name="color:Title" content="#333"/>
  54. <meta name="color:Blog Title" content="#000000"/>
  55. <meta name="color:Ask bubble" content="#fff"/>
  56. <meta name="color:Bold" content="#FFD800"/>
  57. <meta name="color:Italic" content="#fff"/>
  58.  
  59. <meta name="text:Link 1" content="link 1"/>
  60. <meta name="text:Link 2" content="link 2"/>
  61. <meta name="text:Link 3" content="link 3"/>
  62. <meta name="text:Link 4" content="link 4"/>
  63. <meta name="text:Link 5" content="link 5"/>
  64.  
  65. <meta name="text:Link 1 url" content="link 1 url"/>
  66. <meta name="text:Link 2 url" content="link 2 url"/>
  67. <meta name="text:Link 3 url" content="link 3 url"/>
  68. <meta name="text:Link 4 url" content="link 4 url"/>
  69. <meta name="text:Link 5 url" content="link 5 url"/>
  70.  
  71. <style type="text/css">
  72.  
  73. img{
  74. -webkit-filter: grayscale(0%);
  75. -webkit-transition-duration: 0.5s;
  76. -moz-transition-duration: 0.5s;
  77. -o-transition-duration: 0.5s;
  78. -ms-transition-duration: 0.5s;
  79. }
  80.  
  81. img:hover{
  82. -webkit-filter: grayscale(100%);
  83. -webkit-transition-duration: 0.5s;
  84. -moz-transition-duration: 0.5s;
  85. -o-transition-duration: 0.5s;
  86. -ms-transition-duration: 0.5s;
  87. z-index: 2px;
  88. }
  89.  
  90.  
  91. p {
  92. margin:0px;
  93. margin-top:0px;
  94. }
  95.  
  96. img {
  97. border: none;
  98. }
  99.  
  100. b, strong {color:{color:Bold};}
  101.  
  102. i, em {color:{color:Italic};}
  103.  
  104. a:link, a:active, a:visited{
  105. -webkit-transition: color 0.3s ease-out;
  106. -moz-transition: color 0.3s ease-out;
  107. transition: color 0.3s ease-out;
  108. color:{color:link};
  109. text-decoration:none;
  110. }
  111.  
  112. a:hover {
  113. color: {color:Hover};
  114. }
  115.  
  116. /*Body*/
  117.  
  118. body {
  119. padding: 0px;
  120. margin: 0px;
  121. color:{color:text};
  122. font-family:Marck Script;
  123. line-height:18px;
  124. font-size:16px;
  125. background-color: {color:Background};
  126. background-image:url({image:Background});
  127. background-attachment: fixed;
  128. background-repeat: repeat;
  129. }
  130.  
  131. div#center{
  132. margin:auto;
  133. position:relative;
  134. width:1000px;
  135. margin-left:0px;
  136. margin-right:auto;
  137. overflow:hidden;
  138. }
  139.  
  140. #infscr-loading{
  141. bottom: -70px;
  142. position: absolute;
  143. left: 50%;
  144. margin-left:-8px;
  145. width:16px;
  146. height:11px;
  147. overflow:hidden;
  148. margin-bottom: 50px;
  149. }
  150.  
  151. ::-webkit-scrollbar {
  152. width: 12px;
  153. }
  154.  
  155. ::-webkit-scrollbar-track {
  156. background: black;
  157. }
  158.  
  159. ::-webkit-scrollbar-thumb {
  160. background: -webkit-linear-gradient(left, #1E34AB, #1E34AB);
  161. border: 1px solid #333;
  162. height:30px;
  163. box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  164. }
  165.  
  166. #postnotes{
  167. text-align: justify;
  168. }
  169.  
  170. #postnotes blockquote{
  171. border: 0px;
  172. }
  173.  
  174. blockquote{
  175. padding:0px 0px 2px 5px;
  176. margin:0px 0px 2px 10px;
  177. border-left: 1px dotted #555555;
  178. }
  179.  
  180. blockquote p, ul{
  181. margin:0px;
  182. padding:0px;
  183. }
  184.  
  185. a img{border: 0px;}
  186.  
  187.  
  188. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  189.  
  190. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  191. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  192.  
  193. .notes img{width:10px; position:relative; top:3px;}
  194. <--ses-->
  195. small{font-size: 90%;}
  196.  
  197.  
  198. /*Blog title*/
  199.  
  200.  
  201. #blogtitle{
  202. margin-left:-20px;
  203. margin-top:50px;
  204. width:180px;
  205. font-family:'Pacifico';
  206. font-size:30px;
  207. color:{color:Blog Title};
  208. z-index:10000000;
  209. letter-spacing:2px;
  210. line-height:40px;
  211. height:30px;
  212. text-align:center;
  213. text-shadow: 1px 0px {color:borders},
  214. -webkit-transition: opacity .3s linear;
  215. -webkit-transition: all .3s ease-in-out;
  216. -moz-transition: all .3s ease-in-out;
  217. -o-transition: all .3s ease-in-out;
  218. }
  219.  
  220.  
  221. /*Posts and entries*/
  222.  
  223. .title{
  224. line-height: 15px;
  225. color:{color:Title};
  226. font-family:Marck Script;
  227. font-size:15px;
  228. font-weight: normal;
  229. }
  230.  
  231. .entry {
  232. float:left;
  233. display: block;
  234. margin:5px;
  235. overflow:hidden;
  236. width:400px;
  237. padding:5px;
  238. border-radius:15px;
  239. border:10px double #1E34AB;
  240. background:{color:Post background};
  241. -webkit-transition: all .7s ease;
  242. -moz-transition: all .7s ease;
  243. -o-transition: all .7s ease;
  244. transition: all .7s ease;
  245.  
  246. }
  247.  
  248. .permalink{
  249. font-family:'Sunshiney';
  250. text-transform: normal;
  251. display: block;
  252. text-align: right;
  253. text-decoration: none;
  254. }
  255.  
  256. #posts {
  257. width:770px;
  258. margin-top:12px;
  259. z-index:99;
  260. margin-left:240px;
  261. right:auto;
  262. margin-right:auto;
  263. position:relative;
  264. overflow: hidden;
  265. -webkit-animation: fadeInDown 2s;
  266. -moz-animation: fadeInDown 2s;
  267. -ms-animation: fadeInDown 2s;
  268.  
  269. }
  270.  
  271. /*Sidebar*/
  272.  
  273. #sidebar{
  274. position:fixed !important;
  275. width:200px;
  276. background:#fff;
  277. z-index:99999;
  278. height:150px;
  279. padding:10px;
  280. border:10px solid black;
  281. margin-top:85px;
  282. margin-left:110px;
  283. text-align:center;
  284. opacity:1;
  285. -webkit-transition: all .7s ease;
  286. -moz-transition: all .7s ease;
  287. -o-transition: all .7s ease;
  288. transition: all .7s ease;
  289. }
  290.  
  291. #sidebar:hover{
  292. opacity:1;
  293. -webkit-transition: all .7s ease;
  294. -moz-transition: all .7s ease;
  295. -o-transition: all .7s ease;
  296. transition: all .7s ease;
  297. }
  298.  
  299. #sidebarimage {
  300. position:relative;
  301. margin:0px 0px;
  302. background-color:{color:Sidebar Image Border};}
  303.  
  304. #sidebarimage img {
  305. width:200px; height:145px;
  306. }
  307.  
  308.  
  309. #desc{
  310. position:absolute;
  311. width:230px;
  312. background:black;
  313. font-family:'Sunshiney';
  314. height:110px;
  315. overflow:auto;
  316. padding:5px;
  317. margin-top:15px;
  318. margin-left:-20px;
  319. font-size:15px;
  320. border-top:5px;
  321. line-height:15px;
  322. opacity:1;
  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:hover{
  330. opacity:1;
  331. }
  332.  
  333.  
  334. .pacman{
  335. position:absolute;
  336. margin-top:-210px;
  337. margin-left:-100px;
  338. width:0;
  339. height:0;
  340. border-right:50px solid transparent;
  341. border-top:50px solid yellow;
  342. border-left:50px solid yellow;
  343. border-bottom:50px solid yellow;
  344. border-radius: 50px;
  345. -moz-border-radius: 5px;
  346. -webkit-border-radius: 50px;
  347. }
  348.  
  349. .pacman:hover{
  350. margin-left:100px;
  351. transition: all 0.7s ease;
  352. -o-transition-transition: all 0.7s ease;
  353. -webkit-transition: all 0.7s ease;
  354. -moz-transition: all 0.7s ease;
  355. }
  356.  
  357. .sidebar1{
  358. position:fixed !important;
  359. margin-left:20px;
  360. top:0px;
  361. background:{color:Sidebar 1 background};
  362. height:100%;
  363. z-index:1;
  364. opacity:1;
  365. width:140px;
  366. border-left:5px solid #1E34AB;
  367. border-right:5px solid #1E34AB;
  368. }
  369.  
  370. .sidebar2{
  371. position:fixed !important;
  372. margin-left:750px;
  373. top:135px;
  374. background:url('http://www.harryguillermo.com/games/pacman/pacman/common/maze9.jpg');
  375. height:509px;
  376. z-index:999999;
  377. width:463px;
  378. }
  379.  
  380. .sidebar1:hover{
  381. background-position:right;
  382. transition: all 0.3s ease-out;
  383. -o-transition-transition: all 0.3s ease-out;
  384. -webkit-transition: all 0.3s ease-out;
  385. -moz-transition:all;
  386. }
  387.  
  388.  
  389. /*Links*/
  390.  
  391. #link1{
  392. position:absolute;
  393. width:20px;
  394. background:{color:Link background};
  395. margin-left:20px;
  396. font-family:'Sunshiney';
  397. height:20px;
  398. padding:5px;
  399. margin-top:-175px;
  400. font-size:17px;
  401. border-top:0px;
  402. line-height:20px;
  403. border-radius:25px;
  404. opacity:1;
  405. -webkit-transition: all .7s ease;
  406. -moz-transition: all .7s ease;
  407. -o-transition: all .7s ease;
  408. transition: all .7s ease;
  409. }
  410.  
  411. #link2{
  412. position:absolute;
  413. width:20px;
  414. background:{color:Link background};
  415. margin-left:80px;
  416. font-family:'Sunshiney';
  417. height:20px;
  418. padding:5px;
  419. margin-top:-175px;
  420. font-size:17px;
  421. border-top:0px;
  422. line-height:20px;
  423. border-radius:25px;
  424. opacity:1;
  425. -webkit-transition: all .7s ease;
  426. -moz-transition: all .7s ease;
  427. -o-transition: all .7s ease;
  428. transition: all .7s ease;
  429. }
  430.  
  431. #link3{
  432. position:absolute;
  433. width:20px;
  434. background:{color:Link background};
  435. margin-left:140px;
  436. font-family:'Sunshiney';
  437. height:20px;
  438. padding:5px;
  439. margin-top:-175px;
  440. font-size:17px;
  441. border-top:0px;
  442. line-height:20px;
  443. border-radius:25px;
  444. opacity:1;
  445. -webkit-transition: all .7s ease;
  446. -moz-transition: all .7s ease;
  447. -o-transition: all .7s ease;
  448. transition: all .7s ease;
  449. }
  450.  
  451. #link4{
  452. position:absolute;
  453. width:20px;
  454. background:{color:Link background};
  455. margin-left:200px;
  456. font-family:'Sunshiney';
  457. height:20px;
  458. padding:5px;
  459. margin-top:-175px;
  460. font-size:17px;
  461. border-top:0px;
  462. line-height:20px;
  463. border-radius:25px;
  464. opacity:1;
  465. -webkit-transition: all .7s ease;
  466. -moz-transition: all .7s ease;
  467. -o-transition: all .7s ease;
  468. transition: all .7s ease;
  469. }
  470.  
  471. #link5{
  472. position:absolute;
  473. width:20px;
  474. background:{color:Link background};
  475. margin-left:260px;
  476. font-family:'Sunshiney';
  477. height:20px;
  478. padding:5px;
  479. margin-top:-175px;
  480. font-size:17px;
  481. border-top:0px;
  482. line-height:20px;
  483. border-radius:25px;
  484. opacity:1;
  485. -webkit-transition: all .7s ease;
  486. -moz-transition: all .7s ease;
  487. -o-transition: all .7s ease;
  488. transition: all .7s ease;
  489. }
  490.  
  491. #link1:hover, #link2:hover, #link3:hover, #link4:hover, #link5:hover{
  492. -moz-box-shadow: 0 0 5px 5px #888;
  493. -webkit-box-shadow: 0 0 5px 5px #888;
  494. box-shadow: 0 0 5px 5px #888;
  495. -webkit-transition: all .7s ease;
  496. -moz-transition: all .7s ease;
  497. -o-transition: all .7s ease;
  498. transition: all .7s ease;
  499. transform:rotate(360deg);
  500. -ms-transform:rotate(360deg);
  501. -webkit-transform:rotate(360deg);
  502. }
  503.  
  504. /*Main Links*/
  505.  
  506. #linkOne{
  507. width:100px;
  508. margin-left:12px;
  509. font-family:'Sunshiney';
  510. height:90px;
  511. padding:5px;
  512. margin-top:40px;
  513. font-size:17px;
  514. opacity:1;
  515. text-align:center;
  516. z-index:1000000;
  517. -webkit-transition: all .7s ease out;
  518. -moz-transition: all .7s ease;
  519. -o-transition: all .7s ease;
  520. transition: all .7s ease;
  521. }
  522.  
  523. #linkTwo{
  524. width:100px;
  525. margin-left:12px;
  526. font-family:'Sunshiney';
  527. height:90px;
  528. padding:5px;
  529. margin-top:30px;
  530. font-size:17px;
  531. opacity:1;
  532. text-align:center;
  533. z-index:1000000;
  534. -webkit-transition: all .7s ease out;
  535. -moz-transition: all .7s ease;
  536. -o-transition: all .7s ease;
  537. transition: all .7s ease;
  538. }
  539.  
  540. #linkThree{
  541. width:100px;
  542. margin-left:12px;
  543. font-family:'Sunshiney';
  544. height:90px;
  545. padding:5px;
  546. margin-top:30px;
  547. font-size:17px;
  548. opacity:1;
  549. text-align:center;
  550. z-index:1000000;
  551. -webkit-transition: all .7s ease out;
  552. -moz-transition: all .7s ease;
  553. -o-transition: all .7s ease;
  554. transition: all .7s ease;
  555. }
  556.  
  557. #linkFour{
  558. width:100px;
  559. margin-left:12px;
  560. font-family:'Sunshiney';
  561. height:30px;
  562. padding:5px;
  563. margin-top:30px;
  564. font-size:17px;
  565. opacity:1;
  566. text-align:center;
  567. z-index:1000000;
  568. -webkit-transition: all .7s ease out;
  569. -moz-transition: all .7s ease;
  570. -o-transition: all .7s ease;
  571. transition: all .7s ease;
  572. }
  573.  
  574. #linkOne:hover{
  575. -webkit-transition: all .7s ease;
  576. -moz-transition: all .7s ease;
  577. -o-transition: all .7s ease;
  578. transition: all .7s ease;
  579. }
  580. #linkTwo:hover{
  581. -webkit-transition: all .7s ease;
  582. -moz-transition: all .7s ease;
  583. -o-transition: all .7s ease;
  584. transition: all .7s ease;
  585. }
  586. #linkThree:hover{
  587. -webkit-transition: all .7s ease;
  588. -moz-transition: all .7s ease;
  589. -o-transition: all .7s ease;
  590. transition: all .7s ease;
  591. }
  592. #linkFour:hover{
  593. -webkit-transition: all .7s ease;
  594. -moz-transition: all .7s ease;
  595. -o-transition: all .7s ease;
  596. transition: all .7s ease;
  597. }
  598.  
  599.  
  600. /* Music player */
  601.  
  602. #musicplayer {
  603. text-align:center;
  604. position:fixed;
  605. left:25px;
  606. top:-43px;
  607. -webkit-transition:all .5s ease-in-out;
  608. -moz-transition: all .5s ease-in-out;
  609. -o-transition: all .5s ease-in-out;
  610. z-index:300;
  611. }
  612.  
  613. #musicplayer:hover {
  614. top:-7px;
  615. }
  616.  
  617. #music {
  618. padding:10px 0 5px 0;
  619. border: 1px solid #1E34AB;
  620. background:{color:Music player background};
  621. width:140px;
  622. overflow:hidden;
  623. z-index: 9999;
  624. }
  625.  
  626. #music2 {
  627. border-bottom:1px solid #1E34AB;
  628. border-left: 1px solid #1E34AB;
  629. border-right: 1px solid #1E34AB;
  630. margin-top:-1px;
  631. height:38px;
  632. background:{color:Music player background};
  633. border-bottom-left-radius: 25px;
  634. -moz-border-radius-bottomleft: 25px;
  635. -webkit-border-bottom-left-radius: 25px;
  636. border-bottom-right-radius: 25px;
  637. -moz-border-radius-bottomright: 25px;
  638. -webkit-border-bottom-right-radius: 25px;
  639. margin-left:45px;width: 50px;
  640. }
  641.  
  642. /*Audio*/
  643.  
  644. #album img{
  645. max-width:100px;
  646. margin:3px;
  647. float:right;
  648. margin-top:-90px;
  649. z-index:10;
  650. border: 1px solid black;}
  651.  
  652. /* Chat */
  653.  
  654. .chat .line{
  655. margin:0 0 -1px;
  656. color: {color:Text};
  657. padding:2px;
  658. border-top:1px dotted {color:Borders};
  659. border-bottom:1px dotted {color:Borders};
  660. }
  661.  
  662. .label {
  663. font-weight:none;
  664. color:{color:Link};
  665. font-size:10px;
  666. }
  667.  
  668. /* Link*/
  669.  
  670. #linktitle {width:400px;}
  671.  
  672. .linktexttitle {
  673. font-family:'Pacifico';
  674. text-transform:uppercase;
  675. font-size:13px;
  676. line-height:16px;
  677. text-align:center;
  678. border-radius:5px;
  679. background-color:{color:Link background};
  680. -webkit-transition: all 1s ease-in-out;
  681. -moz-transition: all 1s ease-in-out;
  682. transition: all 1s ease-in-out;
  683. padding:5px;
  684. opacity:1;
  685. }
  686. .linktexttitle a {color:{color:Posts};}
  687. .linkdescription {
  688. padding:5px;
  689. margin:0px;
  690. text-align:left;}
  691.  
  692. /* Quote */
  693.  
  694. .quote {
  695. font-size:22px;
  696. line-height:25px;
  697. font-family:'Marck Script';
  698. color:{color:Italic};
  699. height:auto;
  700. margin-top:25px;
  701. margin-bottom:5px;
  702. padding:5px;
  703. text-align:center;
  704. letter-spacing:1px;}
  705.  
  706. .source {
  707. font-size:15px;
  708. line-height:15px;
  709. font-family:'Marck Script';
  710. color:{color:Link};
  711. height:auto;
  712. margin-top:15px;
  713. margin-bottom:5px;
  714. padding:5px;
  715. text-align:right;
  716. letter-spacing:1px;}
  717.  
  718. #quotesymbol {
  719. position:absolute;
  720. font-size:60px;
  721. margin-top:20px;
  722. margin-left:200px;
  723. font-family:Arial;
  724. color:{color:Link};
  725. opacity:0.8;
  726. }
  727.  
  728.  
  729. /*Ask Posts*/
  730.  
  731. .bubble {
  732. position: relative;
  733. align:right;
  734. background:{color:Ask bubble};
  735. margin:5px 0px 5px 66px;
  736. padding:5px;
  737. -moz-border-radius:5px;
  738. -webkit-border-radius:5px;
  739. border-radius:5px;
  740. color:{color:Post background};
  741. }
  742.  
  743. .bubble p {
  744. margin:1px 0px;
  745. }
  746.  
  747. .bubble span {
  748. display:block;
  749. position:absolute;
  750. width:1px;
  751. height:1px;
  752. font-size: 0;
  753. line-height: 1px;
  754. margin-left:-10px;
  755. margin-top:5px;
  756. border-top:7px solid transparent;
  757. border-bottom:7px solid transparent;
  758. border-right:10px solid {color:Ask bubble};
  759. }
  760.  
  761. .askborder {
  762. float: left;
  763. margin: 1px 4px 0 0;
  764. padding: 2px;
  765. background:{color:Ask bubble};
  766. }
  767.  
  768. .like_and_reblog_buttons {
  769. position:absolute;
  770. float:right;
  771. margin-left:350px;
  772. margin-bottom:10px;
  773. z-index:200000;
  774. border: 0px solid #e8e8e8;
  775. border-radius: 3px;
  776. list-style: none;
  777. }
  778.  
  779. .like_and_reblog_buttons li {
  780. float:right;
  781. margin: 5px 5px;
  782. height: 15px;
  783. }
  784.  
  785. .like_and_reblog_buttons li:first-child {
  786. border-right: 0px solid #e8e8e8;
  787. }
  788.  
  789.  
  790. .info {
  791. height:15px;
  792. float:center;
  793. padding-top:4px;
  794. margin-top:10px;
  795. opacity:0.8;
  796. text-align:center;
  797. font-size:16px;
  798. line-height:16px;
  799. letter-spacing:1px;
  800. color:{color:Link};
  801. border-top:5px double #1E34AB;
  802. text-transform:lowercase;
  803. transition-duration: 0.6s;
  804. -moz-transition-duration: 0.6s;
  805. -webkit-transition-duration: 0.6s;
  806. -o-transition-duration: 0.6s; }
  807.  
  808. .info a {
  809. font-size:16px; }
  810.  
  811. .info:hover {
  812. opacity:1.0;
  813. transition-duration: 0.6s;
  814. -moz-transition-duration: 0.6s;
  815. -webkit-transition-duration: 0.6s;
  816. -o-transition-duration: 0.6s; }
  817.  
  818. .pagbar{
  819. width:415px;
  820. height:20px;
  821. padding:5px;
  822. margin-top:467px;
  823. margin-left:20px;
  824. font-size:15px;
  825. opacity:1;
  826. z-index:10000;
  827. text-align:center;
  828. -webkit-transition: all 1s ease;
  829. -moz-transition: all 1s ease;
  830. -o-transition: all 1s ease;
  831. transition: all 1s ease;
  832. }
  833.  
  834. .jump_page {
  835. padding: 4px 8px;
  836. color:{color:Borders};
  837. font-family:century gothic;
  838. font-size:11px;
  839. text-decoration:none;
  840. }
  841.  
  842. .current_page, .jump_page:hover {
  843. padding: 4px 8px;
  844. font-size:13px;
  845. color: {color:Hover};
  846. font-family:century gothic;
  847. text-decoration:none;
  848. }
  849.  
  850.  
  851. /* Credits */
  852.  
  853. #credits {
  854. position:fixed;
  855. right:0px;
  856. top:30px;
  857. width:30px;
  858. opacity:0.9;
  859. }
  860.  
  861.  
  862.  
  863. {CustomCSS}
  864.  
  865.  
  866. </style>
  867.  
  868. {block:IndexPage}
  869. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  870. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  871.  
  872. <script type="text/javascript">
  873. $(window).load(function(){
  874. var $wall = $('#posts');
  875. $wall.imagesLoaded(function(){
  876. $wall.masonry({
  877. itemSelector: '.entry, .entry_photo',
  878. isAnimated : false
  879. });
  880. });
  881.  
  882. $wall.infinitescroll({
  883. navSelector : '#pagination',
  884. nextSelector : '#pagination a',
  885. itemSelector : '.entry, .entry_photo',
  886. bufferPx : 2000,
  887. debug : false,
  888. errorCallback: function() {
  889. $('#infscr-loading').fadeOut('normal');
  890. }},
  891. function( newElements ) {
  892. var $newElems = $( newElements );
  893. $newElems.hide();
  894. $newElems.imagesLoaded(function(){
  895. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  896. });
  897. }); $('#posts').show(500);
  898. });
  899. </script>
  900.  
  901.  
  902. {/block:IndexPage}
  903.  
  904.  
  905. <title>{title}</title>
  906.  
  907. <link rel="shortcut icon" href="{Favicon}" />
  908. <meta name="viewport" content="width=820" />
  909. </head>
  910.  
  911. <body>
  912.  
  913. <!--Music player starts-->
  914.  
  915. <div id="musicplayer">
  916.  
  917. <div id="music"><center>
  918.  
  919. <!--Replace this part with generated billy music player-->
  920.  
  921. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  922.  
  923. <!---->
  924.  
  925. </center></div>
  926.  
  927. <div id="music2"><br>
  928. <!--Replace http://media.tumblr.com/tumblr_m7vzc20rPe1r6o8v2.gif with url of the music icon you like-->
  929. <img src="http://media.tumblr.com/tumblr_m7vzc20rPe1r6o8v2.gif">
  930. </div>
  931. </div>
  932.  
  933. <div id="center">
  934. <div class="sidebar2">
  935. <div id="sidebar">
  936. <center>
  937.  
  938. <div class="pacman"></div>
  939.  
  940. <div id="link1"><a href="{text:Link 1 url}" title="{text:Link 1}">1</a> </div>
  941. <div id="link2"><a href="{text:Link 2 url}" title="{text:Link 2}">2</a> </div>
  942. <div id="link3"><a href="{text:Link 3 url}"title="{text:Link 3}">3</a> </div>
  943. <div id="link4"><a href="{text:Link 4 url}" title="{text:Link 4}">4</a> </div>
  944. <div id="link5"><a href="{text:Link 5 url}" title="{text:Link 5}">5</a> </div>
  945.  
  946. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  947. <div id="desc">{description}</div>
  948. </center>
  949. </div>
  950.  
  951. <div class="pagbar">
  952. {block:Pagination}
  953. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  954. {block:JumpPagination length="5"}
  955. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  956. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  957. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  958. {/block:Pagination}
  959. </div>
  960.  
  961. </div>
  962.  
  963. <div class="sidebar1">
  964.  
  965. <div id="blogtitle">{Title}</div>
  966.  
  967. <div id="linkOne"><a href="/"><img src="http://i44.tinypic.com/2gseplc.jpg">Home</a></div>
  968. <div id="linkTwo"><a href="/ask"><img src="http://i39.tinypic.com/f1i8nq.jpg">Ask</a></div>
  969. <div id="linkThree"><a href="/submit"><img src="http://i43.tinypic.com/2vxf5sg.jpg">Submit</a></div>
  970. <div id="linkFour"><a href="/archive"><img src="http://i42.tinypic.com/121cxzk.jpg">Archive</a></div>
  971.  
  972. </div>
  973.  
  974. <div id="posts">
  975. {block:Posts}
  976. <div class="entry">
  977.  
  978. {block:Text}
  979. {block:Title}
  980. <a href="{Permalink}" class="ttitle">{Title}</a>
  981. {/block:Title}
  982. {Body}
  983. {/block:Text}
  984.  
  985. {block:Photo}
  986. {block:IndexPage}
  987. <img src="{PhotoURL-400}"
  988. width="400"/></a>{/block:IndexPage}
  989. {block:PermalinkPage}
  990. <a href="{permalink}">
  991. <img src="{PhotoURL-400}"
  992. width="400"/></a>{/block:PermalinkPage}
  993. {/block:Photo}
  994. {block:Photoset}
  995. {Photoset-400}
  996. {/block:Photoset}
  997.  
  998. {block:Quote}
  999. <div id="quoteline"></div>
  1000. <div id="quotecircle">
  1001. </div><div id="quotesymbol">&#8220;</div>
  1002. <div class="quote">
  1003. {Quote}{block:Source}
  1004. <div class="source">- {Source}
  1005. </div>{/block:Source}</div>
  1006. {/block:Quote}
  1007.  
  1008. {block:Link}
  1009. <div id="linktitle">
  1010. <div class="linktexttitle">
  1011. <a href="{URL}"
  1012. class="linkpost"
  1013. target="_blank">
  1014. {Name}&nbsp;&raquo;</a></div></div>
  1015. {block:Description}
  1016. <div class="linkdescription">{Description}</div>
  1017. {/block:Description}
  1018. {/block:Link}
  1019.  
  1020. {block:Chat}
  1021. {block:Title}
  1022. <div class"title">
  1023. {Title}</div>
  1024. {/block:Title}
  1025. <div class="chat">
  1026. {block:Lines}
  1027. <div class="chat"><div class="line {Alt}">
  1028. <div class="{Alt} user_{UserNumber}">
  1029. {block:Label}
  1030. <span class="label">
  1031. <span style="text-transform:uppercase;
  1032. letter-spacing:1px;color:{color:Link}">
  1033. <font face="Sunshiney">
  1034. {Label}</font></span></span>
  1035. {/block:Label}
  1036. {Line}</div>
  1037. </div></div>
  1038. {/block:Lines}
  1039. </div>
  1040. {/block:Chat}
  1041.  
  1042. {block:Audio}
  1043. <br>
  1044. {AudioPlayerBlack}
  1045. <br>
  1046. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  1047. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  1048. {block:Album}<b>Album:</b> {Album}{/block:Album}
  1049. <div id="album">{block:AlbumArt}<img src="{AlbumArtURL}">
  1050. {block:AlbumArt}</div><br>
  1051. {/block:Audio}
  1052.  
  1053. {block:Video}
  1054. {Video-400}
  1055. {/block:Video}
  1056.  
  1057. {block:Answer}
  1058. <img src="{AskerPortraitURL-48}"
  1059. align="left"
  1060. class="askborder">
  1061. <div class="bubble"><span></span>
  1062. {Asker}
  1063. {Question}&nbsp;
  1064. </div><br><br>
  1065. {Answer}{/block:Answer}
  1066.  
  1067. {block:Date}
  1068. <div class="info">
  1069. <a href="{Permalink}">
  1070. {TimeAgo}</a>
  1071. {block:NoteCount}│
  1072. {NoteCountWithLabel}
  1073. {/block:NoteCount}
  1074. <br>
  1075.  
  1076. <ul class="like_and_reblog_buttons">
  1077. <li>{ReblogButton size="15"}</li>
  1078. <li>{LikeButton size="15"}</li></ul>
  1079. </div><br>
  1080.  
  1081. {/block:Date}
  1082.  
  1083. {block:PermalinkPage}
  1084. {block:Caption}
  1085. {Caption}
  1086. {/block:Caption}
  1087. <br>
  1088. {block:NoteCount}
  1089. {NoteCount} notes
  1090. {/block:NoteCount}
  1091. <Br>
  1092. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1093. {/block:PermalinkPage}
  1094. </div>
  1095.  
  1096. {/block:Posts} </div>
  1097. </body>
  1098.  
  1099. <a href="http://borntobewildthemes.tumblr.com" title="Theme THE PACMAN by borntobewildthemes"><div id="credits">
  1100. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1101.  
  1102. </div>
  1103.  
  1104. </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!