API tools faq
paste
Advertisement
Allisons-Themes

Theme 9

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