Advertisement
deviousgleerpthemes

PTA Quinn

Apr 13th, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.37 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  7. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  8. <link href="https://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet">
  9. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!-- "JOANNE" by youainshitrps
  17. Tthis is all my coding. So please don't steal. -->
  18.  
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:text" content="#a8a8a8"/>
  21. <meta name="color:links" content="#007dc7"/>
  22. <meta name="color:post links" content="#007dc7"/>
  23. <meta name="color:hover" content="#ffffff"/>
  24. <meta name="color:border" content="#007dc7"/>
  25. <meta name="color:post border" content="#007dc7"/>
  26. <meta name="color:description text" content="#000000"/>
  27. <meta name="color:description background" content="#f6f6f6"/>
  28. <meta name="color:sidebar links text" content="#ffffff"/>
  29. <meta name="color:sidebar background" content="#000000"/>
  30. <meta name="color:blog title background" content="#ffffff"/>
  31. <meta name="color:blog title" content="#000000"/>
  32. <meta name="color:drop shadow" content="#000000"/>
  33. <meta name="color:box shadow" content="#000000"/>
  34. <meta name="color:posts" content="#ffffff"/>
  35. <meta name="color:container" content="#ff4a00" />
  36. <meta name="color:info background" content="#000000"/>
  37. <meta name="color:Bold" content="#ff4a00" />
  38. <meta name="color:Italic" content="#ff4a00" />
  39. <meta name="color:info text" content="ffffff"/>
  40. <meta name="color:pre text" content="#ffffff"/>
  41. <meta name="color:pre color" content="#000000"/>
  42. <meta name="color:pagination text" content="#007dc7"/>
  43. <meta name="color:pic border" content="#ffffff"/>
  44. <meta name="color:scrollbar" content="#000000"/>
  45. <meta name="color:scrollbarBg" content="#ffffff"/>
  46. <meta name="image:background" content=""/>
  47. <meta name="color:ask bubble" content="#ebf1c2"/>
  48. <meta name="image:side background" content=""/>
  49. <meta name="image:sidebar" content=""/>
  50. <meta name="image:side2" content=""/>
  51. <meta name="image:side1" content=""/>
  52.  
  53. <meta name="text:links 1 URL" content="">
  54. <meta name="text:links 1" content="links 1">
  55. <meta name="text:links 2 URL" content="">
  56. <meta name="text:links 2" content="links 2">
  57. <meta name="text:links 3 URL" content="">
  58. <meta name="text:links 3" content="links 3">
  59. <meta name="text:links 4 URL" content="">
  60. <meta name="text:links 4" content="links 4">
  61.  
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. /* MAIN */
  67.  
  68. body {
  69. background-color:{color:Background};
  70. background-image: url('{image:Background}');
  71. position:fixed;
  72. background-repeat:no-repeat;
  73. -webkit-background-size: cover;
  74. -moz-background-size: cover;
  75. -o-background-size: cover;
  76. background-size: cover;
  77. color:{color:Text};
  78. font-family:'Raleway', serif;
  79. font-size:12px;
  80. margin: 0px;
  81. padding: 0px;}
  82.  
  83. ::-webkit-scrollbar-thumb {
  84. height:auto;
  85. background-color:{color:Scrollbar};
  86. }
  87.  
  88. ::-webkit-scrollbar {
  89. height:9px;
  90. width:4px;
  91. background-color:{color:ScrollbarBg};
  92. }
  93.  
  94. pre {
  95. font-family: 'Raleway', sans serif;
  96. font-size:12px;
  97. text-transform:uppercase;
  98. padding-left:8px;
  99. padding-right:8px;
  100. padding-top:1px;
  101. padding-bottom:1px;
  102. text-align:center;
  103. color:{color:pre text};
  104. background-color:{color:pre color};
  105. word-wrap:break-word;
  106. }
  107.  
  108.  
  109.  
  110. a:link, a:active {
  111. text-decoration:none;
  112. color: {color:post links}; }
  113.  
  114. a:visited {
  115. text-decoration:none;
  116. color: {color:post links}; }
  117.  
  118. a:hover {
  119. text-decoration:none;
  120. color: {color:Bold};}
  121.  
  122. b, strong, .strong {color:{color:Bold};}
  123.  
  124. blockquote {
  125. border-left:1px solid {color:Text};
  126. padding-left:6px; }
  127.  
  128. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  129.  
  130. i, em, .em {color:{color:Italic};}
  131.  
  132.  
  133.  
  134.  
  135. #title{
  136. position:fixed;
  137. color:{color:blog title};
  138. padding:5px;
  139. letter-spacing:3px;
  140. margin-top:87px;
  141. margin-left:8px;
  142. font-weight:bold;
  143. line-height:100%;
  144. font-family: 'Euphoria Script', cursive;
  145. font-size:35px;
  146. text-align:center;
  147. width:211px;
  148. height:30px;
  149. text-shadow: 2px 1px 0px {color:drop shadow};
  150. border-bottom:solid 1px {color:border};
  151. }
  152.  
  153.  
  154.  
  155. /* CONTENT */
  156.  
  157.  
  158.  
  159. .container {
  160.  
  161. width:730px;
  162. height:450px;
  163. margin-left:400px;
  164. top:150px;
  165. background-color:{color:container};
  166. position:fixed;
  167. padding:5px;
  168. overflow:auto;
  169. z-index:9999999999999;
  170. border-bottom: solid 10px {color:border};
  171. border-right: solid 10px {color:border};
  172. }
  173.  
  174.  
  175.  
  176. .entries {
  177. width:515px;
  178. padding:10px;
  179. margin-left:100px;
  180. margin-top:10px;
  181. margin-bottom:20px;
  182. background-color:{color:posts};
  183. border:solid 1px {color:border};
  184.  
  185. }
  186.  
  187. .posttitle {
  188. margin-bottom: 5px;
  189. color:{color:sidebar link};
  190. font-size:30px;
  191. line-height:115%;
  192. text-align:center;
  193. text-transform: lowercase;
  194. font-family: 'Euphoria Script', cursive;
  195. }
  196.  
  197.  
  198.  
  199. .pagination {
  200. position: fixed;
  201. font-size:13px;
  202. line-height:200%;
  203. font-family:'Raleway', sans-serif;
  204. background:{color:Sidebar background};
  205. font-weight:bold;
  206. font-style:italic;
  207. text-align:center;
  208. letter-spacing: .5px;
  209. margin-top: 585px;
  210. margin-left:150px;
  211. width:239px;
  212. height:24px;
  213. color: {color:pagination text};
  214. text-shadow: 1px 1px 0px {color:drop shadow};
  215. border-top: solid 1px {color:border};
  216. border-right: solid 1px {color:border};
  217. border-bottom: solid 10px {color:border};
  218. border-left: solid 10px {color:border};
  219. }
  220.  
  221.  
  222. #description {
  223. position:fixed;
  224. height:230px;
  225. width:200px;
  226. padding:5px;
  227. font-family:'Raleway', sans-serif;
  228. font-size:10px;
  229. margin-top:220px;
  230. margin-left:15px;
  231. text-align:justify;
  232. overflow:auto;
  233. color:{color:description text};
  234. background-color:{color:description background};
  235. }
  236.  
  237. #sidebar{
  238. padding: -10px;
  239. z-index:-9999;
  240. text-align:center;
  241. position:fixed;
  242. margin-top:150px;
  243. background:{color:Sidebar background};
  244. font-size:10px;
  245. margin-left:150px;
  246. width:239px;
  247. height:435px;
  248. color:black;
  249. font-family:'Raleway', sans-serif;
  250. color:{color:background};
  251. border-left: solid 10px {color:border};
  252. border-right: solid 2px {color:border};
  253. }
  254.  
  255. .sidebarimg {
  256.  
  257. margin-top:-50px;
  258. margin-left:-101px;
  259. }
  260.  
  261.  
  262. .sidebarimg img {
  263. position:fixed;
  264. width:70px;
  265. height:70px;
  266. margin-top:65px;
  267. margin-left:60px;
  268. z-index:9999999;
  269. border: solid 2px {color:pic border};
  270. box-shadow:1px -2px 5px {color:box shadow};
  271. -ms-transform: rotate(27deg); /* IE 9 */
  272. -webkit-transform: rotate(27deg); /* Chrome, Safari, Opera */
  273. transform: rotate(27deg);
  274.  
  275. }
  276.  
  277.  
  278.  
  279. #side2 {
  280. position:fixed;
  281. width:980px;
  282. height:130px;
  283. margin-top:-90px;
  284. margin-left:-10px;
  285. z-index:9999999;
  286. border-top: solid 10px {color:border};
  287. border-left: solid 10px {color:border};
  288. border-right: solid 10px {color:border};
  289. }
  290.  
  291. #side1 {
  292. position:fixed;
  293. max-width:70px;
  294. max-height:70px;
  295. margin-top:65px;
  296. margin-left:63px;
  297. z-index:9999999;
  298. border: solid 2px {color:pic border};
  299. box-shadow:1px -2px 5px {color:box shadow};
  300. -ms-transform: rotate(-27deg); /* IE 9 */
  301. -webkit-transform: rotate(-27deg); /* Chrome, Safari, Opera */
  302. transform: rotate(-27deg);
  303.  
  304. }
  305. /*----------QUOTE---------*/
  306.  
  307. .quote {
  308. padding:10px;
  309. font-size:15px;
  310. }
  311.  
  312. .quotesource {
  313. padding:10px;
  314. text-align:center;
  315. }
  316.  
  317. /*----------CHAT---------*/
  318.  
  319. .chat ol {
  320. padding:0;
  321. list-style:none;
  322. }
  323.  
  324.  
  325. .line {
  326. list-style:none;
  327. padding:5px 0;
  328. }
  329.  
  330.  
  331. .label {
  332. text-decoration:bold;
  333. }
  334.  
  335. /*----------AUDIO---------*/
  336.  
  337. .cover {
  338. position:relative;
  339. z-index:1;
  340. max-width:100px;
  341. padding:10px;
  342. float:left;
  343. }
  344.  
  345. .playbutton {
  346. width:20px;
  347. height:30px;
  348. overflow:hidden;
  349. position:relative;
  350. z-index:2;
  351.  
  352. }
  353.  
  354.  
  355. .playbox {
  356. background-color:#000;
  357. position:absolute;
  358. z-index:2;
  359. padding:15px 24px 13px 16px;
  360. margin-top:30px;
  361. margin-left:30px;
  362. opacity:0.5;
  363. }
  364.  
  365. .trackdetails {
  366. padding:10px;
  367. width:auto;
  368. height:100px;
  369. margin-top:10px;
  370. margin-left:100px;
  371. }
  372.  
  373. /*----------ASK---------*/
  374.  
  375. .bubble {
  376. width:400px;
  377. position: relative;
  378. background:{color:ask bubble};
  379. left:60px;
  380. margin: 0;
  381. padding:10px;
  382. text-align:center;
  383. -moz-border-radius:10px;
  384. -webkit-border-radius:10px;
  385. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  386. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  387. box-shadow: 0px 0 1px rgba(0,0,0,0);
  388. }
  389.  
  390.  
  391. .bubble:after {
  392. position: absolute;
  393. display: block;
  394. content: "";
  395. border-color: {color:ask bubble} transparent transparent transparent;
  396. border-style: solid;
  397. border-width: 15px 15px 0px;
  398. height:0;
  399. width:0;
  400. position:absolute;
  401. left:-15px;
  402. top:10px;
  403. }
  404.  
  405. /*----------INFO---------*/
  406.  
  407. .info {
  408. padding:10px;
  409. text-transform:uppercase;
  410. border-top:1px solid #eee;
  411. margin-top:25px;
  412. }
  413.  
  414.  
  415. .tags {
  416. margin-left:10px;
  417. margin-top:-5px;
  418. }
  419.  
  420. .tags a {
  421. margin-right:10px;
  422. letter-spacing:1px;
  423. }
  424.  
  425. /*----------POST NOTES---------*/
  426.  
  427. ol.notes {
  428. padding:0px;
  429. margin:25px 0px 0px -10px;
  430. list-style-type:none;
  431. }
  432.  
  433. ol.notes li.note {
  434. padding:10px;
  435. }
  436.  
  437. ol.notes li.note img.avatar {
  438. vertical-align:-4px;
  439. margin-right:10px;
  440. width:16px;
  441. height:16px;
  442. }
  443.  
  444. ol.notes li.note span.action {
  445. font-weight:none;
  446. }
  447.  
  448. ol.notes li.note .answer_content {
  449. font-weight:normal;
  450. }
  451.  
  452. ol.notes li.note blockquote {
  453. padding:4px 10px;
  454. margin:10px 0px 0px 25px;
  455. }
  456.  
  457. ol.notes li.note blockquote a {
  458. text-decoration:none;
  459. }
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466. #links {
  467. padding-right:1px;
  468. padding-bottom:6px;
  469. line-height:100%;
  470. z-index:10000000000000000;
  471. text-align:center;
  472. font-size:20px;
  473. top:135px;
  474. opacity:1;
  475. position:fixed;
  476. font-family: 'Raleway', sans-serif;
  477. position:absolute;
  478. text-transform:uppercase;
  479. text-align:center;
  480. color:{color:sidebar links text};
  481.  
  482. }
  483.  
  484. #links a{
  485. z-index:10000000000000000;
  486. margin-left:3px;
  487. padding:3px;
  488. display:inline-block;
  489. }
  490.  
  491. #links a:hover{
  492. color:{color:posts};
  493. -moz-transition-duration:.2s;
  494. -webkit-transition-duration:.2s;
  495. -o-transition-duration:.2s;
  496. background-color:{color:info background};
  497. }
  498.  
  499.  
  500.  
  501.  
  502.  
  503.  
  504. /*CREDIT*/
  505.  
  506. #credit {
  507. text-align:center;
  508. position:fixed;
  509. bottom:10px;
  510. right:10px;
  511. width:15px;
  512. height:15px;
  513. padding:3px;
  514. text-shadow: 1px 0px 0px {color:drop shadow};
  515. -webkit-transition: all 0.5s ease;
  516. -moz-transition: all 0.5s ease;
  517. -o-transition: all 0.5s ease;
  518. }
  519.  
  520. #credit:hover {
  521. background:transparent;
  522. transform: rotate(360deg);
  523. -ms-transform: rotate(360deg);
  524. -webkit-transform: rotate(360deg);
  525. -o-transform: rotate(360deg);
  526. -moz-transform: rotate(30deg);
  527. -webkit-transition: all 0.5s ease;
  528. -moz-transition: all 0.5s ease;
  529. -o-transition: all 0.5s ease;
  530. }
  531. #credit a {
  532. text-decoration:none;
  533. font-size:25px;
  534. color:{color:hover links text};
  535. text-shadow: 1px 0px 0px {color:drop shadow};
  536.  
  537. -webkit-transition: all 0.5s ease;
  538. -moz-transition: all 0.5s ease;
  539. -o-transition: all 0.5s ease;
  540. }
  541.  
  542. #credit a:hover {
  543. color:{color:hover};
  544. transform: rotate(360deg);
  545. -ms-transform: rotate(360deg);
  546. -webkit-transform: rotate(360deg);
  547. -o-transform: rotate(360deg);
  548. -moz-transform: rotate(30deg);
  549. -webkit-transition: all 0.5s ease;
  550. -moz-transition: all 0.5s ease;
  551. -o-transition: all 0.5s ease;
  552. }
  553. </style>
  554.  
  555.  
  556.  
  557.  
  558. </div>
  559. <div id="sidebar"><div id="title">{title}</div>
  560.  
  561. <div class="sidebarimg"><img src="{image:sidebar}"/></div>
  562. <div id="side2"><img src="{image:side2}"></div>
  563. <div id="side1"><img src="{image:side1}"></div>
  564. <div id="description">{description}</div>
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571. <div id="links">
  572. <a href="/" title="home"><span class="lnr lnr-home"></span></a>
  573. <a href="/ask" title="message"><span class="lnr lnr-envelope"></span></a>
  574. <a href="/submit" title="submit"><span class="lnr lnr-upload"></span></a>
  575.  
  576. <a href="{text:link 1 url}" title="{text:link 1 name}"><span class="lnr lnr-user"></span></a>
  577. <a href="{text:link 2 url}" title="{text:link 2 name}"><span class="lnr lnr-picture"></span></a>
  578.  
  579. <a href="{text:link 3 url}" title="{text:link 3 name}"><span class="lnr lnr-list"></span></a>
  580. <a href="http://performingtheartsrp.tumblr.com/" title="main"><span class="lnr lnr-camera-video"></span></a>
  581.  
  582. </div>
  583. </div>
  584.  
  585.  
  586.  
  587.  
  588. <div class="pagination">
  589. {block:Pagination}
  590. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  591. {block:JumpPagination length="7"}
  592. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  593. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  594. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  595. {/block:Pagination} </div></div></div><!-- END SIDE IMAGE BORDER -->
  596.  
  597.  
  598. <!-- END HOVER -->
  599.  
  600.  
  601.  
  602. <div class="container">
  603.  
  604. {block:Posts}
  605.  
  606.  
  607.  
  608.  
  609. <div class="entries">
  610.  
  611.  
  612. {block:Text}
  613. {block:Title}
  614. <a href="{permalink}" class="posttitle">{Title}</a>
  615. {/block:Title}
  616. {Body}
  617. {/block:Text}
  618.  
  619. {block:Photo}
  620. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  621. {block:Caption}{Caption}{/block:Caption}
  622. {/block:Photo}
  623.  
  624.  
  625. {block:Photoset}
  626. {Photoset-500}
  627. {block:Caption}{Caption}{/block:Caption}
  628. {/block:Photoset}
  629.  
  630.  
  631. {block:Quote}
  632. <div class="quote">"{Quote}"</div>
  633. {block:Source}<div class="quotesource"> — {Source}</div>
  634. {/block:Source}{/block:Quote}
  635.  
  636.  
  637. {block:Link}
  638. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  639. {block:Description}{Description}{/block:Description}
  640. {/block:Link}
  641.  
  642.  
  643. {block:Chat}
  644. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">
  645. <b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
  646. {/block:Chat}
  647.  
  648.  
  649. {block:Audio}
  650.  
  651. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  652.  
  653. {block:AlbumArt}
  654. <img src="{AlbumArtURL}" class="cover">
  655. {/block:AlbumArt}
  656.  
  657.  
  658. <div class="trackdetails"><br>
  659. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  660.  
  661. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  662.  
  663. <b>PLAYS:</b> {FormattedPlayCount}</div>
  664.  
  665.  
  666. {block:Caption}
  667. <div class="caption">{Caption}</div>
  668. {/block:Caption}
  669. {/block:Audio}
  670.  
  671.  
  672. {block:Video}
  673. {Video-500}
  674. {block:Caption}{Caption}{/block:Caption}
  675. {/block:Video}
  676.  
  677.  
  678. {block:Answer}
  679. <div class="post"><br>
  680. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} wondered: {Question}</div><br>
  681. <div style="margin-left:-7px;">{Answer}</div>
  682. </div>
  683. {/block:Answer}
  684.  
  685. <div class="info">
  686. {block:Date}
  687. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  688. {/block:Date}
  689.  
  690. &nbsp;&nbsp;
  691. <a href="{Permalink}">{NoteCount}</a>
  692. &nbsp;&nbsp;
  693.  
  694. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  695.  
  696. <font style="float:right">
  697. {block:RebloggedFrom}
  698. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  699. {block:ContentSource}
  700. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  701. {/block:ContentSource}
  702. {/block:RebloggedFrom}
  703. </font style>
  704.  
  705.  
  706. </div>
  707.  
  708.  
  709. {block:HasTags}
  710. <div class="tags">
  711. {block:Tags}
  712. <a href="{TagURL}"><span class="lnr lnr-pushpin"></span> {Tag}</a>
  713. {/block:Tags}
  714. </div>
  715. {/block:HasTags}
  716.  
  717. </div>
  718.  
  719.  
  720. {block:PostNotes}
  721. {PostNotes}
  722. {/block:PostNotes}
  723.  
  724. {/block:Posts}
  725.  
  726. {block:ContentSource}
  727. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  728. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  729. {/block:SourceLogo}
  730. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  731. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  732. <!-- DO NOT TOUCH THIS CREDIT! -->
  733. <div id="credit">
  734. <a href="http://youaintshitrps.tumblr.com/">➳</a>
  735. </div>
  736.  
  737.  
  738. </div>
  739. </div>
  740. <!--END POSTS-->
  741.  
  742. </body>
  743.  
  744. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement