API tools faq
paste
Advertisement
manon15

accidentprcne theme code

manon15
Nov 5th, 2016
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- BACKGROUND & CODE BY ╰☆╮MANON / BUTSCREWMEFIRST╰☆╮
  5. DO NOT:
  6. -claim as your own.
  7. -steal.
  8. -use on another blog without asking.
  9. -take parts of this theme.
  10. I AM ALWAYS WILLING TO HELP, SO YOU NEED ONLY ASK!
  11. for commissions for yourself, just contact me @butscrewmefirst.tumblr.com
  12. -->
  13.  
  14. <head>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  25. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Tillana' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  31. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  32. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  33. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  34. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  35. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  36. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  37. <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  41. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  42. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  43. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  44. <link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
  45. <link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
  46. <link href='https://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  47. <link href='https://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
  48. <link href='https://fonts.googleapis.com/css?family=Khand' rel='stylesheet' type='text/css'>
  49. <link href='https://fonts.googleapis.com/css?family=Black+Ops+One' rel='stylesheet' type='text/css'>
  50. <link href='https://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>
  51. <link href='https://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  52. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  53. <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  54. <link href='https://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
  55. <link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  56. <link href="https://fonts.googleapis.com/css?family=Over+the+Rainbow" rel='stylesheet' type='text/css'>
  57. <link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel='stylesheet' type='text/css'>
  58.  
  59.  
  60. <script type="text/javascript"
  61. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  62. <script>
  63. $(document).ready(function() {
  64. //
  65. $('a.poplight[href^=#]').click(function() {
  66. var popID = $(this).attr('rel'); //Get Popup Name
  67. var popURL = $(this).attr('href'); //Get Popup href to define size
  68. var query= popURL.split('?');
  69. var dim= query[1].split('&');
  70. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  71. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  72. var popMargTop = ($('#' + popID).height() + 80) / 2;
  73. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  74. //Apply Margin to Popup
  75. $('#' + popID).css({
  76. 'margin-top' : -popMargTop,
  77. 'margin-left' : -popMargLeft
  78. });
  79. $('body').append('<div id="fade"></div>');
  80. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  81. return false;
  82. });
  83. $('a.close, #fade').live('click', function() {
  84. $('#fade , .popup_block, .question_block').fadeOut(function() {
  85. $('#fade, a.close').remove(); //fade them both out
  86. });
  87. return false;
  88. });
  89. });
  90. </script>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. .popup_block{
  96. display:none;
  97. float:left;
  98. background-image: url('http://i.imgur.com/SeJaINJ.png');
  99. background-color: #fff;
  100. height:500px;
  101. position:fixed;
  102. top:50%; left: 50%;
  103. z-index:9999999999999;
  104. opacity:1;
  105. }
  106.  
  107.  
  108. *html #fade {position: absolute;}
  109. *html .popup_block {position: absolute;}
  110. #fade {
  111. display:none;
  112. position:fixed;
  113. left:0px;
  114. top:0px;
  115. width:100%;
  116. height:100%;
  117. z-index:999999;
  118. background:#000001;
  119. opacity:.5;
  120. }
  121.  
  122.  
  123. #text {
  124. top:50%; *
  125. left:50%; *
  126. margin-top:50px; *
  127. margin-left:450px; *
  128. width:270px; **
  129. height:200px; **
  130. overflow:scroll; **
  131. text-align:justify;
  132. font-family:calibri;
  133. font-size:10px;
  134. color:#fff;
  135. background:transparent;
  136. }
  137.  
  138. #heading {
  139. top:50%;
  140. left:50%;
  141. margin-top:12px;
  142. text-align:left;
  143. margin-left:327px;
  144. font-family:"prata";
  145. font-size:40px;
  146. color:#fff;
  147. background:transparent;
  148. text-shadow: 0px 0px 14px #fff;
  149. }
  150.  
  151. #poptext2 {
  152. margin-top:-11px;
  153. margin-left:185px;
  154. width:292px;
  155. height:442px;
  156. font-family:'calibri';
  157. font-size:12px;
  158. overflow:scroll;
  159. text-align:justify;
  160. }
  161.  
  162. #poptext {
  163. margin-top:-15px;
  164. margin-left:28px;
  165. width:292px;
  166. height:469px;
  167. font-family:'calibri';
  168. font-size:12px;
  169. overflow:scroll;
  170. text-align:justify;
  171. }
  172.  
  173. .question_block{
  174. height:300px;
  175. display: none;
  176. float: left;
  177. position: fixed;
  178. top: 50%; left: 50%;
  179. z-index: 999999999999;
  180. }
  181.  
  182.  
  183.  
  184.  
  185.  
  186. para {
  187. font-family: 'Prata', serif;
  188. color:#000;
  189. text-shadow:0 0 2px #fff;
  190. font-size:15px;
  191.  
  192. }
  193.  
  194. /*edit scrollbar*/
  195.  
  196. ::-webkit-scrollbar-thumb {
  197. height:auto;
  198. }
  199.  
  200. ::-webkit-scrollbar {
  201. height:4px;
  202. width:3px;
  203. padding-right:2px;
  204. }
  205. /*edit the body this is what post text looks like, background color, etc.*/
  206.  
  207. body {
  208. background-image:url("http://i.imgur.com/EFSEAi4.png");
  209. background-position:top left;
  210. background-attachment:fixed;
  211. background-repeat:no-repeat;
  212. margin:0px;
  213. background-color:#cbcccc;
  214. color:#000;
  215. font-family:arial;
  216. font-size:16px;
  217. line-height:120%;
  218. overflow-x:hidden;
  219. overflow-y:hidden;
  220. }
  221.  
  222.  
  223. /*edit links*/
  224.  
  225. a {
  226. text-decoration:none;
  227. outline:none;
  228. -moz-outline-style:none;
  229. color:#000;
  230. -moz-transition-duration:0.8s;
  231. -webkit-transition-duration:0.8s;
  232. -o-transition-duration:0.8s;
  233. text-transform:uppercase;
  234. }
  235.  
  236. /*edit link hover*/
  237.  
  238. a:hover {
  239. color:#fff;
  240. outline:none;
  241. -moz-outline-style:none;
  242. text-decoration:none;
  243. border-radius: 20px 20px 20px 20px #fff;
  244. -webkit-filter: blur(0px);
  245. }
  246.  
  247. img {
  248. opacity:.8;
  249. -webkit-filter: Grayscale(50%);
  250. -webkit-transition-duration: 0.8s;
  251. -moz-transition-duration:0.8s;
  252. transition-duration:0.8s;
  253. -o-transition-duration:0.8s;
  254. -webkit-filter: blur(0px);
  255. border-radius: 20px 20px 20px 20px #000;
  256. }
  257.  
  258. img:hover {
  259. opacity:1;
  260. -webkit-filter: Grayscale(0%);
  261. -webkit-transition: all 0.8s ease-out;
  262. -moz-transition: all 0.8s ease-out;
  263. transition: all 0.8s ease-out;
  264. -webkit-filter: blur(0px);
  265. border-radius: 20px 20px 20px 20px #000;
  266.  
  267. }
  268.  
  269. blockquote {
  270. padding-left:5px;
  271. border-left:1px solid #000;
  272. border-radius:6px;
  273.  
  274. }
  275.  
  276. blockquote blockquote {
  277. padding-left:5px;
  278. border-left:2px solid;
  279. }
  280.  
  281. h1 {
  282. font-size:15px;
  283. text-align:left;
  284. font-family:"yellowtail";
  285. text-align:center;
  286. line-height:115%;
  287. letter-spacing:2px;
  288. color:#525d6f;
  289. text-transform:uppercase;
  290. }
  291.  
  292. h2 {
  293. font-size:17px;
  294. text-align:left;
  295. font-family:"yellowtail";
  296. text-align:center;
  297. line-height:110%;
  298. letter-spacing:2px;
  299. color:#000;
  300. }
  301.  
  302. h3 {
  303. font-size:15px;
  304. text-align:left;
  305. font-family:"oswald";
  306. text-align:center;
  307. line-height:110%;
  308. letter-spacing:1px;
  309. color:#525d6f;
  310. }
  311.  
  312. h4 {
  313. font-size:16px;
  314. text-align:left;
  315. font-family:"pacifico";
  316. text-align:center;
  317. line-height:110%;
  318. letter-spacing:1px;
  319. color:#6f5f7a;
  320. }
  321.  
  322. h5 { /*this is for home link*/
  323. font-size:20px;
  324. text-align:left;
  325. font-family:"prata";
  326. text-align:center;
  327. line-height:110%;
  328. letter-spacing:1px;
  329. color:#fff;
  330. }
  331.  
  332. h6 { /*this is for pagination*/
  333. font-size:8px;
  334. font-family:"prata";
  335. text-align:center;
  336. line-height:110%;
  337. letter-spacing:1px;
  338. width:250px;
  339. color:#fff;
  340. }
  341.  
  342. pre {
  343. font-family:"kristi";
  344. font-size:16px;
  345. color:#000;
  346. text-shadow:0px 0px 1px #222;
  347. letter-spacing:1px;
  348. text-align:center;
  349. text-transform:uppercase;
  350. padding:5px;
  351. border-top:3px double #000;
  352. border-bottom:3px double #000;
  353. background-position:top center;
  354. border-radius:10px 3px 10px 3px;
  355. }
  356.  
  357.  
  358.  
  359. #title {
  360. color:#fff;
  361. font-family:arial;
  362. font-size:16px;
  363. text-transform:lowercase;
  364. font-weight:bold;
  365. letter-spacing:0px;
  366. padding:4px;
  367. margin-top:-20px;
  368. margin-left:-14px;
  369. position:fixed;
  370. text-align:left;
  371. }
  372.  
  373.  
  374. #navi {
  375. float:left;
  376. width:115px;
  377. padding:3px;
  378. }
  379.  
  380. #muses {
  381. width:125px;
  382. float:left;
  383. overflow:auto;
  384. margin:1px 2px;
  385. }
  386.  
  387. .muses text {
  388. height:50px;
  389. overflow:scroll;
  390. }
  391.  
  392.  
  393. /*sidebar links*/
  394.  
  395. .links {
  396. position: fixed;
  397. font-style:none;
  398. margin-top:462px;
  399. margin-left:1000px;
  400. font-size:18px;
  401. line-height: 850%;
  402. text-align: left;
  403. width:300px;
  404. margin-right: auto;
  405. -ms-transform: rotate(0deg); /* IE 9 */
  406. -webkit-transform: rotate(0deg); /* Safari */
  407. transform: rotate(0deg)
  408.  
  409. }
  410.  
  411. .links a {
  412. -webkit-filter:blur(0px);
  413. letter-spacing: 1px;
  414. padding:3px;
  415. text-shadow: 1px 0px 1px #27282e;
  416.  
  417. }
  418.  
  419. .links a:hover {
  420. color:#fff;
  421. opacity:1;
  422. -webkit-transition: all 0.8s ease-out;
  423. -moz-transition: all 0.8s ease-out;
  424. transition: all 0.8s ease-out;
  425. -webkit-filter:blur(3px);
  426. }
  427.  
  428. .alinks {
  429. position: fixed;
  430. font-style:none;
  431. margin-top:462px;
  432. margin-left:1035px;
  433. font-size:18px;
  434. word-spacing:2px;
  435. line-height: 850%;
  436. text-align: left;
  437. width:20px;
  438. margin-right: auto;
  439. -ms-transform: rotate(0deg); /* IE 9 */
  440. -webkit-transform: rotate(0deg); /* Safari */
  441. transform: rotate(0deg)
  442.  
  443.  
  444. }
  445.  
  446. .alinks a {
  447. -webkit-filter:blur(0px);
  448. letter-spacing: 1px;
  449. padding:3px;
  450. text-shadow: 1px 0px 1px #27282e;
  451.  
  452. }
  453.  
  454. .alinks a:hover {
  455. color:#fff;
  456. opacity:1;
  457. -webkit-transition: all 0.8s ease-out;
  458. -moz-transition: all 0.8s ease-out;
  459. transition: all 0.8s ease-out;
  460. -webkit-filter:blur(3px);
  461. }
  462.  
  463. .blinks {
  464. position: fixed;
  465. font-style:none;
  466. margin-top:462px;
  467. margin-left:1070px;
  468. font-size:18px;
  469. word-spacing:2px;
  470. line-height: 850%;
  471. text-align: left;
  472. width:20px;
  473. margin-right: auto;
  474. -ms-transform: rotate(0deg); /* IE 9 */
  475. -webkit-transform: rotate(0deg); /* Safari */
  476. transform: rotate(0deg)
  477.  
  478. }
  479.  
  480. .blinks a {
  481. -webkit-filter:blur(0px);
  482. letter-spacing: 1px;
  483. padding:3px;
  484. text-shadow: 1px 0px 1px #27282e;
  485. }
  486.  
  487. .blinks a:hover {
  488. color:#fff;
  489. opacity:1;
  490. -webkit-transition: all 0.8s ease-out;
  491. -moz-transition: all 0.8s ease-out;
  492. transition: all 0.8s ease-out;
  493. -webkit-filter:blur(3px);
  494. }
  495.  
  496. .clinks {
  497. position: fixed;
  498. font-style:none;
  499. margin-top:462px;
  500. margin-left:1104px;
  501. font-size:18px;
  502. word-spacing:2px;
  503. line-height: 850%;
  504. text-align: left;
  505. width:20px;
  506. margin-right: auto;
  507. -ms-transform: rotate(0deg); /* IE 9 */
  508. -webkit-transform: rotate(0deg); /* Safari */
  509. transform: rotate(0deg)
  510. }
  511.  
  512. .clinks a {
  513. -webkit-filter:blur(0px);
  514. letter-spacing: 1px;
  515. padding:3px;
  516. text-shadow: 1px 0px 1px #27282e;
  517. }
  518.  
  519. .clinks a:hover {
  520. color:#fff;
  521. opacity:1;
  522. -webkit-transition: all 0.8s ease-out;
  523. -moz-transition: all 0.8s ease-out;
  524. transition: all 0.8s ease-out;
  525. -webkit-filter:blur(3px);
  526. }
  527.  
  528.  
  529.  
  530. #description {
  531. width:208px;
  532. font-size:11px;
  533. padding:5px;
  534. text-align:justify;
  535. letter-spacing:0px;
  536. line-height:90%;
  537. margin-left:-16px;
  538. margin-top:-2px;
  539. }
  540.  
  541. /* this is the box that comes up when you hover over something with a title*/
  542.  
  543. #s-m-t-tooltip {
  544. margin-left:15px;
  545. margin-top:-21px;
  546. letter-spacing:0px;
  547. font-family:"prata";
  548. text-transform:auto;
  549. font-size:12px;
  550. color:#fff;
  551. background:url('http://i.imgur.com/RfiKsWm.png');
  552. border:1px solid #fff;
  553. text-shadow:0px 0px 4px #000;
  554. padding: 3px;
  555. z-index:99999999999999999999999;
  556. -webkit-transition:all 1.5s;
  557. -moz-transition:all 1.5s;
  558. -ms-transition:all 1.5s;
  559. -o-transition:all 1.5s;
  560. transition:all 1.5s;
  561. }
  562.  
  563. .buttons {
  564. display:inline-block;
  565. width:90px;
  566. border-top:1px solid #fff;
  567. border-bottom:1px solid #fff;
  568. margin:5px;
  569. padding:5px;
  570. text-align:center;
  571. }
  572.  
  573. .buttons:hover {
  574. background:url('http://i.imgur.com/RfiKsWm.png');
  575.  
  576. }
  577.  
  578. /*next page and previous page*/
  579.  
  580. #pagination {
  581. top:185px;
  582. font-size:10px;
  583. margin-left:900px;
  584. color:#fff;
  585. position: absolute;
  586. font-family:"prata";
  587. text-align: left;
  588. letter-spacing:2px;
  589. padding-left:87px;
  590. width:300px;
  591. word-spacing:2px;
  592. text-transform:lowercase;
  593. -ms-transform: rotate(0deg); /* IE 9 */
  594. -webkit-transform: rotate(0deg); /* Safari */
  595. transform: rotate(0deg)
  596.  
  597.  
  598. }
  599.  
  600. #pagination a {
  601. padding:0 3px;
  602. opacity:2;
  603. -webkit-filter: Grayscale(0%);
  604. -webkit-transition: all 0.8s ease-out;
  605. -moz-transition: all 0.8s ease-out;
  606. transition: all 0.8s ease-out;
  607. -webkit-filter: blur(0px)
  608.  
  609. }
  610.  
  611. #pagination a:hover {
  612. color:#000;
  613. opacity:1;
  614. -webkit-transition: all 0.8s ease-out;
  615. -moz-transition: all 0.8s ease-out;
  616. transition: all 0.8s ease-out;
  617. -webkit-filter:blur(.8px);
  618. }
  619.  
  620.  
  621. #container {
  622. position: fixed;
  623. width:405px;
  624. height:508px;
  625. top:69px;
  626. margin-left:490px;
  627. overflow: auto;
  628. text-align:justify;
  629. }
  630.  
  631.  
  632. #post {
  633. width:400px;
  634. font-size:12px;
  635. line-height:110%;
  636. padding-top:10px;
  637. margin-top:20px;
  638. margin-left:auto;
  639. margin-right:auto;
  640. }
  641.  
  642. #post blockquote {
  643. padding-left:10px;
  644. margin-left:10px;
  645. border-left:#000 1px solid;
  646. }
  647.  
  648.  
  649. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  650.  
  651. b, strong, bold {
  652. color:#675066;
  653. text-shadow:0px 0px 1px #675066;
  654. font-size:13px;
  655. font-family:"Oswald";
  656. letter-spacing:2px;
  657. line-height:115%;
  658. font-weight: bold;
  659. text-transform:none;
  660. }
  661.  
  662. i, em, italic {
  663. color: #fff;
  664. text-shadow:0px 0px 6px #000;
  665. font-size:17px;
  666. line-height:115%;
  667. font-family:"alex brush";
  668. text-transform:lowercase;
  669. letter-spacing:2px;
  670.  
  671. }
  672.  
  673. /*time posted, note count, via and source*/
  674.  
  675. #info {
  676. width:450px;
  677. font-size:16px;
  678. padding:4px 0px 1px 0px;
  679. margin:0px 0px 40px 0px;
  680. letter-spacing:4px;
  681. font-size:22px;
  682. color:#534840;
  683. }
  684.  
  685. #info a {
  686. color:#5348403;
  687. text-shadow:none;
  688. }
  689.  
  690. #info a:hover {
  691. color:#806e79;
  692. text-shadow:0px 0px 1px #000;
  693. }
  694.  
  695.  
  696. /*tags*/
  697.  
  698. .tags {
  699. width:360px;
  700. margin:-20px 0px 0px 30px;
  701. line-height:115%;
  702. padding:5px;
  703. font-size:10px;
  704. word-break:keep-all;
  705. text-align:center;
  706. font-family:calibri;
  707. background:#fff;
  708. border-top:dashed 1px #000;
  709. border-radius:3px 3px 8px 8px;
  710. background:url('http://i.imgur.com/RfiKsWm.png');
  711. }
  712.  
  713. .tags a {
  714. color:#fff;
  715. text-shadow:0px 0px 4px #000;
  716. }
  717.  
  718. .tags a:hover {
  719. color:#6d6d6d;
  720. text-shadow:0px 0px 1px #6d6d6d;
  721. }
  722.  
  723. .postnote {
  724. width:200px;
  725. margin-top:40px;
  726. font-family:arial;
  727. text-transform:lowercase;
  728. font-style:normal;
  729. letter-spacing:0px;
  730. font-size:10px;
  731. text-align:left;
  732. }
  733.  
  734. .verses img {
  735. float:center;
  736. -webkit-filter: grayscale(0%);
  737. width:260px;
  738. height:100px;
  739. }
  740.  
  741. .pic img {
  742. float: center;
  743. padding: 0px;
  744. margin-right: 10px;
  745. width: 100px;
  746. height: 100px;
  747. }
  748.  
  749. /*here go asks*/
  750.  
  751. #ask {
  752. width:370px;
  753. margin-left:5px;
  754. font-size:21px;
  755. text-align:center;
  756. font-family:"yellowtail";
  757. font-style:italic;
  758. text-transform:lowercase;
  759. color:#000;
  760. }
  761.  
  762. #ask a {
  763. color:#000;
  764. text-transform:lowercase;
  765. }
  766.  
  767. #ask a:hover {
  768. color:#fff;
  769. letter-spacing:2px;
  770. }
  771.  
  772. #q {
  773. width:370px;
  774. margin-left:5px;
  775. padding:10px;
  776. text-align:center;
  777. font-family:calibri;
  778. font-size:12px;
  779. color:#fff;
  780. border-radius:3px 5px 3px 5px;
  781. text-shadow:0px 0px 5px #000;
  782. border:1px solid #1d1d1d;
  783. background:url('http://i.imgur.com/RfiKsWm.png');
  784. }
  785.  
  786. #ans {
  787. text-align:justify;
  788. padding:5px;
  789. }
  790.  
  791.  
  792.  
  793.  
  794. .playerbuttonbg {
  795. position: absolute;
  796. left: 10px;
  797. top: 10px;
  798. width: 18px;
  799. height: 18px;
  800. background-color:#fff;
  801. padding: 10px;
  802. -webkit-border-radius: 40px;
  803. -moz-border-radius: 40px;
  804. border-radius: 40px;
  805. opacity: .4;
  806. filter: alpha(opacity=40);
  807. -moz-opacity: 0.4;
  808. -khtml-opacity: 0.4;
  809. transition: opacity .7s ease-in-out;
  810. -moz-transition: opacity .7s ease-in-out;
  811. -webkit-transition: opacity .7s ease-in-out;
  812. }
  813.  
  814. .playerbuttonbg:hover {
  815. opacity: 1;
  816. filter: alpha(opacity=100);
  817. -moz-opacity: 1;
  818. -khtml-opacity: 1;
  819. }
  820.  
  821. .newplayerbutton {
  822. position: relative;
  823. width: 19px;height: 19px;
  824. overflow: hidden;
  825. }
  826.  
  827. .playerbuttonhug {
  828. position: absolute;
  829. top: -18px;left: -7px;
  830. }
  831.  
  832. .tumblr_audio_player {
  833. border:none;
  834. height: 50px;
  835. width: 240px;
  836. margin-left:3px;
  837. margin-top:3px;
  838. }
  839.  
  840. .audioimgwrapper {
  841. position: absolute;
  842. left: 0px;
  843. top: 0px;
  844. overflow: hidden;
  845. width: 60px;
  846. height: 60px;
  847. }
  848.  
  849. .audioimgwrapper img {
  850. width: 100%;
  851. height: auto;
  852. }
  853. .trackdetails {
  854. width: auto;
  855. display:inline-block;
  856. margin-left: 90px;
  857. min-height: 85px;
  858. }
  859.  
  860. .audiowrapper {
  861. position: relative
  862. ;display:inline-block;
  863. }
  864.  
  865.  
  866.  
  867. /* --- UPDATES ---*/
  868.  
  869.  
  870. #updates {
  871. position:fixed;
  872. width:158px;
  873. height:302px;
  874. top:212px;
  875. margin-left:980px;
  876. font-size:11px;
  877. padding:5px;
  878. overflow:scroll;
  879. text-align:center;
  880. -webkit-mask-image: -webkit-gradient(linear, left bottom, left 80%, from(rgba(4, 4, 4, 0)), to(rgba(4, 4, 4, 1)));
  881.  
  882. }
  883.  
  884.  
  885.  
  886. /*credit. only change this if you actually make the code your own*/
  887.  
  888. #credit {
  889. position:fixed;
  890. font-size:18px;
  891. color:#000;
  892. font-weight:none;
  893. line-height:50%;
  894. letter-spacing:2px;
  895. font-family:'prata';
  896. right:20px;
  897. bottom:15px;
  898. text-transform:none;
  899. text-align:left;
  900. -webkit-transition: all 0.5s ease-in-out;
  901. -moz-transition: all 0.5s ease-in-out;
  902. -o-transition: all 0.5s ease-in-out;
  903. }
  904.  
  905. #credit a {
  906. letter-spacing: 0px;
  907. padding:3px;
  908. color:#000;
  909. }
  910.  
  911. #credit a:hover {
  912. background:#cdcdcd;
  913. color:#fff;
  914. }
  915.  
  916.  
  917.  
  918.  
  919. {CustomCSS}
  920.  
  921. }
  922.  
  923. </style></head><body>
  924. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  925. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  926. <script>
  927. (function($){
  928. $(document).ready(function(){
  929. $("a[title]").style_my_tooltips({
  930. tip_follows_cursor:true,
  931. tip_delay_time:7,
  932. tip_fade_speed:7,
  933. attribute:"title"
  934. });
  935. });
  936. })(jQuery);
  937. </script>
  938.  
  939.  
  940. <!-- begin updates tab -->
  941.  
  942. <div id="updates">
  943. <h2>hey big title here</h2>
  944. yo wuddup peeps<br>
  945. <HR WIDTH="50%">
  946. another line here yada yada yada<br>
  947. pcan u say <b>hi</b>???<br>
  948. <i>it's italics eeyyy</i><br>
  949. let's see how many lines<br>
  950. <h3>we can get until this can scroll</h3>
  951. <pre>yoloooooo</pre>
  952. i hate trying to get this to scroll<br>
  953. this is hella difficult lmfao<br>
  954. blah blah blah blah blah<br>
  955. few more lines then we're good!<br>
  956. damn this is the last line here.
  957. </div>
  958.  
  959. <!-- end updates tab -->
  960.  
  961.  
  962.  
  963. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  964. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  965. <script>
  966.  
  967. (function($){
  968.  
  969. $(document).ready(function(){
  970.  
  971. $("a[title]").style_my_tooltips({
  972.  
  973. tip_follows_cursor:true,
  974.  
  975. tip_delay_time:50,
  976.  
  977. tip_fade_speed:600,
  978.  
  979. attribute:"title"
  980.  
  981. });
  982.  
  983. });
  984.  
  985. })(jQuery);
  986.  
  987. </script>
  988.  
  989.  
  990.  
  991.  
  992. <div class="links">
  993. <a href="/" title="home">♥</a></div>
  994.  
  995. <div class="alinks">
  996. <a href="/ask" title="ask">♥</a></div>
  997.  
  998. <div class="blinks">
  999. <a href="/rules" title="guidelines">♥</a></div>
  1000.  
  1001. <div class="clinks">
  1002. <a href="/verses" title="verses">♥</a></div>
  1003.  
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017. </div>
  1018.  
  1019. <div id="description">{Description}</div>
  1020.  
  1021.  
  1022. <div id="pagination">
  1023. {block:Pagination}
  1024. {block:PreviousPage}
  1025. <a href="{PreviousPage}">back</a>
  1026. {/block:PreviousPage}
  1027.  
  1028.  
  1029. {block:NextPage}
  1030. <a href="{NextPage}">/ forth</a>
  1031. {/block:NextPage}
  1032. {/block:Pagination}
  1033. </div>
  1034.  
  1035.  
  1036.  
  1037. </div>
  1038.  
  1039.  
  1040. <div id="container">
  1041. <div id="content">
  1042.  
  1043. {block:Posts}<div id="post">
  1044.  
  1045. {block:Text}
  1046. {block:Title}<b><center>{Title}</center></b>{/block:Title}
  1047. {Body}
  1048. {/block:Text}
  1049.  
  1050. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1051.  
  1052. <center>{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1053.  
  1054. {block:Quote}
  1055. <h2>{Quote}</h2>
  1056. <h1>—{Source}</h1>
  1057. {/block:Quote}
  1058.  
  1059. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1060.  
  1061. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1062.  
  1063. {block:AudioPlayer}
  1064. <div class="audiowrapper">
  1065. {block:AlbumArt}
  1066. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1067. {/block:AlbumArt}
  1068.  
  1069. <div class="playerbuttonbg">
  1070. <div class="newplayerbutton">
  1071. <div class="playerbuttonhug">
  1072. {AudioPlayerWhite}
  1073. </div></div></div>
  1074.  
  1075. <div class="trackdetails">
  1076. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  1077. {block:Artist}{Artist}{/block:Artist}<br/>
  1078. {PlayCountWithLabel}
  1079. </div></div>
  1080. {block:Caption}{Caption}{/block:Caption}
  1081. {/block:AudioPlayer}
  1082.  
  1083. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1084.  
  1085. {block:Answer}
  1086.  
  1087. <div id="ask">{Asker}</div>
  1088. <div id="q">{Question}</div>
  1089. <br/>{Answer}{/block:Answer}
  1090.  
  1091. {block:Date}
  1092. <div id="info">
  1093. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; margin-left:25px; margin-top:6px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);">*</a>
  1094. <a href="{Permalink}" title="{NoteCountWithLabel}" style="position:absolute; margin-left:3px; margin-top:5px;font-size:25px;-webkit-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);">△</a>
  1095. <a href={ReblogURL} target=”_blank” class=”details” title="Reblog" style="position:absolute; margin-left:6px; margin-top:25px;font-size:19px;-webkit-transform: rotate(-50deg);-ms-transform: rotate(-50deg);transform: rotate(-50deg);">♥</a>
  1096. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1097. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1098. </div>
  1099. {/block:Date}
  1100.  
  1101.  
  1102. {block:HasTags}
  1103. <div class="tags">
  1104. {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp;#{Tag}&nbsp;</a> {/block:Tags}</div>
  1105. {/block:HasTags}
  1106.  
  1107.  
  1108. <div class="postnote">
  1109. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1110. </div>
  1111. </div>
  1112. {/block:Posts}
  1113. </div>
  1114. </div>
  1115. </div>
  1116. </div></div>
  1117.  
  1118.  
  1119.  
  1120.  
  1121. </div></div></div></div>
  1122. </div>
  1123.  
  1124. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="theme by manon"><big>Ⓜ</big></a></div>
  1125.  
  1126. </body>
  1127.  
  1128. </div></div></div></div></div></div></div></div></div></div>
  1129.  
  1130.  
  1131.  
  1132.  
  1133.  
  1134.  
  1135. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!