ok

<!-- hello, summer! welcome to your new layout. i'll be here to help you customize everything in case you have trouble navigating the coding. have fun, be creative, and make the layout your own! --!>
<div style="margin-left:65px;
margin-bottom:-15px;
font-size:165%;"><h1>hey</h1>
<h4>this is a subtitle this is a subtitle</h4></div>

<link rel="stylesheet" href="gallery.css">
<link rel="stylesheet" href="gallery.theme.css">
<div class="gallery autoplay items-3">
<div id="item-1" class="control-operator"></div>
<div id="item-2" class="control-operator"></div>
<div id="item-3" class="control-operator"></div>
<figure class="item">
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#000000;
color:#96c4e0;
margin:5px;
text-align:left;
float:left;">
<!-- this is the first box on the first tab. for the image, paste your avatar url or any other square image you'd like. i made some suggestions for a little bio, but you can put whatever you like there! --!>
<div id="black"><center><img src="https://40.media.tumblr.com/da1f2def8a3cea9e099e6f44dd8a856b/tumblr_inline_nyx6c0SMNC1rk3ed3_540.png" id="icon"></img></center></div>
<b>name:</b> dolce
<br><b>age:</b> 16
<br><b>pronouns:</b> she/her (cis)
<br><b>horoscope:</b> leo
<br><b>personality type:</b> enfp</div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#ffffff;
color:#000000;
text-align:left;
float:left;
overflow:scroll;
margin:5px;">
<!-- this is a textbox with a scrollbar. put whatever you like here. --!>
<center><b>title</b></center>
White lights are too bright. I just wanna see a trace or an outline. Say your name into a mirror three times, said it three times, said it three times. But when you float above my body, I can see, I can see clearly Straight through the ceiling, ceiling. Darling, don't be so shy, I'll see you at midnight And when I close my eyes. I said it three times, I said it three times, You make my world spin, Placebo feelings. And in the morning I'll wait to see you again.</div>
<div style=
"width:115px;
height:175px;
border: 1px solid #96c4e0;
padding:10px;
background:#96c4e0;
color:#000000;
margin:5px;
float:left;">
<!-- i made this a box with mock breeding/sales info above the horizontal rule and links to pat my customs under the horizontal rule. you can change it to whatever you'd like, though. remember: it doesnt't scroll! --!>
<b>current projects:</b> pastels
<br><u>sales link</u>
<br>studs for 15k each
<hr>
<a href=/mweor.php?id=2440974&pat=yes><img src=/mweori.php?id=2440974&tiny=1></img></a>
<a href=/mweor.php?id=2610186&pat=yes><img src=/mweori.php?id=2610186&tiny=1></img></a>
<a href=/mweor.php?id=2610187&pat=yes><img src=/mweori.php?id=2610187&tiny=1></img></a>
<a href=/mweor.php?id=2793846&pat=yes><img src=/mweori.php?id=2793846&tiny=1></img></a>
<a href=/mweor.php?id=2656668&pat=yes><img src=/mweori.php?id=2656668&tiny=1></img></a>
<a href=/mweor.php?id=1300590&pat=yes><img src=/mweori.php?id=1300590&tiny=1></img></a>
<a href=/mweor.php?id=1703932&pat=yes><img src=/mweori.php?id=1703932&tiny=1></img></a></div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#ffffff;
color:#000000;
margin:5px;
text-align:left;
overflow:scroll;
float:right;">
<!-- this is a textbox with a scrollbar. put whatever you like here. --!>
<center><b>title</b></center>
White lights are too bright. I just wanna see a trace or an outline. Say your name into a mirror three times, said it three times, said it three times. But when you float above my body, I can see, I can see clearly Straight through the ceiling, ceiling. Darling, don't be so shy, I'll see you at midnight And when I close my eyes. I said it three times, I said it three times, You make my world spin, Placebo feelings. And in the morning I'll wait to see you again.</div>
</figure>
<figure class="item">
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
background:#ffffff;
color:#000000;
padding:10px;
margin:5px;
float:left;"><div id="linkstab"><div class="shop"><a href=/usershop.php?id=43641>shop</a></div>
<div class="overview"><a href=/cattery_overview.php?id=43641>overview</a></div>
<div class="messages"><a href=/messages.php>messages</a></div></div>
</div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#000000;
color:#ffffff;
float:left;
margin:5px;">
<!-- i put mock commission info here. if you design, code, or make art, this is a great place to advertise. however, you can put whatever you want here - but it doesn't scroll. --!>
<div id="black"><b>designs</b>
<br><br>commissions: yes
<br>price:75k
<hr>
<u>example link</u>
<br><u>example link</u>
<br><br><u>sales thread</u>
</div></div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#ffffff;
color:#000000;
margin:5px;
float:left;"><div id="linkstab"><div class="shop"><a href=/chat.php>chat</a></div>
<div class="overview"><a href=/searchtopics.php?subject=&author=43641&mweor=&board=0&search=Search>my posts</a></div>
<div class="messages"><a href=/explore.php>explore</a></div></div></div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#000000;
color:#ffffff;
margin:5px;
float:right;">
<!-- i put mock commission info here. if you design, code, or make art, this is a great place to advertise. however, you can put whatever you want here - but it doesn't scroll. --!>
<div id="black"><b>coding info</b>
<br><br>commissions: yes
<br>price: 5-7 MP
<hr>
<u>example link</u>
<br><u>example link</u>
<br><u>example link</u>
</div></div>
</figure>
<figure class="item">
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#000000;
color:#96c4e0;
margin:5px;
overflow:scroll;
float:left;">
<!-- this is a textbox with a scrollbar. put whatever you like here. --!>
<div id="black"><center><b>title</b></center>
White lights are too bright. I just wanna see a trace or an outline. Say your name into a mirror three times, said it three times, said it three times. But when you float above my body, I can see, I can see clearly Straight through the ceiling, ceiling. Darling, don't be so shy, I'll see you at midnight And when I close my eyes. I said it three times, I said it three times, You make my world spin, Placebo feelings. And in the morning I'll wait to see you again.</div></div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#ffffff;
color:#000000;
float:left;
overflow:scroll;
margin:5px;">
<!-- this is a textbox with a scrollbar. put whatever you like here. --!>
<center><b>title</b></center>
White lights are too bright. I just wanna see a trace or an outline. Say your name into a mirror three times, said it three times, said it three times. But when you float above my body, I can see, I can see clearly Straight through the ceiling, ceiling. Darling, don't be so shy, I'll see you at midnight And when I close my eyes. I said it three times, I said it three times, You make my world spin, Placebo feelings. And in the morning I'll wait to see you again.</div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#000000;
color:#ffffff;
margin:5px;
overflow:scroll;
float:left;">
<!-- this is a textbox with a scrollbar. put whatever you like here. --!>
<div id="black"><center><b>title</b></center>
White lights are too bright. I just wanna see a trace or an outline. Say your name into a mirror three times, said it three times, said it three times. But when you float above my body, I can see, I can see clearly Straight through the ceiling, ceiling. Darling, don't be so shy, I'll see you at midnight And when I close my eyes. I said it three times, I said it three times, You make my world spin, Placebo feelings. And in the morning I'll wait to see you again.</div></div>
<div style=
"width:115px;
height:175px;
border: 1px solid #000000;
padding:10px;
background:#96c4e0;
color:#000000;
margin:5px;
overflow:scroll;
float:right;">
<!-- this is a textbox with a scrollbar. put whatever you like here. --!>
<center><b>title</b></center>
White lights are too bright. I just wanna see a trace or an outline. Say your name into a mirror three times, said it three times, said it three times. But when you float above my body, I can see, I can see clearly Straight through the ceiling, ceiling. Darling, don't be so shy, I'll see you at midnight And when I close my eyes. I said it three times, I said it three times, You make my world spin, Placebo feelings. And in the morning I'll wait to see you again.</div>
</figure>
<br><br>
<div class="controls"> <a href="#item-1" class="control-button"><span class="tip" tip="about">•</span></a> <br><a href="#item-2" class="control-button"><span class="tip" tip="links">•</span></a> <br><a href="#item-3" class="control-button"><span class="tip" tip="other">•</span></a> <br><span class="tip" tip="message"><a class="compose" cid="43641">•</a></span> <br><span class="tip" tip="report"><a href=/report.php?loc=1&other=43641>•</a></span> <br><span class="tip" tip="credit"><a href=/cattery.php?id=43641>•</a></span></center>
</div></div>

<!-- alright, your layout is finished! enjoy! if anything goes wrong or if you'd like to suggest a tweak, just send me a message and i'll help you out.  --!>

<font color=#000000>

<style>
#icon
{height:70px;
width:70px;
border:1px solid #96c4e0;
margin-bottom:3px;}
.overview
{width:105px!important;
height:45px!important;
margin:5px!important;
border:1px solid #000000;
background:#96c4e0;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
display: inline-block;
vertical-align: middle;
line-height: normal;}
.overview:hover
{background:#000000;
width:105px!important;
height:45px!important;
margin:5px!important;
display: inline-block;
vertical-align: middle;
line-height: normal;}
.shop
{width:105px!important;
height:45px!important;
margin:5px;
border:1px solid #000000;
background:#96c4e0;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
display: inline-block;
vertical-align: middle;
line-height: normal;}
.shop:hover
{background:#000000;
width:105px!important;
height:45px!important;
margin:5px;
display: inline-block;
vertical-align: middle;
line-height: normal;}
.messages
{width:105px!important;
height:45px!important;
margin:5px;
border:1px solid #000000;
background:#96c4e0;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
display: inline-block;
vertical-align: middle;
line-height: normal;}
.messages:hover
{background:#000000;
width:105px!important;
height:45px!important;
margin:5px;
display: inline-block;
vertical-align: middle;
line-height: normal;}
.shop:hover a
{color:#96c4e0!important;}
.overview:hover a
{color:#96c4e0!important;}
.messages:hover a
{color:#96c4e0!important;}
#linkstab a
{text-decoration:none;
line-height:45px;}
#black a
{color:#ffffff;}
#black hr
{height:1px;
background: #ffffff;
border:0px solid #ffffff;}
#black::-webkit-scrollbar-thumb
{background:#ffffff!important;}
</style>

<style>
#topbanner,
#bottombanner,
#titlebar,
#bodyi, .titlebar, .sf-menu {display: none;}
#footer{display:none;}
#titleimg { display:none;}
#titletxt { display:none; }
.titlebar { display:none; height:0px}
#topbanner { display:none;}
#bottombanner img { display:none;}
#menu_holder { display:none; }
img.trans {display:none;}
.tip.good_label {display:none;}
.tip.neutral_label  {display:none;}
#notice {display:none;}
#eventtxt  {display:none;}
#cattery_infobox {display:none;}
div [style="width: 99px; height: 98px; position: relative; float: left;"] {display:none;}
.mweor_icon {display:none;}
</style>

<style>
.breed_count
{display:none;}
#mweor_tabs
{background: #ffffff;
border:0px solid #ffffff!important;
color: #000000!important;
font-famiy:arial  !important;
border-radius:0px;
margin-left:78px;
margin-right:68px;
font-size:12px;}
.ui-widget-header
{background:#ffffff;
border:1px solid #000000;
color: #000000!important;
font-size:12px;
font-famiy:arial  !important
border: none;
border-radius:0px;}
ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{background: #ffffff;
color: #000000!important;
border: 0 px solid #ffffff;
font-size:12px;
font-famiy:arial  !important}
ul#cattery_menu
{background:#ffffff;
color:#000000!important;
font-famiy:arial;
border-radius:0px;}
.ui-corner-top
{border:0px solid #8823CD!important;
color:#000000!important;
font-famiy:arial;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
border-radius:0px;
background:#ffffff;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{background: #ffffff;
color:#000000!important;
border:0px solid #ffffff;
font-famiy:arial;}
.add_small_margins
{border: 0px solid #ffffff!important;}
th
{color:#000000!important;
font-famiy:arial;
font-size:12px;}
.ui-tabs-anchor
{color:#000000!important;
font-famiy:arial;}
.theader
{font-weight:normal;
font-size:12px;
color:#000000;}
td
{background:#ffffff!important;
font-size:12px;
color:#000000;}
tr
{font-size:12px;
color:#000000;}
ui
{font-size:12px;
color:#000000;}
.text_medium.add_small_margins
{font-size:12px!important;}
.mweor_page td
{width:20px!important;}
.mweor_page
{width: 571px;
margin-left:-8px;}
</style>

<style>
#cattery_descbox
{background:#ffffff;
width:700px;
height:330px;
float: right;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;
font-size:12px;}
body
{background:#ffffff;
margin:auto;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;
font-size:12px;}
#content
{background:#ffffff;
width:700px;
height:330px;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;
margin-left:225px;
font-size:12px;}
tbody
{font-famiy:arial;
background:#ffffff!important;
color:#000000;
font-size:12px;
color:#000000;}
td
{font-famiy:arial;
color:#000000;
background:#ffffff!important;
font-weight:normal;
font-size:12px;
color:#000000;}
</style>

<style>
.button
{color:#000000;
background:#ffffff!important;
border: 1px solid #000000;
border-radius:0px;
font-weight:normal;
font-famiy:arial;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;}
.button:hover
{color:#96c4e0;
border: 1px solid #96c4e0;}
.theader
{property: value;
background: #ffffff;
font-famiy:arial;
color:#000000;
position:relative;}
.popup
{background:#ffffff;
color:#000000;
border: 1px solid #000000;
font-famiy:arial;}
.ui-tooltip
{background: #ffffff!important;
color:#000000!important;
border-radius:0px;
box-shadow: 0px 0px 0 #000000;
border: 1px solid #000000!important;
font-famiy:arial;
font-size:12px;}
.ui-button
{-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
.mweorbox.ui-corner-all
{ margin-left:-13px;
margin-right:5px;
font-size:12px; }
#subject, #recipient, #message
{font-family:arial!important;
color:#96c4e0;
font-size:12px;
border:1px solid #000000!important;}
#popupclose, .popup_title, td b
{color:#96c4e0;
font-weight:normal;}
.ui-button
{border:0px solid #ffffff!important;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
.ui-button:hover
{color:#96c4e0!important;}
.ui-dialog-titlebar
{font-weight:normal!important;
border:0px solid #ffffff!important;}
.ui-tabs-panel
{width:562px;}
.tab_paging
{border-bottom:0px solid #ffffff;
margin-left:-100px;
color:#000000;}
.page_number
{border:0px solid #ffffff!important;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
.page_number:hover
{color:#96c4e0!important;}
.tborder
{border:1px solid #000000!important;}
</style>

<style>
::-webkit-scrollbar
{-webkit-appearance: none;
width: 5px;
height: 5px;}
::-webkit-scrollbar-track
{background:transparent;}
::-webkit-scrollbar-thumb
{background:#000000;}
::-webkit-scrollbar-button
{background:#transparent;}
::-webkit-scrollbar-track-piece
{background:#transparent;}
::-webkit-scrollbar-corner
{background:transparent;}
::-webkit-resizer
{background:#transparent;}
</style>

<style>
font
{color:#000000!important;
font-famiy:arial;
font-size:12px;}
a
{color:#000000;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
text-decoration:underline;}
a:hover
{color:#96c4e0;}
i
{display:none;}
h1
{font-family: arial;
color:#000000;}
h4
{font-family: arial;
color:#96c4e0;}
hr
{height:1px;
background: #000000;
border:0px solid #000000;}
</style>

<style>
.gallery .control-operator:target ~ .controls .control-button
{color:#000000;      }
.gallery .control-button:first-of-type,
.items-2 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-2 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-3 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-3 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-3 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-4 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-4 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-4 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-4 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.items-5 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-5 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-5 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-5 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.items-5 .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5)
{color: #96c4e0;}
.gallery .item:first-of-type
{position: absolute;
  opacity: 1;}
.gallery .item
{position: absolute;
margin: 10px;
padding:10px;
 float:right;
  width:588px;
  height: 200px;
margin-left:50px;
  opacity: 0;
color:#000000;
overflow:invisible;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;}
.gallery .control-operator
{display: none;}
.gallery .control-operator:target ~ .item
{pointer-events: none;
  opacity: 0;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;}
.gallery .control-operator:target ~ .controls .control-button
{-webkit-animation: none;
  -o-animation: none;
  animation: none;}
@-webkit-keyframes controlAnimation-2
{0%
{color:#000000; }
14.3%, 50%
{color:#96c4e0;}
64.3%, 100%
{color:#000000;      }
}
@-o-keyframes controlAnimation-2
{0%
{color:#000000;}
14.3%, 50%
{color:#96c4e0;}
64.3%, 100%
{color:#000000;      }
}
@keyframes controlAnimation-2
{0%
{color:#000000;      }
14.3%, 50%
{color:#96c4e0;}
64.3%, 100%
{color:#000000;      }
}
@-webkit-keyframes galleryAnimation-2 {
  0%
{opacity: 0;}
14.3%, 50%
{opacity: 1;}
64.3%, 100%
{opacity: 0;}
}
@-o-keyframes galleryAnimation-2
{0%
{opacity: 0;}
14.3%, 50%
{opacity: 1;}
64.3%, 100%
{opacity: 0;}
}
@keyframes galleryAnimation-2
{0%
{opacity: 0;}
14.3%, 50%
{opacity: 1;}
64.3%, 100%
{opacity: 0;}
}
.items-2.autoplay .control-button
{ -webkit-animation: controlAnimation-2 14s infinite;
  -o-animation: controlAnimation-2 14s infinite;
  animation: controlAnimation-2 14s infinite;}
.items-2.autoplay .item
{-webkit-animation: galleryAnimation-2 14s infinite;
  -o-animation: galleryAnimation-2 14s infinite;
  animation: galleryAnimation-2 14s infinite;}
.items-2 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1)
{ pointer-events: auto;
  opacity: 1;}
.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1)
{-webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;}
.items-2 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2)
{pointer-events: auto;
  opacity: 1;}
.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2)
{-webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;}
@-webkit-keyframes controlAnimation-3
{0%
{color:#000000;      }
9.5%, 33.3%
{color:#96c4e0;}
42.9%, 100%
{color:#000000;      }
}
@-o-keyframes controlAnimation-3 {
  0%
{color:#000000;      }
9.5%, 33.3%
{color:#96c4e0;}
42.9%, 100%
{color:#000000;      }
}
@keyframes controlAnimation-3 {
  0%
{color:#000000;      }
9.5%, 33.3%
{color:#96c4e0;}
42.9%, 100%
{color:#000000;      }
 }
@-webkit-keyframes galleryAnimation-3
{0%
{opacity: 0;}
9.5%, 33.3%
{opacity: 1;}
42.9%, 100%
{opacity: 0;}
}
@-o-keyframes galleryAnimation-3
{ 0%
{opacity: 0;}
9.5%, 33.3%
{opacity: 1;}
42.9%, 100%
{opacity: 0;}
}
@keyframes galleryAnimation-3
{0%
{opacity: 0;}
9.5%, 33.3%
{opacity: 1;}
42.9%, 100%
{opacity: 0;}
}
.items-3.autoplay .control-button
{-webkit-animation: controlAnimation-3 21s infinite;
  -o-animation: controlAnimation-3 21s infinite;
  animation: controlAnimation-3 21s infinite;}
.items-3.autoplay .item
{-webkit-animation: galleryAnimation-3 21s infinite;
  -o-animation: galleryAnimation-3 21s infinite;
  animation: galleryAnimation-3 21s infinite;}
.items-3 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1)
{pointer-events: auto;
  opacity: 1;}
.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {
  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;}
.items-3 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2)
 {pointer-events: auto;
  opacity: 1;}
.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2)
{ -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;}
.items-3 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3)
{pointer-events: auto;
  opacity: 1;}
.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3)
{ -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;}
@-webkit-keyframes controlAnimation-4
{0%
{color:#000000;      }
7.1%, 25%
{color:#96c4e0;}
32.1%, 100%
{color:#000000;      }
}
@-o-keyframes controlAnimation-4
{0%
{color:#000000;      }
7.1%, 25%
{color:#96c4e0;}
32.1%, 100%
{color:#000000;      }
}
@keyframes controlAnimation-4
{0%
{color:#000000;      }
7.1%, 25%
{color:#96c4e0;}
32.1%, 100%
{color:#000000;      }
}
@-webkit-keyframes galleryAnimation-4
{0%
{opacity: 0;}
7.1%, 25%
{opacity: 1;}
32.1%, 100%
{opacity: 0;}
}
@-o-keyframes galleryAnimation-4
{0%
{opacity: 0;}
7.1%, 25%
{opacity: 1;}
32.1%, 100%
{opacity: 0;}
}
@keyframes galleryAnimation-4
{0%
{opacity: 0;}
7.1%, 25%
{opacity: 1;}
32.1%, 100%
{opacity: 0;}
}
.items-4.autoplay .control-button
{-webkit-animation: controlAnimation-4 28s infinite;
  -o-animation: controlAnimation-4 28s infinite;
  animation: controlAnimation-4 28s infinite;}
.items-4.autoplay .item
{ -webkit-animation: galleryAnimation-4 28s infinite;
  -o-animation: galleryAnimation-4 28s infinite;
  animation: galleryAnimation-4 28s infinite;}
.items-4 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1)
{ pointer-events: auto;
  opacity: 1;}
.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1)
{ -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;}
.items-4 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2)
{pointer-events: auto;
  opacity: 1;}
.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2)
 -webkit-animation-delay: 5s;
-o-animation-delay: 5s;
  animation-delay: 5s;}
.items-4 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3)
{pointer-events: auto;
  opacity: 1;}
.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3)
{ -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;}
.items-4 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4)
{pointer-events: auto;
  opacity: 1;}
.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4)
{ -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;}
@-webkit-keyframes controlAnimation-5
{ 0%
{color:#000000;      }
5.7%, 20%
{color:#96c4e0;}
25.7%, 100%
{color:#000000;      }
}
@-o-keyframes controlAnimation-5
{0%
{color:#000000;      }
5.7%, 20%
{color:#96c4e0;}
25.7%, 100%
{color:#000000;      }
}
@keyframes controlAnimation-5
{0%
{color:#000000;      }
5.7%, 20%
{color:#96c4e0;}
25.7%, 100%
{color:#000000;      }
}
@-webkit-keyframes galleryAnimation-5
{0%
{opacity: 0;}
5.7%, 20%
{opacity: 1; }
25.7%, 100%
{opacity: 0;}
}
@-o-keyframes galleryAnimation-5
{ 0%
{opacity: 0;}
5.7%, 20%
{opacity: 1;}
25.7%, 100%
{opacity: 0;}
}
@keyframes galleryAnimation-5 {
  0%
{opacity: 0;}
5.7%, 20%
{opacity: 1;}
25.7%, 100%
{opacity: 0;}
}
.items-5.autoplay .control-button
{  -webkit-animation: controlAnimation-5 35s infinite;
  -o-animation: controlAnimation-5 35s infinite;
  animation: controlAnimation-5 35s infinite;}
.items-5.autoplay .item
{  -webkit-animation: galleryAnimation-5 35s infinite;
  -o-animation: galleryAnimation-5 35s infinite;
  animation: galleryAnimation-5 35s infinite;}
.items-5 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1)
{  pointer-events: auto;
  opacity: 1;}
.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1)
{  -webkit-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;}
.items-5 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2)
{  pointer-events: auto;
  opacity: 1;}
.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2)
{  -webkit-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;}
.items-5 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3)
{  pointer-events: auto;
  opacity: 1;}
.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3)
{  -webkit-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;}
.items-5 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4)
{  pointer-events: auto;
  opacity: 1;}
.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4)
{  -webkit-animation-delay: 19s;
  -o-animation-delay: 19s;
  animation-delay: 19s;}
.items-5 .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5)
{  pointer-events: auto;
  opacity: 1;}
.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5)
{ -webkit-animation-delay: 26s;
  -o-animation-delay: 26s;
  animation-delay: 26s;}
.gallery .control-button
{color:#000000;      }
.gallery .control-button:hover
{color:#96c4e0;}
.gallery
{ }
.gallery .item
{ height: 200px;
  overflow: hidden;
  text-align: center;
 float:left;
  background: #    ffffff;
border: 0px solid #ffffff;}
.gallery .controls
{  bottom: 0;
  width: 10px;
margin-left:30px;
margin-right:30px;
float:left;}
.controls a
{text-decoration:none;
font-size:250%;}
.gallery .control-button
{  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
font-size:250%;
  text-decoration: none;
  -webkit-transition: color .1s;
  -o-transition: color .1s;
  transition: color .1s;}
</style>

<!--
<style>
 *
{font-family: corbel;}
a
{color:#da0750;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
a:hover
{color:#808080;}
b
{color:#da0750;}
i
{display:none;}
u
{color:#808080;}
</style>

<u>custom layout commissions:</u> <s>closed</s> / <b>open</b>
<br><u>template commissions:</u> <s>closed</s> / <b>open</b>
<br>pm me to request a coding commission.
<br><br><u>custom layout sales:</u> <a href=/viewtopic.php?id=670026>located here</a>


old signature:
i'd tell you i loved you if i only knew how

ashton irwin avatar:
http://31.media.tumblr.com/4ea2e3ef8c95bed15bc7597d8d57963f/tumblr_n6ehhm1Jw21sm5oexo4_250.gif
allison avatar:
http://38.media.tumblr.com/3ce2da9a94c8da5800dd4b2481c56992/tumblr_n7a0w9DwQh1t27ahco5_250.gif
--!>