Advertisement
worstaudrina

pale pink

Mar 15th, 2018
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.21 KB | None | 0 0
  1. <!--Theme by Wren @ vassilias-->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<mseta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--Default Variables-->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="image:Header" content=""/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Primary Accent Color" content="#fafafa"/>
  19. <meta name="color:Links Color" content="#000000"/>
  20. <meta name="color:Links Hover Color" content="#222222"/>
  21. <meta name="color:Header Links Color" content="#000000"/>
  22. <meta name="color:Header Links Hover Color" content="#fafafa"/>
  23. <meta name="color:Scrollbar" content="#f0f0f0" />
  24. <meta name="color:Scrollbar background" content="#fafafa" />
  25.  
  26.  
  27. <meta name="text:Link 1 URL" content="/" />
  28. <meta name="text:Link 1" content="HOME" />
  29. <meta name="text:Link 2 URL" content="/ask" />
  30. <meta name="text:Link 2" content="ASK" />
  31. <meta name="text:Link 3 URL" content="/" />
  32. <meta name="text:Link 3" content="ARCHIVE" />
  33. <meta name="text:Link 4 URL" content="" />
  34. <meta name="text:Link 4" content="" />
  35. <meta name="text:Link 5 URL" content="" />
  36. <meta name="text:Link 5" content="" />
  37.  
  38. <meta name="if:500px Width" content="1"/>
  39. <meta name="if:400px Width" content="0"/>
  40.  
  41.  
  42.  
  43. <!-- jquery for tooltips-->
  44. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
  47.  
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49.  
  50. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet">
  51.  
  52. <script>
  53.  
  54. (function($){
  55.  
  56. $(document).ready(function(){
  57.  
  58. $("a[title]").style_my_tooltips({
  59.  
  60. tip_follows_cursor:true,
  61.  
  62. tip_delay_time:30,
  63.  
  64. tip_fade_speed:300,
  65.  
  66. attribute:"title"
  67.  
  68. });
  69.  
  70. });
  71.  
  72. })(jQuery);
  73.  
  74. </script>
  75.  
  76.  
  77.  
  78. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans" rel="stylesheet">
  79.  
  80.  
  81. <!--CSS customization here. -->
  82.  
  83. <style type="text/css">
  84.  
  85. #s-m-t-tooltip{
  86. position:absolute;
  87. z-index:999999999;
  88. font-family: times;
  89. font-size: 6px;
  90. letter-spacing: 1px;
  91. color: #fff;
  92. background:#000;
  93. padding: 3px 5px 3px 5px;
  94. text-transform: uppercase;
  95. }
  96.  
  97. ::-webkit-scrollbar {
  98. height: 8px;
  99. width: 8px;
  100. background: {color:Scrollbar background};
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb {
  104. background: {color:Scrollbar};
  105. }
  106.  
  107. /*Basic Formatting*/
  108.  
  109. body {
  110. background:{color:Background};
  111. color:{color:text};
  112. font-family: 'Alegreya Sans', sans-serif;
  113. font-size: 12px;
  114. margin: 0px;
  115. text-align: justify;
  116. line-height:20px;
  117. }
  118.  
  119. blockquote {
  120. padding: 15px;
  121. border-left: solid 1px #f0f0f0;
  122. margin-left: 20px;
  123. }
  124.  
  125. a {
  126. color: {color:Links Color};
  127. -webkit-transition: all 0.3s ease-out;
  128. -moz-transition: all 0.3s ease-out;
  129. -o-transition: all 0.3s ease-out;
  130. text-decoration: none;
  131. }
  132.  
  133. a:hover {
  134. text-decoration: none;
  135. color: {color:Links Hover Color};
  136. -webkit-transition: all 0.3s ease-out;
  137. -moz-transition: all 0.3s ease-out;
  138. -o-transition: all 0.3s ease-out;
  139. }
  140. img{
  141. opacity:1;
  142. border:none;
  143. text-decoration:none
  144. }
  145.  
  146. small {
  147. font-size:8px;
  148. }
  149.  
  150. big {
  151. font-size:12px;
  152. }
  153.  
  154.  
  155. /*Pagination*/
  156.  
  157. #pagination {
  158. margin:0px;
  159. text-transform:uppercase;
  160. font-family: times;
  161. font-size: 8px;
  162. letter-spacing: 1px;
  163. font-weight:bold;
  164. text-align: center;
  165. padding-bottom: 150px;
  166. }
  167.  
  168. #pagination a {
  169. padding: 5px;
  170. font-weight: none;
  171. text-transform:uppercase;
  172. font-size: 6px;
  173. letter-spacing: 1px;
  174. }
  175.  
  176. /*Cotainer*/
  177.  
  178. #con {
  179. left:50%;
  180. position:absolute;
  181. margin-left:-260px;
  182. }
  183.  
  184. /*Posts*/
  185.  
  186. #entries {
  187. {block:if500pxWidth}
  188. width:500px;
  189. margin-top:100px;
  190. margin-left:15px;
  191. {/block:if500pxWidth}
  192. {block:if400pxWidth}
  193. width:400px;
  194. margin-top:100px;
  195. margin-left: 65px;
  196. {/block:if400pxWidth}
  197. }
  198.  
  199. #posts {
  200. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  201. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  202. {block:IndexPage}
  203. margin-bottom:150px;
  204. {/block:IndexPage}
  205. {block:PermalinkPage}
  206. margin-bottom:100px;
  207. {/block:PermalinkPage}
  208. }
  209.  
  210. #posts img {
  211. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  212. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  213. }
  214.  
  215. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  216.  
  217. .caption {
  218. margin-top:5px;
  219. padding: 20px;
  220. background: {color:Primary Accent Color};
  221. }
  222.  
  223.  
  224. /*Quote*/
  225.  
  226. #titlequote{
  227. text-align:left;
  228. font-size:9px;
  229. font-style:italic;
  230. line-height:20px;
  231. font-weight:none;
  232. padding: 20px;
  233. background: {color:Primary Accent Color};
  234. }
  235.  
  236. #source {
  237. margin-top:10px;
  238. background: {color:Primary Accent Color};
  239. padding: 20px;
  240. }
  241.  
  242. /*Audio*/
  243.  
  244. .player {
  245. width:25px;
  246. margin-top:20px;
  247. background:#fff;
  248. height:25px;
  249. overflow:hidden;
  250. margin-left:10px;
  251. position:absolute;
  252. }
  253.  
  254. .audioinfo {
  255. margin-left:50px;
  256. padding: 20px;
  257. background:{color:Primary Accent Color};
  258. margin-bottom:10px;
  259. }
  260.  
  261. .song {
  262. font-weight:bold;
  263. }
  264.  
  265. /*Asks*/
  266.  
  267. .q {
  268. margin-bottom:10px;
  269. background:{color:Primary Accent Color};
  270. padding: 20px;
  271. }
  272.  
  273. .as {
  274. font-weight:bold;
  275. text-transform:uppercase;
  276. font-size: 7px;
  277. }
  278.  
  279. .as a {
  280. font-size: 7px;
  281. }
  282.  
  283. .a {
  284. margin-top:10px;
  285. background:{color:Primary Accent Color};
  286. padding: 20px;
  287. }
  288.  
  289.  
  290. /*Chat*/
  291.  
  292. .chat ol {
  293. padding:0;
  294. list-style:none;
  295. }
  296. .line {padding:5px 0;}
  297.  
  298. .label {font-weight:bold;
  299. }
  300.  
  301.  
  302. /* LINKS */
  303.  
  304. .links {
  305. color:{color: Header Links Color};
  306. text-align:center;
  307. font-size: 9px;
  308. letter-spacing: 1px;
  309. padding-bottom: 20px;
  310. }
  311.  
  312. .links a {
  313. color:{color: Header Links Hover Color};
  314. padding-left: 3px;
  315. padding-right: 3px;
  316. }
  317.  
  318. /*header*/
  319.  
  320. .hcont {
  321. background:#fff;
  322. margin-top: 100px;
  323. height: 310px;
  324. width: 400px;
  325. padding-top: 40px;
  326. margin-bottom: 100px;
  327. }
  328.  
  329. #header {
  330. margin-top: 20px;
  331. font-family: times;
  332. }
  333.  
  334. #blogt {
  335. font-family: times;
  336. text-transform: uppercase;
  337. width: 310px;
  338. color:{color:Text};
  339. text-align:center;
  340. padding: 40px 20px 20px 20px;
  341. }
  342.  
  343. #blogt a {
  344. color: {color:Links Color};
  345. font-family: times;
  346. font-weight: bold;
  347. text-align: center;
  348. font-size: 10px;
  349. line-height: 20px;
  350. letter-spacing: 1px;
  351. }
  352. #blogt a:hover {
  353. color: {color:Links Hover Color};
  354. text-decoration: none;
  355. }
  356.  
  357. #description {
  358. text-align: center;
  359. background: #fff;
  360. color: {color:Text};
  361. padding-top: 20px;
  362. padding-bottom: 30px;
  363. width: 260px;
  364. }
  365.  
  366. /*Permalink and Notes*/
  367.  
  368. #permalink {
  369. {block:IndexPage}
  370. opacity:0;
  371. {/block:IndexPage}
  372. margin-top:13px;
  373. padding-top: 10px;
  374. border-top: solid 1px #f6f6f6;
  375. font-size:6px;
  376. letter-spacing: 1px;
  377. text-align:center;
  378. text-transform:uppercase;
  379. -webkit-transition:all 1.0s;
  380. -moz-transition:all 1.0s;
  381. -ms-transition:all 1.0s;
  382. -o-transition:all 1.0s;
  383. transition:all 1.0s;
  384. }
  385.  
  386. #permalink a {
  387. display:inline-block;
  388. margin-right:5px;
  389. font-size:6px;
  390. letter-spacing: 1px;
  391. }
  392.  
  393. #posts:hover #permalink {
  394. opacity:1;-webkit-transition:all 1.0s;
  395. -moz-transition:all 1.0s;
  396. -ms-transition:all 1.0s;
  397. -o-transition:all 1.0s;
  398. transition:all 1.0s;
  399. }
  400.  
  401. .tags {
  402. {block:IndexPage}
  403. opacity:0;
  404. {/block:IndexPage}
  405. word-break:break-all;
  406. font-size:9px;
  407. text-transform: uppercase;
  408. margin-top:12px;
  409. padding-top: 10px;
  410. border-top: solid 1px {color:Primary Accent Color};
  411. -webkit-transition:all 1.0s;
  412. -moz-transition:all 1.0s;
  413. -ms-transition:all 1.0s;
  414. -o-transition:all 1.0s;
  415. transition:all 1.0s;
  416. }
  417.  
  418. #posts:hover .tags {
  419. opacity:1;-webkit-transition:all 1.0s;
  420. -moz-transition:all 1.0s;
  421. -ms-transition:all 1.0s;
  422. -o-transition:all 1.0s;
  423. transition:all 1.0s;
  424. }
  425.  
  426. .pagenotes {
  427. {block:IndexPage}
  428. display: none!important;
  429. {/block:IndexPage}
  430. {block:if500pxWidth}width:460px;{/block:if500pxWidth}
  431. {block:if400pxWidth}width:360px;{/block:if400pxWidth}
  432. text-align:left;
  433. font-size: 6px;
  434. letter-spacing: 1px;
  435. text-transform:uppercase;
  436. overflow-y:auto;
  437. height: 200px;
  438. padding: 20px;
  439. background: {color:Primary Accent Color};
  440. margin-bottom: 100px;
  441. }
  442. .pagenotes a {
  443. font-size: 6px;
  444. letter-spacing: 1px;
  445. text-transform:uppercase;
  446. font-weight: bold;
  447. }
  448. .pagenotes img {
  449. display:none!important;
  450. }
  451. .pagenotes li {
  452. list-style-type:none;
  453. padding:5px 0px;
  454. text-align:left;
  455. margin:0 0 0 -40px;
  456. }
  457.  
  458. /*Credit - DO NOT REMOVE */
  459.  
  460. .credit a {
  461. position: fixed;
  462. bottom: 0;
  463. right: 0;
  464. color: #000;
  465. padding: 15px;
  466. font-family: arial;
  467. font-size: 7px;
  468. letter-spacing: 1;
  469.  
  470. }
  471. .credit a:hover {
  472. text-decoration: none;
  473. }
  474.  
  475.  
  476. {CustomCSS}
  477.  
  478.  
  479. </style>
  480.  
  481.  
  482.  
  483. </head>
  484.  
  485. <body>
  486. <div class="credit"><a href="http://vassilias.tumblr.com" title="vassilias">&copy;</div></a>
  487.  
  488. <center>
  489. <div style="height:350px; width:1000px; background-image:url({image:Header});">
  490. <center>
  491. <div class="hcont">
  492. <div id="header">
  493. <center>
  494. <div id="blogt">
  495. <a href="/">{Title}</a>
  496. </div>
  497. </div>
  498.  
  499. <div class="links">
  500. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  501. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  502. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  503. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  504. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  505. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  506. </div>
  507.  
  508. <div style="text-align:center; font-size: 15px; font-weight: bold;">+</div>
  509.  
  510. <center>
  511. <div id="description"><center>PRIVATE, INDEPENDENT, HIGHLY SELECTIVE, AND <i>MUTUALLY EXCLUSIVE.</i></center><center>BOOK BASED, WITH MOVIE & INFLUENCE(S) <u> <p style="color:pink">CATHERINE LEIGH DOLLANGANGER </u></center><marquee onmouseover="this.stop();" onmouseout="this.start();"><code><h7>please check rules before interacting. icons & edits are not for public use.</h7></code></marquee> ( reamade ) by KC , est. 9/16/16 . </div></div>
  512. </center></div></center></div></center>
  513. <div style="margin-bottom: 120px;"></div>
  514.  
  515.  
  516. <div id="con">
  517. <div id="entries">
  518.  
  519. {block:Posts}
  520. <div id="posts">
  521.  
  522.  
  523. {block:Quote}
  524.  
  525.  
  526. <div id="titlequote">{Quote}</div>
  527. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  528. {/block:Quote}
  529.  
  530.  
  531.  
  532. {block:Text}
  533.  
  534. {block:Title}
  535. <div id="title">{Title}</div>{/block:Title}
  536. {Body}
  537. {/block:Text}
  538.  
  539. {block:Link}
  540. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  541. {/block:Link}
  542.  
  543. {block:Chat}
  544. {block:Title}
  545. <h1>{Title}</h1>
  546. {/block:Title}
  547. <div class="chat">
  548. <ol>{block:Lines}
  549. <li class="line {Alt}">
  550. {block:Label}
  551. <span class="label">
  552. {Label}</span>
  553. {/block:Label}{Line}</li>
  554. {/block:Lines}
  555. </ol></div>
  556. {/block:Chat}
  557.  
  558. {block:Photo}
  559. {LinkOpenTag}<img src="{block:if500pxWidth}{PhotoURL-500}{/block:if500pxWidth}{block:if400pxWidth}{PhotoURL-400}{/block:if400pxWidth}" alt="{PhotoAlt}"/>{LinkCloseTag}
  560. {/block:Photo}
  561.  
  562. {block:Photoset}
  563. {block:if500pxWidth}{Photoset-500}{/block:if500pxWidth}{block:if400pxWidth}{Photoset-400}{/block:if400pxWidth}
  564. {/block:Photoset}
  565.  
  566. {block:Video}
  567. {block:if500pxWidth}{Video-500}{/block:if500pxWidth}{block:if400pxWidth}{Video-400}{/block:if400pxWidth}
  568. {/block:Video}
  569.  
  570. {block:Audio}
  571. <div class="player">{AudioPlayer}</div>
  572. <div class="audioinfo">
  573. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  574. </div>
  575. {/block:Audio}
  576.  
  577. {block:Answer}
  578. <div class="q">
  579. <div class="as">{Asker} ASKED: </div>
  580. {Question}</div>
  581. <div class="a">{Answer}</div>
  582. {/block:Answer}
  583.  
  584. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  585.  
  586. {block:Date}
  587. <div id="permalink">
  588. <a href="{Permalink}" >{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}&nbsp;</a>{block:NoteCount}<a href="{Permalink}">{NoteCount} NOTES</a>&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  589. </div>
  590. {/block:Date}
  591.  
  592.  
  593.  
  594. </div>
  595.  
  596.  
  597. {block:PostNotes}
  598. <div class="pagenotes">
  599. {PostNotes}
  600. </div>
  601. {/block:PostNotes}
  602.  
  603.  
  604. {/block:Posts}
  605.  
  606. {block:Pagination}
  607. <div id="pagination">
  608. {block:PreviousPage}
  609. <a href="{PreviousPage}">previous</a>
  610. {/block:PreviousPage}
  611.  
  612. {block:JumpPagination length="5"}
  613. {block:CurrentPage}
  614. <span class="current_page">{PageNumber}</span>
  615. {/block:CurrentPage}
  616.  
  617. {block:JumpPage}
  618. <a class="jump_page" href="{URL}">{PageNumber}</a>
  619. {/block:JumpPage}
  620. {/block:JumpPagination}
  621.  
  622. {block:NextPage}
  623. <a href="{NextPage}">next</a>
  624. {/block:NextPage}
  625. </div>
  626. {/block:Pagination}
  627.  
  628.  
  629.  
  630. </div>
  631.  
  632. </div>
  633.  
  634.  
  635. {block:ContentSource}
  636. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  637. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  638. {/block:SourceLogo}
  639. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  640. {/block:ContentSource}
  641.  
  642. </body><!-- SCM Music Player http://scmplayer.co -->
  643. <script type="text/javascript" src="http://scmplayer.co/script.js"
  644. data-config="{'skin':'http://static.tumblr.com/qft2cvq/w5Zn26xbc/skin-2.css','volume':20,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=1LaOclUPlQ0'}]}" ></script>
  645. <!-- SCM Music Player script end -->
  646. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement