GLOBAL_HEAD<=

<title>someday...</title>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="https://i2.wp.com/piperandleaf.com/wp-content/uploads/2016/03/leaficon-1.png">
    <link rel="stylesheet" href="http://abbey.neocities.org/one.css">
    <link rel="stylesheet" href="http://abbey.neocities.org/two.css">
    <link href="https://fonts.googleapis.com/css?family=Mada" rel="stylesheet">

<style>


/* ᴄʀᴇᴅɪᴛ: ᴍɪɴɴᴀ */
/* 𝑑𝑜𝑛'𝑡 𝘩𝑒𝑠𝑖𝑡𝑎𝑡𝑒 𝑡𝑜 𝑎𝑠𝑘 𝑓𝑜𝑟 𝘩𝑒𝑙𝑝, 𝑖'𝑚 𝑎𝑙𝑠𝑜 𝘩𝑎𝑝𝑝𝑦 𝑡𝑜 𝘩𝑒𝑙𝑝 𝑑𝑒𝑠𝑖𝑔𝑛 𝑎𝑛𝑑 𝑐𝑜𝑑𝑒 𝑓𝑜𝑟 𝑦𝑜𝑢. */


/* IJ OVERRIDES. i've tried to explain what everything does so you can edit more easily, but feel free to ask if you're struggling! */

/* BODY BACKGROUND */
    body {
      background: linear-gradient(to bottom, #f2f2f2 10%,#eff3db 100%); /* using a transparent texture over linear gradient */
      height: 100%;
    }

/* REMOVES BORDERS AROUND TABLES AND ENTRYBOX; ALLOWS USE OF DROP-SHADOWS INSTEAD */
    table {
      border: 0p;
    } 
    table table {
      border: 0px;
    }

/* JUSTIFIES TEXT */
    tr {
      text-align:justify;
    } 

/* SETS THE WIDTH OF YOUR ENTRYBOX. note: this also effects the "top box" with your icon, userinfo links, etc! */
    .entrybox {
      width:594px;
    } 

/* ENTRYBOX DISPLAY. note: this also effects the "top box" with your icon, userinfo links, etc! */
    .entrybox, .shadowed {
      background-color: rgba(255, 255, 255, 0.2); /* set the colour of the entrybox. the 0.2 allows you to mess with the opacity. does not effect font opacity. */
      box-shadow: 0 0 1px #dddddd; /* how to get a border around the entire entrybox */
      border-radius: 2px; /* adding a very slight rounding to the edges */
      -webkit-border-radius: 2px; 
      -moz-border-radius: 2px;
    }

/* IJ LINKS - USERINFO, CALENDAR, NAVIGATION */
    table table table td.meta {
      font-size: 0px;
      line-height: 0px;
    } 

/* CHANGES FONT SIZES FOR IJ LINKS */
    p table.entrybox table table td.meta, table table table td.meta a {
      font-size:6px;
      line-height: 6px;
      font-family: mada;
      letter-spacing:1px;
      display: none;
    } 

/* HIDES THE LINKS AND NAMEFIELD ABOVE THE TOP BOX */
    table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {
      visibility: hidden; 
      line-height: 0px;
    } 

    .entrybox td.index {
      display: none;
    } 

/* PAGE FONT */
    tr, td, table, body {
      font-family: mada; 
      font-size: 6px;
      color: #333; 
      letter-spacing: 1px;  
      line-height: 10px; 
      font-weight: lighter; 
      text-transform: uppercase; 
      padding: 1px; 
    }

/* SETS HOW BOLDED TEXT LOOKS */
    b {
      font-weight: normal !important;
    }

/* SUBJECT LINE APPEARANCE & FONT */
    p table table td.caption {
      font-family: mada; 
      font-size: 8px; 
      color: #333; 
      letter-spacing: 1px; 
      line-height: 8px; 
      font-weight: lighter; 
      margin-bottom: -4px; 
      text-shadow: 0px 0px 1px #404040;
      text-transform:uppercase; 
      padding: 0px;
    }

/* NAMEFIELD - note: this pulls your default namefield */
    .shadowed td div {
      font-family: petals; 
      font-size: 20px; 
      line-height: 3px; 
      color:#2a2a2a; 
      text-transform: upperrcase; 
      text-shadow: 0 0 1px rgb(185,173,209);
      margin-right: 20px;
      padding-top: 28px;
    }

/* MISC LITTLE TEXT. e.g. navigation/date and time. */
    p.index, .index, tr.caption, .meta, td.meta, .comments, .date {
     font-family: mada; 
     font-size: 6px; 
     line-height: 8px; 
     letter-spacing: 1px; 
     color:#222222;
     text-shadow:0px 0px 0px #ddd; 
     font-weight: lighter; 
     text-transform: uppercase;
    }

    .date {
     padding:0;
     display:block;
     text-align:left; font-size: 6px;
    } 

/ * HIDES DATE * /
    .dates {
     display: none;
    }

/* LINK EFFECTS */
    a {
      color: #333; 
      text-shadow: 0px 0px 1px #b89fcb; 
      text-decoration: none; 
      -webkit-transition-duration: 1.0s; 
      -moz-transition-duration: 1.0s; 
      -o-transition-duration: 1.0s;
    }

    A:hover {
      filter: hue-rotate(342deg) saturate(0.9);
      -webkit-filter: hue-rotate(342deg) saturate(0.9);
      -moz-filter: hue-rotate(342deg) saturate(0.9);
      -ms-filter: hue-rotate(342deg) saturate(0.9);
      -o-filter: hue-rotate(342deg) saturate(0.9);
      text-decoration: none; 
      color:#7aadc5; 
    } 

    .shadowed td div img {
     box-shadow: 0 0 0 !important;
    }

/* USERICONS & LOCKS - note: this pulls your default icon. */
    .shadowed img, .index img {
      border-radius: 0px; 
      opacity: .75;
      filter:alpha(opacity=75); 
      height: 100px; /* ADJUST SIZE OF ICON */
      width: 100px; /* ADJUST SIZE OF ICON */
    }

    .shadowed img {
      border-radius: 10px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */
      -webkit-border-radius: 10px; 
      -moz-border-radius: 10px; 
      padding: 0px; 
      position: relative;
      z-index: 1;
      visibility: hidden; /* allows overriding it with a gif in css, keep it visibility: hidden not display: none in order to keep the height of the header box */
    }

    p table table td.caption img {
      height:6px; 
      width:7px; 
      opacity:0.7;
    }

/* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */
    img[src*="img/userinfo.gif"] {
      width: 0 !important; 
      height: 0 !important; 
    }

    img[src*="img/community.gif"] {
      width: 0 !important; 
      height: 0 !important;
    }

/* OPACITY FOR IMAGES */
    img { 
      border: 0px; 
      opacity:0.7; 
      filter:alpha(opacity=70);
      border-radius:3px; 
      -webkit-border-radius:3px; 
      -moz-border-radius:3px; 
      -moz-transition: all 1.0s ease-out; 
      -o-transition: all 1.0s ease-out; 
      -webkit-transition: all 1.0s ease-out; 
      transition: all 1.0s ease-out;
    }

    img:hover {
      opacity:1.0;
      filter:alpha(opacity=100); 
      -moz-transition: all 1.0s ease-out; 
      -o-transition: all 1.0s ease-out; 
      -webkit-transition: all 1.0s ease-out; 
      transition: all 1.0s ease-out;
    }

/* FRIENDS PAGE ICON BACKGROUND/FONT */
    .entrybox a.index {
      background:transparent; 
      color:#808080; 
      font-size:8px;
    } 

/* SCROLLBAR APPEARANCE */
::-webkit-scrollbar {width: 4px;} 
/* UNDERNEATH BAR */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:#AFAEEA;}
/* TOP BAR */
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;border-radius:0px;background-image: url(https://s-media-cache-ak0.pinimg.com/736x/32/de/77/32de77f2336e5adb20b3fbf58d13d94a.jpg);}

/* CURSOR */
    body, a, a:hover {
      cursor:url(http://i.imgur.com/ONVDMqu.png), default;
    .}

/* CSS */

    #hillary {
      position:absolute; 
      top: -40px; 
      margin-left: -134px;
      visibility: visible;
      z-index: 2;
      visibility: visible !important;
}

    #ruth {
      position:absolute; 
      top: 68px; 
      margin-left: 5px;
      z-index: 2;

}

    #frida {
      position:absolute; 
      top: -14px; 
      margin-left: -50px;
      z-index: 1;

}   

    #icon {
      position:absolute; 
      top: 4px; 
      margin-left: -120px;
      z-index: 1;
}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<style>

