Advertisement
Guest User

Untitled

a guest
Mar 4th, 2015
222
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.46 KB | None | 0 0
  1. <!--- 'WHAT'S YOUR DAMAGE?' THEME BY SAILORMOONRPS --->
  2. <!--- please don't steal/use as base code --->
  3. <!--- we will fight if u do (ง'̀-'́)ง --->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head>
  9. <script src="http://tympanus.net/Development/ModalWindowEffects/js/modernizr.custom.js"></script>
  10. <head><title>{Title}</title>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}">
  15.  
  16. <meta name="color:bg" content="#8c403b"/>
  17. <meta name="color:posts" content="#8c403b"/>
  18. <meta name="color:border" content="#edddcd"/>
  19. <meta name="color:text" content="#edddcd"/>
  20. <meta name="color:description" content="#8c403b"/>
  21. <meta name="color:post links" content="#edddcd"/>
  22. <meta name="color:pagination" content="#8c403b"/>
  23. <meta name="color:sb" content="#f7f0de"/>
  24. <meta name="color:sb back" content="#8c403b"/>
  25.  
  26. <meta name="image:link1" content="http://static.tumblr.com/1ddb188c6fcdb08a5e11ed2260e6b23a/foqphue/cOynaw8u0/tumblr_static_bsnbw4qfqxkcocwk8o4sckw4.png"/>
  27. <meta name="image:link2" content="http://static.tumblr.com/84e79668a4bae465a1b08d5f604110c9/foqphue/hghnaw8u0/tumblr_static_aiq7itxc09kc0gw8ow0kogg8g.png"/>
  28. <meta name="image:link3" content="http://static.tumblr.com/a8d7d208102ca1ec00c75ea0e0be71b1/foqphue/sUznaw8u0/tumblr_static_c471ftkgnvkk0gsksw00go88c.png"/>
  29. <meta name="image:sb" content="http://static.tumblr.com/da32f087bba7f59192df7e99687d0e49/foqphue/dLDnaw88a/tumblr_static_5hp9v9nze0sgo0c40gw4cgss0.gif"/>
  30. <meta name="image:background" content="http://static.tumblr.com/07e70c7d7782877a15d6edd0882a3ff1/foqphue/L0unaw8d1/tumblr_static_6orzs11lyjk0swo8og8kw4wks.png"/>
  31.  
  32.  
  33. <style type="text/css">
  34.  
  35. /*theme for the heathers rp made by sailormoonrps aka the owner so get off of the source page u frick*/
  36.  
  37. /*CREDIT*/
  38.  
  39. #puta {
  40. position:fixed;
  41. bottom:5px;
  42. right:15px;
  43. background-color:#dcd7c6;
  44. border:1px solid #736770;
  45. padding-right:5px;
  46. padding-left:5px;
  47. padding-top:2px;
  48. padding-bottom:5px;
  49. z-index:9999;
  50. }
  51.  
  52. #puta a {
  53. color: #5a5957;
  54. font-size:8px;
  55. }
  56.  
  57. /*MAIN STUFFS*/
  58.  
  59. body {
  60. font-family:arial;
  61. font-size:10px;
  62. letter-spacing:1px;
  63. line-height:100%;
  64. color:{color:text};
  65. text-align:justify;
  66. border-top:3px solid {color:border};
  67. background:{color:bg};
  68. margin:0px;
  69. background: url('{image:background}') repeat;
  70. overflow-y:scroll;
  71. background-attachment:fixed;
  72. }
  73.  
  74. /*FONT STUFF*/
  75.  
  76. a, a:visited {
  77. color:{color:post links};
  78. text-decoration:none;
  79. }
  80.  
  81. a:hover {
  82. color:#f7f0de;
  83. }
  84.  
  85. small {
  86. font-family:arial;
  87. font-size:10px;
  88. letter-spacing:1px;
  89. line-height:100%;
  90. color:{color:text};
  91. }
  92.  
  93. b, strong, {
  94. color:#736770;
  95. }
  96.  
  97. i, em {
  98. color:#93969b;
  99. }
  100.  
  101. pre {
  102. font-size:19px;
  103. background-color:#71646d;
  104. padding:10px;
  105. font-family:cambria;
  106. letter-spacing:-1px;
  107. font-weight:bold;
  108. }
  109.  
  110. h1 {
  111. font-family:cambria;
  112. font-size:19px;
  113. letter-spacing:-1px;
  114. text-transform:lowercase;
  115. line-height:10px;
  116. padding-bottom:3px;
  117. text-align:center;
  118. }
  119.  
  120. big {
  121. font-family:cambria;
  122. font-size:16px;
  123. letter-spacing:-1px;
  124. text-transform:lowercase;
  125. font-weight:bold;
  126. }
  127.  
  128. .hovery em, b, strong, i {
  129. color:#b7c3c6;
  130. }
  131.  
  132. /*BLOCKQUOTE*/
  133.  
  134. blockquote {
  135. margin-left:15px;
  136. padding-left:9px;
  137. border-left:2px solid;
  138. }
  139.  
  140. .blockquote img {
  141. max-width:300px;
  142. }
  143.  
  144. /*ENTRIES/POSTS*/
  145.  
  146. #entries {
  147. width:500px;
  148. margin-left:580px;
  149. margin-top:20px;
  150. position:absolute;
  151. }
  152.  
  153. #post {
  154. width:500px;
  155. margin-top:5px;
  156. padding-bottom:5px;
  157. padding-right:10px;
  158. padding-left:10px;
  159. padding-top:5px;
  160. background-color:{color:posts};
  161. border:1px solid {color:border};
  162. }
  163.  
  164. /*SIDEBAR*/
  165.  
  166. #sb {
  167. width:200px;
  168. margin-left:300px;
  169. margin-top:100px;
  170. position:fixed;
  171. }
  172.  
  173. #sb2 img {
  174. height:310px;
  175. width:264px;
  176. position:fixed;
  177. border:2px solid {color:border};
  178. background-color:{color:posts};
  179. }
  180.  
  181. /*SIDEBAR HOVER*/
  182.  
  183. .hovery {
  184. position:fixed;
  185. opacity:0;
  186. width:227px;
  187. height:272px;
  188. padding:20px;
  189. transition: all 0.5s ease-in-out;
  190. background-color:{color:posts};
  191. }
  192.  
  193. #sb2:hover .hovery {
  194. opacity:.7;
  195. transition: all 0.4s ease-in-out;
  196. }
  197.  
  198. /*DESCRIPTION*/
  199.  
  200. #desc {
  201. height:56px;
  202. width:252px;
  203. margin-top:315px;
  204. overflow-y:auto;
  205. position:fixed;
  206. padding:6px;
  207. line-height:140%;
  208. text-align:center;
  209. color:{color:description};
  210. border:2px solid {color:border};
  211. background-color:{color:border};
  212. }
  213.  
  214. #desc a{
  215. color:#736770;
  216. }
  217.  
  218. /*LINKS*/
  219.  
  220. .links {
  221. width:200px;
  222. position:fixed;
  223. display:block;
  224. margin-top:12px;
  225. margin-left:-262px;
  226. }
  227.  
  228. .links img {
  229. margin-left:60px;
  230. }
  231.  
  232. /*PERMALINK DETAILZ*/
  233.  
  234. #info {
  235. text-align:center;
  236. font-family:arial;
  237. letter-spacing:1px;
  238. font-size:7px;
  239. font-style:none;
  240. line-height:10px;
  241. text-transform:lowercase;
  242. padding:5px;
  243. background-color:{color:bg};
  244. border-color:{color:Border};
  245. }
  246.  
  247. #info a {
  248. text-align:center;
  249. color:#c6cccd;
  250. }
  251.  
  252. .sidebar a {
  253. color:#736770;
  254. }
  255.  
  256. #info a:hover {
  257. color:#c6cccd;
  258. transition: all 0.4s ease-in-out;
  259. }
  260.  
  261. #tags {
  262. width:489px;
  263. text-align:right;
  264. font-size:7px;
  265. opacity:1;
  266. transition-duration: 0.5s;
  267. -moz-transition-duration: 0.5s;
  268. -webkit-transition-duration: 0.5s;
  269. -o-transition-duration: 0.5s
  270. color:{color:post links};
  271. }
  272.  
  273. #tags a {
  274. font-family:arial;
  275. text-decoration:none;
  276. display:inline-block;
  277. letter-spacing:0px;
  278. }
  279.  
  280. #tags a:hover {
  281. color:#c4a995;
  282. transition: all 0.4s ease-in-out;
  283. }
  284.  
  285. #notes {
  286. font-family:cambria;
  287. text-transform:uppercase;
  288. }
  289.  
  290. #notes li{
  291. list-style-type:none;
  292. background-color:{color:posts};
  293. padding:6px;
  294. }
  295.  
  296. /*PAGINATION*/
  297.  
  298. #pagination {
  299. overflow-y:auto;
  300. height:15px;
  301. width:256px;
  302. margin-top:-28px;
  303. position:fixed;
  304. padding-left:4px;
  305. padding-right:4px;
  306. padding-bottom:2px;
  307. padding-top:6px;
  308. text-align:center;
  309. color:{color:description};
  310. background-color:{color:border};
  311. border:2px solid {color:border};
  312. }
  313.  
  314. #pagination a {
  315. font-style:bold;
  316. font-family:georgia;
  317. font-weight:bold;
  318. letter-spacing:3px;
  319. font-size:8px;
  320. padding:5px;
  321. color:{color:pagination};
  322. text-align:center;
  323. text-transform:uppercase;
  324. }
  325.  
  326. #pagination a:hover {
  327. color:#f2e6da;
  328. }
  329.  
  330. /*SCROLLBAR AND SELECTION*/
  331.  
  332. ::-webkit-scrollbar {
  333. height:10px;
  334. width:3px;
  335. background-color:{color:sb back};
  336. }
  337.  
  338. ::-webkit-scrollbar-thumb {
  339. height:auto;
  340. width:auto;
  341. background-color:{color:sb};
  342. border:1px solid {color:sb back};
  343. }
  344.  
  345. ::selection {
  346. color: {color:posts};
  347. background: {color:bg};
  348. }
  349.  
  350. ::-moz-selection {
  351. color: {color:posts};
  352. background: {color:bg};
  353. }
  354.  
  355. ::-webkit-selection {
  356. color: {color:posts};
  357. background: {color:bg};
  358. }
  359.  
  360. /*QUESTION*/
  361.  
  362. #asker {
  363. padding:14px;
  364. font-size:11px;
  365. letter-spacing:0px;
  366. text-align:left;
  367. margin-top:0px;
  368. border:1px dashed #a59da3;
  369. text-transform:lowercase;
  370. line-height:120%;
  371. color:#c7d2d3;
  372. }
  373.  
  374. /*SIDEBAR*/
  375.  
  376. button {
  377. width:205px;
  378. padding:0px;
  379. text-transform:uppercase;
  380. font-weight:normal;
  381. font-family:courier;
  382. border-bottom: 0px solid {color:Info Background};
  383. letter-spacing:1px;
  384. margin-bottom:2px;
  385. display:inline-block;
  386. font-size:9px;
  387. background-color:transparent;
  388. color:;
  389. }
  390.  
  391.  
  392. /*PUSH NAVIGATION*/
  393. .md-perspective,
  394. .md-perspective body {
  395. height: 100%;
  396. overflow: hidden;
  397. }
  398.  
  399. .md-perspective body {
  400. background: #222;
  401. -webkit-perspective: 400px;
  402. -moz-perspective: 400px;
  403. perspective: 400px;
  404. }
  405.  
  406. .container {
  407. background-color:red;
  408. min-height: 100%;
  409. }
  410.  
  411. .md-modal {
  412. position: fixed;
  413. top: 50%;
  414. left: 50%;
  415. width: 400px;
  416. max-width: 630px;
  417. min-width: 320px;
  418. height: auto;
  419. z-index: 2000;
  420. visibility: hidden;
  421. -webkit-backface-visibility: hidden;
  422. -moz-backface-visibility: hidden;
  423. backface-visibility: hidden;
  424. -webkit-transform: translateX(-50%) translateY(-50%);
  425. -moz-transform: translateX(-50%) translateY(-50%);
  426. -ms-transform: translateX(-50%) translateY(-50%);
  427. transform: translateX(-50%) translateY(-50%);
  428. }
  429.  
  430. .md-show {
  431. visibility: visible;
  432. }
  433.  
  434. .md-overlay {
  435. position: fixed;
  436. width: 100%;
  437. height: 100%;
  438. visibility: hidden;
  439. top: 0;
  440. left: 0;
  441. z-index: 1000;
  442. opacity: 0;
  443. background-color:black;
  444. -webkit-transition: all 0.3s;
  445. -moz-transition: all 0.3s;
  446. transition: all 0.3s;
  447. }
  448.  
  449. .md-show ~ .md-overlay {
  450. opacity: 1;
  451. visibility: visible;
  452. }
  453.  
  454. /* Content styles */
  455. .md-content {
  456. color:#dcd7c6;
  457. background:#5a5957;
  458. position: relative;
  459. border-radius: 0px;
  460. margin: 0 auto;
  461. }
  462.  
  463. .md-content h3 {
  464. font-family:cambria;
  465. font-size:24px;
  466. letter-spacing:-1px;
  467. margin: 0;
  468. padding: 0.4em;
  469. text-align: center;
  470. font-weight:bold;
  471. opacity: 100%;
  472. background-color:#dcd7c6;
  473. color:#5a5957;
  474. border-radius: 0px 0px 0 0;
  475. }
  476.  
  477. .md-content > div {
  478. padding: 15px 40px 10px;
  479. margin: 0;
  480. font-weight: 300;
  481. font-size: 1.15em;
  482. }
  483.  
  484. .md-content > div p {
  485. margin: 0;
  486. padding: 10px 0;
  487. }
  488.  
  489. .md-content > div ul {
  490. margin: 0;
  491. padding: 0 0 30px 20px;
  492. }
  493.  
  494. .md-content > div ul li {
  495. padding: 5px 0;
  496. }
  497.  
  498. .md-content button {
  499. display: block;
  500. margin: 0 auto;
  501. font-size: 0.8em;
  502. }
  503.  
  504. /* Individual modal styles with animations/transitions */
  505.  
  506. .md-effect-8.md-modal {
  507. -webkit-perspective: 1300px;
  508. -moz-perspective: 1300px;
  509. perspective: 1000px;
  510. }
  511.  
  512. .md-effect-8 .md-content {
  513. -webkit-transform-style: preserve-3d;
  514. -moz-transform-style: preserve-3d;
  515. transform-style: preserve-3d;
  516. -webkit-transform: rotateY(-70deg);
  517. -moz-transform: rotateY(-70deg);
  518. -ms-transform: rotateY(-70deg);
  519. transform: rotateY(-70deg);
  520. -webkit-transition: all 0.3s;
  521. -moz-transition: all 0.3s;
  522. transition: all 0.3s;
  523. opacity: 0;
  524. }
  525.  
  526. .md-show.md-effect-8 .md-content {
  527. -webkit-transform: rotateY(0deg);
  528. -moz-transform: rotateY(0deg);
  529. -ms-transform: rotateY(0deg);
  530. transform: rotateY(0deg);
  531. opacity: 1;
  532. }
  533.  
  534.  
  535. #s-m-t-tooltip{
  536. position:absolute;
  537. margin-top: 15px;
  538. z-index:9999;
  539. background:orange;
  540. }
  541.  
  542. #navi{margin-top:10px;
  543. width:100%;
  544. display:block;
  545. text-align:center;
  546. }
  547.  
  548. #navi a{
  549. width:90%;
  550. padding:10px;
  551. text-transform:uppercase;
  552. font-weight:normal;
  553. font-family:courier;
  554. border-bottom: 0px solid {color:Info Background};
  555. letter-spacing:1px;
  556. margin-bottom:2px;
  557. display:inline-block;
  558. font-size:9px;
  559. background-color:#736770;
  560. color:#93969b;
  561. }
  562.  
  563. {CustomCSS}
  564.  
  565. </style>
  566. </head>
  567.  
  568. <body>
  569.  
  570.  
  571. <div id="entries">
  572. {block:Posts}
  573. <div id="post">
  574.  
  575. {block:Text}
  576. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  577. </i>{Body}<br>{/block:Text}
  578.  
  579. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  580. {block:Caption}{Caption}{/block:Caption}<br>{/block:Photo}
  581.  
  582. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  583. {/block:Caption}<br>{/block:Photoset}
  584.  
  585. {block:Quote}<div style="width:490px;font-size:11px;padding:5px;background-color:{color:Border};color:{color:posts};">"{Quote}"</div><br/>
  586. {block:Source}<div class="qsource"> —{Source}</div>
  587. {/block:Source}<br>{/block:Quote}
  588.  
  589. {block:Link}<a href="{URL}" {Target} title="{Name}"><span style="font-weight:bold;letter-spacing:4px;font-family:cambria;font-size:14px;text-align:right;">{Name}</span></a>{block:Description}{Description}{/block:Description}<br>{/block:Link}
  590.  
  591. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<span style="font-size:15px;text-transform:uppercase;"><b>{Label}</b></span>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  592.  
  593. {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}{Artist}{/block:Artist}<br/>{block:Album}{Album}{/block:Album}<br/></div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  594.  
  595.  
  596. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  597.  
  598. {block:Answer}
  599. <div id="asker">
  600. <span style="color:{color:post links};letter-spacing:2px;">{Asker}:</span></br>
  601. {Question}
  602. </div>
  603. {block:Answerer}</br>
  604. {Answerer}:</span>
  605. <div style="margin-top:-10px;">
  606. {Answer}</div></div>
  607. {/block:Answerer}{Replies}</br>
  608. {/block:Answer}
  609.  
  610. <div id="info">
  611. [ <a href="{Permalink}" title="Permalink">{TimeAgo}</a> {block:NoteCount}
  612. // <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> ]
  613. </div>
  614. </div>
  615. {/block:Posts}
  616. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  617. {/block:Posts}</div></div></div>
  618. <br>
  619.  
  620. </div>
  621.  
  622. <div id="sb">
  623. <div id="sb2">
  624. <img src="{image:sb}">
  625. <div class="hovery">
  626. <center>
  627. <span style="font-size:8px;">the mysterious death of </span><span style="font-family:cambria;font-size:14px;letter-spacing:-1px;font-weight:bold;">heather chandler,</span> <span style="font-size:8px;">the recently fallen "queen bee" of westerburg high school in small-town, usa—also known as sherwood, ohio—has been the only thing on anyone's mind. whether people own up to it or not, there's only one honest response to heather's death; relief. there's no inbetween, no conflicted feelings—no gray areas what-so-ever. and how could one high school senior leave such an impact on an entire town, you ask? oh, heather chandler was <i>no</i> ordinary human being. she's the girl who puts all other wannabe "teen queens" to absolute shame. not because she was nice, or charitable, or any other qualities one would deem positive; no one <i>really</i> loved her. in fact, it was just the opposite—everyone loathed her deep-down, and that's exactly why she was adored. the entire town feared her sharp tongue, intelligence, and timeless beauty—whether you liked it or not, you either wanted her as a <i>'friend or a fuck'</i>, as she used to say.</span> <br><br>
  628. <a href="/plot">
  629. <span style="background-color:#d7d4c6;padding:5px;font-weight:bold;color:#a0a8aa;">
  630. <u>READ MORE</u> →
  631. </a></span>
  632.  
  633.  
  634. </div></div>
  635.  
  636. <div id="pagination">//
  637. {block:PreviousPage}<a href="{PreviousPage}">
  638. <big>BACKWARDS</big></a> —{/block:PreviousPage}
  639. {block:NextPage}<a href="{NextPage}"><big>FORWARDS</big></a>{/block:NextPage}
  640. //
  641. </div>
  642. {/block:Pagination}
  643. <div id="desc">
  644. "<i><span style="color:#5a5957;">and then there’s the <i><b><span style="color:#71646d; font-weight:bold"><u>Heathers</u></font></b></i>, they float above it all. they’re solid teflon; never bothered, never harassed. i would give <span style="color:#71646d; font-weight:bold">anything</span> to be like that." +<script language="JavaScript">
  645. var ref = (''+document.referrer+'');
  646. var w_h = window.screen.width + " x " + window.screen.height;
  647. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4390633&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  648. </script></span></i><span>
  649. </div>
  650.  
  651. <div class="md-modal md-effect-8" id="modal-8">
  652. <div class="md-content">
  653. <h3>it's my candy store, it's my candy...</h3>
  654. <div>
  655. <p>{text:navigation description}</p>
  656. <ul>
  657. <div id="popup image"><img src=""></div>
  658. <div id="navi">
  659. <a href="/plot">storyline</a>
  660. <a href="/rules">guidelines</a>
  661. <a href="/tags">characters</s></a>
  662. <a href="/c">connections</s></a>
  663. <a href="/apply">application</s></a>
  664. <a href="/hierarchy">social hierarchy</a>
  665. <a href=""><s>yearbook</s></a>
  666. <a href=""><s>events</s></a>
  667. <a href="/resources">resources</a>
  668. <a href="/modz">administration</a>
  669. <a href="/ac">app count</s></a>
  670. <a href=""><s>gossip</s></a>
  671. <a href=""><s>tasks</s></a>
  672. <br></div>
  673. </ul>
  674. <a class="md-close">[ x ]</a>
  675. </div></div></div>
  676.  
  677. <div class="links">
  678. <a href="/"><img src="{image:link1}"></a>
  679. <a href="/mssg"><img src="{image:link2}"></a>
  680. <a class="md-trigger" data-modal="modal-8">
  681. <img src="http://static.tumblr.com/f8911289ed1fc1f8226c4774b37e7b05/ppolvxf/9Rvnazcas/tumblr_static_8f5eubxdn6o0ococsowk0sc44.png">
  682. </a>
  683. </div>
  684. </div>
  685. </div></div></div></div></div></div></div></div>
  686.  
  687. <div id="puta">
  688. <a href="http://sailormoonrps.tumblr.com/" title="sailormoonrps">☽</a>
  689. </div>
  690.  
  691. <div class="md-overlay"></div><!-- the overlay element -->
  692.  
  693. <!-- classie.js by @desandro: https://github.com/desandro/classie -->
  694. <script src="http://tympanus.net/Development/ModalWindowEffects/js/classie.js"></script>
  695. <script src="http://tympanus.net/Development/ModalWindowEffects/js/modalEffects.js"></script>
  696.  
  697. <!-- for the blur effect -->
  698. <!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
  699. <script>
  700. // this is important for IEs
  701. var polyfilter_scriptpath = '/js/';
  702. </script>
  703. <script src="js/cssParser.js"></script>
  704. <script src="http://tympanus.net/Development/ModalWindowEffects/js/modalEffects.js"></script>
  705. </body>
  706. </html>
  707. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement