Advertisement
Guest User

vertical theme

a guest
Jun 19th, 2013
601
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.11 KB | None | 0 0
  1. <!--themes by tbhtaco dont take off the credit or die xoxo-->
  2.  
  3. <html lang="en">
  4. <head>
  5.  
  6.  
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8.  
  9. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  10.  
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:90,
  17. tip_fade_speed:600,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23.  
  24.  
  25.  
  26. <script src="http://static.tumblr.com/is5f0mm/0cxlrpwye/rainbow_links.txt" type="text/javascript"></script>
  27.  
  28.  
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30.  
  31. <link href="http://fonts.googleapis.com/css?family=Englebert" rel="stylesheet" type="text/css">
  32.  
  33.  
  34.  
  35.  
  36.  
  37. <script type="text/javascript">
  38. <!-- // Disable Right Click Script
  39. function IE(e)
  40. {
  41. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  42. {
  43. return false;
  44. }
  45. }
  46. function NS(e)
  47. {
  48. if (document.layers || (document.getElementById && !document.all))
  49. {
  50. if (e.which == "2" || e.which == "3")
  51. {
  52. return false;
  53. }
  54. }
  55. }
  56. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  57. //-->
  58. </script>
  59.  
  60. <script type="text/javascript">__qoptions = _qoptions={qacct:"p-19UtqE8ngoZbM"};</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif" style="display:none; border-width:0px; height:1px; width:1px;" alt=""/></noscript>
  61.  
  62. <head>
  63.  
  64. <meta name="color:Background Color" content="#ffffff"/>
  65. <meta name="color:Text" content="#56595a"/>
  66. <meta name="color:Title" content="#539fb8"/>
  67. <meta name="color:Link" content="#000000"/>
  68. <meta name="color:Link Hover" content="#539fb8"/>
  69. <meta name="color:Scrollbar" content="#000000"/>
  70.  
  71. <meta name="image:Sidebar" content=""/>
  72. <meta name="image:Background" content=""/>
  73.  
  74. <meta name="text:Link 1" content="" />
  75. <meta name="text:Link 2" content="" />
  76. <meta name="text:Link 3" content="" />
  77. <meta name="text:Link 4" content="" />
  78. <meta name="text:your name" content="your name" />
  79. <meta name="text:HoverLink 1" content="Back to Blog"/>
  80. <meta name="text:HoverLink 2" content="Link 2 Hover"/>
  81. <meta name="text:HoverLink 3" content="Link 3 Hover"/>
  82. <meta name="text:HoverLink 4" content="Link 4 Hover"/>
  83. <meta name="color:linkshover" content=""/>
  84. <meta name="color:border" content=""/>
  85. <meta name="text:stats" content="stats"/>
  86. <meta name="text:header text" content="You know you're in love when you can't fall asleep because reality is finally better than your dreams."/>
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94. <script type="text/javascript">
  95. $(document).ready(function(){
  96. $(".navv").hide();
  97. $(".nav").click(function(){
  98. $(this).next(".navv").slideToggle('fast');
  99. }); }); </script>
  100.  
  101.  
  102. <style type="text/css">
  103. .left{
  104. float: left;
  105. margin-right: 20px;
  106. width: 802;
  107. }
  108.  
  109.  
  110. .right{
  111. float: right;
  112. width: 200px;
  113. background-color: #fff;
  114. }
  115. #fade { /*--Transparent background layer--*/
  116. display: fixed; /*--hidden by default--*/
  117. background: url(http://25.media.tumblr.com/9ce62606bccd33dcde7769f7b5a43a30/tumblr_mk2negQuqh1qfji2jo1_r1_250.jpg);
  118. background-size:50%;
  119. position: fixed; left: 0; top: 0;
  120. width: 100%; height: 100%;
  121. opacity: .80;
  122. z-index: 9999;
  123. }
  124.  
  125. #s-m-t-tooltip {
  126. max-width:auto;
  127. padding:6px 6px 4px 6px;
  128. margin:20px 0px 0px 20px;
  129. background-color:white; /* change the background color */
  130. border:1px solid #ccc; /* change the border color */
  131. font-family:consolas; /* change the font */
  132. font-size:5px; /* change the font size */
  133. letter-spacing:2px; /* change the letter spacing */
  134. text-transform:lowercase;/* can be uppercase, lowercase, none*/
  135. color:#000; /* change the text color */
  136. z-index:999999999999999999999999999999999999;
  137. opacity:.8;
  138. }
  139.  
  140.  
  141. img.btn_close {
  142. float: right;
  143. margin: -20 -20px 0 0;
  144. }
  145. /*--Making IE6 Understand Fixed Positioning--*/
  146. *html #fade {
  147. position: absolute;
  148. }
  149. *html .popup_block {
  150. position: absolute;
  151. }
  152.  
  153.  
  154.  
  155.  
  156. iframe#tumblr_controls{
  157. top: 0% !important;
  158. right:0% !important;
  159. position: fixed !important;
  160. opacity:1.0;
  161. -webkit-filter: invert(100%);
  162. -moz-filter: invert(100%);
  163. -o-filter: invert(100%);
  164. -ms-filter: invert(100%);
  165. filter: invert(100%);
  166. }
  167.  
  168.  
  169. .wrapper{
  170. margin: 0px auto;
  171. margin-left: 60px;
  172. width: 802px;
  173. }
  174.  
  175. .header{
  176. float: left;
  177. width: 100%;
  178. }
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186. #mahdick{
  187. position: fixed;
  188. background-color: {color:header};
  189. padding: 10px;
  190. width: 1995px;
  191. margin-left: 10px;
  192. margin-top: 10px;
  193. color: {color:header text};
  194. font-family: consolas;
  195. font-size: 10px;
  196. letter-spacing: 2px;
  197. text-transform: uppercase;
  198. z-index: 100;
  199. opacity: 0;
  200. border-radius: 0px 0px 0px 0px;
  201. transition: all 0.9s ease-out;
  202. -o-transition-transition: all 0.9s ease-out;
  203. -webkit-transition: all 0.9s ease-out;
  204. -moz-transition: all 0.9s ease-out;
  205. }
  206.  
  207. #mahdick:hover{
  208. opacity: 1;
  209. transition: all 0.9s ease-out;
  210. -o-transition-transition: all 0.9s ease-out;
  211. -webkit-transition: all 0.9s ease-out;
  212. -moz-transition: all 0.9s ease-out;
  213. }
  214.  
  215.  
  216.  
  217. #link1{
  218. opacity: 1;
  219. margin-left:-880px;
  220. padding-top: 10px;
  221. padding-bottom: 10px;
  222. padding-right: 10px;
  223. margin-top: -350px;
  224. padding-left: 10px;
  225. width: auto;
  226. height:10px;;
  227. overflow: hidden;
  228. color:black;
  229. z-index: 9999999999999999999999999999;
  230. background-color:#fff;
  231. border: 2px solid #ddd;
  232. font-family: consolas;
  233. font-size: 14px;
  234. text-align:left;
  235. position:fixed;
  236. line-height: 12px;
  237. transition: all 0.9s ease-out;
  238. -o-transition-transition: all 0.9s ease-out;
  239. -webkit-transition: all 0.9s ease-out;
  240. -moz-transition: all 0.9s ease-out;
  241. }
  242.  
  243. #link1:hover{
  244. background: #dad2d8;
  245. transition: all 0.9s ease-out;
  246. -o-transition-transition: all 0.9s ease-out;
  247. -webkit-transition: all 0.9s ease-out;
  248. -moz-transition: all 0.9s ease-out;
  249. }
  250.  
  251. #link2{
  252. opacity: 1;
  253. margin-left:-880px;
  254. padding-top: 10px;
  255. padding-bottom: 10px;
  256. padding-right: 10px;
  257. margin-top: -310px;
  258. padding-left: 10px;
  259. width: auto;
  260. height:10px;;
  261. z-index: 99999;
  262. overflow: hidden;
  263. color:black;
  264. background-color:#fff;
  265. border: 2px solid #ddd;
  266.  
  267. font-family: consolas;
  268. font-size: 15px;
  269. text-align:left;
  270. position:fixed;
  271. line-height: 12px;
  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. #link2:hover{
  279. background: #dad2d8;
  280. transition: all 0.9s ease-out;
  281. -o-transition-transition: all 0.9s ease-out;
  282. -webkit-transition: all 0.9s ease-out;
  283. -moz-transition: all 0.9s ease-out;
  284. }
  285.  
  286. #link3{
  287. opacity: 1;
  288. margin-left:-880px;
  289. padding-top: 10px;
  290. padding-bottom: 10px;
  291. padding-right: 10px;
  292. margin-top: -270px;
  293. padding-left: 10px;
  294. width: auto;
  295. height:10px;;
  296. z-index: 99999;
  297. overflow: hidden;
  298. color:black;
  299. background-color:#fff;
  300. border: 2px solid #dad2d8;
  301. font-family: consalas;
  302. font-size: 15px;
  303. text-align:left;
  304. position:fixed;
  305. line-height: 12px;
  306. transition: all 0.9s ease-out;
  307. -o-transition-transition: all 0.9s ease-out;
  308. -webkit-transition: all 0.9s ease-out;
  309. -moz-transition: all 0.9s ease-out;
  310. }
  311.  
  312. #link3:hover{
  313. background: #dad2d8;
  314. transition: all 0.9s ease-out;
  315. -o-transition-transition: all 0.9s ease-out;
  316. -webkit-transition: all 0.9s ease-out;
  317. -moz-transition: all 0.9s ease-out;
  318. }
  319.  
  320. #link4{
  321. margin-left:-880px;
  322. padding-top: 10px;
  323. padding-bottom: 10px;
  324. padding-right: 10px;
  325. margin-top: -230px;
  326. padding-left: 10px;
  327. width: auto;
  328. height:10px;;
  329. z-index: 99999;
  330. overflow: hidden;
  331. color:black;
  332. background-color:#fff;
  333. border: 2px solid #dad2d8;
  334. font-family: consolas;
  335. font-size: 15px;
  336. text-align:left;
  337. position:fixed;
  338. line-height: 12px;
  339. transition: all 0.9s ease-out;
  340. -o-transition-transition: all 0.9s ease-out;
  341. -webkit-transition: all 0.9s ease-out;
  342. -moz-transition: all 0.9s ease-out;
  343. }
  344. #link4:hover{
  345. background: #dad2d8;
  346. transition: all 0.9s ease-out;
  347. -o-transition-transition: all 0.9s ease-out;
  348. -webkit-transition: all 0.9s ease-out;
  349. -moz-transition: all 0.9s ease-out;
  350. }
  351.  
  352.  
  353.  
  354.  
  355. #link5{
  356. margin-left:-880px;
  357. padding-top: 10px;
  358. padding-bottom: 10px;
  359. padding-right: 10px;
  360. margin-top: -190px;
  361. padding-left: 10px;
  362. width: auto;
  363. height:10px;;
  364. z-index: 99999;
  365. overflow: hidden;
  366. color:black;
  367. background-color:#fff;
  368. border: 2px solid #dad2d8;
  369. font-family: consolas;
  370. font-size: 15px;
  371. text-align:left;
  372. position:fixed;
  373. line-height: 12px;
  374. transition: all 0.9s ease-out;
  375. -o-transition-transition: all 0.9s ease-out;
  376. -webkit-transition: all 0.9s ease-out;
  377. -moz-transition: all 0.9s ease-out;
  378. }
  379. #link5:hover{
  380. background: #dad2d8;
  381. transition: all 0.9s ease-out;
  382. -o-transition-transition: all 0.9s ease-out;
  383. -webkit-transition: all 0.9s ease-out;
  384. -moz-transition: all 0.9s ease-out;
  385. }
  386.  
  387. #link6{
  388. margin-left:-880px;
  389. padding-top: 10px;
  390. padding-bottom: 10px;
  391. padding-right: 10px;
  392. margin-top: -150px;
  393. padding-left: 10px;
  394. width: auto;
  395. height:10px;;
  396. z-index: 99999;
  397. overflow: hidden;
  398. color:black;
  399. background-color:#fff;
  400. border: 2px solid #dad2d8;
  401. font-family: consolas;
  402. font-size: 15px;
  403. text-align:left;
  404. position:fixed;
  405. line-height: 12px;
  406. transition: all 0.9s ease-out;
  407. -o-transition-transition: all 0.9s ease-out;
  408. -webkit-transition: all 0.9s ease-out;
  409. -moz-transition: all 0.9s ease-out;
  410. }
  411. #link6:hover{
  412. background: #dad2d8;
  413. transition: all 0.9s ease-out;
  414. -o-transition-transition: all 0.9s ease-out;
  415. -webkit-transition: all 0.9s ease-out;
  416. -moz-transition: all 0.9s ease-out;
  417. }
  418.  
  419. #omgtab {
  420. text-align:left;
  421. position:fixed;
  422. left:30px;
  423. bottom:0px;
  424. font-size:20px;
  425. font-family:'lala', cursive;
  426. z-index:99999999999;
  427. background-image:url("http://i39.tinypic.com/309lkqb.jpg");
  428. height:18px;
  429. line-height:17px;
  430. width:120px;
  431. color:white;
  432. z-index:9999999999999999;
  433. overflow:hidden;
  434. border-radius: 5px;
  435. box-shadow:0px 0px 5px #000;
  436. -webkit-transition:all .5s ease-in-out;
  437. -moz-transition: all .5s ease-in-out;
  438. -o-transition: all .5s ease-in-out;
  439. }
  440.  
  441. #omgtab:hover {
  442. height:110px;
  443. width:190px;
  444. }
  445.  
  446.  
  447. @font-face{font-family:Jane Austen;src:url(http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf);}
  448.  
  449. .quote2{
  450. position: fixed !important;
  451. width:500px;
  452. text-align: left;
  453. height:auto;
  454. font-family: 'Jane Austen';
  455. font-size: 30px;
  456. line-height: 25px;
  457. text-shadow: 2px 2px 1px #aaa;
  458. color: #333;
  459. background-color: transparent;
  460. padding: 2px;
  461. margin-top: -353px;
  462. margin-left: 10px;
  463. z-index:9;
  464. }
  465.  
  466. .quote3{
  467. position: fixed !important;
  468. width:950px;
  469. text-align: left;
  470. height:auto;
  471. font-family: 'consolas';
  472. font-size: 12px;
  473. line-height: 25px;
  474. color: white;
  475. text-transform:uppercase;
  476. background-color: transparent;
  477. padding: 2px;
  478. margin-top: -20px;
  479. margin-left: 340px;
  480. z-index:9999;
  481. }
  482.  
  483. body{
  484. margin:0px;
  485. background-color: {color:Background Color};
  486. background-image:url({image:Background});
  487. background-attachment: fixed;
  488. background-size: repeat;}
  489. body, div, p, textarea, submit, input{
  490. font-family: "consolas";
  491. font-size: 10px ;
  492. line-height:15px;
  493. color:{color:Text};
  494. }
  495.  
  496.  
  497. body{
  498. margin:0px;
  499. background-color: {color:Background Color};
  500. background-image:url({image:Background});
  501. background-attachment: fixed;
  502. background-size: repeat;}
  503. body, div, p, textarea, submit, input{
  504. font-family: "consolas";
  505. font-size: 10px ;
  506. line-height:15px;
  507. color:{color:Text};
  508. }
  509.  
  510. a:link, a:active, a:visited{
  511. text-decoration: none;
  512. -webkit-transition: color 0.3s ease-out;
  513. -moz-transition: color 0.3s ease-out;
  514. transition: color 0.3s ease-out;
  515. color: {color:Link};
  516. }
  517.  
  518. a:hover{
  519. color: {color:Link Hover};
  520. -webkit-transition: color .3s ease-out;
  521. }
  522.  
  523. .datz{
  524. position: fixed !important;
  525. font-size: 13px;
  526. bottom:5px;left:5px;
  527. height:17px;
  528. width:18px;
  529. border:1px solid #aaa;
  530. background:white;
  531. }
  532.  
  533. @font-face{font-family:"love";src:url('http://static.tumblr.com/7qdgtio/2F5m739il/beautifuleverytime.ttf');}
  534. @font-face { font-family: "oops"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  535. @font-face { font-family: "dangg"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  536. @font-face { font-family: "shit"; src: url('http://static.tumblr.com/wmaxsyb/S5wmfg6nl/throwmyhandsupintheair.ttf'); }
  537. @font-face { font-family: "sweetiepie"; src: url('http://static.tumblr.com/4yxykdm/h9hlrfl0t/sweetie_pie_1_.ttf'); }
  538. @font-face { font-family: "good time"; src: url('http://static.tumblr.com/u37ad6e/bR1mb6f8o/kgalwaysagoodtime.ttf'); }
  539. @font-face { font-family:"Just Realize"; src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  540. @font-face {font-family:Aderyn;src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  541.  
  542.  
  543.  
  544.  
  545.  
  546. div#music{
  547. z-index: 999999999999999999999;
  548. position: fixed!important;
  549. width:150;
  550. display:inline-block;
  551. font-size:11px;
  552. text-align:center;
  553. margin-left:50px;
  554. margin-top: -10px;
  555. background-color:transparent;
  556. border-bottom: 2px solid #BDBDBD;
  557. border-right: 2px solid #BDBDBD;
  558. border-left: 2px solid #BDBDBD;
  559. background-color:#BDBDBD;
  560. letter-spacing: 2px;
  561. padding: 5px;
  562. text-shadow: 0px 0px 10px #fff;
  563. font-family: "arial";
  564. color: #000000;
  565. -webkit-transition: all 0.10s linear;
  566. -moz-transition: all 0.10s linear;
  567. transition: all 0.10s linear;
  568. }
  569.  
  570. #sidebar{
  571. position:fixed !important;
  572. width:230px;
  573. background:white;
  574. height:auto;
  575. margin-top:170px;
  576. margin-left:915px;
  577. text-align:center;
  578. border: 3px solid #ddd;
  579. padding:5px;
  580. padding-bottom:4px;
  581. opacity:.8;
  582. }
  583. #sidebar .blogtitle{
  584. position:absolute;
  585. opacity: 1;
  586. letter-spacing: 3px;
  587. margin-left: 20px;
  588. letter-spacing: 0px;
  589. padding: 5px;
  590. margin-top:-36px;
  591. font-size: 30px;
  592. width: auto;
  593. height:30px;
  594. text-transform: none;
  595. font-family:Jane Austen;
  596. color:{color:blogtitle};
  597. background: transparent;
  598. text-align:center;
  599. position:fixed;
  600. line-height: 44px;
  601. transition: all 0.9s ease-out;
  602. -o-transition-transition: all 0.9s ease-out;
  603. -webkit-transition: all 0.9s ease-out;
  604. -moz-transition: all 0.9s ease-out;
  605. }
  606.  
  607. .hello{
  608. margin-top:0px;
  609. text-align:center;
  610. width:240px;
  611. height: 116px;
  612. font-family: "pewp";
  613. font-size:12px;
  614. color:#000;
  615. background-color:;
  616. padding-right:9px;
  617. }
  618.  
  619. div#harrysidebar{
  620. position: fixed!important;
  621. z-index: 99;
  622. margin-top: 0px;
  623. margin-left: -60px;
  624. position:fixed !important;
  625. width: 3000px;
  626. height: 20px;
  627. background-size: cover;
  628. background-color:#BDBDBD;
  629. }
  630.  
  631. .sideback1{
  632. position: fixed!important;
  633. z-index: 99;
  634. margin-top: -20px;
  635. margin-left: 0px;
  636. position:fixed !important;
  637. width: 3000px;
  638. height: 20px;
  639. background-size: cover;
  640. background-image:url({image:sidebarbackground});
  641. }
  642.  
  643.  
  644. @font-face {font-family: anjelika rose; src:url(http://static.tumblr.com/ekajbzx/DGsmmzhc7/anjelika_rose.ttf;)}
  645. @font-face {font-family: preppy girl; src:url(http://static.tumblr.com/ekajbzx/L9Lmmzhy5/preppygirlshandwriting.ttf;)}
  646. @font-face {font-family: cutie patootie; src:url(http://static.tumblr.com/ekajbzx/Jgpmmziov/cutie_patootie.ttf)}
  647. @font-face {font-family: swagger; src:url(http://static.tumblr.com/ekajbzx/6e8mmzizs/swagger.ttf;)}
  648.  
  649. #desc{
  650. z-index:2;
  651. position:fixed !important;
  652. opacity: 0;
  653. width:30px;
  654. height:90px;
  655. padding:3px;
  656. margin-left:60px;
  657. margin-top:10px;
  658. color:black;
  659. background:white;
  660. letter-spacing:1px;
  661. font-family: consolas;
  662. font-size:14px;
  663. line-height:38px;
  664. transition: all 0.6s ease-out;
  665. -o-transition-transition: all 0.4s ease-out;
  666. -webkit-transition: all 0.4s ease-out;
  667. -moz-transition: all 0.4s ease-out;
  668. }
  669.  
  670. #sidebar:hover #desc{
  671. opacity:0.9;
  672. margin-top:-350px;
  673. height: 443px;
  674. width: 244px;
  675. margin-left:-10px;
  676. }
  677.  
  678.  
  679.  
  680.  
  681. #sidebarpic{
  682.  
  683. width: 220px;
  684. opacity: .7;
  685. padding:5px;
  686. border: solid #ddd;
  687. margin: -10px -75px 1px -10px;
  688. }
  689.  
  690. #sidebarpic:hover{
  691. opacity:1;
  692. transition-duration: 1s;
  693. -moz-transition-duration: 1s; /* Firefox 4 */
  694. -webkit-transition-duration: 1s; /* Safari and Chroho */
  695. -o-transition-duration: 1s; /* Opera */
  696.  
  697. }
  698. @font-face{font-family:Lego Housee;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrllize.ttf);}
  699. @font-face{font-family:Lego House;src:url(http://static.tumblr.com/lyl1wkn/WRymgbxn5/vanessalovesyou.ttf);}
  700.  
  701. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  702.  
  703. @font-face { font-family: "meow"; src: url('http://static.tumblr.com/mlc5xtm/GbGmipp6t/yummycupcakes.ttf'); }
  704. @font-face {font-family: "Shark in the Water"; src: url(http://static.tumblr.com/npggxjg/LOFm22rwq/shark_in_the_water.ttf);}
  705.  
  706.  
  707.  
  708. @font-face {
  709. font-family: "dawning";
  710. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  711. }
  712.  
  713. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  714.  
  715. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  716.  
  717.  
  718. @font-face { font-family: rw; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  719.  
  720. @font-face { font-family: scriptin; src: url('http://static.tumblr.com/u37ad6e/CLkmioqsy/scriptin.ttf'); }
  721.  
  722.  
  723. @font-face { font-family: "cupcakes"; src: url('http://static.tumblr.com/hxu4bui/Odlmgdaj9/yummycupcakes.ttf'); }
  724.  
  725.  
  726.  
  727. @font-face { font-family: "Spring Script"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  728.  
  729. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  730. @font-face{font-family:"love";src:url('http://static.tumblr.com/7qdgtio/2F5m739il/beautifuleverytime.ttf');}
  731.  
  732. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  733.  
  734.  
  735.  
  736. div#center{
  737. margin:auto;
  738. margin-top:0px;
  739. position:relative;
  740. width:900px;
  741. background-color:;
  742. overflow:auto;
  743. overflow-y:hidden;
  744. }
  745.  
  746. .entry {
  747. margin:4px;
  748. padding: 5px;
  749. padding-bottom: 5px;
  750. float:left;
  751. line-height:13px;
  752. background-color:#fff;
  753. font-family: consolas;
  754. border:1px solid {color:borders};
  755. font-size: 12px;
  756. opacity: 1;
  757. font-size: 12px;
  758. {block:IndexPage}
  759. width:250px;
  760. {/block:IndexPage}
  761. {block:PermalinkPage}
  762. width:530px;
  763. {/block:PermalinkPage}
  764. }
  765. .permalink{
  766. text-transform: normal;
  767. display: block;
  768. text-align: right;
  769. text-decoration: none;
  770. }
  771.  
  772.  
  773.  
  774.  
  775. .entry .perma{
  776. width: 225px;
  777. height:auto;
  778. margin-top: 20px;
  779. padding-left: 25px;
  780. padding-top: 5px;
  781. padding-bottom: 5px;
  782. padding-right: 5px;
  783. margin-left: 0px;
  784. position: absolute;
  785. font-family: consolas;
  786. text-decoration: bold;
  787. text-transform: uppercase;
  788. font-size:10px;
  789. color: #000000;
  790. letter-spacing: 1px;
  791. line-height: 10px;
  792. border-top: 1.5px solid #ada9a9;
  793. border-bottom: 1.5px solid #ada9a9;
  794. border-right: none;
  795. border-left: none;
  796. text-align: left;
  797. overflow:hidden;
  798. opacity: 0.0;
  799. background-color: white;
  800. border-top-right-radius: 2px;
  801. border-bottom-right-radius:0px;
  802. border-top-left-radius:0px;
  803. border-bottom-left-radius:0px;
  804. }
  805.  
  806.  
  807. .entry:hover .perma{
  808. overflow:visible;
  809. -webkit-transition: opacity 0.6s linear; opacity: .9;
  810. -webkit-transition: all 0.6s linear;
  811. -moz-transition: all 0.6s linear;
  812. transition: all 0.6s linear;
  813. }
  814.  
  815. @font-face{font-family:Ashley Marie;src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
  816.  
  817. .my-like {
  818. color:transparent;
  819. width:13px;
  820. height:13px;
  821. background:url('http://media.tumblr.com/tumblr_mbp2zdKVHR1qk7o6d.png');
  822. display:inline-block;
  823. }
  824. .my-liked {
  825. color:transparent;
  826. width:13px;
  827. height:13px;
  828. background:url('http://media.tumblr.com/tumblr_mbp2zu4pim1qk7o6d.png');
  829. display:inline-block;
  830. }
  831.  
  832.  
  833. .title{
  834. line-height: 30px;
  835. font-size: 20px;
  836. font-family: 'consolas';
  837. color:{color:entry title};
  838. font-weight: normal;
  839. }
  840.  
  841. #posts {
  842. position:relative;
  843. margin-top: 0px;
  844. {block:IndexPage}
  845. width: 700px;
  846. margin-left: 305px;
  847. margin-top: 40px;
  848. {/block:IndexPage}
  849. {block:PermalinkPage}
  850. width: 500px;
  851. margin-left: 305px;
  852. margin-top: 15px;
  853. {/block:PermalinkPage}
  854. }
  855.  
  856. #infscr-loading{
  857. bottom: -70px;
  858. position: absolute;
  859. left: 50%;
  860. margin-left:-8px;
  861. width:16px;
  862. height:11px;
  863. overflow:hidden;
  864. margin-bottom: 50px;
  865. }
  866. .btn a:hover {
  867. text-shadow:5px;
  868. background color: #aaa;
  869. }
  870.  
  871. a.btn{-webkit-filter: invert(100%);position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  872. http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png
  873.  
  874. .video embed, .post div.video object{
  875. width:260px !important;
  876. height:180px !important;
  877. }
  878. .video2 embed, .post div.video object{
  879. width:400px !important;
  880. height:400px !important;
  881. }
  882.  
  883. ::-webkit-scrollbar-thumb{
  884. background-color: {color:Scrollbar};
  885. height:auto;
  886. -moz-border-radius: 1px;
  887. border-radius: 1px;
  888. }
  889.  
  890. ::-webkit-scrollbar {
  891. height:6px;
  892. background: {color:Background Color};
  893. width:2px;
  894. }
  895.  
  896. {CustomCSS}
  897.  
  898. </style>
  899.  
  900. <script>
  901. window.onload = function () {
  902. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  903. document.addEventListener( 'click', function ( event ) {
  904. var myLike = event.target;
  905. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  906. var frame = document.getElementById( 'my-like-frame' ),
  907. liked = ( myLike.className == 'my-liked' ),
  908. command = liked ? 'unlike' : 'like',
  909. reblog = myLike.getAttribute( 'data-reblog' ),
  910. id = myLike.getAttribute( 'data-id' ),
  911. oauth = reblog.slice( -8 );
  912. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  913. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  914. };
  915. }, false );
  916. };
  917. </script>
  918.  
  919. {block:IndexPage}
  920. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  921. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  922.  
  923. <script type="text/javascript">
  924. $(window).load(function () {
  925. var $content = $('#posts');
  926. $content.masonry({itemSelector: '.entry'}),
  927. $content.infinitescroll({
  928. navSelector : 'div#pagination',
  929. nextSelector : 'div#pagination a#nextPage',
  930. itemSelector : '.entry',
  931. loading: {
  932. finishedMsg: '',
  933. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  934. },
  935. bufferPx : 600,
  936. debug : false,
  937. },
  938. // call masonry as a callback.
  939. function( newElements ) {
  940. var $newElems = $( newElements );
  941. $newElems.hide();
  942. // ensure that images load before adding to masonry layout
  943. $newElems.imagesLoaded(function(){
  944. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  945.  
  946.  
  947. });
  948. });
  949. });
  950. </script>
  951. {/block:IndexPage}
  952.  
  953.  
  954. <title>{title}</title>
  955.  
  956. <link rel="shortcut icon" href="http://media.tumblr.com/618f487d7567a3ecefbe17b12907893f/tumblr_inline_mgq6sjJbbI1rwx7qm.png">
  957. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  958. <meta name="viewport" content="width=820" />
  959. </head>
  960.  
  961. <script language=JavaScript>
  962. <!--
  963.  
  964. //Disable right mouse click Script
  965. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  966. //For full source code, visit http://www.dynamicdrive.com
  967.  
  968. var message=;
  969.  
  970. ///////////////////////////////////
  971. function clickIE4(){
  972. if (event.button==2){
  973. alert(message);
  974. return false;
  975. }
  976. }
  977.  
  978. function clickNS4(e){
  979. if (document.layers||document.getElementById&&!document.all){
  980. if (e.which==2||e.which==3){
  981. alert(message);
  982. return false;
  983. }
  984. }
  985. }
  986.  
  987. if (document.layers){
  988. document.captureEvents(Event.MOUSEDOWN);
  989. document.onmousedown=clickNS4;
  990. }
  991. else if (document.all&&!document.getElementById){
  992. document.onmousedown=clickIE4;
  993. }
  994.  
  995. document.oncontextmenu=new Function("alert(message);return false")
  996.  
  997. // -->
  998. </script>
  999.  
  1000.  
  1001. <body onkeydown="return false" onselectstart="return false" ondragstart="return falsi;">
  1002.  
  1003. <div class="wrapper">
  1004.  
  1005. <div class="header"><div id="harrysidebar"></div>
  1006.  
  1007.  
  1008. <div id="cage">
  1009. <div id="center">
  1010.  
  1011.  
  1012.  
  1013.  
  1014. <div id="header">{text:header 1}</div>
  1015.  
  1016. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1017. <div id="sidebar">
  1018.  
  1019.  
  1020. <div class="blogtitle">{title}</center></div>
  1021. <center>
  1022.  
  1023. <a href="/"><img src="{image:sidebar}" width=100%></a>
  1024. <div id="desc">{description}</div>
  1025. <a href="{text:link 1}" title="{text:hoverlink 1}">
  1026. <div id="link1">
  1027. <center>捻</center>
  1028. </div>
  1029. </a>
  1030.  
  1031. <a href="{text:link 2}" title="{text:hoverlink 2}">
  1032. <div id="link2">
  1033. <center>吾</center>
  1034. </div>
  1035. </a>
  1036.  
  1037. <a href="{text:link 3}" title="{text:hoverlink 3}">
  1038. <div id="link3">
  1039. <center>球</center>
  1040. </div>
  1041. </a>
  1042.  
  1043. <a href="{text:link 4}" title="{text:hoverlink 4}">
  1044. <div id="link4">
  1045. <center>和</center>
  1046. </div>
  1047. </a>
  1048. <a href="http://tbhtaco-themes.tumblr.com" title="credit">
  1049. <div id="link5">
  1050. <center>哭</center>
  1051. </div>
  1052. </a>
  1053.  
  1054.  
  1055.  
  1056.  
  1057. </div>
  1058. </div></div></div>
  1059. </div>
  1060.  
  1061. </div>
  1062.  
  1063.  
  1064. </div></div>
  1065. </div></div>
  1066. </div>
  1067. </div>
  1068. </div>
  1069.  
  1070. <br>
  1071.  
  1072.  
  1073. <div class="left">
  1074.  
  1075. <div class="sidebackbg3"></div>
  1076. <div class="sideback1"></div>
  1077. <div class="sidebarbg5"></div>
  1078. <div class="sidebarbg6"></div>
  1079. <div class="sidebarbg7"></div>
  1080. <div class="quote3">{text:header text}</div>
  1081. <div id="music"><center><center>{text:stats}</center></div>
  1082.  
  1083. <div id="posts">
  1084. {block:Posts}
  1085. <div class="entry">
  1086.  
  1087. {block:Text}
  1088. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1089. <div class="caption"><span class="entrytext">{Body}</span></div>
  1090. {block:IndexPage}<div id="text"><a href="{permalink}"><div align="right"> <a href="{ReblogURL}" target="_blank">retaco</a> ♥ <a href="{permalink}">{NotecountWithLabel} ♥ {TimeAgo}</a></span></div></div>{/block:IndexPage}
  1091. {/block:Text}
  1092.  
  1093. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1094.  
  1095. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1096.  
  1097. {block:Answer}
  1098. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:0px;margin-top:-5px;padding:2px; box-shadow: 0px 0px 0px 1px #d8d8d8; border-radius: 4px;z-index:1;opacity:1;background:white;text-align:left;"/>
  1099.  
  1100. <div style="border-radius:5px; border: 1px solid #ddd; margin-top: 2px; margin-left:30px; min-height:30px; padding-left: 5px; padding-top:8px;padding-right:4px;padding-bottom:2px; background: white;z-index:0;"><b><font size="4"><font face="good time">{asker}</font></font></b>:<div style="margin-top:6px;">{Question}</div> </div>
  1101.  
  1102. <div style="padding-top:9px;"></div>
  1103.  
  1104. <img src="{PortraitURL-30}" width="30" align="right" style="margin-right:0px;margin-top:-5px;padding:2px;background:white; box-shadow: 0px 0px 0px 1px #d8d8d8; border-radius: 4px;z-index:1;opacity:1;"/>
  1105.  
  1106. <div style="border-radius:5px; border: 1px solid #ddd; margin-top: 2px; margin-left:0px; min-height:28px; padding-left: 5px; padding-top:8px;padding-right:4px;padding-bottom:2px; background: white;z-index:0;text-align:center"><div style="margin-top:-5px;">{Answer}
  1107. </div>
  1108. <div style="align:right;border-top:1px dashed #ddd; padding-top:2px; margin-top:4px;"><center><font size="5"><font face="lala">Love, Julia</font>
  1109. </div><a href="{NotecountWithLabel}"></a></div>
  1110.  
  1111.  
  1112.  
  1113.  
  1114. {block:IndexPage}<div id="text"><a href="{permalink}"><div align="right"> {NotecountWithLabel}</a></span></div></div>{/block:IndexPage}
  1115. {/block:Answer}
  1116. {block:Photo}
  1117. {block:IndexPage}
  1118. <center>
  1119. <div class="perma">
  1120. <a href="{Permalink}">{NoteCount}</a> ♥ <a href="{ReblogURL}" target="_blank"> retaco </a> </div>
  1121.  
  1122. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1123. {/block:IndexPage}
  1124. {block:PermalinkPage}
  1125. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1126.  
  1127. {LinkCloseTag}
  1128. {/block:PermalinkPage}
  1129. {/block:Photo}
  1130.  
  1131. {block:Photoset}
  1132. {block:IndexPage}
  1133. <center>
  1134.  
  1135. <div class="perma">
  1136. <a href="{Permalink}">{NoteCount}</a> ♥ <a href="{ReblogURL}" target="_blank"> retaco </a> </div>
  1137.  
  1138. {Photoset-250}</center>
  1139. {/block:IndexPage}
  1140. {block:PermalinkPage}
  1141. <center>
  1142. {Photoset-500}</center>
  1143. {/block:PermalinkPage}
  1144. {/block:Photoset}
  1145.  
  1146. {block:Quote}<span class="title">
  1147. "{Quote}"</span>
  1148. <div align="right">{block:Source}{Source}{/block:Source}</div>
  1149. {block:IndexPage}<div id="text"><a href="{permalink}"><div align="right"><a href="{ReblogURL}" target="_blank">retaco</a> ♡ <a href="{permalink}">{NotecountWithLabel}</a></div></div>{/block:IndexPage}
  1150. {/block:Quote}
  1151.  
  1152. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1153. <ul class="chat">
  1154. {block:Lines}
  1155. <li class="user_{UserNumber}">
  1156. {block:Label}
  1157. <span class="label">{Label}</span>
  1158. {/block:Label}
  1159.  
  1160. {Line}
  1161. </li>
  1162. {/block:Lines}
  1163. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1164. {/block:Chat}
  1165.  
  1166. {block:Audio}
  1167. <div style="width:200px; height:30px;">
  1168. {AudioPlayerBlack}
  1169. </div>
  1170. {block:IndexPage}<span class="permalink">
  1171. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1172. </span>{/block:IndexPage}
  1173. {/block:Audio}
  1174.  
  1175. {block:Video}
  1176. {block:IndexPage}
  1177. <center>
  1178. <div class="perma">
  1179. <a href="{Permalink}">{NoteCount}</a> ♥ <a href="{ReblogURL}" target="_blank"> retaco </a> </div>
  1180. {Video-250}</center>
  1181. {/block:IndexPage}
  1182. {block:PermalinkPage}
  1183. <center>
  1184. {Video-400}</center>
  1185. {/block:PermalinkPage}
  1186. {block:Video}
  1187.  
  1188.  
  1189. {block:PostNotes}<div align="middle">{caption}</div>
  1190. <center>
  1191.  
  1192. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1193.  
  1194. {block:HasTags}
  1195. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1196. {block:RebloggedFrom}
  1197. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1198. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1199.  
  1200. {/block:RebloggedFrom}
  1201. </center></span>
  1202. <br>
  1203. <div id="postnotes">{PostNotes}</div><br>
  1204.  
  1205. <center>{block:ContentSource}
  1206. <br><a href="{SourceURL}">
  1207. {lang:Source}:
  1208. {block:SourceLogo}
  1209. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1210. height="{LogoHeight}" alt="{SourceTitle}" />
  1211. {/block:SourceLogo}
  1212. {block:NoSourceLogo}
  1213. {SourceLink}
  1214. {/block:NoSourceLogo}
  1215. </a>
  1216. {/block:ContentSource}</center>
  1217.  
  1218. {/block:PostNotes}
  1219. </div>
  1220. {/block:Posts}
  1221. </div></div>
  1222.  
  1223. {block:IndexPage}
  1224. {block:Pagination}
  1225. <div id="pagination">
  1226. {block:NextPage}
  1227. <a id="nextPage" href="{NextPage}"></a>
  1228. {/block:NextPage}
  1229. {block:PreviousPage}
  1230. <a href="{PreviousPage}"></a>
  1231. {/block:PreviousPage}
  1232. </div>
  1233. {/block:Pagination}
  1234. {/block:IndexPage}
  1235. </div>
  1236. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement