alithegreat

ALICATWRITES | 008: ATTENTION.

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