Advertisement
munnie

it just keeps on & on

Jun 3rd, 2015
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.10 KB | None | 0 0
  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. .tooltip{
  34. display: inline;
  35. position: relative;
  36. }
  37. #s-m-t-tooltip {
  38. max-width:300px; /*how big the tooltip can be at most*/
  39. border-radius: 0px; /*change your border radius*/
  40. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  41. margin:20px 7px -2px 20px; /*distance from word*/
  42. background-color:#6b6c54; /*background color*/
  43. border:1px solid #2b2c21; /*border info*/
  44. font-family:calibri; /*tooltip font*/
  45. font-size:9px; /*tooltip font size*/
  46. letter-spacing:2px; /*tooltip letter spacing*/
  47. text-transform:uppercase; /*makes the tooltip title uppercase*/
  48. color:#2b2c21; /*tooltip font color*/
  49. z-index:999999999999999999999999999999999999;
  50. }
  51. </style>
  52.  
  53. <title>{Title}</title>
  54. <link rel="shortcut icon" href="{Favicon}">
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57. {block:AskEnabled}
  58. <li></li>
  59. {/block:AskEnabled}
  60.  
  61.  
  62.  
  63. <meta name="color:Background" content="#1c2123"/>
  64. <meta name="color:Text" content="#5e2c30"/>
  65. <meta name="color:Link" content="#b8b8b8"/>
  66. <meta name="color:border" content="#90aa8b"/>
  67. <meta name="color:scrollbar" content="#c2c1b9">
  68. <meta name="color:Link Hover" content="#90aa8b"/>
  69.  
  70. <meta name="image:sidebar" content=""/>
  71.  
  72. <meta name="text:link 1" content="01."/>
  73. <meta name="text:link 1 url" content="/"/>
  74. <meta name="text:link 2" content="02."/>
  75. <meta name="text:link 2 url" content="/"/>
  76. <meta name="text:link 3" content="03."/>
  77. <meta name="text:link 3 url" content="/"/>
  78. <meta name="text:link 4" content="04."/>
  79. <meta name="text:link 4 url" content="/"/>
  80.  
  81. <style type="text/css">
  82.  
  83. ::selection {
  84. background-color: #2b2c21;
  85. color: #6b6c54;
  86. }
  87. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
  88. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  89.  
  90. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
  91.  
  92. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  93.  
  94. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  95.  
  96. @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
  97.  
  98. @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
  99.  
  100. @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
  101.  
  102. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  103.  
  104. @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
  105.  
  106. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  107.  
  108. @font-face {font-family:"type_writer";src: url('https://dl.dropboxusercontent.com/u/67800931/type_writer.ttf');}
  109.  
  110. @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
  111.  
  112. @font-face {font-family:"lisbon";src: url('https://dl.dropboxusercontent.com/u/67800931/lisbon-script.otf');}
  113.  
  114. @font-face {font-family: 'pixel'; src: local('04b24'), url('https://dl.dropboxusercontent.com/u/67800931/04b_24__.ttf') format('woff'); }
  115. *, body, a, a:hover {cursor: url(http://www.cursor.cc/cursor/355/1/cursor.png), auto;}
  116.  
  117. /************** FLAGS UPDATES TAB **************/
  118. /* tutorial by deanlirium|tumblr (clarence.tk) */
  119.  
  120. #flags {
  121. position:fixed;
  122. top:-10px;
  123. left:100px; /* distance from the left of the page - adjust as you wish! */
  124. text-align:center;
  125. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  126. color:#6b6c54; /* 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 #! */
  127. font-size:10px; /* adjust font size */
  128. letter-spacing:1px;
  129. z-index:2147483607;
  130. font-family:calibri;}
  131.  
  132. /* 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.
  133. 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: */
  134.  
  135. #flag1 {
  136. border:solid 6px #6b6c54; /* flag color */
  137. 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! */
  138. padding-top:20px;
  139. width:0px;
  140. height:40px; /* increase or decrease to change the lenght of the CLOSED flag */
  141. position:absolute;
  142. -moz-transition:all 0.7s ease-out;
  143. -webkit-transition:all 0.7s ease-out;
  144. -o-transition:all 0.7s ease-out;}
  145.  
  146. #flag1:hover {
  147. height:180px;} /* lenght of the OPEN flag */
  148.  
  149. #upd1 {
  150. position:absolute;
  151. width:110px;
  152. height:200px; /* adjust to fit the text if you write a lot! */
  153. padding:10px;
  154. padding-top:60px; /* adjust this if you've changed the length of the closed flag */
  155. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  156. margin-left:6px; /* keep this number equal to the 'border' value for the flag */
  157. opacity:0;
  158. overflow:hidden;
  159. -moz-transition:all 0.7s ease-out;
  160. -webkit-transition:all 0.7s ease-out;
  161. -o-transition:all 0.7s ease-out;}
  162.  
  163. #flag1:hover #upd1{
  164. top:0px;
  165. opacity:1;}
  166.  
  167. /* following is the coding for the other flags - same as above! */
  168.  
  169. #flag2 {
  170. border:solid 6px #6b6c54;
  171. margin-left:20px;
  172. position:absolute;
  173. border-bottom:solid 6px transparent;
  174. padding-top:20px;
  175. width:0px;
  176. height:30px;
  177. -moz-transition:all 0.7s ease-out;
  178. -webkit-transition:all 0.7s ease-out;
  179. -o-transition:all 0.7s ease-out;}
  180.  
  181. #flag2:hover {
  182. height:180px;}
  183.  
  184. #upd2 {
  185. position:absolute;
  186. width:110px;
  187. padding:10px;
  188. padding-top:60px;
  189. height:200px; /* adjust to fit the text if you write a lot! */
  190. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  191. overflow:hidden;
  192. margin-left:6px;
  193. opacity:0;
  194. -moz-transition:all 0.7s ease-out;
  195. -webkit-transition:all 0.7s ease-out;
  196. -o-transition:all 0.7s ease-out;}
  197.  
  198. #flag2:hover #upd2{
  199. top:0px;
  200. opacity:1;}
  201.  
  202. /*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: */
  203.  
  204. #flag3 {
  205. border:solid 6px #6b6c54;
  206. position:absolute;
  207. margin-left:40px;
  208. border-bottom:solid 6px transparent;
  209. padding-top:20px;
  210. height:20px;
  211. width:0px;
  212. -moz-transition:all 0.7s ease-out;
  213. -webkit-transition:all 0.7s ease-out;
  214. -o-transition:all 0.7s ease-out;}
  215.  
  216. #flag3:hover {
  217. height:180px;}
  218.  
  219. #upd3 {
  220. position:absolute;
  221. width:110px;
  222. padding:10px;
  223. padding-top:60px;
  224. height:200px; /* adjust to fit the text if you write a lot! */
  225. top:-270px; /* IMPORTANT! keep this number equal to the sum of the padding-top, padding and height values!!!! */
  226. overflow:hidden;
  227. margin-left:6px;
  228. opacity:0;
  229. -moz-transition:all 0.7s ease-out;
  230. -webkit-transition:all 0.7s ease-out;
  231. -o-transition:all 0.7s ease-out;}
  232.  
  233. #flag3:hover #upd3{
  234. top:0px;
  235. opacity:1;}
  236.  
  237. /* to here */
  238. #musicplayer {
  239. opacity: .0;
  240. margin-left: 858px;
  241. margin-top: 190px;
  242. position: fixed;
  243. opacity: .7;
  244. z-index: 999999;
  245. }
  246.  
  247. ::-webkit-scrollbar-thumb{
  248. background-color: {color:scrollbar};
  249. border: 2px solid {color:background};
  250. height:auto;
  251. }
  252.  
  253. ::-webkit-scrollbar {
  254. height:auto;
  255. width:9px;
  256. background-color: {color:scrollbar};
  257. border: 4px solid {color:background};
  258. }
  259.  
  260.  
  261. /*----------------------------------------
  262. Update Tab #3 (CSS) by Incedo
  263. http://incedothemes.tumblr.com
  264. Please do not remove the credit.
  265. Instructions @ http://incedothenes.tumblr.com/tab
  266. Updated 12/23/14
  267. ------------------------------------------*/
  268.  
  269.  
  270. blockquote {
  271. border-left:2px solid #6b6c54;
  272. padding-left:5px;
  273. margin:5px;
  274. text-align: justify;
  275. }
  276.  
  277.  
  278. #tumblr_controls:hover {
  279. opacity: 1;
  280. -webkit-transition: opacity 0.7s linear;
  281. -webkit-transition: all 0.5s ease-out;
  282. -moz-transition: all 0.5s ease-out;
  283. transition: all 0.5s ease-out;
  284. }
  285.  
  286. i, em {
  287. color: #6b6c54;
  288. letter-spacing: 1px;
  289. font-family: 'pixel';
  290. text-transform:uppercase;
  291. font-size: 8px;
  292. }
  293. i, cite, em, var, address, dfn {
  294. font-style: italic;
  295. }
  296. strong, b {
  297. font-weight: bold; font-family: 'bebas' font-size: 12px;
  298. }
  299. h1 {
  300. font-weight:normal;
  301. font-size:24px;
  302. text-align:center;
  303. font-style:normal;
  304. line-height:100%;
  305. letter-spacing:1px;
  306. text-transform:normal;
  307. color:#6b6c54;
  308. padding:2px;
  309. font-family: tinytots;
  310. }
  311.  
  312.  
  313. h2 {
  314. font-size:20px;
  315. text-align:center;
  316. line-height:100%;
  317. letter-spacing:-0.5px;
  318. color:#6b6c54;
  319. font-weight:bold;
  320. font-family: 'tinytots',
  321. text-shadow: 2px 1px #231b1b;
  322. text-transform:lowercase;
  323. padding:5px;
  324. padding-bottom:2px;
  325. }
  326.  
  327. hr {
  328. width:50%;
  329. border: 1px solid #231b1b;
  330. }
  331. pre {
  332. font-family:silkscreen;
  333. text-transform:lowercase;
  334. font-size:8px;
  335. color:#6b6c54;
  336. padding:1px;
  337. text-align:center;
  338. background-color:#6b6c54;
  339. width:100%;
  340. white-space:pre-wrap;
  341. word-wrap:break-word;
  342. }
  343. /* Hover Title Style */
  344.  
  345. #s-m-t-tooltip{
  346. max-width:250px;
  347. margin-top:25px;
  348. margin-left:15px;
  349. padding-left:4px;
  350. padding-right:4px;
  351. z-index:9999999;
  352. background-color: {color:Tooltip Background};
  353. color: {color:Tooltip Text};
  354. font-family:'dixel';
  355. font-size:8px;
  356. letter-spacing:0px;
  357. text-transform:uppercase;
  358. text-align:center;
  359. line-height:14px;
  360. border-left: 3px solid {color:Tooltip Border};
  361. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  362. }
  363.  
  364.  
  365. small, sub, sup {font-size:10px; }
  366.  
  367.  
  368. }
  369. img, a img {
  370. width: 50%;
  371. border-width: 0;
  372. }
  373.  
  374.  
  375. body {
  376. background-image:url(http://orig03.deviantart.net/ea06/f/2015/154/0/7/oolf_by_bubulae-d8vvjou.png);
  377. background-attachment: fixed;
  378. background-image:stretch;
  379. background-repeat: no-repeat;
  380. background-image:cover;
  381. background-position:left top;
  382. font-family: helvetica;
  383. font-size: 12px;
  384. text-align: center;
  385. color:#6b6c54;font-family: 'Oxygen', sans-serif;
  386. font-size:12px;
  387. line-height:105%;
  388. }
  389. .tags {
  390. font-style:italic;
  391. font-family:tinytots;
  392. width:230px;
  393. text-transform:uppercase;
  394. font-style:normal;
  395. color:#6b6c54;
  396. letter-spacing:3px;
  397. font-size:8px;
  398. text-align:center;
  399. padding:2px;
  400. -moz-transition-duration:0.5s;
  401. -webkit-transition-duration:0.5s;
  402. -o-transition-duration:0.5s;
  403. }
  404.  
  405. .tags a {
  406. color:#6b6c54;
  407. text-transform: uppercase;
  408. letter-spacing:1px;
  409. padding:1px;
  410. }
  411.  
  412. .tags a:hover {
  413. color:#8c8775;
  414. text-shadow: 0px 0px 2px #8c8775;
  415. }
  416.  
  417.  
  418.  
  419. #post:hover .tags {
  420. opacity:1;
  421. -moz-transition-duration:0s;
  422. -webkit-transition-duration:0s;
  423. -o-transition-duration:0s;
  424. }
  425. a {
  426. text-decoration: none;
  427. outline: none;
  428. -moz-outline-style: none;
  429. color: #8c8775;
  430. -moz-transition-duration: 0.5s;
  431. -webkit-transition-duration: 0.5s;
  432. -o-transition-duration: 0.5s;
  433. text-transform: none;
  434. }
  435. a:hover {
  436. text-decoration:none;
  437. outline:none;
  438. -moz-outline-style:none;
  439. color:{color:link hover};
  440. }
  441.  
  442. img {
  443. border:none;
  444. }
  445.  
  446. blockquote {
  447. padding-left:5px;
  448. border-left:2px solid;
  449. }
  450.  
  451. blockquote blockquote {
  452. padding-left:5px;
  453. border-left:2px solid;
  454. }
  455.  
  456. #theme {
  457. width:240px;
  458. margin:0 auto -12px auto;
  459. }
  460.  
  461. #post {
  462. width: 250px;
  463. padding-left: 5px;
  464. padding-right: 5px;
  465. margin-bottom: 10px;
  466. padding-bottom: 20px;
  467. }
  468.  
  469.  
  470. #entries {
  471. padding:10px;
  472. left:575px;
  473. top:297px;
  474. position:fixed;
  475. background-color:transparent;
  476. width:266px;
  477. height:253px;
  478. overflow-x:scroll;
  479. scroll:left;
  480. overflow-x:hidden;
  481. }
  482.  
  483. #sidebar {
  484. color:{color:text};
  485. position:fixed;
  486. width:91px;
  487. height:auto;
  488. margin-top:0px;
  489. margin-left:0px;
  490. text-align:left;
  491. }
  492.  
  493. #sidebarimage img {
  494. width:100px;
  495. margin-top:0px;
  496. margin-bottom:0px;
  497. padding:-1px;
  498. outline-offset:4px;
  499. }
  500.  
  501. #links {
  502. position:fixed;
  503. font-family:impact;
  504. margin-top:160px;
  505. margin-left:40px;
  506. letter-spacing:30px;
  507. font-size:12px;
  508. width: 260px;
  509. text-align:center;
  510. }
  511.  
  512. #links a{
  513. margin-top:3px;
  514. margin-left:2px;
  515. color:#2b2c21;
  516. -moz-transition-duration:.7s;
  517. -webkit-transition-duration:.7s;
  518. -o-transition-duration:.7s;
  519. }
  520.  
  521. #links a:hover {
  522. color:#2b2c21;
  523. -moz-transition-duration:.4s;
  524. -webkit-transition-duration:.4s;
  525. -o-transition-duration:.4s;
  526.  
  527. }
  528.  
  529.  
  530.  
  531. #info {
  532. font-family: silkscreen;
  533. font-style: normal;
  534. opacity: 1;
  535. width: 230px;
  536. line-height: 120%;
  537. background: transparent;
  538. font-size: 8px;
  539. text-align: center;
  540. border-bottom: solid #6b6c54 1px;
  541. border-top: solid #6b6c54 1px;
  542. padding: 10px;
  543. margin-bottom: 5px;
  544. margin-top: 0px;
  545. -moz-transition-duration: 0.8s;
  546. -webkit-transition-duration: 0.8s;
  547. -o-transition-duration: 0.8s;
  548. }
  549.  
  550. /* AUDIO */
  551.  
  552. .album {
  553. background-repeat: no-repeat;
  554. background-position: center;
  555. position: absolute;
  556. width: 86px;
  557. height: 86px;
  558. background-size: 60px;
  559. overflow: hidden;
  560. background-color: {color:Track Background};
  561. -moz-transition:all ease-in-out 0.7s;
  562. -webkit-transition:all ease-in-out 0.7s;
  563. -o-transition:all ease-in-out 0.7s;
  564. transition:all ease-in-out 0.7s;
  565. }
  566.  
  567. .album img {
  568. width: 86px;
  569. height: 86px;
  570. overflow: hidden;
  571. -moz-transition:all ease-in-out 0.7s;
  572. -webkit-transition:all ease-in-out 0.7s;
  573. -o-transition:all ease-in-out 0.7s;
  574. transition:all ease-in-out 0.7s;
  575. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  576. {/block:ifMonochrome}
  577. {block:ifFade}opacity:.5;{/block:ifFade}
  578. }
  579.  
  580. .album img:hover {
  581. -moz-transition:all ease-in-out 0.7s;
  582. -webkit-transition:all ease-in-out 0.7s;
  583. -o-transition:all ease-in-out 0.7s;
  584. transition:all ease-in-out 0.7s;
  585. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  586. {/block:ifMonochrome}
  587. {block:ifFade}opacity:1;{/block:ifFade}
  588. }
  589.  
  590. .player {
  591. width: 10px;
  592. height: 11px;
  593. overflow: hidden;
  594. padding: 4px 21px 21px 4px;
  595. margin-top: 27px;
  596. margin-left: 26px;
  597. position: absolute;
  598. background-color: #fff;
  599. opacity: 0.5;
  600. z-index: 10;
  601. -webkit-transition: all 0.4s linear;
  602. -moz-transition: all 0.4s linear;
  603. -o-transition: all 0.4s linear;
  604. -moz-border-radius: 30px;
  605. -webkit-border-radius: 30px;
  606. border-radius: 30px;
  607. }
  608.  
  609. .album:hover .player {
  610. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  611. }
  612.  
  613. .track {
  614. margin-left: 90px;
  615. min-height: 80px;
  616. max-height: 100px;
  617. overflow: auto;
  618. font-family:dixel;
  619. font-size: 8px;
  620. padding: 3px;
  621. color: {color:Track Text};
  622. text-transform: uppercase;
  623. letter-spacing: 1px;
  624. background: {color:Track Background};
  625. }
  626.  
  627.  
  628. /* QUESTION */
  629.  
  630. #ask {
  631. {block:if250}max-width:250px;{/block:if250}
  632. {block:if400}max-width:400px;{/block:if400}
  633. {block:if500}max-width:500px;{/block:if500}
  634. }
  635.  
  636. .as {
  637. min-height: auto;
  638. padding: 5px;
  639. padding-bottom:8px;
  640. background-color: {color:Ask Background};
  641. }
  642.  
  643. .aske {
  644. margin-top:5px;
  645. font-family:'bebas neue';
  646. font-size:18px;
  647. line-height:13px;
  648. text-align:center;
  649. border-bottom:dashed 1px {color:Tooltip Border};
  650. text-transform:none;
  651. color: {color:asker text};
  652. background-color: {color:Ask Background};
  653. -moz-transition:all ease-in-out 0.7s;
  654. -webkit-transition:all ease-in-out 0.7s;
  655. -o-transition:all ease-in-out 0.7s;
  656. transition:all ease-in-out 0.7s; ;
  657. }
  658.  
  659. .aske:hover {
  660. -moz-transition:all ease-in-out 0.7s;
  661. -webkit-transition:all ease-in-out 0.7s;
  662. -o-transition:all ease-in-out 0.7s;
  663. transition:all ease-in-out 0.7s;
  664. }
  665.  
  666. .que {
  667. font-family: ppixel;
  668. font-size: 8px;
  669. text-align:center;
  670. text-transform:uppercase;
  671. color: {color:ask text};
  672. }
  673.  
  674. .ans {
  675. font-family:trebuchet ms;
  676. font-size:9px;
  677. color: {color:ask text};
  678. }
  679.  
  680.  
  681. #credit {
  682. font-size:9px;
  683. font-family:cambria;
  684. font-style:italic;
  685. letter-spacing:1px;
  686. -moz-transition-duration:0.5s;
  687. -webkit-transition-duration:0.5s;
  688. -o-transition-duration:0.5s;
  689. }
  690.  
  691. #credit a {
  692. background-color:#6b6c54;
  693. padding:5px;
  694. border:1px solid #6b6c54;
  695. position:fixed;
  696. right:15px;
  697. bottom:10px
  698. }
  699.  
  700. #credit a:hover {
  701. color:#191818;
  702. background-color:#191818;
  703. }
  704.  
  705.  
  706.  
  707.  
  708. }
  709.  
  710. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  711. {CustomCSS}</style></head><body>
  712. <div id="questions">
  713. </div>
  714. <div id="theme">
  715. <div id="sidebar">
  716.  
  717. <div id="sidebarimage">
  718. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  719.  
  720. <div id="links">
  721. <a title="inquire."a href="{text:link 1 url}" >■</a>
  722. <a title="rules."a href="{text:link 2 url}">■</a>
  723. <a title="about."a href="{text:link 3 url}">■</a>
  724. <a title="back."a href="{text:link 4 url}">■</a>
  725. </div>
  726. <div id="question"></div>
  727.  
  728. <p></p><br><br>
  729. <div id="pagination"><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">1</a>{/block:PreviousPage}{/block:Pagination}
  730. {block:Pagination}{block:NextPage} <a href="{NextPage}">N</a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div></div>
  731.  
  732. <div id="entries">{block:Posts}<div id="post">
  733.  
  734. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  735.  
  736. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  737.  
  738. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  739.  
  740. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  741.  
  742. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  743.  
  744. {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}
  745.  
  746. <!-- AUDIO POSTS -->
  747. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  748.  
  749. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  750.  
  751. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  752. {Album}{/block:Album}</div>
  753.  
  754. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  755.  
  756. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  757. {/block:Audio}
  758.  
  759. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  760.  
  761. {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}
  762.  
  763. {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}
  764. {block:ContentSource} ■ <a title="{SourceTitle}" href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  765. {block:HasTags}
  766. <div class="tags">
  767. {block:Tags} - <a href="{TagURL}"> # {Tag}</a>{/block:Tags}</div>
  768. {/block:HasTags}
  769. <div class="postnote">
  770. {block:PostNotes}{PostNotes}{/block:PostNotes}
  771. </div>
  772. </div>
  773. {/block:Posts}
  774.  
  775. </div>
  776. </div>
  777. <div id="credit"><a href="http://hollywhood.tumblr.com">©
  778.  
  779. </div>
  780. <!-- QUESTION POSTS -->
  781. {block:Answer}
  782. <div id="ask">
  783. <div class="as">
  784. <div class="aske">{Asker}</div>
  785. <div class="que">{Question}</div>
  786. </div>
  787. </div>
  788. <div class="ans">{Answer}</div>
  789. {/block:Answer}<div id="flags">
  790. <div id="flag1"><div id="upd1">
  791. here you r t e x t t
  792.  
  793. </div>
  794.  
  795. </div>
  796.  
  797. <div id="flag2"><div id="upd2">
  798.  
  799. theme optimized for 1366x768 resolution screens. best viewed on google chrome, vivaldi & opera !
  800.  
  801.  
  802. </div></div>
  803.  
  804. <!---- if you want more flags, copy from here ---->
  805.  
  806. <div id="flag3"><div id="upd3">te x t us
  807. </div></div>
  808.  
  809. <!---- to here and change the numbers according to your css! ---->
  810.  
  811. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  812.  
  813. </div>
  814. <a title="iron - woodkid."><div id="musicplayer">
  815. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="15" height="15">
  816. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf">
  817. <param name="bgcolor" value="#171717">
  818. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/hrjubnjsmc/WOODKID.mp3
  819.  
  820.  
  821. &amp;width=15&amp;height=15&amp;loop=1&amp;autoplay=1&amp;volume=50&amp;showslider=0&amp;buttonwidth=15&amp;bgcolor=171717&amp;bgcolor1=171717&amp;bgcolor2=171717&amp;buttoncolor=a3907e&amp;buttonovercolor=a3907e">
  822. </object>
  823. </div>
  824. </body>
  825.  
  826. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement