alithegreat

ALICATWRITES | 003: SWEET CREATURE.

Aug 3rd, 2017
435
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.99 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!----
  16.  
  17. @alicatwrites | 003: sweet creature.
  18.  
  19. --->
  20.  
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="image:Pattern" content=""/>
  23.  
  24. <meta name="color:Pattern Alt" content=""/>
  25. <meta name="color:Background" content=""/>
  26. <meta name="color:Blockquote" content=""/>
  27. <meta name="color:Border" content=""/>
  28. <meta name="color:Entries" content=""/>
  29. <meta name="color:Italic" content=""/>
  30. <meta name="color:Link" content=""/>
  31. <meta name="color:Navigation" content=""/>
  32. <meta name="color:Navigation Hover" content=""/>
  33. <meta name="color:Navigation Links" content=""/>
  34. <meta name="color:Navigation Numbers" content=""/>
  35. <meta name="color:Navigation Numbers BG" content=""/>
  36. <meta name="color:Pre BG" content=""/>
  37. <meta name="color:Pre Border" content=""/>
  38. <meta name="color:Pre Text" content=""/>
  39. <meta name="color:Question BG" content=""/>
  40. <meta name="color:Question Text" content=""/>
  41. <meta name="color:Scrollbar1" content=""/>
  42. <meta name="color:Scrollbar2" content=""/>
  43. <meta name="color:Sidebar" content=""/>
  44. <meta name="color:Text" content=""/>
  45. <meta name="color:Title" content=""/>
  46.  
  47. <meta name="text:home link text" content="HOME"/>
  48. <meta name="text:home link symbol" content="f085"/>
  49. <meta name="text:ask link text" content="ASK"/>
  50. <meta name="text:ask link symbol" content="f085"/>
  51.  
  52. <meta name="text:link one URL" content="link one URL"/>
  53. <meta name="text:link one text" content="ONE"/>
  54. <meta name="text:link one symbol" content="f085"/>
  55. <meta name="text:link two URL" content="link two URL"/>
  56. <meta name="text:link two text" content="TWO"/>
  57. <meta name="text:link two symbol" content="f085"/>
  58. <meta name="text:link three URL" content="link three URL"/>
  59. <meta name="text:link three text" content="THREE"/>
  60. <meta name="text:link three symbol" content="f085"/>
  61. <meta name="text:link four URL" content="link four URL"/>
  62. <meta name="text:link four text" content="FOUR"/>
  63. <meta name="text:link four symbol" content="f085"/>
  64.  
  65. <link href="https://fonts.googleapis.com/css?family=Overpass|Source+Sans+Pro" rel="stylesheet">
  66.  
  67. <link href="https://fonts.googleapis.com/css?family=Bellefair" rel="stylesheet">
  68.  
  69. <style type="text/css">
  70.  
  71. ::-webkit-scrollbar-thumb {
  72. height:auto;
  73. background-color:{color:Scrollbar2};
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. height:3px;
  78. width:3px;
  79. background-color:{color:Scrollbar1};
  80. }
  81.  
  82.  
  83. body {
  84. font-family: 'Source Sans Pro', sans-serif;
  85. font-size: 11px;
  86. line-height:14px;
  87. color: {color:Text};
  88. background-color:{color:background};
  89.  
  90. }
  91.  
  92. blockquote {
  93. border-left:2px solid {color:blockquote};
  94. text-align:justify;
  95. padding: 2px 10px;
  96. margin: 10px;
  97. }
  98.  
  99.  
  100. li {
  101. padding-left: 1.2em;
  102. list-style: none;
  103. }
  104.  
  105. li:before {
  106. color: {color:title};
  107. content: "\f105";
  108. font-family: FontAwesome;
  109. font-size:10px;
  110. display: inline-block;
  111. margin-left: -1.2em;
  112. width: 1.2em;
  113. }
  114.  
  115.  
  116. a {
  117. text-decoration: none;
  118. color: {color:Link};
  119. }
  120.  
  121. pre {
  122. font-family:'Source Sans Pro', sans-serif;
  123. font-size:9px;
  124. padding:5px;
  125. text-transform:uppercase;
  126. border-bottom:1px solid {color:Pre Border};
  127. text-align:center;
  128. color:{color:Pre Text};
  129. background-color:{color:Pre BG};
  130. word-wrap:break-word;
  131. }
  132.  
  133. pre a {
  134. color:{color:pre text};
  135. }
  136.  
  137. pre b,strong {
  138. color:{color:pre text};
  139. }
  140.  
  141. pre i,em {
  142. color:{color:pre text};
  143. }
  144.  
  145.  
  146. small, sub {
  147. font-size:10px;
  148. }
  149.  
  150. b, strong {
  151. color:{color:Title};
  152. }
  153.  
  154. i,em {
  155. color:{color:italic};
  156. }
  157.  
  158. hr {
  159. background-image:url('{image:pattern}');
  160. background-attachment:absolute;
  161. background-color:{color:pattern alt};
  162. border:1px solid #000000;
  163. display:block;
  164. padding:2px;
  165. }
  166.  
  167. h1,h2 {
  168. font-size:16px;
  169. font-weight:300;
  170. font-family: 'Bellefair', serif;
  171. color:{color:title};
  172. text-align:center;
  173. text-transform:lowercase;
  174. }
  175.  
  176. #bord {
  177. background-image:url('{image:pattern}');
  178. background-attachment:absolute;
  179. background-color:{color:pattern alt};
  180. border:1px solid #000000;
  181. display:block;
  182. margin-top:5px;
  183. margin-bottom:5px;
  184. padding:2px;
  185. }
  186.  
  187. #sideph {
  188. position:fixed;
  189. margin-left:3px;
  190. margin-top:3px;
  191. border:1px solid {color:border};
  192. width:185px;
  193. height:300px;
  194. z-index:99999999999999999999999999;
  195. }
  196.  
  197. #backbar {
  198. position:fixed;
  199. margin-left:80px;
  200. margin-top:90px;
  201. width:193px;
  202. height:491px;
  203. background-image:url('{image:Pattern}');
  204. background-color:{color:pattern alt};
  205. background-attachment:fixed;
  206. border:1px solid {color:border};
  207. }
  208.  
  209. #sidebar {
  210. position:fixed;
  211. margin-top:155px;
  212. opacity:.9;
  213. margin-left:20px;
  214. border:1px solid {color:border};
  215. width:130px;
  216. height:110px;
  217. background-color:{color:Sidebar};
  218. padding:10px;
  219. line-height:12px;
  220. text-align:justify;
  221. z-index:999999999999999;}
  222.  
  223.  
  224. #pagination {
  225. margin-top:8px;
  226. font-size:9px;
  227. font-family:'Source Sans Pro', sans-serif;
  228. letter-spacing:0px;
  229. line-height:12px;
  230. text-align:center;
  231. text-transform:uppercase;
  232. color:{color:text};
  233. }
  234.  
  235. #pagination a {
  236. color:{color:link};
  237. }
  238.  
  239. #navbar {
  240. margin-left:3px;
  241. width:179px;
  242. margin-top:308px;
  243. height:172px;
  244. position:fixed;
  245. padding:3px;
  246. border:1px solid {color:border};
  247. background-color:{color:sidebar};
  248. }
  249.  
  250. #navigation {
  251. text-align:center;
  252. }
  253.  
  254. #navigation a {
  255. display:inline-block;
  256. text-align:justify;
  257. width:177px;
  258. height:25px;
  259. line-height:23px;
  260. text-transform:uppercase;
  261. font-size:8px;
  262. margin-bottom:2px;
  263. border:1px solid {color:border};
  264. background-color:{color:navigation};
  265. color:{color:navigation links};
  266. -webkit-transition: all 0.5s ease-in-out;
  267. -moz-transition: all 0.5s ease-in-out;
  268. -o-transition: all 0.5s ease-in-out;
  269. }
  270.  
  271. #navigation a:hover {
  272. color:{color:navigation hover};
  273. -webkit-transition: all 0.5s ease-in-out;
  274. -moz-transition: all 0.5s ease-in-out;
  275. -o-transition: all 0.5s ease-in-out;
  276. }
  277.  
  278. #navigation a um {
  279. background-color:{color:Navigation Numbers bg};
  280. color:{color:navigation numbers};
  281. font-size:10px;
  282. border-right:1px solid {color:border};
  283. border-bottom:1px solid {color:border};
  284. display:inline-block;
  285. height:25px;
  286. padding-left:5px;
  287. padding-right:5px;
  288. margin-right:10px;
  289. }
  290.  
  291. #entries {
  292. position:absolute;
  293. width:428px;
  294. margin-left:380px;
  295. padding:0px;
  296. margin-top:30px;
  297. }
  298.  
  299. #entrybg {
  300. padding:3px;
  301. margin-bottom:20px;
  302. background-color:{color:pattern alt};
  303. border:1px solid {color:Border};
  304. background-image:url('{image:Pattern}');
  305. background-attachment:absolute;
  306. }
  307.  
  308. #entry {
  309. background-color:{color:Entries};
  310. margin-bottom:0px;
  311. padding:8px;
  312. border:1px solid {color:Border};
  313. }
  314.  
  315.  
  316. #posttitles {
  317. text-align: center;
  318. font-size: 20px;
  319. line-height:130%;
  320. text-transform:lowercase;
  321. font-weight:300;
  322. font-family: 'Bellefair', serif;
  323. font-style:italic;
  324. padding:5px;
  325. color: {color:title};
  326. }
  327.  
  328.  
  329. #posttitles a {
  330. color:{color:title};
  331. }
  332.  
  333. #ask {
  334. z-index:10;
  335. font-family:'Source Sans Pro', sans-serif;
  336. font-size:16px;
  337. text-align:center;
  338. text-transform:lowercase;
  339. color:{color:question text};
  340. background-color:{color:question bg};
  341. margin-right:0px;
  342. padding:10px;
  343. padding-left:10px;
  344. border-bottom:1px solid {color:border};
  345. }
  346.  
  347. #ask a {
  348. color:{color:question text};
  349. }
  350.  
  351.  
  352. #question {
  353. background-color:{color:Question bg};
  354. color:{color:Question text};
  355. font-size:10px;
  356. z-index:10;
  357. text-align:center;
  358. padding:10px;
  359. }
  360.  
  361. #audioplayer {
  362. width:30px;
  363. height:30px;
  364. background-color:{color:ffffff};
  365. overflow:hidden;
  366. -moz-border-radius: 30px;
  367. -webkit-border-radius: 30px;
  368. border-radius: 30px;
  369. position:absolute;
  370. margin-top:25px;
  371. margin-left:25px;
  372. opacity: 0.7;
  373. filter:alpha(opacity=70);
  374. -moz-opacity: 0.7;
  375. -khtml-opacity: 0.7;
  376. }
  377.  
  378. #albumart {
  379. float:left;
  380. margin:0px 0px;
  381. -moz-border-radius: 80px;
  382. -webkit-border-radius: 80px;
  383. border-radius: 80px;}
  384.  
  385. #albumart img {
  386. -moz-border-radius: 80px;
  387. -webkit-border-radius: 80px;
  388. border-radius: 80px;
  389. }
  390.  
  391. tehe {
  392. font-size:10px;
  393. text-transform:uppercase;
  394. padding-left:50px;
  395. padding-right:50px;
  396. padding-bottom:15px;
  397. display:block;
  398. margin-top:10px;
  399. margin-left:80px;
  400. text-align:center;
  401. }
  402.  
  403. #permalink {
  404. text-align: right;
  405. border-top: 1px solid {color:Border};
  406. border-bottom:1px solid {color:Border};
  407. background-color:{color:entries};
  408. position: relative;
  409. font-size:9px;
  410. letter-spacing:0px;
  411. text-transform:uppercase;
  412. margin-top: 3px;
  413. margin-left:-3px;
  414. margin-right:-3px;
  415. padding-right:10px;
  416. padding-bottom:5px;
  417. padding-top: 5px;
  418. }
  419.  
  420.  
  421. stupid1 {
  422. padding-left: 2.4em;
  423. list-style: none;
  424. }
  425.  
  426. stupid1:before {
  427. color: {color:navigation numbers};
  428. content: "\{text:home link symbol}";
  429. font-family: FontAwesome;
  430. font-size:9px;
  431. display: inline-block;
  432. margin-left: -1.7em;
  433. width: 2.0em;
  434. }
  435.  
  436. stupid2 {
  437. padding-left: 2.4em;
  438. list-style: none;
  439. }
  440.  
  441. stupid2:before {
  442. color: {color:navigation numbers};
  443. content: "\{text:ask link symbol}";
  444. font-family: FontAwesome;
  445. font-size:9px;
  446. display: inline-block;
  447. margin-left: -1.7em;
  448. width: 2.0em;
  449. }
  450.  
  451. stupid3 {
  452. padding-left: 2.4em;
  453. list-style: none;
  454. }
  455.  
  456. stupid3:before {
  457. color: {color:navigation numbers};
  458. content: "\{text:link one symbol}";
  459. font-family: FontAwesome;
  460. font-size:9px;
  461. display: inline-block;
  462. margin-left: -1.7em;
  463. width: 2.0em;
  464. }
  465.  
  466. stupid4 {
  467. padding-left: 2.4em;
  468. list-style: none;
  469. }
  470.  
  471. stupid4:before {
  472. color: {color:navigation numbers};
  473. content: "\{text:link two symbol}";
  474. font-family: FontAwesome;
  475. font-size:9px;
  476. display: inline-block;
  477. margin-left: -1.7em;
  478. width: 2.0em;
  479. }
  480.  
  481. stupid5 {
  482. padding-left: 2.4em;
  483. list-style: none;
  484. }
  485.  
  486. stupid5:before {
  487. color: {color:navigation numbers};
  488. content: "\{text:link three symbol}";
  489. font-family: FontAwesome;
  490. font-size:9px;
  491. display: inline-block;
  492. margin-left: -1.7em;
  493. width: 2.0em;
  494. }
  495.  
  496. stupid6 {
  497. padding-left: 2.4em;
  498. list-style: none;
  499. }
  500.  
  501. stupid6:before {
  502. color: {color:navigation numbers};
  503. content: "\{text:link four symbol}";
  504. font-family: FontAwesome;
  505. font-size:9px;
  506. display: inline-block;
  507. margin-left: -1.7em;
  508. width: 2.0em;
  509. }
  510.  
  511. #credit {
  512. font-size:9px;
  513. float:center;
  514. position:fixed;
  515. text-align:center;
  516. bottom:15px;
  517. right:15px;
  518. padding-left:15px;
  519. padding-right:15px;
  520. font-family: calibri;
  521. padding-top:5px;
  522. padding-bottom:5px;
  523. text-transform:uppercase;
  524. border:1px solid {color:border};
  525. background-color:{color:entries};
  526. color:{color:title};
  527. }
  528.  
  529. #credit a {
  530. color:{color:title};
  531. }
  532.  
  533. cred {
  534. padding-left: 2.7em;
  535. list-style: none;
  536. }
  537.  
  538. cred:before {
  539. color: {color:title};
  540. content: "\f121";
  541. font-family: FontAwesome;
  542. font-size:9px;
  543. display: inline-block;
  544. margin-left: -2.7em;
  545. width: 2.7em;
  546. }
  547.  
  548. </style>
  549.  
  550. </head>
  551.  
  552. <body>
  553.  
  554.  
  555. <div id="backbar">
  556.  
  557. <div id="sideph"><img src="{image:sidebar}"></div>
  558.  
  559. <div id="navbar">
  560. <div id="navigation">
  561. <a href="/"><um><stupid1></stupid1></um>{text:home link text}</a><br>
  562. <a href="/ask"><um><stupid2></stupid2></um>{text:ask link text}</a><br>
  563. <a href="{text:link one URL}"><um><stupid3></stupid3></um>{text:link one text}</a><br>
  564. <a href="{text:link two URL}"><um><stupid4></stupid4></um>{text:link two text}</a><br>
  565. <a href="{text:link three URL}"><um><stupid5></stupid5></um>{text:link three text}</a><br>
  566. <a href="{text:link four URL}"><um><stupid6></stupid6></um>{text:link four text}</a><br>
  567. </div> </div>
  568.  
  569. <div id="sidebar">
  570. <div style="overflow:auto; width: 130px; padding-right:5px; height: 90px; text-align: justify;">
  571.  
  572. {description}
  573.  
  574. </div>
  575. <div id="pagination">
  576. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  577. </div></div>
  578. </div>
  579.  
  580. <div id="entries">
  581. {block:Posts}
  582. <div id="entrybg">
  583. <div id="entry">
  584.  
  585.  
  586. {block:Text}
  587. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  588. {Body}
  589. {/block:Text}
  590.  
  591. {block:Photo}
  592. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  593. {block:Caption}{Caption}{/block:Caption}
  594. {/block:Photo}
  595.  
  596. {block:Photoset}
  597. {Photoset-400}
  598. {block:Caption}{Caption}{/block:Caption}
  599. {/block:Photoset}
  600.  
  601. {block:Quote}
  602. <div id="posttitles">{Quote}</div>
  603. {block:Source}<br>—{Source}{/block:Source}
  604. {/block:Quote}
  605.  
  606. {block:Link}
  607. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  608. {block:Description}{Description}{/block:Description}
  609. {/block:Link}
  610.  
  611. {block:Chat}
  612. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  613. {block:Lines}
  614. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  615. {/block:Lines}
  616. {/block:Chat}
  617.  
  618. {block:Audio}
  619. <div id="audioplayer">{AudioPlayerWhite} </div>
  620. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
  621. <tehe>
  622. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}
  623. <br>
  624. <B>SONG:</B> {block:TrackName}{TrackName}{/block:TrackName}
  625. <br>
  626. <b>CURRENTLY:</b> {PlayCountWithLabel}
  627. <hr>
  628. </tehe>
  629. {block:caption}{caption}{/block:caption}
  630. {/block:Audio}
  631.  
  632. {block:Video}
  633. {Video-400}
  634. {block:Caption}{Caption}{/block:Caption}
  635. {/block:Video}
  636.  
  637. {block:Answer}
  638. <div id="ask">{Asker} sent:</div><div id="question">{Question}</div>
  639. <br>{Answer}
  640. {/block:Answer}
  641.  
  642.  
  643.  
  644.  
  645. </div> <!-- /div entry ---><div id="permalink">
  646. {block:Date}{TimeAgo}{/block:Date} & <a href="{Permalink}">
  647. {NoteCountWithLabel}</a> & <a href="{ReblogURL}" target="_blank">Reblog</a>
  648.  
  649. {block:RebloggedFrom} & <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  650.  
  651. <br>{block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  652. </div> </div>
  653.  
  654. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  655.  
  656.  
  657. </body>
  658.  
  659.  
  660. <div id="credit"> <a href="http://alicatwrites.tumblr.com/" title="theme 03 by ali"><cred></cred>ALICAT</a></div>
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668. </html>
Advertisement
Add Comment
Please, Sign In to add comment