daily pastebin goal
93%
SHARE
TWEET

ALICATWRITES | 008: ATTENTION.

alithegreat Dec 28th, 2017 721 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
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top