API tools faq
paste
lollyxbeans

wolf theme

lollyxbeans
Jul 25th, 2016
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.52 KB | None | 0 0
raw download clone embed print report
  1. <style> body { cursor:url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), auto }
  2. a, a:hover { cursor:url('http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), auto };
  3. </style>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6. <!--
  7.  
  8. THEME #8 — GRAVITY
  9. by xstardusttx--themes.tumblr.com or queenvictoria.co.vu
  10.  
  11. DO NOT REDISTRIBUTE
  12. DO NOT USE AS A BASE CODE
  13. DO NOT TAKE CREDIT
  14. DO NOT REMOVE CREDIT
  15. DO NOT USE IMAGES SMALLER THAN 500w and 400h (anything proportional to that is allowed)
  16.  
  17. -->
  18.  
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60. <link href='https://fonts.googleapis.com/css?family=Montserrat|Dosis:500,800' rel='stylesheet' type='text/css'>
  61.  
  62. <meta name="text:link1" content="ONE">
  63. <meta name="text:link1 url" content="/">
  64. <meta name="text:link2" content="TWO">
  65. <meta name="text:link2 url" content="/">
  66. <meta name="text:link3" content="THREE">
  67. <meta name="text:link3 url" content="/">
  68.  
  69. <meta name="text:muse1 name" content="Araris">
  70. <meta name="text:muse1 link" content="/araris">
  71. <meta name="text:muse2 name" content="James">
  72. <meta name="text:muse2 link" content="/James">
  73. <meta name="text:muse3 name" content="Auric">
  74. <meta name="text:muse3 link" content="/auric">
  75.  
  76. <meta name="text:quote" content="put a quote here, but don't make it too long. Four short lines at max. you don't want to overlap the next button.">
  77.  
  78. <style type="text/css">
  79.  
  80. /*-----SCROLLBAR-----*/
  81.  
  82. ::-moz-selection {background-color:#da9d52;
  83. color:#fff;}
  84. ::selection {background-color:#da9d52;
  85. color:#fff;}
  86. ::-webkit-scrollbar {height: 3px;width: 3px;}
  87. ::-webkit-scrollbar-thumb {background-color:rgba(16,16,17,0.7); width: 3px;}
  88. ::-webkit-scrollbar-track{background-color:transparent width: 1px;}
  89.  
  90.  
  91. /*-----BODY-----*/
  92. body {
  93. background-color:{color:bg};
  94. background-position: fixed;
  95. background-repeat: no-repeat;
  96. background-image:url('http://i.imgur.com/A6PArjr.png');
  97. font-family: 'Dosis', sans-serif; /*go to http://www.google.com/webfonts if you want more fonts*/
  98. font-size:12px;
  99. padding-bottom:5px;
  100. padding-top:0px;
  101. padding-right:0px;
  102. padding-left:0px;
  103. text-align:justify; /*right, left, center or justify*/
  104. color:#6c6e6d;
  105. margin:0;
  106. }
  107.  
  108. /*TEXT LINKS*/
  109. a {
  110. text-decoration:none;
  111. -moz-outline-style:none;
  112. color:#b7b9b9;
  113. -webkit-transition: all 0.5s ease;
  114. -moz-transition: all 0.5s ease;
  115. -o-transition: all 0.5s ease;
  116. text-shadow: 1px 1px 1px #241414;
  117. }
  118.  
  119. a:hover {
  120. color:#882829;
  121. -webkit-transition: all 0.5s ease;
  122. -moz-transition: all 0.5s ease;
  123. -o-transition: all 0.5s ease
  124. }
  125. a.tip {
  126. text-decoration: none
  127. }
  128. a.tip:hover {
  129. position: relative;
  130. }
  131. a.tip span {
  132. display: none
  133. }
  134. a.tip:hover span {
  135. padding: 3px;
  136. color:#fff;
  137. font-size: 10px;
  138. display: block;
  139. z-index: 100;
  140. background: transparent;
  141. left: 0px;
  142. margin: 10px;
  143. position: absolute;
  144. top: -15px;
  145. text-decoration: none
  146. }
  147. /*IMAGES*/
  148. img {
  149. border:none;
  150. max-width:100%;
  151. height:auto;
  152. opacity: .6;
  153. filter: alpha(opacity=60);
  154. -moz-opacity: 0.6;
  155. -khtml-opacity: 0.6;
  156. transition: opacity .8s ease-in-out;
  157. -moz-transition: opacity .8s ease-in-out;
  158. -webkit-transition: opacity .8s ease-in-out;
  159. }
  160. img:hover {
  161. opacity: 1.0;
  162. filter: alpha(opacity=100);
  163. -moz-opacity: 1.0;
  164. -khtml-opacity: 1.0;
  165. transition: opacity .8s ease-in-out;
  166. -moz-transition: opacity .8s ease-in-out;
  167. -webkit-transition: opacity .8s ease-in-out;
  168. }
  169.  
  170.  
  171. iframe.photoset {
  172. opacity: .6;
  173. filter: alpha(opacity=60);
  174. -moz-opacity: 0.6;
  175. -khtml-opacity: 0.6;
  176. transition: opacity .9s ease-in-out;
  177. -moz-transition: opacity .8s ease-in-out;
  178. -webkit-transition: opacity .8s ease-in-out;
  179. }
  180.  
  181. iframe.photoset:hover {
  182. opacity: 1.0;
  183. filter: alpha(opacity=100);
  184. -moz-opacity: 1.0;
  185. -khtml-opacity: 1.0;
  186. transition: opacity .8s ease-in-out;
  187. -moz-transition: opacity .8s ease-in-out;
  188. -webkit-transition: opacity .8s ease-in-out;
  189. }
  190.  
  191.  
  192. h1 {
  193. font-size:18px;
  194. font-family: 'Montserrat', sans-serif;
  195. text-align:center;
  196. color:#d0d0d0;
  197. line-height:15px;
  198. text-transform:uppercase /*lowercase(minuscule/small letter), uppercase(capital letters) or normal*/
  199. }
  200.  
  201. h2 {
  202. font-size:18px;
  203. font-family: 'Montserrat', sans-serif;
  204. text-align:left;
  205. color:#d0d0d0;
  206. line-height:15px;
  207. text-transform:uppercase /*lowercase(minuscule/small letter), uppercase(capital letters) or normal*/
  208. }
  209.  
  210. b, strong {
  211. text-transform:uppercase;
  212. color:#d0d0d0;
  213. font-size:14px;
  214. font-weight: 800;
  215. font-family: 'Dosis', sans-serif;
  216. text-shadow: 2px 2px 5px #000;
  217. }
  218.  
  219. i, em {
  220. font-family: 'Dosis', sans-serif;
  221. color:#882829;
  222. letter-spacing:1.5px;
  223. font-size:12px;}
  224.  
  225.  
  226. /*BLOCKQUOTE*/
  227. blockquote {
  228. width: 300px;
  229. font-size:12px;
  230. font-family: 'Dosis', sans-serif;
  231. text-transform: normal;
  232. line-height:10px;
  233. margin-left:0px;
  234. padding: 4px;
  235. padding-left:9px;
  236. border-left: 3px solid #000;
  237. color: #6c6e6d;
  238. -webkit-transition: opacity 0.6s linear;
  239. -webkit-transition: all 0.6s ease-in-out;
  240. -moz-transition: all 0.6s ease-in-out;
  241. -o-transition: all 0.6s ease-in-out;
  242. }
  243.  
  244. blockquote img {
  245. max-width:100%;
  246. height:auto;}
  247.  
  248.  
  249. /*-----SIDEBAR-----*/
  250.  
  251. #sidebar {
  252. position:fixed;
  253. width:400px;
  254. height: 500px;
  255. margin-right:0px;
  256. margin-left:75px;
  257. margin-top:0px;
  258. margin-bottom:0px;
  259. }
  260.  
  261.  
  262.  
  263. /*SIDEBAR LINKS*/
  264. .links {
  265. position:fixed;
  266. width:10px;
  267. height:500px;
  268. margin-left:85px;
  269. margin-top:-55px;
  270. text-align:center;
  271. z-index:99999999999999999999;
  272. }
  273. .links a {
  274. opacity: 1;
  275. display:inline-block;
  276. position:center;
  277. margin-left:2px;
  278. margin-right:5px;
  279. margin-top:5px;
  280. margin-bottom:0px;
  281. padding:2px;
  282. width:10px;
  283. font-family: 'Dosis', sans-serif;
  284. font-style:normal;
  285. font-weight:normal;
  286. text-decoration:none;
  287. text-transform:uppercase;
  288. font-size:50px;
  289. color:#d27520;
  290. border-radius: 100%;
  291. background-color: transparent;
  292. -webkit-transition:all 0.5s ease-in-out;
  293. -moz-transition:all 0.5s ease-in-out;
  294. -o-transition:all 0.5s ease-in-out;
  295. transition:all 0.5s ease-in-out;
  296. text-shadow: 1px 1px 0px #040403;
  297. }
  298.  
  299. .links a:hover {
  300. opacity: 1;
  301. text-decoration:none;
  302. color:#a71818;
  303. background-color: transparent;
  304. -webkit-transition:all 0.5s ease-in-out;
  305. -moz-transition:all 0.5s ease-in-out;
  306. -o-transition:all 0.5s ease-in-out;
  307. transition:all 0.5s ease-in-out;}
  308.  
  309. .blinks {
  310. position:fixed;
  311. width:10px;
  312. height:500px;
  313. margin-left:45px;
  314. margin-top:0px;
  315. text-align:center;
  316. z-index:99999999999999999999;
  317. }
  318. .blinks a {
  319. opacity: 1;
  320. display:inline-block;
  321. position:center;
  322. margin-left:2px;
  323. margin-right:5px;
  324. margin-top:5px;
  325. margin-bottom:0px;
  326. padding:2px;
  327. width:10px;
  328. font-family: 'Dosis', sans-serif;
  329. font-style:normal;
  330. font-weight:normal;
  331. text-decoration:none;
  332. text-transform:uppercase;
  333. font-size:30px;
  334. color:#c75d1e;
  335. border-radius: 100%;
  336. background-color: transparent;
  337. -webkit-transition:all 0.5s ease-in-out;
  338. -moz-transition:all 0.5s ease-in-out;
  339. -o-transition:all 0.5s ease-in-out;
  340. transition:all 0.5s ease-in-out;
  341. text-shadow: 1px 1px 0px #040403;}
  342.  
  343. .blinks a:hover {
  344. opacity: 1;
  345. text-decoration:none;
  346. color:#bf5340;
  347. background-color: transparent;
  348. -webkit-transition:all 0.5s ease-in-out;
  349. -moz-transition:all 0.5s ease-in-out;
  350. -o-transition:all 0.5s ease-in-out;
  351. transition:all 0.5s ease-in-out;}
  352.  
  353. .clinks {
  354. position:fixed;
  355. width:10px;
  356. height:500px;
  357. margin-left:75px;
  358. margin-top:25px;
  359. text-align:center;
  360. z-index:99999999999999999999;
  361. }
  362. .clinks a {
  363. opacity: 1;
  364. display:inline-block;
  365. position:center;
  366. margin-left:2px;
  367. margin-right:5px;
  368. margin-top:5px;
  369. margin-bottom:0px;
  370. padding:2px;
  371. width:10px;
  372. font-family: 'Dosis', sans-serif;
  373. font-style:normal;
  374. font-weight:normal;
  375. text-decoration:none;
  376. text-transform:uppercase;
  377. font-size:20px;
  378. color:#bc461c;
  379. border-radius: 100%;
  380. background-color: transparent;
  381. -webkit-transition:all 0.5s ease-in-out;
  382. -moz-transition:all 0.5s ease-in-out;
  383. -o-transition:all 0.5s ease-in-out;
  384. transition:all 0.5s ease-in-out;
  385. text-shadow: 1px 1px 0px #040403;}
  386.  
  387. .clinks a:hover {
  388. opacity: 1;
  389. text-decoration:none;
  390. color:#bf5340;
  391. background-color:transparent;
  392. -webkit-transition:all 0.5s ease-in-out;
  393. -moz-transition:all 0.5s ease-in-out;
  394. -o-transition:all 0.5s ease-in-out;
  395. transition:all 0.5s ease-in-out;}
  396.  
  397. .dlinks {
  398. position:fixed;
  399. width:10px;
  400. height:500px;
  401. margin-left:30px;
  402. margin-top:60px;
  403. text-align:center;
  404. z-index:99999999999999999999;
  405. }
  406. .dlinks a {
  407. opacity: 1;
  408. display:inline-block;
  409. position:center;
  410. margin-left:2px;
  411. margin-right:5px;
  412. margin-top:5px;
  413. margin-bottom:0px;
  414. padding:2px;
  415. width:10px;
  416. font-family: 'Dosis', sans-serif;
  417. font-style:normal;
  418. font-weight:normal;
  419. text-decoration:none;
  420. text-transform:uppercase;
  421. font-size:20px;
  422. color:#b12f1a;
  423. border-radius: 100%;
  424. background-color: transparent;
  425. -webkit-transition:all 0.5s ease-in-out;
  426. -moz-transition:all 0.5s ease-in-out;
  427. -o-transition:all 0.5s ease-in-out;
  428. transition:all 0.5s ease-in-out;
  429. text-shadow: 1px 1px 0px #040403;}
  430.  
  431. .dlinks a:hover {
  432. opacity: 1;
  433. text-decoration:none;
  434. color:#bf5340;
  435. background-color: transparent;
  436. -webkit-transition:all 0.5s ease-in-out;
  437. -moz-transition:all 0.5s ease-in-out;
  438. -o-transition:all 0.5s ease-in-out;
  439. transition:all 0.5s ease-in-out;}
  440.  
  441. .elinks {
  442. position:fixed;
  443. width:10px;
  444. height:500px;
  445. margin-left:75px;
  446. margin-top:90px;
  447. text-align:center;
  448. z-index:99999999999999999999;
  449. }
  450. .elinks a {
  451. opacity: 1;
  452. display:inline-block;
  453. position:center;
  454. margin-left:2px;
  455. margin-right:5px;
  456. margin-top:5px;
  457. margin-bottom:0px;
  458. padding:2px;
  459. width:10px;
  460. font-family: 'Dosis', sans-serif;
  461. font-style:normal;
  462. font-weight:normal;
  463. text-decoration:none;
  464. text-transform:uppercase;
  465. font-size:20px;
  466. color:#a71818;
  467. border-radius: 100%;
  468. background-color: transparent;
  469. -webkit-transition:all 0.5s ease-in-out;
  470. -moz-transition:all 0.5s ease-in-out;
  471. -o-transition:all 0.5s ease-in-out;
  472. transition:all 0.5s ease-in-out;
  473. text-shadow: 1px 1px 0px #040403;}
  474.  
  475. .elinks a:hover {
  476. opacity: 1;
  477. text-decoration:none;
  478. color:#bf5340;
  479. background-color: transparent;
  480. -webkit-transition:all 0.5s ease-in-out;
  481. -moz-transition:all 0.5s ease-in-out;
  482. -o-transition:all 0.5s ease-in-out;
  483. transition:all 0.5s ease-in-out;}
  484.  
  485. /*PAGINATION*/
  486. #pagibar {
  487. position:fixed;
  488. width:500px;
  489. margin-right:0px;
  490. margin-left:50px;
  491. margin-top:0px;
  492. margin-bottom:0px;
  493. }
  494. .pagi {
  495. text-transform: uppercase;
  496. font-weight:normal;
  497. font-family: 'Dosis', sans-serif;
  498. margin-top: 340px;
  499. letter-spacing:1px;
  500. margin-left: 550px;
  501. width: 300px;
  502. text-align:right;
  503. position: fixed;
  504. }
  505.  
  506. .pagi a {
  507. padding:0px;
  508. color: #000 !important;
  509. font-size: 12px;
  510. text-shadow: 1px 1px 0px #000 !important;}
  511.  
  512. }
  513.  
  514. .pagi a:hover {
  515. opacity: 1;
  516. text-decoration:none;
  517. color:#faf7f5;
  518. background-color: transparent;
  519. -webkit-transition:all 0.5s ease-in-out;
  520. -moz-transition:all 0.5s ease-in-out;
  521. -o-transition:all 0.5s ease-in-out;
  522. transition:all 0.5s ease-in-out;}
  523.  
  524.  
  525. /*-----SIDEBARS-----*/
  526. #muses {
  527. border: 0px solid #bbb;
  528. border-radius: 0px;
  529. overflow: auto;
  530. margin-top:-390px;
  531. margin-left: 100px;
  532. width: 200px;
  533. height:390px;
  534. background-color: #1d1d1e;
  535. box-shadow: 2px 2px 10px #000;
  536. z-index:10;
  537.  
  538. }
  539.  
  540. .muse {
  541. width:190px;
  542. height:120px;
  543. display:inline-block;
  544. margin:5px;
  545. overflow:hidden;
  546. }
  547.  
  548. .muse img {
  549. opacity:0.7;
  550. transition:1s all ease;
  551. }
  552.  
  553. .muse:hover img {
  554. opacity:0.9;
  555. transition:1s all ease;
  556. }
  557.  
  558. #quox {
  559. border: 0px solid #bbb;
  560. border-radius: 0px;
  561. overflow: auto;
  562. margin-top:-390px;
  563. margin-left: 770px;
  564. width: 200px;
  565. height:390px;
  566. background-color: #1d1d1e;
  567. box-shadow: 2px 2px 10px #000;
  568. z-index:10;
  569. }
  570.  
  571. .quoxtitle {
  572. font-size:22px;
  573. font-family: 'Montserrat', sans-serif;
  574. text-align:center;
  575. color:#d0d0d0;
  576. line-height:20px;
  577. text-transform:uppercase;
  578. padding-top: 20px;
  579. padding-left: 20px;
  580. padding-right: 20px;
  581. padding-bottom: 10px;
  582. text-shadow: 2px 2px 5px #000;
  583. }
  584.  
  585. .quoxdesc {
  586. font-family: 'Dosis', sans-serif; /*go to http://www.google.com/webfonts if you want more fonts*/
  587. font-size:12px;
  588. text-align:center; /*right, left, center or justify*/
  589. color:#6c6e6d;
  590. padding:10px;
  591. margin-top:-10px;
  592. }
  593.  
  594. #qlinks {
  595. width: 200px;
  596. z-index:15;
  597. text-align: center;
  598.  
  599. }
  600.  
  601. .quoxlinks {
  602. width:40px;
  603. height:20px;
  604. padding: 2px;
  605. border:1px solid transparent;
  606. display:inline-block;
  607. margin:3px;
  608. font-family:'Dosis', sans-serif;
  609. text-transform:lowercase;
  610. box-shadow: 2px 2px 10px #000;
  611. }
  612.  
  613. /*-----ENTRIES-----*/
  614. #entriescontainer {
  615. border: 0px solid #bbb;
  616. border-radius: 0px;
  617. overflow: auto;
  618. margin-top:220px;
  619. margin-left: 315px;
  620. width: 440px;
  621. height:390px;
  622. background-color: #1d1d1e;
  623. box-shadow: 2px 2px 10px #000;
  624. z-index: 90;
  625. }
  626.  
  627. #entries {
  628. padding:0px;
  629. width:410px;
  630. margin-left:0px;
  631. margin-top:0px;
  632. font-size:14px;
  633. line-height: 11px;
  634. margin-bottom:0px;
  635. }
  636.  
  637.  
  638.  
  639. #posts {
  640. width:410px;
  641. padding-bottom:20px;
  642. padding:10px;
  643. margin-top:0px;
  644. -webkit-filter: grayscale(0%);
  645. -webkit-transition: all 0.6s ease;
  646. -moz-transition: all 0.6s ease;
  647. transition: all 0.6s ease;
  648. }
  649.  
  650.  
  651. /*POST INFO*/
  652. #info {
  653. border-top:1px solid #000;
  654. width:420px;
  655. padding-top:8px;
  656. font-size:10px;
  657. margin-left:-1px;
  658. font-style:normal;
  659. text-align:left;
  660. -moz-transition-duration:0.6s;
  661. -webkit-transition-duration:0.6s;
  662. -o-transition-duration:0.6s;
  663. }
  664.  
  665. #info a{
  666. margin-top:-20px;
  667. color:#b7b9b9;
  668. }
  669.  
  670. #info a:hover{
  671. color:#882829;
  672. }
  673.  
  674. /*TAGS*/
  675. .tags {
  676. font-family: 'Dosis', sans-serif;
  677. width:420px;
  678. line-height:100%; /*space between line and line*/
  679. text-align:left;
  680. padding-top:7px;
  681. text-transform: lowercase;
  682. font-size:10px;
  683. -moz-transition-duration:0.6s;
  684. -webkit-transition-duration:0.6s;
  685. -o-transition-duration:0.6s;
  686. }
  687.  
  688. .tags a {
  689. font-style:italic;
  690. color:#d6bfa4;
  691. margin-right:5px;
  692. line-height:120%;
  693. }
  694.  
  695. .tags a:hover {
  696. text-decoration:underline;
  697. color:#b3c5cf;
  698. }
  699.  
  700. /*NOTES*/
  701. .notes {
  702. background-color:#1d1d1e;
  703. text-transform:normal;
  704. letter-spacing:0px;
  705. font-size:10px;
  706. margin-top:20px;
  707. font-style:normal;
  708. margin-left:-20px;
  709. text-align:left;
  710. line-height:30px;
  711. border-bottom:1px solid #000;
  712. }
  713.  
  714. .notes img{
  715. padding:2px;
  716. border:1px solid #b7b9b9;
  717. margin-bottom:-4px;
  718. -webkit-transition:all 0.5s ease-in-out;
  719. -moz-transition:all 0.5s ease-in-out;
  720. -o-transition:all 0.5s ease-in-out;
  721. -ms-transition:all 0.5s ease-in-out;
  722. transition:all 0.5s ease-in-out;
  723. }
  724.  
  725. .notes img:hover {opacity: 0.6;
  726. -webkit-transition:all 0.6s ease-in-out;
  727. -moz-transition:all 0.6s ease-in-out;
  728. -o-transition:all 0.6s ease-in-out;
  729. -ms-transition:all 0.6s ease-in-out;
  730. transition:all 0.6s ease-in-out;}
  731.  
  732.  
  733. /* --- QUOTE ---*/
  734. .quote {
  735. font-size:18px;
  736. font-family: 'Dosis', sans-serif;
  737. font-style:normal;
  738. line-height:17px;
  739. margin-bottom:15px;
  740. text-transform:normal;
  741. text-align:left;
  742. font-weight:normal;
  743. font-style:none;
  744. color:#6c6e6d;
  745. }
  746.  
  747. .quotesource {
  748. font-size:9px;
  749. text-align:right;
  750. font-style:none;
  751. text-transform:lowercase;
  752. font-family: 'Dosis', sans-serif;
  753. margin-bottom:5px;
  754. color:#706d75;
  755. }
  756.  
  757.  
  758. /* --- AUDIO ---*/
  759. .audio {
  760. height:60px;
  761. margin-bottom:40px;
  762. }
  763.  
  764. .audio-album {
  765. position:relative;
  766. margin-top: 0px;
  767. width:100px;
  768. padding:3px;
  769. border:1px solid #E1E1E1;
  770. -webkit-transition: opacity 0.1s linear;
  771. opacity: 1;
  772. }
  773.  
  774. .audio-player {
  775. opacity:.2;
  776. width:25px;
  777. height:25px;
  778. overflow:hidden;
  779. position:static;
  780. border:0px;
  781. z-index:86;
  782. margin-left:43px;
  783. margin-top:-70px;
  784. -webkit-transition: all 0.6s ease-out;
  785. -o-transition: all 0.6s ease-out;
  786. -webkit-transition: all 0.6s ease-out;
  787. -moz-transition: all 0.6s ease-out;
  788. }
  789.  
  790. .audio-player:hover {
  791. opacity: 0.8;
  792. -webkit-transition: all 0.6s ease-out;
  793. -o-transition: all 0.6s ease-out;
  794. -webkit-transition: all 0.6s ease-out;
  795. -moz-transition: all 0.6s ease-out;
  796. }
  797.  
  798. .audio-info {
  799. margin-top:-60px;
  800. z-index: 86;
  801. position:static;
  802. margin-left:120px;
  803. line-height:180%;
  804. padding:10px;
  805. }
  806.  
  807. .audio:hover .audio-player {
  808. opacity:.7;
  809. -webkit-transition: all 0.6s ease-out;
  810. -o-transition: all 0.6s ease-out;
  811. -webkit-transition: all 0.6s ease-out;
  812. -moz-transition: all 0.6s ease-out;
  813. }
  814. .audiocaption {
  815. margin-top: 50px;
  816. }
  817.  
  818. /* --- ASK---*/
  819. .ask {
  820. font-size:20px;
  821. font-family: 'Dosis', sans-serif;
  822. letter-spacing:-2px;
  823. font-weight:bold;
  824. text-align:right;
  825. font-size: 10px;
  826. padding:6px;
  827. background: transparent;
  828. text-transform:lowercase;
  829. }
  830.  
  831. .question {
  832. letter-spacing:0px;
  833. margin-top:-12px;
  834. font-style:italic;
  835. padding:4px;
  836. background:#FAFAFA;
  837. text-align:right;
  838. font-size: 12px;
  839. color:{color:Text};
  840. border-bottom:1px solid #E6E6E6;
  841. }
  842.  
  843. .answer {
  844. width:400px;
  845. letter-spacing:0px;
  846. text-align:justify;
  847. padding-top:5px;
  848. margin-bottom:1px;
  849. font-size: 12px;
  850. color:{color:Text};
  851. }
  852.  
  853. /* ---CHAT---*/
  854. .user_1 .label {color:{color:text}; font-weight:normal; font-style:italic;}
  855. .user_2 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  856. .user_3 .label {color:{color:text}; font-weight:normal; font-style:italic;}
  857. .user_4 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  858. .user_5 .label {color:{color:text}; font-weight:normal; font-style:italic;}
  859. .user_6 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  860. .user_7 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  861. .user_8 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  862. .user_9 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  863. .user_10 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  864. .user_11 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  865. .user_12 .label {color:{color:text}; font-weight:normal; font-style:italic; }
  866. .ul.chat {font-size:14px; font-family: 'Dosis', sans-serif; }
  867. .chat ol {}
  868. .chat li {list-style:none; margin-left:-38px; padding:2px; font-family: 'Dosis', sans-serif; font-style: none; font-size: 12px; }
  869.  
  870.  
  871. #maker{
  872. float:right;
  873. position:fixed;
  874. bottom:5px;
  875. right:10px;
  876. padding:7px;
  877. font-size:8px;
  878. text-align:center;
  879. line-height:210%;
  880. text-transform:uppercase;
  881. -webkit-transition: opacity 0.6s linear;
  882. -webkit-transition: all 0.6s ease-in-out;
  883. -moz-transition: all 0.6s ease-in-out;
  884. -o-transition: all 0.6s ease-in-out;}
  885.  
  886. #maker:hover {
  887. -webkit-transition: opacity 0.6s linear;
  888. -webkit-transition: all 0.6s ease-in-out;
  889. -moz-transition: all 0.6s ease-in-out;
  890. -o-transition: all 0.6s ease-in-out;transform: rotate(360deg);
  891. -ms-transform: rotate(360deg);
  892. -webkit-transform: rotate(360deg);
  893. -o-transform: rotate(360deg);
  894. -moz-transform: rotate(360deg);
  895. }
  896.  
  897. #maker a{
  898. padding:7px;
  899. color:#072d46;
  900. }
  901.  
  902. #maker a:hover{
  903. color:#fff;
  904. padding:7px;
  905. background-color:{color:hover};
  906. }
  907.  
  908.  
  909.  
  910. {CustomCSS}</style></head><body>
  911.  
  912.  
  913.  
  914.  
  915.  
  916. <div id="sidebar">
  917.  
  918.  
  919.  
  920. </div>
  921.  
  922. <div id="pagibar">
  923. {block:Pagination}
  924. <div class="pagi">
  925. {block:PreviousPage}
  926. <a href="{PreviousPage}"class="tip">back<span>back</span></a>
  927. {/block:PreviousPage}
  928.  
  929. {block:NextPage}
  930. <a href="{NextPage}" class="tip">next︎<span>next</span>︎</a>
  931. {/block:NextPage}
  932. </div>
  933. {/block:Pagination}
  934.  
  935.  
  936. </div>
  937.  
  938. <div id="entriescontainer">
  939. <div id="entries">{block:Posts}<div id="posts">
  940.  
  941.  
  942. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  943.  
  944.  
  945. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-250}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  946.  
  947.  
  948. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  949.  
  950.  
  951. {block:Photoset}<center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  952.  
  953.  
  954. {block:Quote}<div class="quote">" {Quote} "</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}{/block:Quote}
  955.  
  956.  
  957. {block:Audio}
  958. <div class="audio">
  959. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  960. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  961.  
  962.  
  963. <div class="audio-info">
  964. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  965. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  966. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  967. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  968. </div></div>
  969. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  970. {/block:Audio}
  971.  
  972.  
  973. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  974.  
  975.  
  976. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  977.  
  978.  
  979. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  980.  
  981.  
  982. <div id="info"> posted <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  983. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  984. {/block:Posts}
  985. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  986. {/block:Posts}</div></div></div></div>
  987.  
  988. <div id="muses">
  989. <!-- Begin copy/paste -->
  990. <a class="muse" href="{text:muse1 link}" title="{text:muse1 name}"> <!-- Inside href you put the url to your muse's page or tag. Whatever you put in the title attribute will appear when you hover over it. -->
  991. <img src="http://i.imgur.com/j5Y3vm7.jpg"> <!-- The image you want goes here. 65x65 -->
  992. </a>
  993. <!-- End copy/paste -->
  994.  
  995. <!-- Begin copy/paste -->
  996. <a class="muse" href="{text:muse2 link}" title="{text:muse2 name}"> <!-- Inside href you put the url to your muse's page or tag. Whatever you put in the title attribute will appear when you hover over it. -->
  997. <img src="http://i.imgur.com/Grxpo2c.jpg"> <!-- The image you want goes here. 65x65 -->
  998. </a>
  999. <!-- End copy/paste -->
  1000.  
  1001. <!-- Begin copy/paste -->
  1002. <a class="muse" href="{text:muse3 link}" title="{text:muse3 name}"> <!-- Inside href you put the url to your muse's page or tag. Whatever you put in the title attribute will appear when you hover over it. -->
  1003. <img src="http://i.imgur.com/lu7Vw20.jpg"> <!-- The image you want goes here. 65x65 -->
  1004. </a>
  1005. <!-- End copy/paste -->
  1006.  
  1007.  
  1008. </div>
  1009.  
  1010. <div id="quox">
  1011.  
  1012. <div class="quoxtitle">{title}</div>
  1013. <div class="quoxdesc"><img src="http://cliparts.co/cliparts/LTd/j8n/LTdj8nGAc.png"></br></br>
  1014. INDEPENDENT multi-muse original character roleplay blog</br>
  1015. multi-verse -- multi-ship</br>
  1016. please read rules & about
  1017. </br></br> <img src="http://cliparts.co/cliparts/LTd/j8n/LTdj8nGAc.png">
  1018. </div>
  1019. <div id="qlinks">
  1020. <div class="quoxlinks"><a href="/">refresh</a></div>
  1021. <div class="quoxlinks"><a href="/ask">ask</a></div>
  1022. <div class="quoxlinks"><a href="http://winterwolf78.tumblr.com/">main </a></div></br>
  1023. <div class="quoxlinks"><a href="{text:link1 url}">{text:link1}</a></div>
  1024. <div class="quoxlinks"><a href="{text:link2 url}">{text:link2}</a></div>
  1025. <div class="quoxlinks"><a href="{text:link3 url}">{text:link3}</a></div>
  1026. </div>
  1027. <div class="quoxdesc"></br>
  1028. {text:quote}</div>
  1029.  
  1030. </div>
  1031.  
  1032. </div>
  1033.  
  1034. <div id="maker"><a href="http://www.xstardusttx--themes.tumblr.com" title="xstardusttx--themes">VO</a></div></center>
  1035.  
  1036.  
  1037. <!--DON'T DELETE THIS CODE IF YOU DON'T WANT TO SEE THE SOURCE UNDER THE IMAGE/TEXT-->
  1038. {block:ContentSource}
  1039. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1040. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1041. {/block:SourceLogo}
  1042. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1043. {/block:ContentSource}
  1044.  
  1045.  
  1046.  
  1047. </section></div></div>
  1048. </body></html>
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!