API tools faq
paste
Advertisement
Guest User

the hot mess

a guest
Mar 26th, 2017
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.51 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.  
  3. <!--
  4. *********************************
  5. *********************************
  6. *** ------ created by ------- ***
  7. *** THEMESBYERIS.TUMBLR.COM ***
  8. *** ------------------------- ***
  9. *** Please do not remove ***
  10. *** the credit, thank you. ***
  11. *********************************
  12. *********************************
  13. -->
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18.  
  19.  
  20. <meta name="image:Sidebar Avatar" content="http://static.tumblr.com/ar04e8q/oaKnpdg0i/avatar.jpg" />
  21. <meta name="image:Heading Pic" content="http://static.tumblr.com/ar04e8q/oaKnpdg0i/avatar.jpg"/>
  22. <meta name="image:Banner" content="http://i.imgur.com/lD6uAUJ.png"/>
  23.  
  24. <meta name="image:OC1" content="http://i.imgur.com/b6PjJKd.png"/>
  25. <meta name="image:OC2" content="http://i.imgur.com/KeTV865.png"/>
  26. <meta name="image:OC3" content="http://i.imgur.com/sHPTrNa.png"/>
  27.  
  28. <meta name="color:Banner Links Top" content="#673d49" />
  29. <meta name="color:Banner Links Border" content="#192e39" />
  30. <meta name="color:Background One" content="#673d49" />
  31. <meta name="color:Banner Links Text" content="#ffffff" />
  32. <meta name="color:Post Accent" content="#4c333a" />
  33. <meta name="color:Post Background" content="#000000" />
  34. <meta name="color:Post Text" content="#cccccc" />
  35. <meta name="color:Post Titles" content="#ffffff" />
  36. <meta name="color:Post Links" content="#858c8f" />
  37. <meta name="color:Post Links Hover" content="#527586" />
  38.  
  39. <meta name="font:Banner Link Font" content="Georgia" />
  40. <meta name="font:Title Font" content="Georgia" />
  41. <meta name="font:Main Font" content="Verdana" />
  42.  
  43. <meta name="text:Sidebar Title" content="Title" />
  44. <meta name="text:Heading Gap Before Image" content="20px" />
  45.  
  46. <meta name="if:Show Archive Link" content="1" />
  47. <meta name="if:Show RSS Link" content="0" />
  48.  
  49.  
  50. <title>{Title}</title>
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52. <link rel="shortcut icon" href="{Favicon}" />
  53. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55.  
  56. <link href='http://fonts.googleapis.com/css?family={text:Heading Google Web Font Name}' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. body
  62. {
  63. background-color:{color:Background One};
  64. color:{color:Post Text};
  65. font-family:{font:Main Font},arial,sans-serif;
  66. font-size:12px;
  67. word-wrap:break-word;
  68. width:100%;
  69. height:100%;
  70. margin:0;
  71. padding:0;
  72. line-height:160%;
  73.  
  74. }
  75.  
  76.  
  77. img
  78. {
  79. max-width:100%;
  80. border:0; -webkit-border-radius:2px; -moz-border-radius:2px;
  81. border-radius:2px;
  82.  
  83. }
  84.  
  85. iframe
  86. {
  87. max-width:100%;
  88.  
  89. }
  90.  
  91. a
  92. {
  93. text-decoration:none;
  94. color:{color:Post Links};
  95.  
  96. }
  97.  
  98. a,a:hover
  99. {
  100. color:{color:Post Links Hover};
  101.  
  102. }
  103.  
  104. h1
  105. {
  106. font-size:24px;
  107. font-family:georgia,serif;
  108. font-family:{font:Title Font};
  109. font-weight:normal;
  110. margin:0 0 10px;
  111. color:{color:Post Titles};
  112. line-height:100%;
  113.  
  114. }
  115.  
  116. ol, ul
  117. {
  118. margin:3px 0 3px -15px;
  119.  
  120. }
  121.  
  122. blockquote
  123. {
  124. margin:0 0 0 10px;
  125. padding:0 0 0 10px;
  126. border-left:solid 2px #ffffff;
  127.  
  128. }
  129. .clear {clear:both;}
  130.  
  131. a:hover
  132. {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
  133.  
  134.  
  135. /***banner***/
  136.  
  137. #banner .img
  138. {
  139. margin: auto;
  140. height: 600px;
  141. padding: 10px;
  142.  
  143. }
  144. .inner {width:900px; margin: auto;}
  145. #banner .left {width 300px; float:left;}
  146. #banner .right {width: 560px; float:right;}
  147.  
  148. /*********HEADER*********/
  149. #header
  150. {
  151. height: 100px;
  152. }
  153.  
  154. .inner {width:900px; margin:auto;}
  155. #header .left {width:300px; float:left;}
  156. #header .right {width:560px; float:right;}
  157.  
  158.  
  159.  
  160.  
  161. /***Header Picture***/
  162. /*#header .picture
  163. {
  164. width:260px;
  165. height:360px;
  166. background-size:contain;
  167. background-repeat:no-repeat;
  168. background-position:center
  169. }
  170.  
  171. #header .picture.custom
  172. {
  173. background-image: url({image:Heading Pic});}
  174.  
  175.  
  176.  
  177. /***Header Top Links***/
  178. #header .linksone
  179. {
  180. margin:15px 0;
  181. background-color: #000
  182. }
  183.  
  184. #header .linksone .border {opacity:0.2;}
  185.  
  186. #header .linkstwo .border {opacity:0.1;}
  187.  
  188. #header .border
  189. {
  190. display:block;
  191. height:1px;
  192.  
  193.  
  194. }
  195.  
  196. #header
  197. table
  198. {
  199. width:100%;
  200. border-collapse:collapse;
  201.  
  202. }
  203.  
  204. #header
  205. table tr td
  206. {
  207. font:14px {font:Banner Link Font},georgia;
  208. text-align:center;
  209. padding:10px 0;
  210. border-style:ridge;
  211. border-width:0 2px;
  212. border-color:{color:Banner Links Border};
  213.  
  214. }
  215.  
  216. #header .linkstwo table tr td {border-color:rgba(120,120,120,0.15);}
  217. #header table tr td:first-child {border-left:0;}
  218. #header table tr td:last-child {border-right:0;}
  219. #header table tr td a {color:{color:Banner Links Text};}
  220. #header table tr td a:hover {color:rgba({RGBcolor:Banner Links Text},0.75);}
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227.  
  228. /*********MAIN CONTENT*********/
  229. #content
  230. {
  231. background:{color:Background One}
  232. margin:auto;
  233. padding:20px 0 50px;
  234.  
  235. }
  236.  
  237. #content .inner
  238. {
  239. width:900px;
  240. margin:auto;
  241.  
  242. }
  243.  
  244.  
  245. /***Posts***/
  246. #post
  247. {
  248. width:500px;
  249. padding:30px;
  250. margin:auto;
  251. background-color:rgba({RGBcolor:Post Background},0.1);
  252. -webkit-border-radius:4px;
  253. -moz-border-radius:4px;
  254. border-radius:4px;
  255. border-color:{color:Post Accent};
  256. border-style:solid;
  257. border-width:0 1px;
  258. float:right;
  259.  
  260. }
  261.  
  262. #post h1
  263. {
  264. margin:-52px 0 20px;
  265.  
  266. }
  267.  
  268. #post .photo
  269. {
  270. display:block;
  271. margin-bottom:20px;
  272. width:100%;
  273.  
  274. }
  275.  
  276. #post .media
  277. {
  278. margin-bottom:20px;
  279.  
  280. }
  281. #post .audio
  282. {
  283. width:160px;
  284. height:160px;
  285. line-height:18px;
  286.  
  287. }
  288.  
  289. #post .audio img.art
  290. {
  291. display:block;
  292. width:100%;
  293. height:100%;
  294. float:left;
  295. margin-right:30px;
  296.  
  297. }
  298. #post .audio .info
  299. {
  300. width:310px;
  301. position:relative;
  302. padding-top:30px;
  303.  
  304. }
  305. #post .audio .player
  306. {
  307. width:227px;
  308. height:27px;
  309. position:absolute;
  310. top:0;
  311. left:190px;
  312.  
  313. }
  314. #post .quote
  315. {
  316. font-style:italic;
  317. margin:0 0 20px;
  318.  
  319. }
  320. #post ul.chat
  321. {
  322. list-style-type:none;
  323. margin:0 0 0 -40px;
  324.  
  325. }
  326. #post ul.chat li
  327. {
  328. padding:5px 10px;
  329.  
  330. }
  331. #post ul.chat li:nth-child(odd)
  332. {
  333. background-color:rgba({RGBcolor:Post Background},0.1);
  334. -webkit-border-radius:4px;
  335. -moz-border-radius:4px;
  336. border-radius:4px;
  337.  
  338. }
  339. #post .link a
  340. {
  341. color:{color:Post Links Hover};
  342.  
  343. }
  344. #post .link a:hover
  345. {
  346. color:{color:Post Links};
  347.  
  348. }
  349. #post .question
  350. {
  351. position:relative;
  352.  
  353. }
  354. #post .question img.portrait
  355. {
  356. width:64px;
  357. height:64px;
  358. position:absolute;
  359. bottom:0;
  360. left:0;
  361.  
  362. }
  363. #post .question div
  364. {
  365. padding:26px 30px;
  366. margin-left:94px;
  367. background-color:rgba({RGBcolor:Post Background},0.1);
  368. -webkit-border-radius:4px;
  369. -moz-border-radius:4px;
  370. border-radius:4px;
  371. position:relative;
  372. min-height:12px;
  373.  
  374. }
  375. #post .question div span.nib
  376. {
  377. display:block;
  378. width:0;
  379. height:0;
  380. border-color:transparent rgba({RGBcolor:Post Background},0.1) transparent transparent;
  381. border-style:solid;
  382. border-width:20px 20px 20px 0;
  383. position:absolute;
  384. bottom:10px;
  385. left:-20px;
  386.  
  387. }
  388.  
  389. #footer
  390. {
  391. width:560px;
  392. padding:10px 0 40px;
  393. margin:auto;
  394. float:right;
  395. text-align:center;
  396. color:{color:Post Links};
  397.  
  398. }
  399. #footer .lineone span:last-child
  400. {
  401. display:none;
  402.  
  403. }
  404.  
  405. #notecontainer
  406. {
  407. width:500px;
  408. float:right;
  409. padding:20px 30px;
  410.  
  411. }
  412. #notecontainer ol
  413. {
  414. list-style-type:none;
  415. margin:0;
  416. padding:0;
  417.  
  418. }
  419. #notecontainer li
  420. {
  421. padding: 10px 0;
  422.  
  423. }
  424. #notecontainer img.avatar
  425. {
  426. width:16px;
  427. height:16px;
  428. margin-right:10px;
  429. position:relative;
  430. top:3px;
  431.  
  432. }
  433. #notecontainer blockquote
  434. {
  435. border:0;
  436. padding:5px 30px;
  437. margin:5px 0 0 0;
  438. background-color:rgba({RGBcolor:Post Background},0.1);
  439. -webkit-border-radius:4px;
  440. -moz-border-radius:4px;
  441. border-radius:4px;}
  442.  
  443. /***Pagination***/
  444. #pagination
  445. {
  446. text-align:center;
  447. padding:30px 0 30px 340px;
  448.  
  449. }
  450.  
  451. /***Sidebar***/
  452. #sidebar
  453. {
  454. width:240px;
  455. float: left;
  456. padding:30px;
  457. margin-bottom:50px;
  458. background-color:rgba({RGBcolor:Post Background},0.1);
  459.  
  460. }
  461.  
  462. #sidebar h1
  463. {
  464. text-align:center;
  465. margin:30px;
  466. padding:0 0 20px;
  467.  
  468. }
  469.  
  470. /**#sidebar img.avatar
  471. {
  472. width:100%;
  473. height:auto;
  474. display:block;
  475. margin-bottom:20px;
  476.  
  477. }
  478.  
  479.  
  480. /***OC buttons**/
  481. .container {
  482. position:absolute;
  483. top:20%;
  484. left:10%;
  485. height: 200px;
  486. width: 200px;
  487.  
  488.  
  489.  
  490. }
  491.  
  492. .image2 {
  493. position: relative;
  494. display: block;
  495. width: 25%;
  496. margin-bottom:20px;
  497.  
  498.  
  499.  
  500. }
  501.  
  502. .overlay {
  503. position: absolute;
  504. top: 0;
  505. bottom: 0;
  506. left: 0;
  507. right: 0;
  508. height: 200px;
  509. width: 200px;
  510. opacity: 0;
  511. transition: .5s ease;
  512. background-color: #000;
  513. border-radius:50%
  514.  
  515. }
  516.  
  517. .container:hover .overlay {
  518. opacity: 1;
  519. }
  520.  
  521. .text {
  522. color: white;
  523. font-size: 20px;
  524. font-family: Verdana;
  525. position: absolute;
  526. top: 50%;
  527. left: 50%;
  528. transform: translate(-50%, -50%);
  529. -ms-transform: translate(-50%, -50%);
  530. }
  531.  
  532. /**DROPDOWN STUFF**/
  533. #divMenu, ul, li, li li {
  534. margin: 0;
  535. padding: 0;
  536. width:90px;
  537.  
  538. }
  539.  
  540.  
  541.  
  542. #divMenu ul
  543. {
  544. line-height: 20px;
  545.  
  546.  
  547. }
  548.  
  549. #divMenu li {
  550. list-style: none;
  551. position: relative;
  552. top: 60px;
  553. background: #000;
  554. }
  555. /*
  556. #divMenu li li {
  557. list-style: none;
  558. position: relative;
  559. background: grey;
  560. right: 200px;
  561. margin: auto;
  562. }
  563. */
  564.  
  565. #divMenu ul li a {
  566. width: 100px;
  567. height: 25px;
  568. display: block;
  569. margin: 0;
  570. text-decoration: none;
  571. text-align: center;
  572. font-family: Verdana,'Times New Roman',serif;
  573. color:#fff;
  574.  
  575. }
  576.  
  577. #divMenu ul ul {
  578. position: absolute;
  579. visibility: hidden;
  580. top: 27px;
  581. }
  582.  
  583. #divMenu ul li:hover ul {
  584. visibility: visible;
  585. }
  586.  
  587. #divMenu li:hover {
  588. background-color: black;
  589. }
  590.  
  591. #divMenu ul li:hover ul li a:hover {
  592. background-color: #17141d;
  593. }
  594.  
  595. #divMenu a:hover {
  596. font-weight: bold;
  597. }
  598. /***in case you wanna put the sidebar icon back in, put this under sidebar title
  599. <img class="avatar" src="{image:Sidebar Avatar}" /> ***/
  600.  
  601. /***Custom CSS***/
  602. {CustomCSS}
  603.  
  604. </style>
  605.  
  606.  
  607.  
  608. </head>
  609. <body>
  610. <div id="content">
  611. <div class="inner">
  612.  
  613.  
  614. <div id="sidebar">
  615. <h1>{text:Sidebar Title}</h1>
  616.  
  617. <center>{Description}</center>
  618.  
  619. </div>
  620.  
  621.  
  622. <div id="header">
  623. <div class="inner">
  624. <div class="left">
  625. <div class="picture {select:Heading Picture}"></div>
  626.  
  627. </div>
  628. <div class="right">
  629. <div class="frame">
  630. <span class"border"></span>
  631. <img src="{image:Banner}" />
  632. </div>
  633.  
  634. <div class="right">
  635. <div class="linksone">
  636. <span class="border"></span>
  637. <table><tr>
  638. <td><a href="/">Index</a></td>
  639. {block:AskEnabled}
  640. <td><a href="/ask">{AskLabel}</a></td>
  641. {/block:AskEnabled}
  642. {block:SubmissionsEnabled}
  643. <td><a href="/submit">{SubmitLabel}</a></td>
  644. {/block:SubmissionsEnabled}
  645. {block:ifShowArchiveLink}
  646. <td><a href="/archive">Archive</a></td>
  647. {/block:ifShowArchiveLink}
  648. {block:ifShowRSSLink}
  649. <td><a href="/rss">RSS</a></td>
  650. {/block:ifShowRSSLink}
  651. </tr></table>
  652. <span class="border"></span>
  653. </div>
  654.  
  655.  
  656.  
  657. <div class="linkstwo">
  658. <span class="border"></span>
  659. {block:HasPages}
  660. <table><tr>
  661. {block:Pages}<td>
  662. <a href="{URL}">{Label}</a>
  663. </td>{/block:Pages}
  664. </tr></table>
  665. {/block:HasPages}
  666. <span class="border"></span>
  667. </div>
  668.  
  669. </div>
  670. <br class="clear" />
  671. <br class="clear" />
  672. </div></div>
  673.  
  674.  
  675.  
  676.  
  677.  
  678.  
  679.  
  680.  
  681.  
  682. {block:Posts}
  683. <div id="post">
  684.  
  685. {block:Photo}
  686. {LinkOpenTag}<img class="photo" src="{PhotoURL-500}" />{LinkCloseTag}
  687. {block:Caption}{Caption}{/block:Caption}
  688. {/block:Photo}
  689.  
  690. {block:Photoset}
  691. <div class="media">{Photoset-500}</div>
  692. {block:Caption}{Caption}{/block:Caption}
  693. {/block:Photoset}
  694.  
  695. {block:Video}
  696. <div class="media">{Video-500}</div>
  697. {block:Caption}{Caption}{/block:Caption}
  698. {/block:Video}
  699.  
  700. {block:Audio}
  701. <div class="audio">
  702. {block:AlbumArt}
  703. <img class="art" src="{AlbumArtURL}" />
  704. {/block:AlbumArt}
  705. <div class="info">
  706. <div{block:AlbumArt} class="player"{/block:AlbumArt}>
  707. {AudioPlayer}
  708. </div>
  709. {block:PlayCount}<br />
  710. <strong>Plays:</strong> {FormattedPlayCount}
  711. {/block:PlayCount}
  712. {block:TrackName}<br />
  713. <strong>Track Name:</strong> {TrackName}
  714. {/block:TrackName}
  715. {block:Album}<br />
  716. <strong>Album:</strong> {Album}
  717. {/block:Album}
  718. {block:Artist}<br />
  719. <strong>Artist:</strong>{Artist}
  720. {/block:Artist}
  721. </div>
  722. <br class="clear" />
  723. </div>
  724. {block:Caption}{Caption}{/block:Caption}
  725. {/block:Audio}
  726.  
  727. {block:Quote}
  728. <h1 class="quote">“{Quote}”</h1>
  729. {block:Source}—&nbsp;{Source}{/block:Source}
  730. {/block:Quote}
  731.  
  732. {block:Text}
  733. {block:Title}<h1>{Title}</h1>{/block:Title}
  734. {Body}
  735. {/block:Text}
  736.  
  737. {block:Answer}
  738. <div class="question">
  739. <img title="{PlaintextAsker}" class="portrait" src="{AskerPortraitURL-64}" />
  740. <div>
  741. {Question}
  742. <span class="nib"></span>
  743. </div>
  744. </div>
  745. {Replies}
  746. {block:Answer}
  747.  
  748. {block:Chat}
  749. {block:Title}
  750. <h1>{Title}</h1>
  751. {/block:Title}
  752. <ul class="chat">{block:Lines}<li>
  753. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}
  754. </li>{/block:Lines}</ul>
  755. {/block:Chat}
  756.  
  757. {block:Link}
  758. <h1 class="link"><a href="{URL}">{Name}</a></h1>
  759. {block:Description}{Description}{/block:Description}
  760. {/block:Link}
  761.  
  762.  
  763.  
  764. </div> <!--post-->
  765.  
  766.  
  767.  
  768. {block:Date}
  769. <div id="footer">
  770. <div class="lineone"></div>
  771. <a href="{Permalink}">{TimeAgo}</a>
  772. {block:NoteCount}
  773. <span>&nbsp;•&nbsp;</span>
  774. <a href="{Permalink}">{NoteCountWithLabel}</a>
  775. {/block:NoteCount}
  776. {block:ContentSource}
  777. <span>&nbsp;•&nbsp;</span>
  778. Source:&nbsp;<a href="{SourceURL}">{SourceTitle}</a>
  779. {/block:ContentSource}
  780. {block:RebloggedFrom}
  781. <span>&nbsp;•&nbsp;</span>
  782. Via:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>
  783. {/block:RebloggedFrom}
  784. {block:HasTags}<div class="linetwo">
  785. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}
  786. </div>{/block:HasTags}
  787. </div> <!--footer-->
  788. {/block:Date}
  789.  
  790. {block:PostNotes}
  791. <div id="notecontainer">{PostNotes}</div>
  792. {/block:PostNotes}
  793.  
  794.  
  795. {/block:Posts}
  796.  
  797.  
  798. {block:Pagination}
  799. <br class="clear" />
  800. <div id="pagination">
  801. {block:PreviousPage}
  802. <a href="{PreviousPage}">{lang:Previous}</a>
  803. {block:NextPage} | {/block:NextPage}
  804. {/block:PreviousPage}
  805. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  806. </div> <!--pagination-->
  807. {/block:Pagination}
  808.  
  809.  
  810. <br class="clear" />
  811. </div></div> <!--content-->
  812.  
  813. <div id="bottom"></div>
  814.  
  815. <!--buttons-->
  816.  
  817. <center>
  818. <div id="divMenu">
  819. <div class="container">
  820. <img src="http://i.imgur.com/b6PjJKd.png" class="image">
  821. <div class="overlay">
  822. <li><div class="text">BREAKNECK</div>
  823. <ul>
  824. <li><a href="/breakneckbio">BIO</a></li>
  825. <li><a href="/tagged/breakneck">ART TAG</a></li>
  826. </ul>
  827. </li>
  828.  
  829. </div>
  830.  
  831. <!--
  832. <div id="divMenu">
  833. <div class="container">
  834. <img src="http://i.imgur.com/KeTV865.png" class="image">
  835. <div class="overlay">
  836. <li><div class="text">HEXEL</div>
  837. <ul>
  838. <li><a href="/hexelbio">BIO</a></li>
  839. <li><a href="/tagged/hexel">ART TAG</a></li>
  840. </ul>
  841. </li>
  842. </div>
  843.  
  844.  
  845. <div id="divMenu">
  846. <div class="container">
  847. <img src="http://i.imgur.com/sHPTrNa.png" class="image">
  848. <div class="overlay">
  849. <li><div class="text">SUBTERFUGE</div>
  850. <ul>
  851. <li><a href="/sugterfugebio">BIO</a></li>
  852. <li><a href="/tagged/subterfuge">ART TAG</a></li>
  853. </ul>
  854. </li>
  855. </div> -->
  856. </center>
  857.  
  858. </body>
  859. </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!