API tools faq
paste
Advertisement
munnie

s as s s

munnie
May 20th, 2015
251
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5.  
  6. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  7.  
  8. <script>
  9.  
  10. (function($){
  11.  
  12. $(document).ready(function(){
  13.  
  14. $("a[title]").style_my_tooltips({
  15.  
  16. tip_follows_cursor:true,
  17.  
  18. tip_delay_time:90,
  19.  
  20. tip_fade_speed:600,
  21.  
  22. attribute:"title"
  23.  
  24. });
  25.  
  26. });
  27.  
  28. })(jQuery);
  29.  
  30. </script>
  31. <!--basic tooltip from tutorial-baby! Enjoy-->
  32. <style>
  33. img{
  34. -webkit-transition: opacity 0.5s linear;
  35. opacity: 0.60;
  36. }
  37. img:hover{
  38. -webkit-transition: opacity 0.8s linear;
  39. opacity: 1;
  40. }
  41.  
  42.  
  43. img {
  44. -webkit-filter: grayscale(100%);
  45. z-index: -9999999999999999999999999px;
  46. -webkit-transition: all 0.9s ease-in-out;
  47. -moz-transition: all 0.9s ease-in-out;
  48. -o-transition: all 0.9s ease-in-out;
  49. -ms-transition: all 0.9s ease-in-out;
  50. transition: all 0.9s ease-in-out;
  51. }
  52.  
  53. img:hover {
  54. -webkit-filter: grayscale(0%);
  55. z-index: -9999999999999999999999999px;
  56. -webkit-transition: all 0.9s ease-in-out;
  57. -moz-transition: all 0.9s ease-in-out;
  58. -o-transition: all 0.9s ease-in-out;
  59. -ms-transition: all 0.9s ease-in-out;
  60. transition: all 0.9s ease-in-out;
  61. }
  62.  
  63. .tooltip{
  64. display: inline;
  65. position: relative;
  66. }
  67. #s-m-t-tooltip {
  68. max-width:300px; /*how big the tooltip can be at most*/
  69. border-radius: 0px; /*change your border radius*/
  70. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  71. margin:20px 7px -2px 20px; /*distance from word*/
  72. background-color:#2b2a2a; /*background color*/
  73. border:1px solid #090909; /*border info*/
  74. font-family:calibri; /*tooltip font*/
  75. font-size:9px; /*tooltip font size*/
  76. letter-spacing:2px; /*tooltip letter spacing*/
  77. text-transform:uppercase; /*makes the tooltip title uppercase*/
  78. color:#090909; /*tooltip font color*/
  79. z-index:999999999999999999999999999999999999;
  80. }
  81. </style>
  82.  
  83. <title>{Title}</title>
  84. <link rel="shortcut icon" href="{Favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  87. {block:AskEnabled}
  88. <li></li>
  89. {/block:AskEnabled}
  90.  
  91.  
  92.  
  93. <meta name="color:Background" content="#1c2123"/>
  94. <meta name="color:Text" content="#5e2c30"/>
  95. <meta name="color:Link" content="#b8b8b8"/>
  96. <meta name="color:border" content="#90aa8b"/>
  97. <meta name="color:scrollbar" content="#c2c1b9">
  98. <meta name="color:Link Hover" content="#90aa8b"/>
  99.  
  100. <meta name="image:sidebar" content=""/>
  101.  
  102. <meta name="text:link 1" content="01."/>
  103. <meta name="text:link 1 url" content="/"/>
  104. <meta name="text:link 2" content="02."/>
  105. <meta name="text:link 2 url" content="/"/>
  106. <meta name="text:link 3" content="03."/>
  107. <meta name="text:link 3 url" content="/"/>
  108. <meta name="text:link 4" content="04."/>
  109. <meta name="text:link 4 url" content="/"/>
  110.  
  111. <style type="text/css">
  112.  
  113. ::selection {
  114. background-color: #4e4a4a;
  115. color: #151414;
  116. }
  117. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
  118. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  119.  
  120. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
  121.  
  122. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  123.  
  124. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  125.  
  126. @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
  127.  
  128. @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
  129.  
  130. @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
  131.  
  132. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  133.  
  134. @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
  135.  
  136. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  137.  
  138. @font-face {font-family:"type_writer";src: url('https://dl.dropboxusercontent.com/u/67800931/type_writer.ttf');}
  139.  
  140. @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
  141.  
  142. @font-face {font-family:"lisbon";src: url('https://dl.dropboxusercontent.com/u/67800931/lisbon-script.otf');}
  143.  
  144. @font-face {font-family: 'pixel'; src: local('04b24'), url('https://dl.dropboxusercontent.com/u/67800931/04b_24__.ttf') format('woff'); }
  145. *, body, a, a:hover {cursor: url(http://www.cursor.cc/cursor/355/1/cursor.png), auto;}
  146.  
  147. /************** FLAGS UPDATES TAB **************/
  148. /* tutorial by deanlirium|tumblr (clarence.tk) */
  149.  
  150. #flags {
  151. position:fixed;
  152. top:-10px;
  153. left:100px; /* distance from the left of the page - adjust as you wish! */
  154. text-align:center;
  155. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  156. color:#6a6868; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  157. font-size:10px; /* adjust font size */
  158. letter-spacing:1px;
  159. z-index:2147483607;
  160. font-family:calibri;}
  161.  
  162. /* okay real talk - this updates tab is currently to the top left of your page - if you want to move it to right, just change every 'left' into 'right' and 'right' into 'left'! and I mean every. single. one. Such as the left:100px; above will become right:100px; there are also a bunch of 'margin-left's here below, so change them to margin-right. look for left and right stuff and switch.
  163. On the contrary, if you want to move it to the bottom of the page, switch every 'top' with 'bottom' and vice versa. That's really it! c: */
  164.  
  165. #flag1 {
  166. border:solid 6px #151414; /* flag color */
  167. border-bottom:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  168. padding-top:20px;
  169. width:0px;
  170. height:40px; /* increase or decrease to change the lenght of the CLOSED flag */
  171. position:absolute;
  172. -moz-transition:all 0.7s ease-out;
  173. -webkit-transition:all 0.7s ease-out;
  174. -o-transition:all 0.7s ease-out;}
  175.  
  176. #flag1:hover {
  177. height:180px;} /* lenght of the OPEN flag */
  178.  
  179. #upd1 {
  180. position:absolute;
  181. width:110px;
  182. height:200px; /* adjust to fit the text if you write a lot! */
  183. padding:10px;
  184. padding-top:60px; /* adjust this if you've changed the length of the closed flag */
  185. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  186. margin-left:6px; /* keep this number equal to the 'border' value for the flag */
  187. opacity:0;
  188. overflow:hidden;
  189. -moz-transition:all 0.7s ease-out;
  190. -webkit-transition:all 0.7s ease-out;
  191. -o-transition:all 0.7s ease-out;}
  192.  
  193. #flag1:hover #upd1{
  194. top:0px;
  195. opacity:1;}
  196.  
  197. /* following is the coding for the other flags - same as above! */
  198.  
  199. #flag2 {
  200. border:solid 6px #151414;
  201. margin-left:20px;
  202. position:absolute;
  203. border-bottom:solid 6px transparent;
  204. padding-top:20px;
  205. width:0px;
  206. height:30px;
  207. -moz-transition:all 0.7s ease-out;
  208. -webkit-transition:all 0.7s ease-out;
  209. -o-transition:all 0.7s ease-out;}
  210.  
  211. #flag2:hover {
  212. height:180px;}
  213.  
  214. #upd2 {
  215. position:absolute;
  216. width:110px;
  217. padding:10px;
  218. padding-top:60px;
  219. height:200px; /* adjust to fit the text if you write a lot! */
  220. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  221. overflow:hidden;
  222. margin-left:6px;
  223. opacity:0;
  224. -moz-transition:all 0.7s ease-out;
  225. -webkit-transition:all 0.7s ease-out;
  226. -o-transition:all 0.7s ease-out;}
  227.  
  228. #flag2:hover #upd2{
  229. top:0px;
  230. opacity:1;}
  231.  
  232. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-left value for the #flag(number) adding 20px each new flag! copy from here: */
  233.  
  234. #flag3 {
  235. border:solid 6px #151414;
  236. position:absolute;
  237. margin-left:40px;
  238. border-bottom:solid 6px transparent;
  239. padding-top:20px;
  240. height:20px;
  241. width:0px;
  242. -moz-transition:all 0.7s ease-out;
  243. -webkit-transition:all 0.7s ease-out;
  244. -o-transition:all 0.7s ease-out;}
  245.  
  246. #flag3:hover {
  247. height:180px;}
  248.  
  249. #upd3 {
  250. position:absolute;
  251. width:110px;
  252. padding:10px;
  253. padding-top:60px;
  254. height:200px; /* adjust to fit the text if you write a lot! */
  255. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  256. overflow:hidden;
  257. margin-left:6px;
  258. opacity:0;
  259. -moz-transition:all 0.7s ease-out;
  260. -webkit-transition:all 0.7s ease-out;
  261. -o-transition:all 0.7s ease-out;}
  262.  
  263. #flag3:hover #upd3{
  264. top:0px;
  265. opacity:1;}
  266.  
  267. /* to here */
  268. #musicplayer {
  269. opacity: .0;
  270. margin-left: 858px;
  271. margin-top: 180px;
  272. position: fixed;
  273. opacity: .7;
  274. z-index: 999999;
  275. }
  276.  
  277. ::-webkit-scrollbar-thumb{
  278. background-color: {color:scrollbar};
  279. border: 2px solid {color:background};
  280. height:auto;
  281. }
  282.  
  283. ::-webkit-scrollbar {
  284. height:auto;
  285. width:9px;
  286. background-color: {color:scrollbar};
  287. border: 4px solid {color:background};
  288. }
  289.  
  290.  
  291. /*----------------------------------------
  292. Update Tab #3 (CSS) by Incedo
  293. http://incedothemes.tumblr.com
  294. Please do not remove the credit.
  295. Instructions @ http://incedothenes.tumblr.com/tab
  296. Updated 12/23/14
  297. ------------------------------------------*/
  298.  
  299.  
  300. blockquote {
  301. border-left:2px solid #484646;
  302. padding-left:5px;
  303. margin:5px;
  304. text-align: justify;
  305. }
  306.  
  307.  
  308. #tumblr_controls:hover {
  309. opacity: 1;
  310. -webkit-transition: opacity 0.7s linear;
  311. -webkit-transition: all 0.5s ease-out;
  312. -moz-transition: all 0.5s ease-out;
  313. transition: all 0.5s ease-out;
  314. }
  315.  
  316. i, em {
  317. color: #484646;
  318. letter-spacing: 1px;
  319. font-family: 'tinytots';
  320. text-transform:uppercase;
  321. font-size: 8px;
  322. }
  323. i, cite, em, var, address, dfn {
  324. font-style: italic;
  325. }
  326. strong, b {
  327. color: #484646;
  328. letter-spacing: 1px;
  329. font-family: 'tinytots';
  330. text-transform:uppercase;
  331. font-size: 8px;
  332. }
  333. h1 {
  334. font-weight:normal;
  335. font-size:24px;
  336. text-align:center;
  337. font-style:normal;
  338. line-height:100%;
  339. letter-spacing:1px;
  340. text-transform:normal;
  341. color:#484646;
  342. padding:2px;
  343. font-family: tinytots;
  344. }
  345.  
  346.  
  347. h2 {
  348. font-size:20px;
  349. text-align:center;
  350. line-height:100%;
  351. letter-spacing:-0.5px;
  352. color:#6a6868;
  353. font-weight:bold;
  354. font-family: 'tinytots',
  355. text-shadow: 2px 1px #6a6868;
  356. text-transform:lowercase;
  357. padding:5px;
  358. padding-bottom:2px;
  359. }
  360.  
  361. hr {
  362. width:50%;
  363. border: 1px solid #6a6868;
  364. }
  365. pre {
  366. font-family:silkscreen;
  367. text-transform:lowercase;
  368. font-size:8px;
  369. color:#6a6868;
  370. padding:1px;
  371. text-align:center;
  372. background-color:#6a6868;
  373. width:100%;
  374. white-space:pre-wrap;
  375. word-wrap:break-word;
  376. }
  377. /* Hover Title Style */
  378.  
  379. #s-m-t-tooltip{
  380. max-width:250px;
  381. margin-top:25px;
  382. margin-left:15px;
  383. padding-left:4px;
  384. padding-right:4px;
  385. z-index:9999999;
  386. background-color: {color:Tooltip Background};
  387. color: {color:Tooltip Text};
  388. font-family:'dixel';
  389. font-size:8px;
  390. letter-spacing:0px;
  391. text-transform:uppercase;
  392. text-align:center;
  393. line-height:14px;
  394. border-left: 3px solid {color:Tooltip Border};
  395. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  396. }
  397.  
  398. /* HOVERS */
  399.  
  400. .links {
  401. position:absolute;
  402. margin-top: 180px;
  403. margin-left: -216px;
  404. width:25px;
  405. height:87px;f
  406. font-family: 'pixel';
  407. font-size: 8px;
  408. line-height:15px;
  409. color: {color:desc text};
  410. text-transform: uppercase;
  411. padding:3px;
  412. background: {color:Sidebar Background};
  413. text-align: center;
  414. -webkit-transition:all 0.7s ease-in-out;
  415. -moz-transition:all 0.7s ease-in-out;
  416. -o-transition:all 0.7s ease-in-out;
  417. -ms-transition:all 0.7s ease-in-out;
  418. transition:all 0.7s ease-in-out;
  419. }
  420.  
  421. .links a {
  422. color: {color:Links};
  423. text-align: center;
  424. -moz-transition:all ease-in-out 0.7s;
  425. -webkit-transition:all ease-in-out 0.7s;
  426. -o-transition:all ease-in-out 0.7s;
  427. transition:all ease-in-out 0.7s;
  428. }
  429.  
  430. .links a:hover {
  431. text-align: center;
  432. color: {color:Links};
  433. -moz-transition:all ease-in-out 0.7s;
  434. -webkit-transition:all ease-in-out 0.7s;
  435. -o-transition:all ease-in-out 0.7s;
  436. transition:all ease-in-out 0.7s;
  437. }
  438.  
  439. .links::-webkit-scrollbar-thumb {
  440. background-color:{color:Desc Scrollbar Trackbar};
  441. border: 3px solid {color:Desc Scrollbar Background};
  442. height:auto;
  443. border-bottom:none;
  444. }
  445.  
  446. .links::-webkit-scrollbar {
  447. height:9px;
  448. width:9px;
  449. background-color:{color:Desc Scrollbar Trackbar};
  450. border:4px solid {color:Desc Scrollbar Background};
  451. }
  452.  
  453. b, strong {font-weight: bold; color:#6a6868;}
  454.  
  455. big { font-size:14px; }
  456.  
  457. i, em {
  458. text-transform: italic;
  459. color:#6a6868;
  460. text-shadow: 0 0 3px ;
  461. letter-spacing:1px;
  462. font-family: 'Roboto Condensed', sans-serif;
  463. font-size:12px;
  464. }
  465.  
  466. small, sub, sup {font-size:10px; }
  467.  
  468.  
  469. }
  470. img, a img {
  471. width: 50%;
  472. border-width: 0;
  473. }
  474.  
  475.  
  476. body {
  477. background-image:url(http://orig00.deviantart.net/e15b/f/2015/140/2/1/roman_holiday_by_bubulae-d8u2p0q.png);
  478. background-attachment: fixed;
  479. background-image:stretch;
  480. background-repeat: no-repeat;
  481. background-image:cover;
  482. background-position:left top;
  483. font-family: helvetica;
  484. font-size: 11px;
  485. text-align: center;
  486. color:#6a6868;font-family: 'Oxygen', sans-serif;
  487. font-size:12px;
  488. line-height:105%;
  489. }
  490. .tags {
  491. font-style:italic;
  492. font-family:tinytots;
  493. width:230px;
  494. text-transform:uppercase;
  495. font-style:normal;
  496. color:#6a6868;
  497. letter-spacing:3px;
  498. font-size:8px;
  499. text-align:center;
  500. padding:2px;
  501. -moz-transition-duration:0.5s;
  502. -webkit-transition-duration:0.5s;
  503. -o-transition-duration:0.5s;
  504. }
  505.  
  506. .tags a {
  507. color:#6a6868;
  508. text-transform: uppercase;
  509. letter-spacing:1px;
  510. padding:1px;
  511. }
  512.  
  513. .tags a:hover {
  514. color:#928989;
  515. text-shadow: 0px 0px 2px #928989;
  516. }
  517.  
  518.  
  519.  
  520. #post:hover .tags {
  521. opacity:1;
  522. -moz-transition-duration:0s;
  523. -webkit-transition-duration:0s;
  524. -o-transition-duration:0s;
  525. }
  526. a {
  527. text-decoration: none;
  528. outline: none;
  529. -moz-outline-style: none;
  530. color: #928989;
  531. -moz-transition-duration: 0.5s;
  532. -webkit-transition-duration: 0.5s;
  533. -o-transition-duration: 0.5s;
  534. text-transform: none;
  535. }
  536. a:hover {
  537. text-decoration:none;
  538. outline:none;
  539. -moz-outline-style:none;
  540. color:{color:link hover};
  541. }
  542.  
  543. img {
  544. border:none;
  545. }
  546.  
  547. blockquote {
  548. padding-left:5px;
  549. border-left:2px solid;
  550. }
  551.  
  552. blockquote blockquote {
  553. padding-left:5px;
  554. border-left:2px solid;
  555. }
  556.  
  557. #theme {
  558. width:240px;
  559. margin:0 auto -12px auto;
  560. }
  561.  
  562. #post {
  563. width: 250px;
  564. padding-left: 5px;
  565. padding-right: 5px;
  566. margin-bottom: 10px;
  567. padding-bottom: 20px;
  568. }
  569.  
  570.  
  571. #entries {
  572. padding:10px;
  573. left:555px;
  574. top:213px;
  575. position:fixed;
  576. background-color:transparent;
  577. width:290px;
  578. height:352px;
  579. overflow-x:scroll;
  580. scroll:left;
  581. overflow-x:hidden;
  582. }
  583.  
  584. #sidebar {
  585. color:{color:text};
  586. position:fixed;
  587. width:91px;
  588. height:auto;
  589. margin-top:0px;
  590. margin-left:0px;
  591. text-align:left;
  592. }
  593.  
  594. #sidebarimage img {
  595. width:100px;
  596. margin-top:0px;
  597. margin-bottom:0px;
  598. padding:-1px;
  599. outline-offset:4px;
  600. }
  601.  
  602. #links {
  603. position:fixed;
  604. font-family:impact;
  605. margin-top:96px;
  606. margin-left:30px;
  607. font-size:12px;
  608. width: 260px;
  609. letter-spacing:20px;
  610. text-align:center;
  611. }
  612.  
  613. #links a{
  614. margin-top:1px;
  615. margin-left:2px;
  616. color:#0c0b0b;
  617. -moz-transition-duration:.7s;
  618. -webkit-transition-duration:.7s;
  619. -o-transition-duration:.7s;
  620. }
  621.  
  622. #links a:hover {
  623. color:#a8a1a1;
  624. -moz-transition-duration:.4s;
  625. -webkit-transition-duration:.4s;
  626. -o-transition-duration:.4s;
  627.  
  628. }
  629.  
  630.  
  631.  
  632. #info {
  633. font-family: silkscreen;
  634. font-style: normal;
  635. opacity: 1;
  636. width: 230px;
  637. line-height: 120%;
  638. background: transparent;
  639. font-size: 8px;
  640. text-align: center;
  641. border-bottom: solid #6a6868 1px;
  642. border-top: solid #6a6868 1px;
  643. padding: 10px;
  644. margin-bottom: 5px;
  645. margin-top: -10px;
  646. -moz-transition-duration: 0.8s;
  647. -webkit-transition-duration: 0.8s;
  648. -o-transition-duration: 0.8s;
  649. }
  650.  
  651. /* AUDIO */
  652.  
  653. .album {
  654. background-repeat: no-repeat;
  655. background-position: center;
  656. position: absolute;
  657. width: 86px;
  658. height: 86px;
  659. background-size: 60px;
  660. overflow: hidden;
  661. background-color: {color:Track Background};
  662. -moz-transition:all ease-in-out 0.7s;
  663. -webkit-transition:all ease-in-out 0.7s;
  664. -o-transition:all ease-in-out 0.7s;
  665. transition:all ease-in-out 0.7s;
  666. }
  667.  
  668. .album img {
  669. width: 86px;
  670. height: 86px;
  671. overflow: hidden;
  672. -moz-transition:all ease-in-out 0.7s;
  673. -webkit-transition:all ease-in-out 0.7s;
  674. -o-transition:all ease-in-out 0.7s;
  675. transition:all ease-in-out 0.7s;
  676. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  677. {/block:ifMonochrome}
  678. {block:ifFade}opacity:.5;{/block:ifFade}
  679. }
  680.  
  681. .album img:hover {
  682. -moz-transition:all ease-in-out 0.7s;
  683. -webkit-transition:all ease-in-out 0.7s;
  684. -o-transition:all ease-in-out 0.7s;
  685. transition:all ease-in-out 0.7s;
  686. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  687. {/block:ifMonochrome}
  688. {block:ifFade}opacity:1;{/block:ifFade}
  689. }
  690.  
  691. .player {
  692. width: 10px;
  693. height: 11px;
  694. overflow: hidden;
  695. padding: 4px 21px 21px 4px;
  696. margin-top: 27px;
  697. margin-left: 26px;
  698. position: absolute;
  699. background-color: #fff;
  700. opacity: 0.5;
  701. z-index: 10;
  702. -webkit-transition: all 0.4s linear;
  703. -moz-transition: all 0.4s linear;
  704. -o-transition: all 0.4s linear;
  705. -moz-border-radius: 30px;
  706. -webkit-border-radius: 30px;
  707. border-radius: 30px;
  708. }
  709.  
  710. .album:hover .player {
  711. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  712. }
  713.  
  714. .track {
  715. margin-left: 90px;
  716. min-height: 80px;
  717. max-height: 100px;
  718. overflow: auto;
  719. font-family:dixel;
  720. font-size: 8px;
  721. padding: 3px;
  722. color: {color:Track Text};
  723. text-transform: uppercase;
  724. letter-spacing: 1px;
  725. background: {color:Track Background};
  726. }
  727.  
  728.  
  729. /* QUESTION */
  730.  
  731. #ask {
  732. {block:if250}max-width:250px;{/block:if250}
  733. {block:if400}max-width:400px;{/block:if400}
  734. {block:if500}max-width:500px;{/block:if500}
  735. }
  736.  
  737. .as {
  738. min-height: auto;
  739. padding: 5px;
  740. padding-bottom:8px;
  741. background-color: {color:Ask Background};
  742. }
  743.  
  744. .aske {
  745. margin-top:5px;
  746. font-family:'bebas neue';
  747. font-size:18px;
  748. line-height:13px;
  749. text-align:center;
  750. border-bottom:dashed 1px {color:Tooltip Border};
  751. text-transform:none;
  752. color: {color:asker text};
  753. background-color: {color:Ask Background};
  754. -moz-transition:all ease-in-out 0.7s;
  755. -webkit-transition:all ease-in-out 0.7s;
  756. -o-transition:all ease-in-out 0.7s;
  757. transition:all ease-in-out 0.7s; ;
  758. }
  759.  
  760. .aske:hover {
  761. -moz-transition:all ease-in-out 0.7s;
  762. -webkit-transition:all ease-in-out 0.7s;
  763. -o-transition:all ease-in-out 0.7s;
  764. transition:all ease-in-out 0.7s;
  765. }
  766.  
  767. .que {
  768. font-family: ppixel;
  769. font-size: 8px;
  770. text-align:center;
  771. text-transform:uppercase;
  772. color: {color:ask text};
  773. }
  774.  
  775. .ans {
  776. font-family:trebuchet ms;
  777. font-size:9px;
  778. color: {color:ask text};
  779. }
  780.  
  781.  
  782. #credit {
  783. font-size:9px;
  784. font-family:cambria;
  785. font-style:italic;
  786. letter-spacing:1px;
  787. -moz-transition-duration:0.5s;
  788. -webkit-transition-duration:0.5s;
  789. -o-transition-duration:0.5s;
  790. }
  791.  
  792. #credit a {
  793. background-color:#6a6868;
  794. padding:5px;
  795. border:1px solid #6a6868;
  796. position:fixed;
  797. right:15px;
  798. bottom:10px
  799. }
  800.  
  801. #credit a:hover {
  802. color:#191818;
  803. background-color:#191818;
  804. }
  805.  
  806. #pagination {
  807. color: #090808;
  808. }
  809.  
  810. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  811. {CustomCSS}</style></head><body>
  812. <div id="questions">
  813. </div>
  814. <div id="theme">
  815. <div id="sidebar">
  816.  
  817. <div id="sidebarimage">
  818. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  819.  
  820. <div id="links">
  821. <a title="inquire."a href="{text:link 1 url}" >▲</a>
  822. <a title="judgement."a href="{text:link 2 url}">▲</a>
  823. <a title="links."a href="{text:link 3 url}">▲</a>
  824. <a title="run."a href="{text:link 4 url}">▲</a>
  825. </div>
  826. <div id="question"></div>
  827.  
  828. <p></p><br><br>
  829. <div id="pagination"><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><<</a>{/block:PreviousPage}{/block:Pagination}
  830. {block:Pagination}{block:NextPage} <a href="{NextPage}">>></a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div></div>
  831.  
  832. <div id="entries">{block:Posts}<div id="post">
  833.  
  834. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  835.  
  836. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  837.  
  838. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  839.  
  840. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  841.  
  842. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  843.  
  844. {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}
  845.  
  846. <!-- AUDIO POSTS -->
  847. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  848.  
  849. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  850.  
  851. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  852. {Album}{/block:Album}</div>
  853.  
  854. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  855.  
  856. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  857. {/block:Audio}
  858.  
  859. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  860.  
  861. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.9;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>"{Question}"</big></em><br><br>{Answer}{/block:Answer}
  862.  
  863. {block:Date}<div id="info"><a href="{Permalink}" style="">{TimeAgo}</a> {block:NoteCount} <font color=#000000><big>♥</big></font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">from</a>{/block:RebloggedFrom}
  864. {block:ContentSource} ■ <a title="{SourceTitle}" href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  865. {block:HasTags}
  866. <div class="tags">
  867. {block:Tags} - <a href="{TagURL}"> # {Tag}</a>{/block:Tags}</div>
  868. {/block:HasTags}
  869. <div class="postnote">
  870. {block:PostNotes}{PostNotes}{/block:PostNotes}
  871. </div>
  872. </div>
  873. {/block:Posts}
  874.  
  875. </div>
  876. </div>
  877.  
  878.  
  879. <!-- QUESTION POSTS -->
  880. {block:Answer}
  881. <div id="ask">
  882. <div class="as">
  883. <div class="aske">{Asker}</div>
  884. <div class="que">{Question}</div>
  885. </div>
  886. </div>
  887. <div class="ans">{Answer}</div>
  888. {/block:Answer}<div id="flags">
  889. <div id="flag1"><div id="upd1">
  890. INDIE AHRI FROM LEAGUE OF LEGENDS. SELECTIVE & PRIVATE, WRITTEN BY MARISMS.
  891.  
  892. </div>
  893.  
  894. </div>
  895.  
  896. <div id="flag2"><div id="upd2">
  897.  
  898. theme optimized for 1366x768 resolution screens. best viewed on GOOGLE CHROME, vivaldi & opera ! theme made by @exloto.
  899.  
  900.  
  901. </div></div>
  902.  
  903. <!---- if you want more flags, copy from here ---->
  904.  
  905. <div id="flag3"><div id="upd3">STEALING ISN'T ALLOWED ON THIS BLOG. YOU'RE NOT ALLOWED TO USE / STEAL / CLAIM AS YOURS, ICONS, THEMES, HEADCANONS, WRITING STYLES, ETC IN TUMBLR OR IN ANY OTHER SITES, I WORKED HARD TO DO THEM, PLEASE BE RESPECTFUL.
  906. </div></div>
  907.  
  908. <!---- to here and change the numbers according to YOUR css! ---->
  909.  
  910. <!---- thanks for passing by and using this TUTORIAL you're raaaaaaaaad c: ---->
  911.  
  912. </div>
  913. <div id="musicplayer">
  914. <a title="pale flesh - crystal castles." class=""><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="15" height="15">
  915. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf">
  916. <param name="bgcolor" value="#2b2a2a">
  917. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/40spbkc9r2/Pale_Flesh.mp3
  918.  
  919. &amp;width=15&amp;height=15&amp;loop=1&amp;autoplay=1&amp;volume=40&amp;showslider=0&amp;buttonwidth=15&amp;bgcolor=2b2a2a&amp;bgcolor1=2b2a2a&amp;bgcolor2=2b2a2a&amp;buttoncolor=0f0e0f&amp;buttonovercolor=0f0e0f">
  920. </object>
  921. </div>
  922.  
  923. <div id="credit"><a href="http://hollywhood.tumblr.com">©
  924.  
  925. </div>
  926.  
  927. </body>
  928.  
  929. </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!