API tools faq
paste
irrationiall

Theme #22 - Hollywood

irrationiall
Jul 5th, 2013
2,244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript">
  5. function unhide(divID) {
  6. var item = document.getElementById(divID);
  7. if (item) {
  8. item.className=(item.className=='hidden')?'unhidden':'hidden';
  9. }
  10. }
  11. </script>
  12. <script type="text/javascript">
  13. function hideStuff(id) {
  14. document.getElementById(id).style.display = 'none';
  15. }
  16. }
  17. </script>
  18.  
  19.  
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head><title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC:700' rel='stylesheet' type='text/css'>
  29.  
  30. <!--Default Variables-->
  31. <!--Colors-->
  32.  
  33. <meta name="color:Background" content="#fff"/>
  34. <meta name="color:Text" content="#333333"/>
  35. <meta name="color:Link" content="#000000"/>
  36. <meta name="color:askbg" content="#000000"/>
  37. <meta name="color:blockquote" content="#f5f5f5"/>
  38. <meta name="color:bold text" content="#aaa"/>
  39. <meta name="color:italic text" content="#eee"/>
  40. <meta name="color:asklink" content="#eee"/>
  41. <meta name="color:sidebar strip" content="#006363"/>
  42. <meta name="color:ask strip" content="#F0B49E"/>
  43. <meta name="color:me strip" content="#B38184"/>
  44. <meta name="color:links strip" content="#73626E"/>
  45. <meta name="color:scrollbar" content="#000"/>
  46. <meta name="color:askfont" content="#fff"/>
  47. <meta name="color:tabfont" content="#fff"/>
  48. <meta name="image:Sidebar" content=""/>
  49. <meta name="image:About Me Pic" content=""/>
  50.  
  51. <!--Links-->
  52. <meta name="text:Home Link" content="/"/>
  53. <meta name="text:Home Link Title" content="home" />
  54. <meta name="text:Ask Link" content="/ask"/>
  55. <meta name="text:Ask Link Title" content="mail" />
  56. <meta name="text:Link1" content="/"/>
  57. <meta name="text:Link1 Title" content="" />
  58. <meta name="text:Link2" content="/"/>
  59. <meta name="text:Link2 Title" content="" />
  60. <meta name="text:Link3" content="/"/>
  61. <meta name="text:Link3 Title" content="" />
  62.  
  63. <style type="text/css">
  64.  
  65. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  66.  
  67. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  68.  
  69.  
  70.  
  71. ::-webkit-scrollbar-thumb {
  72.  
  73. background-color: {color:scrollbar};
  74.  
  75. border: 2px solid {color:background};
  76.  
  77. height:auto;
  78.  
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82.  
  83. height:9px;
  84.  
  85. width:9px;
  86.  
  87. background-color: {color:scrollbar};
  88.  
  89. border: 4px solid {color:background};
  90.  
  91. }
  92.  
  93. ::selection {
  94.  
  95. background-color:{color:background};
  96.  
  97. }
  98.  
  99.  
  100. body {
  101. background:{color:background};
  102. background-image: url;
  103. background-attachment: fixed;
  104. color:{color:text};
  105. font-family:'Open Sans', sans-serif;
  106. font-size:11px;
  107. line-height:100%;
  108. margin-top:80px;
  109. }
  110.  
  111. a {
  112. text-decoration:none;
  113. outline:none;
  114. -moz-outline-style:none;
  115. color:#000;
  116. -webkit-transition: all 0.5s ease;
  117. -moz-transition: all 0.5s ease;
  118. -o-transition: all 0.5s ease
  119. }
  120.  
  121. img {
  122. border:none;
  123. }
  124.  
  125. blockquote blockquote {
  126. padding-left:5px;
  127. border-left:1px solid;
  128. }
  129.  
  130. h1 {
  131. font-size:12px;
  132. font-family:raleway;
  133. text-align: center;
  134. }
  135.  
  136. a:hover {
  137. opacity:10;
  138. color:{color:hover};
  139. -webkit-transition: all 0.7s ease;
  140. -moz-transition: all 0.7s ease;
  141. -o-transition: all 0.7s ease
  142. }
  143.  
  144. small{
  145. font-size:9px;
  146. line-height:110%
  147. }
  148.  
  149. big {
  150. font-size:12px;
  151. line-height:110%
  152. }
  153.  
  154. b, strong{
  155. color:{color:bold text};
  156. }
  157. i, em {
  158. color:{color:italic text};
  159. }
  160. p{
  161. margin-top:5px;
  162. margin-bottom:5px
  163. }
  164. blockquote {
  165. padding:0px;
  166. padding-left:5px;
  167. margin:5px;
  168. border-left:3px solid {color:blockquote};
  169. }
  170.  
  171. blockquote img {
  172. max-width:300px
  173. }
  174.  
  175. ul, li img {
  176. max-with:250px
  177. }
  178.  
  179. .audio {width:500px;height:160px;}
  180. .albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
  181. .albumart img {width:150px;height:150px;float:left;}
  182. .playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
  183. .player {margin-left:36px;margin-top:36px;width:25px;height:25px;
  184. overflow:hidden;background-color:white;}
  185. .audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
  186.  
  187. .hidden {display: none;}
  188. .unhidden {display: block;}
  189.  
  190. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  191.  
  192. #entries {
  193. width:500px;
  194. margin-left:600px;
  195. padding-top:30px;
  196. padding-bottom: 25px;
  197. z-index:-4;
  198. }
  199.  
  200.  
  201. #post {
  202. width:500px;
  203. font-family:consolas;
  204. background: {color:background};
  205. }
  206.  
  207. #liner {
  208. position:fixed;
  209. height: 110%;
  210. margin-left:390px;
  211. background-color: {color:sidebar strip};
  212. width:45px;
  213. margin-top:-90px;
  214. }
  215.  
  216. #home {
  217. outline: 2px solid {color:sidebar strip};
  218. background-color: {color:sidebar strip};
  219. height: 25px;
  220. width:75px;
  221. margin-left:437px;
  222. margin-top:130px;
  223. font-size: 20px;
  224. text-transform: uppercase;
  225. letter-spacing: 2px;
  226. font-family: 'Alegreya SC', serif;
  227. padding-top:15px;
  228. padding-left:8px;
  229. position: fixed;
  230. }
  231.  
  232. #home a {
  233. color: #fff;
  234. }
  235.  
  236.  
  237. #askbutton {
  238. outline: 2px solid {color:ask strip};
  239. background-color: {color:ask strip};
  240. height: 25px;
  241. width:75px;
  242. margin-left:437px;
  243. margin-top:180px;
  244. font-size: 20px;
  245. text-align: center;
  246. font-family: consolas;
  247. text-transform: uppercase;
  248. letter-spacing: 2px;
  249. font-family: 'Alegreya SC', serif;
  250. color:#fff;
  251. padding-top:15px;
  252. padding-left:8px;
  253. position: fixed;
  254. }
  255.  
  256.  
  257. #askbutton:hover {
  258. cursor:help;
  259. }
  260.  
  261. #aboutbutton:hover {
  262. cursor:help;
  263. }
  264.  
  265. #linksbutton:hover {
  266. cursor:help;
  267. }
  268.  
  269. #askbutton a {
  270. color: #fff;
  271. }
  272.  
  273. #askage{
  274. z-index:1;
  275. padding-top:40px;
  276. height:150%;
  277. background-color: {color:ask strip};
  278. width:443px;
  279. margin-left:-8px;
  280. font-size: 20px;
  281. text-align: center;
  282. font-family: consolas;
  283. text-transform: uppercase;
  284. letter-spacing: 2px;
  285. font-family: 'Alegreya SC', serif;
  286. position:fixed;
  287. margin-top:-90px;
  288. }
  289.  
  290. .faq {
  291. outline: 2px dashed {color:sidebar strip};
  292. border: 1px solid {color:me strip};
  293. outline-offset: 5px;
  294. font-family: Open Sans;
  295. text-transform: none;
  296. letter-spacing: 1px;
  297. font-size: 11px;
  298. text-align:left;
  299. margin-left:50px;
  300. padding:10px;
  301. margin-top:20px;
  302. background: transparent;
  303. width:300px;
  304. max-height:290px;
  305. color: #fff;
  306. overflow:auto;
  307. }
  308.  
  309. #ask {
  310. margin-left:-20px;
  311. margin-top:30px;
  312. }
  313.  
  314.  
  315. #aboutbutton {
  316. outline: 2px solid {color:me strip};
  317. background-color: {color:me strip};
  318. height: 25px;
  319. width:75px;
  320. margin-left:437px;
  321. margin-top:230px;
  322. font-size: 20px;
  323. text-align: center;
  324. text-transform: uppercase;
  325. letter-spacing: 2px;
  326. font-family: 'Alegreya SC', serif;
  327. color:#fff;
  328. padding-top:15px;
  329. padding-left:8px;
  330. position: fixed;
  331. }
  332.  
  333. #aboutme {
  334. z-index:2;
  335. padding-top:40px;
  336. height:150%;
  337. background-color: {color:me strip};
  338. width:443px;
  339. margin-left:-8px;
  340. font-size: 20px;
  341. text-align: center;
  342. font-family: palatino linotype;
  343. text-transform: none;
  344. letter-spacing: 1px;
  345. line-height: 120%;
  346. font-size: 12px;
  347. position:fixed;
  348. margin-top:-90px;
  349. }
  350.  
  351. .pic img {
  352. margin-top:30px;
  353. margin-left:67px;
  354. height: 120px;
  355. width 120px;
  356. outline: 2px solid #fff;
  357. padding:2px;
  358. border: 1px solid #fff;
  359. outline-offset: 5px;
  360. position: fixed;
  361. }
  362.  
  363. .information {
  364. color: {color:me strip};
  365. padding:3px;
  366. font-family:open sans;
  367. letter-spacing:1px;
  368. max-height: 610px;
  369. font-size: 12px;
  370. margin-left:10px;
  371. text-align: justify;
  372. width: 250px;
  373. overflow: auto;
  374. position: fixed;
  375. background: #fff;
  376. }
  377.  
  378. .otherinfor {
  379. font-family: consolas;
  380. color: #fff;
  381. padding:3px;
  382. max-height: 600px;
  383. margin-left:280px;
  384. margin-top: 170px;
  385. text-align: left;
  386. text-transform: uppercase;
  387. font-size: 9px;
  388. width: 140px;
  389. overflow: auto;
  390. position: fixed;
  391. }
  392.  
  393. #linksbutton {
  394. outline: 2px solid {color:links strip};
  395. background-color: {color:links strip};
  396. height: 25px;
  397. width:75px;
  398. margin-left:437px;
  399. margin-top:280px;
  400. font-size: 20px;
  401. text-align: center;
  402. text-transform: uppercase;
  403. letter-spacing: 2px;
  404. font-family: 'Alegreya SC', serif;
  405. color:#fff;
  406. padding-top:15px;
  407. padding-left:8px;
  408. position: fixed;
  409. }
  410.  
  411. #linkage {
  412. z-index:3;
  413. padding-top:40px;
  414. height:150%;
  415. background-color: {color:links strip};
  416. width:443px;
  417. margin-left:-8px;
  418. font-size: 20px;
  419. text-align: center;
  420. font-family: consolas;
  421. text-transform: uppercase;
  422. letter-spacing: 2px;
  423. font-family: 'Alegreya SC', serif;
  424. position:fixed;
  425. margin-top:-90px;
  426. overflow:auto;
  427. }
  428.  
  429. #cont {
  430. overflow: auto;
  431. height:650px;
  432. width:440px;
  433. margin-top: -20px;
  434. }
  435.  
  436.  
  437. #title1 {
  438. margin-left: 10px;
  439. padding-left:10px;
  440. padding: 2px;
  441. text-decoration: underline;
  442. margin-top: 50px;
  443. font-size: 30px;
  444. height: 20px;
  445. font-family: 'Alegreya SC', serif;
  446. text-align: center;
  447. text-transform:lowercase;
  448. }
  449.  
  450. #links1 {
  451. font-family:open sans;
  452. font-size:11px;
  453. opacity:1;
  454. text-align:center;
  455. margin-left: 25px;
  456. padding-top:20px;
  457. letter-spacing:1px;
  458. text-transform:lowercase;
  459. padding-bottom:5px;
  460. width: 400px;
  461. }
  462.  
  463. #links1 a{
  464. display:block;
  465. padding:3px 1px 3px 4px;
  466. letter-spacing:1px;
  467. -webkit-transition: .7s;
  468. -moz-transition: 1.5s;
  469.  
  470. }
  471.  
  472. #links1 a:hover{
  473. color:#fff;
  474. -webkit-transition: 1.0s;
  475. -moz-transition: 1.0s;
  476. background:#000;
  477. letter-spacing: 6px;
  478. }
  479.  
  480. #title2 {
  481. margin-left: 5px;
  482. padding: 2px;
  483. padding-left:10px;
  484. margin-top: 20px;
  485. font-size: 28px;
  486. height: 20px;
  487. text-align: center;
  488. font-family: 'Alegreya SC', serif;
  489. text-decoration: underline;
  490. text-transform: lowercase;
  491. }
  492.  
  493. #links2 {
  494. font-family:open sans;
  495. font-size:11px;
  496. opacity:1;
  497. text-align:center;
  498. margin-left: -5px;
  499. margin-top: 0px;
  500. padding-top:20px;
  501. padding-left: 30px;
  502. letter-spacing:1px;
  503. text-transform:lowercase;
  504. padding-bottom:5px;
  505. width: 400px;
  506. }
  507.  
  508. #links2 a{
  509. display:block;
  510. padding:3px 1px 3px 4px;
  511. letter-spacing:1px;
  512. -webkit-transition: .7s;
  513. -moz-transition: 1.5s;
  514.  
  515. }
  516.  
  517. #links2 a:hover{
  518. color:#fff;
  519. -webkit-transition: 1.0s;
  520. -moz-transition: 1.0s;
  521. background:#000;
  522. letter-spacing: 6px;
  523. }
  524.  
  525.  
  526. #sidebar {
  527. position:fixed;
  528. margin-left:-140px;
  529. margin-top:60px;
  530. opacity:1;
  531. }
  532.  
  533.  
  534. #sidebarimage img{
  535. padding:5px;
  536. margin-left: 223px;
  537. margin-top: 70px;
  538. width: 200px;
  539. height:150px;
  540. -webkit-transition: 0.6s;
  541. outline:1px solid #eee;
  542. }
  543.  
  544.  
  545. #links {
  546. font-family:ronda;
  547. opacity:0.9;
  548. font-size:8px;
  549. opacity:1;
  550. text-align:center;
  551. padding-top:30px;
  552. text-transform:uppercase;
  553. font-weight: bold;
  554. line-height:100%;
  555. margin-top:12px;
  556. margin-left:347px;
  557. position: fixed;
  558. padding: 10px;
  559. width: 110px;
  560. background: transparent;
  561.  
  562. }
  563.  
  564. #links a:hover{
  565. -webkit-transition: 0.7s;
  566. -moz-transition: .7s;
  567. background:transparent;
  568. color: transparent;
  569. text-shadow: 0 0 5px rgba(0,0,0,0.5);
  570. }
  571.  
  572. #links a{
  573. display:block;
  574. text-align:left;
  575. padding: 2px;
  576. opacity:1;
  577. letter-spacing:1px;
  578. -webkit-transition: .7s;
  579. -moz-transition: .7s;
  580. color: {color:link};
  581. background-color: transparent;
  582. z-index: 9;
  583. }
  584.  
  585.  
  586. #description {
  587. font-family: ronda;
  588. line-height:100%;
  589. color: #000;
  590. border-right: 1px solid #eee;
  591. padding:4px;
  592. font-size:8px;
  593. letter-spacing: 1px;
  594. font-style:;
  595. text-transform:lowercase;
  596. position:fixed;
  597. opacity:0.9;
  598. text-align:justify;
  599. margin-top:20px;
  600. margin-left:245px;
  601. width: 100px;
  602. max-height: 350px;
  603. overflow:auto;
  604. background: transparent;
  605. position: fixed;
  606. -webkit-transition: 0.6s;
  607. }
  608.  
  609. #description a{
  610. color: {color:link};
  611. }
  612.  
  613.  
  614.  
  615. #pagination {
  616. font-size:17px;
  617. color:#fff;
  618. font-family:BEBAS NEUE;
  619. letter-spacing:0px;
  620. margin-left:270px;
  621. margin-top: -195px;
  622. line-height: 220%;
  623. }
  624.  
  625. #pagination a{
  626. color: {color:link};
  627. }
  628.  
  629. #info {
  630. font-family:bebas neue;
  631. width:490px;
  632. margin-top:-4px;
  633. margin-left:-5px;
  634. line-height: 100%;
  635. padding:0px;
  636. padding-left:8px;
  637. font-size:12px;
  638. color: {color:link};
  639. text-transform:uppercase;
  640. font-style:;
  641. letter-spacing:2px;
  642. text-align:right;
  643. -moz-transition-duration:0.5s;
  644. -webkit-transition-duration:0.5s;
  645. -o-transition-duration:0.5s;
  646. margin-top: 23px;
  647. }
  648.  
  649.  
  650. #info a:hover {
  651. color:{color:hover};
  652. }
  653.  
  654. .date {
  655. font-family: consolas;
  656. font-size:8px;
  657. background-color:transparent;
  658. color: #000;
  659. width:100px;
  660. text-align: left;
  661. }
  662.  
  663. .date a{
  664. color: #000;
  665. }
  666.  
  667. .notes {
  668. border-top: 1px solid #000;
  669. margin-top: -5px;
  670. margin-left: 0px;
  671. padding-top: 5px;
  672. font-family: consolas;
  673. font-size:8px;
  674. color: #000;
  675. width: 55px;
  676. text-align: left;
  677. }
  678.  
  679. .source {
  680. margin-top: 10px;
  681. margin-left:0px;
  682. color: #000;
  683. font-family: consolas;
  684. font-size: 8px;
  685. opacity:1;
  686. text-align: center;
  687. }
  688.  
  689. .caption {
  690. width:500px;
  691. text-align:justify;
  692. line-height:120%;
  693. }
  694.  
  695. .question {
  696. width: 490px;
  697. margin-left:0px;
  698. padding:12px;
  699. text-align:left;
  700. color:{color:askfont};
  701. background-color:{color:askbg};
  702. line-height: 130%;
  703. }
  704.  
  705. .question a{
  706. background-color: {color:askbg};
  707. padding: 3px;
  708. color: #fff;
  709. font-family: raleway;
  710. font-style: none;
  711. font-size:11px;
  712. }
  713.  
  714. #name {
  715. margin-left:47px;
  716. margin-top:-60px;
  717. font-family: consolas;
  718. font-size: 9px;
  719. position: absolute;
  720. text-transform: uppercase;
  721. }
  722.  
  723.  
  724. #tri {
  725. width: 0px;
  726. height: 0px;
  727. border-style: solid;
  728. border-width: 30px 30px 0 0;
  729. border-color: {color:askbg} transparent transparent transparent;
  730. margin-left:40px;
  731. margin-top:-90px;
  732. position:absolute;
  733. z-index:-4;
  734. }
  735.  
  736. .icon {
  737. position:absolute;
  738. margin-top:-70px;
  739. margin-left:5px;
  740. z-index:-4;
  741. }
  742.  
  743. .icon img{
  744. outline:3px solid {color:askbg};
  745. outline-offset:2px;
  746. }
  747.  
  748.  
  749. .answer {
  750. text-align:left;
  751. padding:10px;
  752. margin-top: 40px;
  753. color:{color:text};
  754.  
  755. }
  756.  
  757. .audio {
  758. height:60px;
  759. padding:5px;
  760. margin-bottom:55px;
  761. }
  762.  
  763. .audio-album {
  764. position:absolute;
  765. width:110px;
  766. -webkit-transition: opacity 0.6s linear;
  767. opacity: 1;
  768. border-radius:10px;
  769. }
  770.  
  771. .audio-player {
  772. opacity:1;
  773. filter:alpha(opacity=90);
  774. width:25px;
  775. height:25px;
  776. overflow:hidden;
  777. position:absolute;
  778. border:30px;
  779. z-index:2;
  780. margin-left:43px;
  781. margin-top:43px;
  782. opacity:0;
  783. -webkit-transition: all 0.6s ease-out;
  784. -o-transition: all 0.6s ease-out;
  785. -webkit-transition: all 0.6s ease-out;
  786. -moz-transition: all 0.6s ease-out;
  787. }
  788.  
  789. .audio-info {
  790. margin-top:7px;
  791. position:relative;
  792. font-family:bebas neue;
  793. font-size:12px;
  794. letter-spacing:2px;
  795. margin-left:120px;
  796. line-height:180%;
  797. padding:2px;
  798. }
  799.  
  800. .audio:hover .audio-player {
  801. opacity:.6;
  802. -webkit-transition: all 0.6s ease-out;
  803. -o-transition: all 0.6s ease-out;
  804. -webkit-transition: all 0.6s ease-out;
  805. -moz-transition: all 0.6s ease-out;
  806. }
  807. .postnote {
  808. text-transform:lowercase;
  809. font-style:normal;
  810. letter-spacing:0px;
  811. font-size: 9px;
  812. text-align:left;
  813. line-height:90%;
  814. margin-left:0px;
  815. margin-top:20px;
  816. }
  817.  
  818. .postnote li {
  819. list-style-type:none;
  820. border-bottom:1px dashed #f5f5f5;
  821. padding:10px 25px 10px 25px;
  822. text-align:left;
  823. width:400px;
  824. margin-left:-70px;
  825. -moz-transition-duration:0.5s;
  826. -webkit-transition-duration:0.5s;
  827. -o-transition-duration:0.5s;
  828. }
  829.  
  830. .tags {
  831. font-family:consolas;
  832. font-style:normal;
  833. width:500px;
  834. text-transform:uppercase;
  835. font-style:normal;
  836. color:#000;
  837. letter-spacing:2px;
  838. line-height:120%;
  839. font-size:8px;
  840. text-align:right;
  841. margin-top:11px;
  842. padding:2px;
  843. -moz-transition-duration:0.5s;
  844. -webkit-transition-duration:0.5s;
  845. -o-transition-duration:0.5s;
  846. opacity:1;
  847.  
  848. }
  849.  
  850. .tags a {
  851. color:{color:text};
  852. letter-spacing:1px;
  853. padding:1px;
  854. }
  855.  
  856. .tags a:hover {
  857. color:#f1f1f1;
  858. }
  859.  
  860. ul.chat, .chat ol, .chat li {
  861. list-style:none;
  862. margin:0px;
  863. padding:2px;
  864. }
  865.  
  866. .tab {
  867. text-decoration:underline;
  868. font-weight:700;
  869. background-color:#000;
  870. margin-right:5px;
  871. }
  872.  
  873.  
  874.  
  875.  
  876. {CustomCSS}</style></head><body>
  877.  
  878.  
  879. <div id="liner"></div>
  880.  
  881. <div id="home"><a href="/">home</a></div>
  882.  
  883. <a href="javascript:unhide('displaybx3');"><div id="linksbutton">links</div></a>
  884. <div id="displaybx3" class="hidden">
  885. <div id="linkage"><div id="cont">
  886.  
  887. <!--- this is where your links go! Change the part between the " " to the full url of your link, including the http:// and the section that says name to the title of the link! If you need more, just copy <a href="/">name</a> and you get more! And to change the title, just change where it says title 1, and title 2 and title 3. Don't worry about filling up the space, if it gets too long, a scroll bar appears :) --->
  888.  
  889. <div id="title1">title 1</div>
  890. <div id="links1">
  891.  
  892. <a href ="/">name</a>
  893. <a href ="/">name</a>
  894. <a href ="/">name</a>
  895. <a href ="/">name</a>
  896.  
  897. </div>
  898.  
  899.  
  900.  
  901.  
  902. <div id="title2">title 2</div> <div id="links2">
  903. <a href ="/">name</a>
  904. <a href ="/">name</a>
  905. <a href ="/">name</a>
  906. <a href ="/">name</a>
  907.  
  908. </div>
  909.  
  910. <div id="title2">title 3</div> <div id="links2">
  911. <a href ="/">name</a>
  912. <a href ="/">name</a>
  913. <a href ="/">name</a>
  914. <a href ="/">name</a>
  915.  
  916.  
  917. </div>
  918.  
  919. <div id="title2">title 4</div> <div id="links2">
  920. <a href ="/">name</a>
  921. <a href ="/">name</a>
  922. <a href ="/">name</a>
  923. <a href ="/">name</a>
  924.  
  925.  
  926. </div>
  927.  
  928.  
  929.  
  930.  
  931.  
  932. </div></div></div>
  933.  
  934. <a href="javascript:unhide('displaybx2');"><div id="aboutbutton">me</div> </a>
  935. <div id="displaybx2" class="hidden">
  936. <div id="aboutme"><div class="otherinfor">
  937.  
  938. <!-- this where you put your little tidbits about yourself, just replace the things you want or create entirely new ones. Just remember to keep the <br><p><b> and </b> </p> tags so it shows properly--->
  939.  
  940. <br><p><b>name:</b> dev</p>
  941.  
  942. <br><p><b>age:</b> like 15?</p>
  943.  
  944. <br><p><b>country:</b> ain't none of your business</p>
  945.  
  946. <br><p><b>gender:</b> whatever</p>
  947.  
  948. <br><p><b>likes:</b> do you even matter rn</p>
  949.  
  950. <br><p><b>dislikes:</b> everything</p>
  951.  
  952.  
  953. </div><div class="information">
  954.  
  955. <!--- this where the actual information about yourself goes! Please make it as long as you possibly can, because the longer it is the better it looks. You can fill up the space with a quote from a book or whatever it doesn't matter much. When editing, just remember that the <p> </p> tags bring text into a new paragraph and it looks spiffy when you use it-->
  956.  
  957. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus sem vel mauris porttitor sit amet adipiscing odio interdum. Nunc non magna sit amet augue rutrum laoreet in in nulla. Nunc et malesuada orci. Sed metus enim, venenatis tincidunt tincidunt a, malesuada nec dolor. Nam volutpat, augue fringilla mattis venenatis, odio ipsum porta sapien, et tincidunt tortor erat quis nulla. Mauris dictum laoreet purus, et gravida magna aliquet quis. Phasellus sollicitudin tortor ut leo fringilla sed scelerisque diam suscipit. Donec non tortor id ante adipiscing tempus vitae et massa. Donec risus nisl, tincidunt quis facilisis blandit, lacinia vestibulum nulla.</p>
  958.  
  959. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus sem vel mauris porttitor sit amet adipiscing odio interdum. Nunc non magna sit amet augue rutrum laoreet in in nulla. Nunc et malesuada orci. Sed metus enim, venenatis tincidunt tincidunt a, malesuada nec dolor. Nam volutpat, augue fringilla mattis venenatis, odio ipsum porta sapien, et tincidunt tortor erat quis nulla. Mauris dictum laoreet purus, et gravida magna aliquet quis. Phasellus sollicitudin tortor ut leo fringilla sed scelerisque diam suscipit. Donec non tortor id ante adipiscing tempus vitae et massa. Donec risus nisl, tincidunt quis facilisis blandit, lacinia vestibulum nulla.</p>
  960.  
  961. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus sem vel mauris porttitor sit amet adipiscing odio interdum. Nunc non magna sit amet augue rutrum laoreet in in nulla. Nunc et malesuada orci. Sed metus enim, venenatis tincidunt tincidunt a, malesuada nec dolor. Nam volutpat, augue fringilla mattis venenatis, odio ipsum porta sapien, et tincidunt tortor erat quis nulla. Mauris dictum laoreet purus, et gravida magna aliquet quis. Phasellus sollicitudin tortor ut leo fringilla sed scelerisque diam suscipit. Donec non tortor id ante adipiscing tempus vitae et massa. Donec risus nisl, tincidunt quis facilisis blandit, lacinia vestibulum nulla.</p>
  962.  
  963. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rhoncus sem vel mauris porttitor sit amet adipiscing odio interdum. Nunc non magna sit amet augue rutrum laoreet in in nulla. Nunc et malesuada orci. Sed metus enim, venenatis tincidunt tincidunt a, malesuada nec dolor. Nam volutpat, augue fringilla mattis venenatis, odio ipsum porta sapien, et tincidunt tortor erat quis nulla. Mauris dictum laoreet purus, et gravida magna aliquet quis. Phasellus sollicitudin tortor ut leo fringilla sed scelerisque diam suscipit. Donec non tortor id ante adipiscing tempus vitae et massa. Donec risus nisl, tincidunt quis facilisis blandit, lacinia vestibulum nulla.</p>
  964.  
  965. </div><div class="pic"><img src="{image:about me pic}">
  966. </div></div></div>
  967. <a href="javascript:unhide('displaybx');"><div id="askbutton">ask</div></a>
  968. <div id="displaybx" class="hidden">
  969.  
  970.  
  971. <div id="askage">
  972. <div class="faq">
  973.  
  974. <!--this is where your faq goes! You put the questions between the <p><b> </b></p> tags and just put your answers outside them! Simple simple :)-->
  975.  
  976. <p><b>Do you follow back?</b></p>
  977. no soz
  978.  
  979. <p><b><br>can i haz ur autograph?</b></p>
  980. no im too cool
  981.  
  982. <p><b><br>why are u too cool?</b></p>
  983. ugh bitch plz just swerve ok
  984.  
  985. <p><b><br>swiggity swag whats in the bag?</b></p>
  986. pls dont even go there ok just leave before you embarrass yourself
  987.  
  988. <p><b><br>is posypayne actually cool?</b></p>
  989. wow i love jess she's like not white but white i swear
  990.  
  991. <p><b><br>date me?</b></p>
  992. im actually dating my cheesecake rn maybe we can sort something out later im on the last slice
  993.  
  994. <br><p><p>
  995.  
  996. <br></div>
  997.  
  998. <!-- remember to change your url in this string of code right here! Dont want username to recieve your asks lol -->
  999.  
  1000. <div id="ask"><iframe frameborder="0" height="250" scrolling="no" src="http://www.tumblr.com/ask_form/username.tumblr.com" width="300"></iframe></div></div>
  1001. </p>
  1002.  
  1003. </div>
  1004. </div>
  1005.  
  1006. <div id="sidebar">
  1007.  
  1008. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
  1009. <div id="description">{Description}</div>
  1010. <div id="links">
  1011. <a href="{text:home link}">{text:home link title}</a>
  1012. <a href="{text:ask link}">{text:ask link title}</a>
  1013. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  1014. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  1015. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  1016. </div>
  1017. {block:Pagination}
  1018. <div id="pagination">
  1019. {block:PreviousPage}
  1020. <a href="{PreviousPage}">BACK</a>
  1021. {/block:PreviousPage}
  1022. {block:NextPage}
  1023. <a href="{NextPage}">NEXT</a>
  1024. {/block:NextPage}
  1025. </div>
  1026. {/block:Pagination}
  1027. </div>
  1028.  
  1029. </div>
  1030.  
  1031. <div id="post">
  1032.  
  1033. {block:Posts}</div>
  1034.  
  1035. <div id="entries">
  1036.  
  1037. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1038.  
  1039. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1040.  
  1041. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1042.  
  1043. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  1044.  
  1045. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1046.  
  1047. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  1048.  
  1049. {block:Audio}
  1050. <div class="audio">
  1051. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  1052. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1053.  
  1054. <div class="audio-info">
  1055. {block:TrackName}{TrackName}<BR>{/block:TrackName}
  1056. {block:Artist}{Artist}<BR>{/block:Artist}
  1057. {block:Album}{Album}<BR>{/block:Album}
  1058. {block:PlayCount}{PlayCount} plays<BR>{/block:PlayCount}
  1059. </div></div>
  1060. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  1061. {/block:Audio}
  1062.  
  1063. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1064.  
  1065. {block:Answer}<div class="question">{Question}</div><div class="answer">{Answer}</div><div id="name">{Asker}</div><div class="icon"><img src="{AskerPortraitURL-24}"</a></div><div id="tri"></div>{/block:answer}
  1066.  
  1067.  
  1068.  
  1069. {block:Date}<div id="info"><div class="notes"><a href="{Permalink}">&#9829; {NoteCount}</div></a><div class="date"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</div></a>
  1070. {block:ContentSource} <div class="source">{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} / origin: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  1071. {block:HasTags}
  1072. <div class="tags">
  1073. {block:Tags}<a href="{TagURL}">#{Tag}</a>,{/block:Tags}</div>
  1074. {/block:HasTags}
  1075. <div class="postnote">
  1076. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1077. </div>
  1078. </div>
  1079. {/block:Posts}
  1080.  
  1081. <div style="font-size: 9px; letter-spacing: 1px; float: right; position: fixed; bottom: 10px; right: 5px; text-transform:lowercase;"><a href="http://elctra.tumblr.com"><img src="http://static.tumblr.com/smal9bi/3MXmn9vsh/icon_3.png"></a></div>
  1082.  
  1083. </body>
  1084.  
  1085. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!