<div id="hillary">
  <img src="http://i.imgur.com/gWwK6Zg.gif" style="display: block; width: 125px;height: 176px;opacity: .6; visibility: visible;">
</div>

<div id="ruth">
  <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>

<div id="frida">
  <img src="http://i.imgur.com/Yj8DO1U.gif" style="display: block; opacity: .6; visibility: visible; width: 210px !important; height: 160px !important;">
</div>

<div id="icon">
  <img src="http://i.imgur.com/1ILRoHv.gif" style="display: block; width: 100px; height: 100px; visibility: visible; -webkit-mask-image: url(https://www.skicny.com/wp-content/themes/skicny/assets/img/black-diamond.png);">
</div>

<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>10

DAY_WEBSITE<=

<style>

<div id="hillary">
  <img src="http://i.imgur.com/gWwK6Zg.gif" style="display: block; width: 125px;height: 176px;opacity: .6; visibility: visible;">
</div>

<div id="ruth">
  <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>

<div id="frida">
  <img src="http://i.imgur.com/Yj8DO1U.gif" style="display: block; opacity: .6; visibility: visible; width: 210px !important; height: 160px !important;">
</div>

<div id="icon">
  <img src="http://i.imgur.com/1ILRoHv.gif" style="display: block; width: 100px; height: 100px; visibility: visible; -webkit-mask-image: url(https://www.skicny.com/wp-content/themes/skicny/assets/img/black-diamond.png);">
</div>

<=DAY_WEBSITE

CALENDAR_WEBSITE<=

<style>

<div id="hillary">
  <img src="http://i.imgur.com/gWwK6Zg.gif" style="display: block; width: 125px;height: 176px;opacity: .6; visibility: visible;">
</div>

<div id="ruth">
  <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>

<div id="frida">
  <img src="http://i.imgur.com/Yj8DO1U.gif" style="display: block; opacity: .6; visibility: visible; width: 210px !important; height: 160px !important;">
</div>

<div id="icon">
  <img src="http://i.imgur.com/1ILRoHv.gif" style="display: block; width: 100px; height: 100px; visibility: visible; -webkit-mask-image: url(https://www.skicny.com/wp-content/themes/skicny/assets/img/black-diamond.png);">
</div>

<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<style>

<div id="hillary">
  <img src="http://i.imgur.com/gWwK6Zg.gif" style="display: block; width: 125px;height: 176px;opacity: .6; visibility: visible;">
</div>

<div id="ruth">
  <font style="font-family: mada; font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><a href="/info">USERINFO</a> <a href="/friends">FRIENDS</a> <a href="/2010/01/01/">CUSTOMS</a></font>
</div>

<div id="frida">
  <img src="http://i.imgur.com/Yj8DO1U.gif" style="display: block; opacity: .6; visibility: visible; width: 210px !important; height: 160px !important;">
</div>

<div id="icon">
  <img src="http://i.imgur.com/1ILRoHv.gif" style="display: block; width: 100px; height: 100px; visibility: visible; -webkit-mask-image: url(https://www.skicny.com/wp-content/themes/skicny/assets/img/black-diamond.png);">
</div>

<=LASTN_WEBSITE