Advertisement
alithegreat

ALICATWRITES | 005: BAD TOGETHER.

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