API tools faq
paste
dohdoro

Angel Cake

dohdoro
May 10th, 2014
4,162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.32 KB | None | 0 0
raw download clone embed print report
  1. <!-- ANGELCAKE THEME BY DOHDORO ----//*********
  2.  
  3. ***DO NOT REMOVE THE CREDIT PLEASE.
  4. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  5. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  6. ***DO NOT USE AS BASE --->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15.  
  16. <link rel="shortcut icon" href="{favicon}" />
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20. <script>
  21. $(document).ready(function() {
  22. //
  23. $('a.poplight[href^=#]').click(function() {
  24. var popID = $(this).attr('rel'); //Get Popup Name
  25. var popURL = $(this).attr('href'); //Get Popup href to define size
  26. var query= popURL.split('?');
  27. var dim= query[1].split('&');
  28. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  29. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/bj5zkci/Tpnn5drma/005_75.png" class="btn_close" title="Close" alt="Close" /></a>');
  30. var popMargTop = ($('#' + popID).height() + 80) / 2;
  31. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  32. //Apply Margin to Popup
  33. $('#' + popID).css({
  34. 'margin-top' : -popMargTop,
  35. 'margin-left' : -popMargLeft
  36. });
  37. $('body').append('<div id="fade"></div>');
  38. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  39. return false;
  40. });
  41. $('a.close, #fade').live('click', function() {
  42. $('#fade , .popup_block').fadeOut(function() {
  43. $('#fade, a.close').remove(); //fade them both out
  44. });
  45. return false;
  46. });
  47. });
  48. </script>
  49.  
  50. <meta name="color:Background" content="#ffffff"/>
  51. <meta name="color:Text" content="#888"/>
  52. <meta name="color:Bold" content="#000000"/>
  53. <meta name="color:Italic" content="#000000"/>
  54. <meta name="color:Underline" content="#888888"/>
  55. <meta name="color:links" content="#888888"/>
  56. <meta name="color:links hover" content="#000000"/>
  57. <meta name="color:h1 Bg" content="#000000"/>
  58. <meta name="color:H1" content="#ffffff"/>
  59. <meta name="color:h1 border" content="#F08080"/>
  60. <meta name="color:Top Bar" content="#fafafa"/>
  61. <meta name="color:Container Border" content="#eeeeee"/>
  62. <meta name="color:Title" content="#888888"/>
  63. <meta name="color:Title Border" content="#eeeeee"/>
  64. <meta name="color:First Letter Title" content="#F08080"/>
  65. <meta name="color:Navigation" content="#888888"/>
  66. <meta name="color:Navigation Hover" content="#fafafa"/>
  67. <meta name="color:Popup Bg" content="#ffffff"/>
  68. <meta name="color:Popup Links" content="#888888"/>
  69. <meta name="color:Popup Links Hover" content="#F08080"/>
  70. <meta name="color:Description Bg" content="#fafafa"/>
  71. <meta name="color:Description" content="#888888"/>
  72. <meta name="color:Container Bg" content="#ffffff"/>
  73. <meta name="color:Posts Bg" content="#ffffff"/>
  74. <meta name="color:Posts Border" content="#eeeeee"/>
  75. <meta name="color:Posts Text" content="#888888"/>
  76. <meta name="color:Post Info" content="#ffffff"/>
  77. <meta name="color:Post Info Bg" content="#000000"/>
  78. <meta name="color:Post Info Hover" content="#000000"/>
  79. <meta name="color:Post Notes" content="#F08080"/>
  80. <meta name="color:Asker Bg" content="#F08080"/>
  81. <meta name="color:Akser" content="#ffffff"/>
  82. <meta name="color:Question Bg" content="#fafafa"/>
  83. <meta name="color:Question" content="#888888"/>
  84. <meta name="color:Reply Bg" content="#ffffff"/>
  85. <meta name="color:Reply" content="#888888"/>
  86. <meta name="color:Permalink Bg" content="#fafafa"/>
  87. <meta name="color:Permalink" content="#888888"/>
  88. <meta name="color:Permalink Border" content="#eeeeee"/>
  89. <meta name="color:Pagination Bg" content="#fafafa"/>
  90. <meta name="color:Permalink Border" content="#eeeeee"/>
  91. <meta name="color:Permalink" content="#888888"/>
  92. <meta name="color:Audio Bg" content="#ffffff"/>
  93. <meta name="color:Audio Border" content="#eeeeee"/>
  94. <meta name="color:Caption Bg" content="#fafafa"/>
  95. <meta name="color:Caption" content="#afafaf"/>
  96. <meta name="color:Scrollbar Bg" content="#ffffff"/>
  97. <meta name="color:Scrollbar" content="#888888"/>
  98.  
  99.  
  100. <meta name="image:Background" content=""/>
  101. <meta name="image:Header Img 1" content="http://static.tumblr.com/bj5zkci/wXcn5d8pq/tumblr_n2zckvl7mb1rheorwo1_500_copy.jpg"/>
  102. <meta name="image:Header Img 2" content="http://static.tumblr.com/bj5zkci/f0Un5c0bk/tumblr_n0e709hn7f1rheorwo1_500_copy.jpg"/>
  103. <meta name="image:Header Img 3" content="http://static.tumblr.com/bj5zkci/274n5c0c4/tumblr_n41h6znnfh1rheorwo1_500_copy.jpg"/>
  104. <meta name="image:Header Img 4" content="http://static.tumblr.com/bj5zkci/X8ln5c0cm/tumblr_n25g38zdah1rheorwo2_500_copy.jpg"/>
  105. <meta name="image:Header Img 5" content="http://static.tumblr.com/bj5zkci/vlxn5c0cy/tumblr_n3hgdwknjf1rheorwo1_r1_500_copy.jpg"/>
  106.  
  107. <meta name="if:Show Captions" content="0"/>
  108. <meta name="if:Infinite Scroll" content"0"/>
  109. <meta name="text:Link 1 URL" content="/"/>
  110. <meta name="text:Link 1" content="link one"/>
  111. <meta name="text:Link 2 URL" content="/"/>
  112. <meta name="text:Link 2" content="link two"/>
  113. <meta name="text:Link 3 URL" content="/"/>
  114. <meta name="text:Link 3" content="link three"/>
  115. <meta name="text:Link 4 URL" content="/"/>
  116. <meta name="text:Link 4" content="link Four"/>
  117. <meta name="text:Link 5 URL" content="/"/>
  118. <meta name="text:Link 5" content="link Five"/>
  119.  
  120. <meta name="if:2columns" content"1"/>
  121. <meta name="if:400px" content""/>
  122. <meta name="if:500px" content""/>
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. #tumblr_controls {position: fixed !important;}
  128. #tumblr_controls {-webkit-filter: invert(100%);}
  129. #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  130. #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  131.  
  132.  
  133. ::-webkit-scrollbar {
  134. width: 4px;
  135. height:3px;
  136. background:{color:Scrollbar Bg};
  137. border:1px solid #eee;
  138.  
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:vertical {
  142. background-color:{color:Scrollbar};
  143.  
  144. }
  145.  
  146. @font-face {font-family:lilfont; src: url(http://static.tumblr.com/bj5zkci/I3Yn23fn9/04b_03__.ttf) format("truetype"); }
  147.  
  148. @font-face {font-family:marketdeco; src: url(http://static.tumblr.com/bj5zkci/dz4n5dgth/market_deco.ttf) format("truetype"); }
  149.  
  150.  
  151. /* Body */
  152.  
  153. body {
  154. font-family:calibri;
  155. font-size:10px;
  156. letter-spacing:1px;
  157. color:{color:Text};
  158. background:{color:Background};
  159. background-image:url('{image:Background}');
  160. background-repeat:repeat;
  161. background-attachment:fixed;
  162.  
  163. }
  164.  
  165. a {
  166. color:{color:Links};
  167. text-decoration:none;
  168.  
  169. }
  170.  
  171. a:hover {
  172. color:{color:Links Hover};
  173.  
  174. }
  175.  
  176. b, strong {
  177. color:{color:Bold};
  178.  
  179. }
  180.  
  181. i, em {
  182. color:{color:Italic};
  183.  
  184. }
  185.  
  186. u {
  187. color:{color:Underline};
  188.  
  189. }
  190.  
  191. h1 {
  192. font-family:helvetica;
  193. font-size:13px;
  194. text-transform:uppercase;
  195. text-align:center;
  196. background:{color:h1 Bg};
  197. color:{color:H1};
  198. padding:15px;
  199. border-left:15px solid {color:h1 border};
  200.  
  201. }
  202.  
  203. h1 a {
  204. color:{color:Links};
  205. text-decoration:none;
  206.  
  207. }
  208.  
  209. #quotes {
  210. margin-top:10px;
  211. font-family:helvetica;
  212. font-size:10px;
  213. background:{color:caption bg}
  214. color:{color:caption};
  215. padding:10px;
  216. text-align:center;
  217. letter-spacing:-1px;
  218. text-transform:none;
  219.  
  220. }
  221.  
  222. /* Top Bar */
  223.  
  224. #topstuff {
  225. position:fixed;
  226. top:0px;
  227. z-index:9;
  228. background:{color:Top Bar};
  229. width:720px;
  230. height:60px;
  231. margin-left:-1px;
  232. border:1px solid {color:Container Border};
  233.  
  234. }
  235.  
  236. /* Title */
  237.  
  238. .title {
  239. position:absolute;
  240. margin-top:0px;
  241. font-family:impact;
  242. border-right:1px solid {color:Title Border};
  243. font-size:35px;
  244. color:{color:Title};
  245. padding:7px;
  246. letter-spacing:1px;
  247. text-transform:uppercase;
  248.  
  249. }
  250.  
  251. .title:first-letter {
  252. color:{color:First Letter Title};
  253.  
  254. }
  255.  
  256. /* Navigation */
  257.  
  258. .links {
  259. position:absolute;
  260. margin-left:450px;
  261. margin-top:20px;
  262. font-family:calibri;
  263. font-size:10px;
  264. text-transform:uppercase;
  265.  
  266. }
  267.  
  268. .links a {
  269. display:inline-block;
  270. color:{color:Navigation};
  271. letter-spacing:1px;
  272. margin:10px;
  273. -webkit-transition: opacity 0.4s linear;
  274. -webkit-transition: all 0.4s ease-in-out;
  275. -moz-transition: all 0.4s ease-in-out;
  276. -o-transition: all 0.4s ease-in-out;
  277.  
  278. }
  279.  
  280. .links a:hover {
  281. text-shadow:1px -1px #eee;
  282. color:{color:Navigation Hover};
  283. -webkit-transition: opacity 0.4s linear;
  284. -webkit-transition: all 0.4s ease-in-out;
  285. -moz-transition: all 0.4s ease-in-out;
  286. -o-transition: all 0.4s ease-in-out;
  287.  
  288. }
  289.  
  290. .icons {
  291. position:absolute;
  292. margin-left:440px;
  293. margin-top:-10px;
  294.  
  295. }
  296.  
  297. .icons img {
  298. margin:28px;
  299.  
  300. }
  301.  
  302. /* Popup Links */
  303.  
  304. #fade { /*--Transparent background layer--*/
  305. display: none; /*--hidden by default--*/
  306. z-index: 9999;
  307. background:{color:Popup Bg};
  308. position: fixed; left: 0; top: 0;
  309. width:100%; height:100%;
  310. opacity:.80;
  311.  
  312. }
  313.  
  314. .popup_block{
  315. display: none; /*--hidden by default--*/
  316. z-index: 99999;
  317. padding: 20px;
  318. position: fixed;
  319. top:50%; left:50%;
  320. max-width:300px;
  321. /*--CSS3 Rounded Corners--*/
  322. -webkit-border-radius: 0px;
  323. -moz-border-radius: 0px;
  324. border-radius: 0px;
  325.  
  326. }
  327.  
  328. img.btn_close {
  329. padding:5px;
  330. float: right;
  331. margin: -30px 140px 0 0;
  332.  
  333. }
  334. /*--Making IE6 Understand Fixed Positioning--*/
  335.  
  336. *html #fade {
  337. position: absolute;
  338.  
  339. }
  340.  
  341. *html .popup_block {
  342. position: absolute;
  343.  
  344. }
  345.  
  346. #popnav a {
  347. display:block;
  348. font-family:arial;
  349. text-transform:uppercase;
  350. font-size:20px;
  351. line-height:19px;
  352. letter-spacing:-1px;
  353. text-align:center;
  354. color:{color:Popup Links};
  355. -webkit-transition: opacity 0.4s linear;
  356. -webkit-transition: all 0.4s ease-in-out;
  357. -moz-transition: all 0.4s ease-in-out;
  358. -o-transition: all 0.4s ease-in-out;
  359.  
  360. }
  361.  
  362. #popnav a:hover {
  363. padding:15px;
  364. color:{color:Popup Links Hover};
  365. -webkit-transition: opacity 0.2s linear;
  366. -webkit-transition: all 0.2s ease-in-out;
  367. -moz-transition: all 0.2s ease-in-out;
  368. -o-transition: all 0.2s ease-in-out;
  369.  
  370. }
  371.  
  372. /* Description */
  373.  
  374. #written {
  375. position:fixed;
  376. z-index:99;
  377. top:380px;
  378. width:720px;
  379. border:1px solid #eee;
  380. height:70px;
  381. margin-left:-1px;
  382. text-align:center;
  383. background:{color:Description Bg};
  384.  
  385. }
  386.  
  387. .desc {
  388. overflow:auto;
  389. width:250px;
  390. color:{color:Description};
  391. height:52px;
  392. margin-left:240px;
  393. margin-top:10px;
  394. background:;
  395. font-size:10px;
  396. font-family:calibri;
  397.  
  398. }
  399.  
  400. /* Slideshow by codrops */
  401.  
  402. .sp-slideshow {
  403. position: fixed;
  404. z-index:9999;
  405. top:60px;
  406. width:700px;
  407. height:300px;
  408. border:10px solid #fff;
  409. outline:1px solid #eee;
  410.  
  411. }
  412.  
  413. .sp-content {
  414. position: relative;
  415. width: 100%;
  416. height: 100%;
  417. overflow: hidden;
  418.  
  419. }
  420.  
  421. .sp-parallax-bg {
  422. background:#fff;
  423. background-size: cover;
  424. position: absolute;
  425. top: 0;
  426. left: 0;
  427. width: 100%;
  428. height: 100%;
  429. overflow: hidden;
  430.  
  431. }
  432.  
  433. .sp-slideshow input {
  434. position: absolute;
  435. bottom: 15px;
  436. left: 50%;
  437. width: 9px;
  438. height: 9px;
  439. z-index: 1001;
  440. cursor: pointer;
  441. opacity: 0;
  442.  
  443. }
  444.  
  445. .sp-slideshow input + label {
  446. position: absolute;
  447. bottom: 15px;
  448. left: 50%;
  449. width: 6px;
  450. height: 6px;
  451. display: block;
  452. z-index: 1000;
  453. border: 3px solid #fff;
  454. border: 3px solid rgba(255,255,255,0.9);
  455. border-radius: 50%;
  456. transition: background-color linear 0.1s;
  457.  
  458. }
  459.  
  460. .sp-slideshow input:checked + label {
  461. background-color: #fff;
  462. background-color: rgba(255,255,255,0.9);
  463.  
  464. }
  465.  
  466. .sp-selector-1, .button-label-1 {
  467. margin-left: -36px;
  468.  
  469. }
  470.  
  471. .sp-selector-2, .button-label-2 {
  472. margin-left: -18px;
  473.  
  474. }
  475.  
  476. .sp-selector-4, .button-label-4 {
  477. margin-left: 18px;
  478.  
  479. }
  480.  
  481. .sp-selector-5, .button-label-5 {
  482. margin-left: 36px;
  483.  
  484. }
  485.  
  486. .sp-slideshow input:checked ~ .sp-content {
  487. transition: background-position linear 0.6s, background-color linear 0.8s;
  488.  
  489. }
  490.  
  491. .sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {
  492. transition: background-position linear 0.7s;
  493.  
  494. }
  495.  
  496. input.sp-selector-1:checked ~ .sp-content {
  497. background-position: 0 0;
  498. background-color: #727b7f;
  499.  
  500. }
  501.  
  502. input.sp-selector-2:checked ~ .sp-content {
  503. background-position: -100px 0;
  504. background-color: #7f7276;
  505.  
  506. }
  507.  
  508. input.sp-selector-3:checked ~ .sp-content {
  509. background-position: -200px 0;
  510. background-color: #737f72;
  511.  
  512. }
  513.  
  514. input.sp-selector-4:checked ~ .sp-content {
  515. background-position: -300px 0;
  516. background-color: #79727f;
  517.  
  518. }
  519.  
  520. input.sp-selector-5:checked ~ .sp-content {
  521. background-position: -400px 0;
  522. background-color: #7d7f72;
  523.  
  524. }
  525.  
  526. input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
  527. background-position: 0 0;
  528.  
  529. }
  530.  
  531. input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
  532. background-position: -200px 0;
  533.  
  534. }
  535.  
  536. input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
  537. background-position: -400px 0;
  538.  
  539. }
  540.  
  541. input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
  542. background-position: -600px 0;
  543.  
  544. }
  545.  
  546. input.sp-selector-5:checked ~ .sp-content .sp-parallax-bg {
  547. background-position: -800px 0;
  548.  
  549. }
  550.  
  551. .sp-slider {
  552. position: relative;
  553. left: 0;
  554. width: 500%;
  555. height: 100%;
  556. list-style: none;
  557. margin: 0;
  558. padding: 0;
  559. transition: left ease-in 0.8s;
  560.  
  561. }
  562.  
  563. .sp-slider > li {
  564. color: #fff;
  565. width: 20%;
  566. box-sizing: border-box;
  567. height: 100%;
  568. padding: 0 60px;
  569. float: left;
  570. text-align: center;
  571. opacity: 0.4;
  572. transition: opacity ease-in 0.4s 0.8s;
  573.  
  574. }
  575.  
  576. .sp-slider > li img{
  577. box-sizing: border-box;
  578. display: block;
  579. margin: 0 auto;
  580. padding:0px;
  581. margin-left:-60px;
  582. width:700px;
  583. height:300px;
  584.  
  585. }
  586.  
  587. input.sp-selector-1:checked ~ .sp-content .sp-slider {
  588. left: 0;
  589.  
  590. }
  591.  
  592. input.sp-selector-2:checked ~ .sp-content .sp-slider {
  593. left: -100%;
  594.  
  595. }
  596.  
  597. input.sp-selector-3:checked ~ .sp-content .sp-slider {
  598. left: -200%;
  599.  
  600. }
  601.  
  602. input.sp-selector-4:checked ~ .sp-content .sp-slider {
  603. left: -300%;
  604.  
  605. }
  606.  
  607. input.sp-selector-5:checked ~ .sp-content .sp-slider {
  608. left: -400%;
  609.  
  610. }
  611.  
  612. input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
  613. input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
  614. input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
  615. input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4),
  616. input.sp-selector-5:checked ~ .sp-content .sp-slider > li:nth-child(5){
  617. opacity: 1;
  618.  
  619. }
  620.  
  621. /* Posts */
  622.  
  623. #contain {
  624. top:445px;
  625. margin:auto;
  626. background:{color:Container Bg};
  627. width:720px;
  628. border-left:1px solid {color:Container Border};
  629. border-right:1px solid {color:Container Border};
  630. padding-bottom:60px;
  631. {block:PermalinkPage}
  632. height:auto;
  633. {/block:PermalinkPage}
  634. {block:if2columns}width:720px;{/block:if2columns}
  635. {block:if400px}width:720px;{/block:if400px}
  636. {block:if500px}width:720px;{/block:if500px}
  637.  
  638. }
  639.  
  640. .entry {
  641. float:left;
  642. position:relative;
  643. padding:30px;
  644. margin-left:25px;
  645. margin-top:25px;
  646. border:1px solid {color:Posts Border};
  647. background:{color:Posts Bg};
  648. color:{color:Posts Text};
  649. font-family:helvetica;
  650. font-size:10px;
  651. width:250px;
  652. {block:if2columns}
  653. width:250px;
  654. margin-left:35px;
  655. {/block:if2columns}
  656. {block:if400px}
  657. width:400px;
  658. margin-left:130px;
  659. margin-top:50px;
  660. {/block:if400px}
  661. {block:if500px}
  662. width:500px;
  663. margin-left:80px;
  664. margin-top:50px;
  665. {/block:if500px}
  666. {block:PermalinkPage}
  667. margin-left:130px;
  668. margin-top:50px;
  669. width:400px;
  670. padding-bottom:50px;
  671. {/block:PermalinkPage}
  672.  
  673. }
  674.  
  675. .entry a {
  676. color:{color:links};
  677.  
  678. }
  679.  
  680. .entry img{
  681. max-width:100%;
  682. display:block;
  683.  
  684. }
  685.  
  686. #caption {
  687. margin-top:-3px;
  688. color:{color:Caption};
  689. background:{color:Caption Bg};
  690. padding:5px;
  691. word-wrap:break-word;
  692. white-space:normal;
  693. font-size:11px;
  694. font-family:calibri;
  695.  
  696. }
  697.  
  698. /* Post Info */
  699.  
  700. .entry:hover #information {
  701. width:100px;
  702. opacity:1;
  703. -webkit-transition: all .7s ease-in-out;
  704. -moz-transition: all .7s ease-in-out;
  705. -o-transition: all .7s ease-in-out;
  706. -ms-transition: all .7s ease-in-out;
  707. transition: all .7s ease-in-out;
  708.  
  709. }
  710.  
  711. #information {
  712. position:absolute;
  713. margin-top:-30px;
  714. margin-left:-30px;
  715. z-index:9;
  716. width:200px;
  717. padding:10px;
  718. color:{color:Post Info};
  719. background:{color:Post Info Bg};
  720. text-align:center;
  721. font-family:lilfont;
  722. font-size:8px;
  723. letter-spacing:1px;
  724. text-transform:uppercase;
  725. opacity:0;
  726. -webkit-transition: opacity 0.4s linear;
  727. -webkit-transition: all 0.4s ease-in-out;
  728. -moz-transition: all 0.4s ease-in-out;
  729. -o-transition: all 0.4s ease-in-out;
  730.  
  731. }
  732.  
  733. #information a {
  734. color:{color:Post Info};
  735.  
  736. }
  737.  
  738. #information a:hover {
  739. width:100px;
  740. color:{color:Post Info Hover};
  741. opacity:1;
  742. -webkit-transition: all .7s ease-in-out;
  743. -moz-transition: all .7s ease-in-out;
  744. -o-transition: all .7s ease-in-out;
  745. -ms-transition: all .7s ease-in-out;
  746. transition: all .7s ease-in-out;
  747.  
  748. }
  749.  
  750. .likey a {
  751. color:{color:Post Notes};
  752. font-size:24px;
  753. font-family:arial;
  754. letter-spacing:-1px;
  755.  
  756. }
  757.  
  758. /* Asks */
  759.  
  760. #askey {
  761. display:inline-block;
  762. margin:auto;
  763. background:{color:Asker bg};
  764. color:{color:Asker};
  765. padding:5px;
  766. padding-right:15px;
  767. float:left;
  768. margin-right:5px;
  769. text-transform:uppercase;
  770.  
  771. }
  772.  
  773. #askey a {
  774. color:{color:Asker};
  775.  
  776. }
  777.  
  778. .ques {
  779. text-align:left;
  780. background:{color:Question Bg};
  781. color:{color:Question};
  782. margin-top:10px;
  783. padding:10px;
  784. line-height:10px;
  785. font-family:calibri;
  786. font-size:10px;
  787.  
  788. }
  789.  
  790. .ques a {
  791. color:{color:Question};
  792.  
  793. }
  794.  
  795. .reply{
  796. Color:{color:Reply};
  797. background:{color:Reply Bg};
  798. text-align:left;
  799. padding:10px;
  800. font-size:10px;
  801. font-family:calibri;
  802.  
  803. }
  804.  
  805. /* Music */
  806.  
  807. #albumart {
  808. position:absolute;
  809. width:100%;
  810. margin-left:15px;
  811. margin-top:0px;
  812. {block:if2columns}width:250px; margin-left:15px;{/block:if2columns}
  813. {block:if400px}width:400px;margin-left:130px;margin-top:0px;{/block:if400px}
  814. {block:if500px}width:550px;margin-left:230px;{/block:if500px}
  815.  
  816. }
  817.  
  818. #albumart img {
  819. width:auto;
  820. height:50px;
  821. margin-left:185px;
  822. border:5px solid {color:Audio border};
  823.  
  824. }
  825.  
  826. .moozic {
  827. overflow:hidden;
  828. position:absolute;
  829. width:160px;
  830. padding:15px;
  831. margin-left:0px;
  832. margin-top:0px;
  833. background:{color:Audio Bg};
  834. border:1px solid {color:Audio Border};
  835. {block:if2columns}width:160px; margin-left:0px;{/block:if2columns}
  836. {block:if400px}width:275px;margin-left:0px;margin-top:0px;{/block:if400px}
  837. {block:if500px}width:350px;margin-left:0px;{/block:if500px}
  838.  
  839. }
  840.  
  841. .moozinf {
  842. color:{color:Posts text};
  843. width:250px;
  844. margin-top:70px;
  845. margin-left:-10px;
  846. padding:10px;
  847. font-family:calibri;
  848. font-size:10px;
  849. line-height:10px;
  850. letter-spacing:1px;
  851.  
  852. }
  853.  
  854. /* Permalink */
  855.  
  856. #permalink {
  857. position:absolute;
  858. margin-left:-161px;
  859. margin-top:110px;
  860. padding:20px;
  861. color:{color:Permalink};
  862. background:{color:Permalink Bg};
  863. border-top:1px solid {color:Permalink Border};
  864. font-size:9px;
  865. font-family:calibri;
  866. text-transform:uppercase;
  867. text-align:center;
  868. width:680px;
  869. height:auto;
  870. word-wrap:break-word;
  871.  
  872. }
  873.  
  874. #permalink a {
  875. display:inline-block;
  876. color:{color:Permalink};
  877.  
  878. }
  879.  
  880. .notecounts {
  881. position:absolute;
  882. overflow:auto;
  883. text-align:center;
  884. margin-left:-20px;
  885. margin-top:50px;
  886. font-family:helvetica;
  887. font-size:10px;
  888. background:{color:Permalink bg};
  889. color:{color:Permalink};
  890. text-transform:uppercase;
  891. padding:20px;
  892. width:680px;
  893.  
  894. }
  895.  
  896. .notecounts a {
  897. color:{color:Permalink};
  898.  
  899. }
  900.  
  901. .notecounts img {
  902. display:inline-block;
  903. border:5px solid {color:Permalink Border};
  904. border-radius:100%;
  905.  
  906. }
  907.  
  908. ol.notes {
  909. list-style-type:none;
  910. text-align:left;
  911.  
  912. }
  913.  
  914. /* Pagination */
  915.  
  916. .pagination {
  917. z-index:99;
  918. position:fixed;
  919. top:380px;
  920. border:1px solid {color:Pagination Border};
  921. margin-left:-39px;
  922. padding:7px;
  923. background:{color:Pagination Bg};
  924.  
  925. }
  926.  
  927. .jump_page {
  928. display:block;
  929. padding: 4px 8px;
  930. color:{color:Pagination};
  931. font-family:century gothic;
  932. font-size:11px;
  933. text-decoration:none;
  934.  
  935. }
  936.  
  937. .current_page, .jump_page:hover {
  938. padding: 4px 8px;
  939. font-family:century gothic;
  940. font-size:10px;
  941. text-decoration:bold;
  942.  
  943. }
  944.  
  945. {block:IfInfiniteScroll}
  946. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  947. #infscr-loading {display:none;}
  948. .pagination {display:none!important;} {/block:IfInfiniteScroll}
  949.  
  950. /* Hover text */
  951.  
  952. #s-m-t-tooltip {
  953. z-index:999999;
  954. max-width:300px;
  955. margin-top:25px;
  956. margin-left:15px;
  957. padding-left:5px;
  958. padding-right:5px;
  959. padding-top:1px;
  960. padding-bottom:1px;
  961. background-color:#000;
  962. border:1px solid #fff;
  963. color:#fff;
  964. font-family:consolas;
  965. font-size:10px;
  966. letter-spacing:1px;
  967. text-transform:uppercase;
  968. line-height:13px;
  969.  
  970. }
  971.  
  972. /* theme credit - DON'T TOUCH */
  973.  
  974. #thmcredit a {
  975. position:fixed;
  976. z-index:9;
  977. bottom:0px;
  978. right:0px;
  979. background:#fafafa;
  980. font-weight:bold;
  981. font-size:10px;
  982. padding:5px;
  983. border-radius:10%;
  984. color:#888;
  985. font-family:helvetica;
  986.  
  987. }
  988.  
  989.  
  990. </style>
  991.  
  992. <!-- DON'T MESS WITH THIS -->
  993.  
  994. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  995. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  996.  
  997. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  998.  
  999. {block:IfInfiniteScroll}
  1000. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  1001.  
  1002.  
  1003. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1004.  
  1005. <script>
  1006. $(function(){
  1007. var $container = $('#contain');
  1008. $container.imagesLoaded(function(){
  1009. $container.masonry({
  1010. itemSelector: '.entry',
  1011. });
  1012. });
  1013. $container.infinitescroll({
  1014. itemSelector : ".entry",
  1015. navSelector : "div.pagination",
  1016. nextSelector : ".pagination a#next",
  1017. loadingImg : "",
  1018. loadingText : "<em></em>",
  1019. bufferPx : 10000,
  1020. extraScrollPx: 12000,
  1021. },
  1022. // trigger Masonry as a callback
  1023. function( newElements ) {
  1024. var $newElems = $( newElements ).css({ opacity: 0 });
  1025. // ensure that images load before adding to masonry layout
  1026. $newElems.imagesLoaded(function(){
  1027. $newElems.animate({ opacity: 1 });
  1028. $container.masonry( 'appended', $newElems, true );
  1029. });
  1030. }
  1031. );
  1032. });
  1033. </script>
  1034.  
  1035. </head>
  1036. <body>
  1037.  
  1038. <div id="contain">
  1039.  
  1040. <!-- Top Bar -->
  1041.  
  1042. <div id="topstuff">
  1043. <div class="title">{title}</div>
  1044. <div class="icons">
  1045. <img src="http://static.tumblr.com/bj5zkci/aP6n5dduo/005_08.png">
  1046. <img src="http://static.tumblr.com/bj5zkci/MdZn5ddvy/005_24.png">
  1047. <img src="http://static.tumblr.com/bj5zkci/JPmn5ddwv/005_31.png">
  1048. <img src="http://static.tumblr.com/bj5zkci/Ckon5ddxx/005_44.png">
  1049. </div>
  1050.  
  1051. <!-- links -->
  1052.  
  1053. <div class="links">
  1054. <a href="/">home</a> /
  1055. <a href="/archive">history</a> /
  1056. <a href="/ask">message</a> /
  1057. <a href="#?w=500" rel="menu" class="poplight">menu</a>
  1058. </div>
  1059. </div>
  1060.  
  1061. <!-- Description -->
  1062.  
  1063. <div id="written">
  1064. <div class="desc">{description}
  1065. </div></div>
  1066.  
  1067. <!-- Slideshow -->
  1068.  
  1069. <div class="sp-slideshow">
  1070.  
  1071. <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
  1072. <label for="button-1" class="button-label-1"></label>
  1073.  
  1074. <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
  1075. <label for="button-2" class="button-label-2"></label>
  1076.  
  1077. <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
  1078. <label for="button-3" class="button-label-3"></label>
  1079.  
  1080. <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
  1081. <label for="button-4" class="button-label-4"></label>
  1082.  
  1083. <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
  1084. <label for="button-5" class="button-label-5"></label>
  1085.  
  1086. <div class="sp-content">
  1087. <div class="sp-parallax-bg"></div>
  1088. <ul class="sp-slider clearfix">
  1089. <li><img src="{image:Header Img 1}" alt="image01" /></li>
  1090. <li><img src="{image:Header Img 2}" alt="image02" /></li>
  1091. <li><img src="{image:Header Img 3}" alt="image03" /></li>
  1092. <li><img src="{image:Header Img 4}" alt="image04" /></li>
  1093. <li><img src="{image:Header Img 5}" alt="image05" /></li>
  1094. </ul>
  1095. </div>
  1096. </div>
  1097.  
  1098. <!-- Pagination -->
  1099.  
  1100. <div class="pagination">
  1101. {block:Pagination}
  1102. {block:JumpPagination length="3"}
  1103. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1104. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1105.  
  1106. {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  1107. </div>
  1108.  
  1109. <!-- Posts -->
  1110.  
  1111. {block:posts}
  1112.  
  1113. <div class="entry">
  1114. {block:ContentSource}
  1115. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1116. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1117. {/block:SourceLogo}
  1118. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1119. {/block:ContentSource}
  1120.  
  1121. <!-- Post info -->
  1122.  
  1123. {block:IndexPage}
  1124. <div id="information">
  1125.  
  1126. <div class="likey">{block:NoteCount}
  1127. <a href="{Permalink}" title="{NoteCount}">{NoteCount}</a>{/block:NoteCount}</div>
  1128.  
  1129. <a href="{ReblogURL}" title="reblog">reblog</a> +
  1130.  
  1131. {block:HasTags}
  1132. <a href="{TagURL}" title="{block:Tags}#{Tag}{/block:Tags}">tags</a>
  1133. {/block:HasTags}
  1134.  
  1135. </div>{/block:IndexPage}
  1136.  
  1137. <!-- the body -->
  1138.  
  1139. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  1140.  
  1141. {block:photo}
  1142. {block:IndexPage}
  1143. {block:if2columns}<img src="{PhotoURL-250}"/>{/block:if2columns}
  1144. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  1145. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  1146. {block:ifShowCaptions}
  1147. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1148. {/block:ifShowCaptions}{/block:IndexPage}
  1149.  
  1150. {block:PermalinkPage}
  1151. <img src="{PhotoURL-400}"/>
  1152. {block:Caption}
  1153. <div id="caption">{Caption}</div>
  1154. {/block:Caption}
  1155. {/block:PermalinkPage}
  1156. {/block:photo}
  1157.  
  1158.  
  1159. {block:Photoset}
  1160. {block:IndexPage}
  1161. {block:if2columns}{Photoset-250}{/block:if2columns}
  1162. {block:if400px}{Photoset-400}{/block:if400px}
  1163. {block:if500px}{Photoset-500}{/block:if500px}
  1164. {block:ifShowCaptions}
  1165. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1166. {/block:ifShowCaptions}
  1167. {/block:IndexPage}
  1168.  
  1169. {block:PermalinkPage}
  1170. {Photoset-400}
  1171. {block:Caption}
  1172. <div id="caption">{Caption}</div>
  1173. {/block:Caption}
  1174. {/block:PermalinkPage}
  1175. {/block:Photoset}
  1176.  
  1177. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  1178.  
  1179. {block:Link}
  1180. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1181. {block:Description}{Description}{/block:Description} {/block:Link}
  1182.  
  1183. <!-- Music and Video -->
  1184.  
  1185. {block:Audio}
  1186. <div id="albumart">
  1187. {block:AlbumArt}
  1188. <img src="{AlbumArtURL}">
  1189. {/block:AlbumArt}</div>
  1190. <div class="moozic">{AudioPlayerWhite}</div>
  1191.  
  1192. <div class="moozinf">{block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1193. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1194. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br><br>
  1195. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1196. {/block:Audio}
  1197.  
  1198. {block:Video}
  1199. {block:if250px}{Video-250}{/block:if250px}
  1200. {block:if400px}{Video-400}{/block:if400px}
  1201. {block:if500px}{Video-500}{/block:if500px}
  1202. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  1203.  
  1204.  
  1205. <!-- chat -->
  1206.  
  1207. {block:Chat}
  1208. {block:Title}{Title}<br />{/block:Title}
  1209. {block:Lines}
  1210. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1211. {/block:Lines}
  1212. {/block:Chat}
  1213.  
  1214.  
  1215. <!-- Asks -->
  1216.  
  1217. {block:Answer}
  1218. <div class="ques"><div id="askey">{Asker}</div> {Question}</div>
  1219. <div class="reply">{Answer}</div>
  1220. {/block:Answer}
  1221.  
  1222. <!-- Permalink -->
  1223.  
  1224. {block:PermalinkPage}
  1225.  
  1226. <div id="permalink">
  1227. <h1>POST INFORMATION</h1>
  1228. {block:Date}
  1229. {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <BR>
  1230. {block:NoteCount}
  1231. <a href="{Permalink}" title="{NoteCount}">{NoteCount}<b> notes</b></a>{/block:NoteCount} <BR>
  1232. <a href="{ReblogURL}" title="reblog">reblog</a><BR>
  1233. {block:HasTags}
  1234. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  1235. {/block:HasTags}
  1236. {block:RebloggedFrom}
  1237. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a> <BR>
  1238. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1239. {/block:RebloggedFrom}{/block:PermalinkPage}
  1240.  
  1241. {block:PostNotes}
  1242. <div class="notecounts">{PostNotes}</div>
  1243. {/block:PostNotes}
  1244. </div>
  1245. {/block:posts}
  1246.  
  1247. </div>
  1248. </body>
  1249.  
  1250. <!-- theme credit - DO NOT REMOVE - -->
  1251.  
  1252. <div id="thmcredit"><a href="http://dohdoro.tumblr.com" title="theme by dohdoro">DTHM.</a></div>
  1253.  
  1254. <!-- Popup links -->
  1255.  
  1256. <div id="menu" class="popup_block">
  1257. <div id="popnav">
  1258. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  1259. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  1260. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  1261. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  1262. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  1263. </div>
  1264. </div>
  1265.  
  1266. <!-- Theme by Dohdoro -->
  1267.  
  1268. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!