API tools faq
paste
Advertisement
themesby-two

Theme 3 fetchinqtacos

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