API tools faq
paste
Advertisement
bow-arrow

Theme 7 by Irritat3d!

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