Tab 01: Pillow Themes

HELLO! IT'S YA GIRL CARA! WHEN COPY-PASTING THE CODES, DO NOT INCLUDE THE ONES CAPITALIZED. I'M SURE YOU KNOW HOW TO DIFFERENTIATE WHICH ONE IS A CODE AND WHAT'S A NOTE, RIGHT? BUT, PLEASE, I'M BEGGING YOU, DO CREDIT ME. THANK YOU! <3

PLACE THE FOLLOWING UNDER <head> (IF YOU HAVE THE FOLLOWING META TAGS, THEN YOU DON'T NEED TO PUT IT IN YOUR CODE)
    <meta name="color:background" content="#fff">
    <meta name="color:text" content="#000">
    <meta name="color:accent" content="#f1e3a2">
    <meta name="color:accent 1" content="#f1e3a2">

    <meta name="text:stats 1" content="insert stats here">
    <meta name="text:stats 2" content="insert stats here">
    <meta name="text:stats 3" content="insert stats here">

    <meta name="text:link 1 url" content="">
    <meta name="text:link 2 url" content="">
    <meta name="text:link 3 url" content="">

    <meta name="text:link 1" content="">
    <meta name="text:link 2" content="">
    <meta name="text:link 3" content="">

    <meta name="text:quote" content="">

IF YOU DON'T HAVE A FONTAWESOME LINK, THEN ADD THIS UNDER <head> (IF YOU DO, SKIP THIS)
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">


ADD THE FOLLOWING CODES (YES, EVEN MY CREDIT) ANYWHERE BETWEEN <style type="css/text"> or <style> and </style>
/*PILLOW THEMES: TAB 01*/
#updb {
top:0;
right:0;
width:250px;
height:100%;
position:fixed;
overflow:scroll;
overflow-x:hidden;
background-color:{color:accent};
}

#boxt {
width:100%;
height:20px;
background-color:{color:accent};
}

#statst {
padding:10px;
font-size:13px;
margin-bottom:10px;
background-color:{color:accent 1};
text-align:center;
width:20px;
margin:auto;
border-radius:50%;
}

#statsc {
background-color:{color:background};
padding:10px;
margin:10px 10px 20px 10px;
}

#currt {
padding:10px;
font-size:13px;
margin-bottom:10px;
background-color:{color:accent 1};
text-align:center;
width:20px;
margin:auto;
border-radius:50%;
}

#currc {
background-color:{color:background};
padding:10px;
margin:10px 10px 20px 10px;
}

#links {
padding:10px;
font-size:13px;
margin-bottom:10px;
background-color:{color:accent 1};
text-align:center;
width:20px;
margin:auto;
border-radius:50%;
}

#linksc {
background-color:{color:background};
padding:5px;
margin:10px 10px 20px 10px;
text-align:center;
}

#linksc a {
margin:10px;
background-color:{color:accent};
padding:10px;
display:block;
text-transform:uppercase;
}

#quoteb {
padding:10px;
font-size:13px;
margin-bottom:10px;
background-color:{color:accent 1};
text-align:center;
width:20px;
margin:auto;
border-radius:50%;
}

#quotec {
background-color:{color:background};
padding:10px;
margin:10px 10px 20px 10px;
}
/*PILLOW THEMES: TAB 01*/


NOW, ADD THESE ANYWHERE (EVEN MY CREDIT) BETWEEN <body> and </body>
<!-- PILLOW THEMES: TAB 01 -->
<div id="updb">
    <div id="boxt"></div>
    <div id="statst"><i class="far fa-chart-bar"></i></div>
    <div id="statsc">
        <b>00.00.00</b> {text:stats 1}
        <br>
        <b>00.00.00</b> {text:stats 2}
        <br>
        <b>00.00.00</b> {text:stats 3}
    </div>

    <div id="links"><i class="fas fa-bars"></i></div>
        <div id="linksc">
            <a href="/">HOME</a>
            <a href="/ask">MAILBOX</a>
            <a href="{text:link 1 url}">{text:link 1}</a>
            <a href="{text:link 2 url}">{text:link 2}</a>
            <a href="{text:link 3 url}">{text:link 3}</a>
            <a href="/archive">ARCHIVE</a>
            <!-- DO NOT TOUCH MY CREDIT -->
            <a href="https://pillowthemes.tumblr.com">CREDIT</a>
            <!-- DO NOT TOUCH MY CREDIT -->
        </div>

    <div id="currt"><i class="far fa-clipboard"></i></div>
    <div id="currc">
        <i class="fas fa-book" style="margin-right:10px;"></i>Reading
        <li><i>Better Than Perfect</i> by Melissa Kantor</li>
        <li><i>Red Queen</i> by Victoria Aveyard</li>
    </div>
    <div id="currc">
        <i class="fas fa-music" style="margin-right:10px;"></i>Listening
        <li><i>Strawberries & Cigarettes</i> by Troye Sivan</li>
        <li><i>Chocolate</i> by The 1975</li>
    </div>

    <div id="currc">
        <i class="fas fa-tv" style="margin-right:10px;"></i>Watching
        <li>Quantico</li>
        <li>The Blacklist</li>
    </div>

    <div id="quoteb"><i class="fas fa-quote-left"></i></div>
    <div id="quotec">
        {text:quote}
    </div>
</div>