Advertisement
Allisons-Themes

Theme 1

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