Advertisement
alithegreat

ALICATWRITES | 001: KIWI.

Jul 23rd, 2017
683
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.37 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://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 | 001: kiwi.
  18.  
  19. --->
  20.  
  21. <meta name="image:Left Sidebar1" content=""/>
  22. <meta name="image:Left Sidebar2" content=""/>
  23. <meta name="image:Right Sidebar" content=""/>
  24. <meta name="image:Pattern" content=""/>
  25.  
  26. <meta name="color:Pattern Alt" content=""/>
  27. <meta name="color:Background" content=""/>
  28. <meta name="color:Blockquote" content=""/>
  29. <meta name="color:Border" content=""/>
  30. <meta name="color:Entries" content=""/>
  31. <meta name="color:Link" content=""/>
  32. <meta name="color:Navigation" content=""/>
  33. <meta name="color:Navigation Hover" content=""/>
  34. <meta name="color:Navigation Links" content=""/>
  35. <meta name="color:Pre BG" content=""/>
  36. <meta name="color:Pre Border" content=""/>
  37. <meta name="color:Pre Text" content=""/>
  38. <meta name="color:Question BG1" content=""/>
  39. <meta name="color:Question BG2" 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. <meta name="color:Topbar Text 1" content=""/>
  47. <meta name="color:Topbar Text 2" content=""/>
  48.  
  49. <meta name="text:link one URL" content="/"/>
  50. <meta name="text:link one text" content="link one"/>
  51. <meta name="text:link two URL" content="/"/>
  52. <meta name="text:link two text" content="link two"/>
  53. <meta name="text:link three URL" content="/"/>
  54. <meta name="text:link three text" content="link three"/>
  55. <meta name="text:link four URL" content="/"/>
  56. <meta name="text:link four text" content="link four"/>
  57. <meta name="text:link five URL" content="/"/>
  58. <meta name="text:link five text" content="link five"/>
  59. <meta name="text:link six URL" content="/"/>
  60. <meta name="text:link six text" content="link six"/>
  61. <meta name="text:link seven URL" content="/"/>
  62. <meta name="text:link seven text" content="link seven"/>
  63. <meta name="text:link eight URL" content="/"/>
  64. <meta name="text:link eight text" content="link eight"/>
  65.  
  66. <meta name="text:main title" content="this is your main title"/>
  67. <meta name="text:subtitle" content="this is your subtitle"/>
  68.  
  69. <meta name="text:quote" content="this is your quote"/>
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. ::-webkit-scrollbar-thumb {
  75. height:auto;
  76. background-color:{color:Scrollbar2};
  77. }
  78.  
  79. ::-webkit-scrollbar {
  80. height:3px;
  81. width:3px;
  82. background-color:{color:Scrollbar1};
  83. }
  84.  
  85.  
  86. body {
  87. background: {color:Background};
  88. font-family: cambria;
  89. font-size: 10px;
  90. line-height:14px;
  91. color: {color:Text};
  92. background-image:url('{image:Background}');
  93. background-attachment:fixed;
  94. }
  95.  
  96. blockquote {
  97. border-left:2px solid {color:blockquote};
  98. padding: 2px 10px;
  99. margin: 10px;
  100. }
  101.  
  102.  
  103. h1,h2 {
  104. background: {color:pre bg};
  105. font-weight:bold;
  106. font-size:18px;
  107. padding:8px;
  108. border-bottom:1px solid {color:pre border};
  109. color:{color:pre text};
  110. text-align:center;
  111. font-family:arial;
  112. text-transform:uppercase;
  113. letter-spacing:-1px;
  114. }
  115.  
  116. li {
  117. padding-left: 1.2em;
  118. list-style: none;
  119. }
  120.  
  121. li:before {
  122. color: {color:title};
  123. content: "\f105";
  124. font-family: FontAwesome;
  125. font-size:10px;
  126. display: inline-block;
  127. margin-left: -1.2em;
  128. width: 1.2em;
  129. }
  130.  
  131.  
  132. a {
  133. text-decoration: none;
  134. color: {color:Link};
  135. }
  136.  
  137. pre {
  138. font-family:cambria;
  139. font-size:9px;
  140. padding:5px;
  141. text-transform:uppercase;
  142. border-bottom:1px solid {color:Pre Border};
  143. text-align:center;
  144. color:{color:Pre Text};
  145. background-color:{color:Pre BG};
  146. word-wrap:break-word;
  147. }
  148.  
  149. pre a {
  150. color:{color:pre text};
  151. }
  152.  
  153. pre b,strong {
  154. color:{color:pre text};
  155. }
  156.  
  157. pre i,em {
  158. color:{color:pre text};
  159. }
  160.  
  161.  
  162. small, sub {
  163. font-size:10px;
  164. }
  165.  
  166. b, strong {
  167. color:{color:Title};
  168. }
  169.  
  170. .no {
  171. font-size:18px;
  172. display:block;
  173. text-align:right;
  174. color:{color:title};
  175. padding:3px;
  176. }
  177.  
  178. hr {
  179. background-image:url('{image:Pattern}');
  180. background-attachment:absolute;
  181. border:1px solid {color:bordeR};
  182. display:block;
  183. padding:2px;
  184. }
  185.  
  186. #sideph1 {
  187. position:fixed;
  188. margin-left:3px;
  189. margin-top:3px;
  190. border:1px solid {color:border};
  191. width:405px;
  192. height:150px;
  193. }
  194.  
  195. #sideph2 {
  196. position:fixed;
  197. margin-left:208px;
  198. margin-top:220px;
  199. border:1px solid {color:border};
  200. width:200px;
  201. height:345px;
  202. }
  203.  
  204. #sideph3 {
  205. position:fixed;
  206. margin-left:3px;
  207. margin-top:260px;
  208. border:1px solid {color:border};
  209. width:200px;
  210. height:180px;
  211. }
  212.  
  213. #backbar {
  214. position:fixed;
  215. margin-left:30px;
  216. margin-top:30px;
  217. width:413px;
  218. height:570px;
  219. border:1px solid {color:border};
  220. background-image:url('{image:Pattern}');
  221. background-color:{color:pattern alt};
  222. background-attachment:fixed;
  223. }
  224.  
  225. #rightbackbar {
  226. position:fixed;
  227. margin-left:1040px;
  228. margin-top:30px;
  229. width:208px;
  230. height:570px;
  231. border:1px solid {color:border};
  232. background-image:url('{image:Pattern}');
  233. background-color:{color:pattern alt};
  234. background-attachment:fixed;
  235. }
  236.  
  237. #quotebar {
  238. position:fixed;
  239. margin-left:3px;
  240. width:190px;
  241. padding:5px;
  242. height:117px;
  243. border:1px solid {color:border};
  244. margin-top:128px;
  245. background-color:{color:sidebar};
  246. overflow:auto;
  247. line-height:12px;
  248. text-align:justify;
  249. }
  250.  
  251. #sidebar {
  252. position:fixed;
  253. margin-top:295px;
  254. margin-left:3px;
  255. border:1px solid {color:border};
  256. width:180px;
  257. height:250px;
  258. background-color:{color:Sidebar};
  259. padding:10px;
  260. line-height:12px;
  261. text-align:justify;
  262. }
  263.  
  264. #titlebar {
  265. position:fixed;
  266. margin-top:158px;
  267. margin-left:-1px;
  268. height:37px;
  269. width:393px;
  270. padding:10px;
  271. background-color:{color:entries};
  272. border:1px solid {color:border};
  273. }
  274.  
  275. #maintitle {
  276. text-transform:lowercase;
  277. margin-top:5px;
  278. font-weight:300;
  279. font-size:14px;
  280. color:{color:topbar text 1};
  281. padding-right:5px;
  282. line-height:10px;
  283. text-align:right;
  284. }
  285.  
  286. #subtitle {
  287. font-family:cambria;
  288. font-size:10px;
  289. padding-right:5px;
  290. font-style:italic;
  291. text-transform:lowercase;
  292. text-align:right;
  293. color:{color:topbar text 2};
  294. }
  295.  
  296. #pagination {
  297. margin-top:10px;
  298. font-size:10px;
  299. font-family:cambria;
  300. letter-spacing:0px;
  301. line-height:12px;
  302. text-align:center;
  303. text-transform:uppercase;
  304. color:{color:text};
  305. }
  306.  
  307. #pagination a {
  308. color:{color:link};
  309. }
  310.  
  311. #navbar1 {
  312. margin-left:3px;
  313. margin-top:220px;
  314. width:200px;
  315. background-color:{color:sidebar};
  316. border:1px solid {color:border};
  317. height:70px;
  318. position:fixed;
  319. }
  320.  
  321. #navbar2 {
  322. margin-left:3px;
  323. margin-top:3px;
  324. width:200px;
  325. background-color:{color:sidebar};
  326. border:1px solid {color:border};
  327. height:120px;
  328. position:fixed;
  329. }
  330.  
  331. #navbar3 {
  332. margin-left:3px;
  333. margin-top:445px;
  334. width:200px;
  335. background-color:{color:sidebar};
  336. border:1px solid {color:border};
  337. height:120px;
  338. position:fixed;
  339. }
  340.  
  341. #navigation1 {
  342. margin-top:3px;
  343. text-align:center;
  344. }
  345.  
  346. #navigation1 a {
  347. display:inline-block;
  348. text-align:center;
  349. width:61.5px;
  350. height:62px;
  351. line-height:62px;
  352. text-transform:lowercase;
  353. font-family:cambria;
  354. font-size:9px;
  355. margin-bottom:2px;
  356. border:1px solid {color:border};
  357. background-color:{color:navigation};
  358. color:{color:navigation links};
  359. -webkit-transition: all 0.5s ease-in-out;
  360. -moz-transition: all 0.5s ease-in-out;
  361. -o-transition: all 0.5s ease-in-out;
  362. }
  363.  
  364. #navigation1 a:hover {
  365. color:{color:navigation hover};
  366. -webkit-transition: all 0.5s ease-in-out;
  367. -moz-transition: all 0.5s ease-in-out;
  368. -o-transition: all 0.5s ease-in-out;
  369. }
  370.  
  371. #navigation2 {
  372. margin-top:3px;
  373. text-align:center;
  374. }
  375.  
  376. #navigation2 a {
  377. display:inline-block;
  378. text-align:right;
  379. padding-right:10px;
  380. width:182px;
  381. height:25px;
  382. line-height:25px;
  383. text-transform:lowercase;
  384. font-family:cambria;
  385. font-size:9px;
  386. margin-bottom:2px;
  387. border:1px solid {color:border};
  388. background-color:{color:navigation};
  389. color:{color:navigation links};
  390. -webkit-transition: all 0.5s ease-in-out;
  391. -moz-transition: all 0.5s ease-in-out;
  392. -o-transition: all 0.5s ease-in-out;
  393. }
  394.  
  395. #navigation2 a:hover {
  396. color:{color:navigation hover};
  397. -webkit-transition: all 0.5s ease-in-out;
  398. -moz-transition: all 0.5s ease-in-out;
  399. -o-transition: all 0.5s ease-in-out;
  400. }
  401.  
  402. #navigation3 {
  403. margin-top:3px;
  404. text-align:center;
  405. }
  406.  
  407. #navigation3 a {
  408. display:inline-block;
  409. text-align:right;
  410. padding-right:10px;
  411. width:182px;
  412. height:25px;
  413. line-height:25px;
  414. text-transform:lowercase;
  415. font-family:cambria;
  416. font-size:9px;
  417. margin-bottom:2px;
  418. border:1px solid {color:border};
  419. background-color:{color:navigation};
  420. color:{color:navigation links};
  421. -webkit-transition: all 0.5s ease-in-out;
  422. -moz-transition: all 0.5s ease-in-out;
  423. -o-transition: all 0.5s ease-in-out;
  424. }
  425.  
  426. #navigation3 a:hover {
  427. color:{color:navigation hover};
  428. -webkit-transition: all 0.5s ease-in-out;
  429. -moz-transition: all 0.5s ease-in-out;
  430. -o-transition: all 0.5s ease-in-out;
  431. }
  432.  
  433. #entries {
  434. position:absolute;
  435. width:528px;
  436. margin-left:480px;
  437. padding:0px;
  438. margin-top:30px;
  439. }
  440.  
  441. #entrybg {
  442. padding:3px;
  443. margin-bottom:20px;
  444. background-color:{color:pattern alt};
  445. border:1px solid {color:Border};
  446. background-image:url('{image:Pattern}');
  447. background-attachment:absolute;
  448. }
  449.  
  450. #entry {
  451. background-color:{color:Entries};
  452. margin-bottom:0px;
  453. padding:8px;
  454. border:1px solid {color:Border};
  455. }
  456.  
  457.  
  458. #posttitles {
  459. text-align: center;
  460. font-size: 20px;
  461. line-height:130%;
  462. text-transform:lowercase;
  463. font-weight:300;
  464. font-style:italic;
  465. padding:5px;
  466. color: {color:title};
  467. }
  468.  
  469.  
  470. #posttitles a {
  471. color:{color:title};
  472. }
  473.  
  474. #ask {
  475. z-index:10;
  476. font-family:cambria;
  477. font-size:16px;
  478. text-align:center;
  479. text-transform:lowercase;
  480. color:{color:question text};
  481. background-color:{color:question bg1};
  482. margin-right:0px;
  483. padding:10px;
  484. padding-left:10px;
  485. border-bottom:1px solid {color:border};
  486. }
  487.  
  488. #ask a {
  489. color:{color:question text};
  490. }
  491.  
  492.  
  493. #question {
  494. background-color:{color:Question BG2};
  495. color:{color:Question text};
  496. font-size:10px;
  497. z-index:10;
  498. text-align:center;
  499. padding:10px;
  500. }
  501.  
  502. #audioplayer {
  503. width:30px;
  504. height:30px;
  505. background-color:{color:ffffff};
  506. overflow:hidden;
  507. -moz-border-radius: 30px;
  508. -webkit-border-radius: 30px;
  509. border-radius: 30px;
  510. position:absolute;
  511. margin-top:25px;
  512. margin-left:25px;
  513. opacity: 0.7;
  514. filter:alpha(opacity=70);
  515. -moz-opacity: 0.7;
  516. -khtml-opacity: 0.7;
  517. }
  518.  
  519. #albumart {
  520. float:left;
  521. margin:0px 0px;
  522. -moz-border-radius: 80px;
  523. -webkit-border-radius: 80px;
  524. border-radius: 80px;}
  525.  
  526. #albumart img {
  527. -moz-border-radius: 80px;
  528. -webkit-border-radius: 80px;
  529. border-radius: 80px;
  530. }
  531.  
  532. tehe {
  533. font-size:10px;
  534. text-transform:uppercase;
  535. padding-left:50px;
  536. padding-right:50px;
  537. padding-bottom:15px;
  538. display:block;
  539. margin-top:10px;
  540. margin-left:80px;
  541. text-align:center;
  542. }
  543.  
  544. #permalink {
  545. text-align: right;
  546. border-top: 1px solid {color:Border};
  547. border-bottom:1px solid {color:Border};
  548. background-color:{color:entries};
  549. position: relative;
  550. font-size:9px;
  551. letter-spacing:0px;
  552. text-transform:lowercase;
  553. margin-top: 3px;
  554. margin-left:-3px;
  555. margin-right:-3px;
  556. padding-right:10px;
  557. padding-bottom:5px;
  558. padding-top: 5px;
  559. }
  560.  
  561.  
  562. #credit {
  563. font-size:9px;
  564. float:center;
  565. position:fixed;
  566. text-align:center;
  567. font-family:cambria;
  568. bottom:15px;
  569. right:15px;
  570. padding-left:15px;
  571. padding-right:15px;
  572. padding-top:5px;
  573. padding-bottom:5px;
  574. text-transform:lowercase;
  575. border:1px solid {color:border};
  576. background-color:{color:entries};
  577. color:{color:title};
  578. }
  579.  
  580. #credit a {
  581. color:{color:title};
  582. }
  583.  
  584. cred {
  585. padding-left: 2.7em;
  586. list-style: none;
  587. }
  588.  
  589. cred:before {
  590. color: {color:title};
  591. content: "\f121";
  592. font-family: FontAwesome;
  593. font-size:10px;
  594. display: inline-block;
  595. margin-left: -2.7em;
  596. width: 2.7em;
  597. }
  598.  
  599. icon1 {
  600. padding-left: 1.2em;
  601. list-style: none;
  602. }
  603. icon1:before {
  604. content: "\f021";
  605. font-family: FontAwesome;
  606. display: inline-block;
  607. margin-left: -1.2em;
  608. width: 1.2em;
  609. }
  610.  
  611. icon2 {
  612. padding-left: 1.2em;
  613. list-style: none;
  614. }
  615. icon2:before {
  616. content: "\f0e5";
  617. font-family: FontAwesome;
  618. display: inline-block;
  619. margin-left: -1.2em;
  620. width: 1.2em;
  621. }
  622.  
  623. icon3 {
  624. padding-left: 1.2em;
  625. list-style: none;
  626. }
  627. icon3:before {
  628. content: "\f044";
  629. font-family: FontAwesome;
  630. display: inline-block;
  631. margin-left: -1.2em;
  632. width: 1.2em;
  633. }
  634.  
  635.  
  636. </style>
  637.  
  638. </head>
  639.  
  640. <body>
  641.  
  642. <div id="backbar">
  643.  
  644. <div id="titlebar">
  645. <div id="maintitle">{text:main title}</div>
  646. <div id="subtitle">{text:subtitle}</div>
  647. </div>
  648.  
  649. <div id="sideph1"><img src="{image:Left Sidebar1}"></div>
  650.  
  651. <div id="sideph2"><img src="{image:Left Sidebar2}"></div>
  652.  
  653. <div id="navbar1">
  654. <div id="navigation1">
  655. <a href="/" title="index"><icon1></icon1></a>
  656. <a href="/ask" title="message"><icon2></icon2></a>
  657. <a href="/submit" title="submit"><icon3></icon3></a>
  658. </div>
  659. </div>
  660.  
  661. <div id="sidebar">
  662.  
  663. <div style="overflow:auto; width: 178px; padding-right:5px; height: 230px; text-align: justify;">
  664. {description}
  665. </div>
  666.  
  667.  
  668. <div id="pagination">
  669. {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}
  670. </div></div>
  671. </div>
  672.  
  673. <div id="rightbackbar">
  674.  
  675. <div id="navbar2">
  676. <div id="navigation2">
  677. <a href="{text:link one URL}">{text:link one text}</a><br>
  678. <a href="{text:link two URL}">{text:link two text}</a><br>
  679. <a href="{text:link three URL}">{text:link three text}</a><br>
  680. <a href="{text:link four URL}">{text:link four text}</a>
  681. </div>
  682. </div>
  683.  
  684. <div id="navbar3">
  685. <div id="navigation3">
  686. <a href="{text:link five URL}">{text:link five text}</a><br>
  687. <a href="{text:link six URL}">{text:link six text}</a><br>
  688. <a href="{text:link seven URL}">{text:link seven text}</a><br>
  689. <a href="{text:link eight URL}">{text:link eight text}</a>
  690. </div>
  691. </div>
  692.  
  693. <div id="quotebar">{text:quote}</div>
  694.  
  695. <div id="sideph3"><img src="{image:Right Sidebar}"></div>
  696.  
  697. </div>
  698.  
  699.  
  700. <div id="entries">
  701. {block:Posts}
  702. <div id="entrybg">
  703. <div id="entry">
  704.  
  705.  
  706. {block:Text}
  707. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  708. {Body}
  709. {/block:Text}
  710.  
  711. {block:Photo}
  712. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  713. {block:Caption}{Caption}{/block:Caption}
  714. {/block:Photo}
  715.  
  716. {block:Photoset}
  717. {Photoset-500}
  718. {block:Caption}{Caption}{/block:Caption}
  719. {/block:Photoset}
  720.  
  721. {block:Quote}
  722. <div id="posttitles">{Quote}</div>
  723. {block:Source}<br>—{Source}{/block:Source}
  724. {/block:Quote}
  725.  
  726. {block:Link}
  727. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  728. {block:Description}{Description}{/block:Description}
  729. {/block:Link}
  730.  
  731. {block:Chat}
  732. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  733. {block:Lines}
  734. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  735. {/block:Lines}
  736. {/block:Chat}
  737.  
  738. {block:Audio}
  739. <div id="audioplayer">{AudioPlayerWhite} </div>
  740. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
  741. <tehe>
  742. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}
  743. <br>
  744. <B>SONG:</B> {block:TrackName}{TrackName}{/block:TrackName}
  745. <br>
  746. <b>CURRENTLY:</b> {PlayCountWithLabel}
  747. <hr>
  748. </tehe>
  749. {block:caption}{caption}{/block:caption}
  750. {/block:Audio}
  751.  
  752. {block:Video}
  753. {Video-500}
  754. {block:Caption}{Caption}{/block:Caption}
  755. {/block:Video}
  756.  
  757. {block:Answer}
  758. <div id="ask">{Asker} sent:</div><div id="question">{Question}</div>
  759. <br>{Answer}
  760. {/block:Answer}
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767. </div> <!-- /div entry ---><div id="permalink">
  768. {block:Date}{TimeAgo}{/block:Date} & <a href="{Permalink}">
  769. {NoteCountWithLabel}</a> & <a href="{ReblogURL}" target="_blank">Reblog</a>
  770.  
  771. {block:RebloggedFrom} & <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  772.  
  773. <br>{block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  774. </div> </div>
  775.  
  776. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  777.  
  778. </body>
  779.  
  780. <div id="credit"> <a href="https://alicatwrites.tumblr.com/" title="theme 01 by ali"><cred>ali</cred></a></div>
  781.  
  782. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement