Welcome, guest! Login / Register - Why register?
Psst.. new poll here.
Psst.. new forums here.
Microsoft is blocking us again (TY IP Reputation!) so just use oauth login instead. :)

Paste

Pasted as Plain Text by For Zero ( 12 years ago )
?<link rel="stylesheet" href="/css/mweor_green.css" /> 
<style>

::selection
{
  background: #CBF2BC; /* Safari */
}

::-moz-selection
{
  background: #CBF2BC; /* Firefox */
}

h1 {
color: #F2FAB2;
text-shadow: 0px 0px 4px #7797A2;
font-size: 22px;
font-family: "corbel";
-webkit-transition: .45s linear .25s;
background: transparent;
padding: 5px;
margin-top: -20px;
}

h1:hover
{
  color: #CBF2BC;
  text-shadow: 0px 0px 3px #2f3c40;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

#cattery_descbox {
width: 992px;
height: 775px;
padding: 10px;
background: transparent;
position: relative;
font-family: corbel;
text-align: center;
-webkit-transition: all 1s ease-in-out;
-webkit-animation: myfirst 5s infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: paused;
margin-top: -40px;
}

#cattery_descbox:hover
{
  -webkit-animation-play-state:paused;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
}

#cattery_infobox {
background-image: -webkit-linear-gradient(top, #83BEBB 0%, #7797A2 100%);
color: #A9DBBD;
text-shadow: 0px 0px 3px #83BEBB;
text-align: center;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
border-bottom-right-radius: 25px;
border-top-left-radius: 3px;
padding: 5px;
font-family: "corbel";
width: 100px;
height: 440px;
-webkit-transition: .45s linear .25s;
position: absolute;
margin-top: 185px;
}

#cattery_infobox:hover
{
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

div#cattery_infobox font[color="green"]
{
  color: #F2FAB2;
}

#cattery_infobox font[color="green"]::after
{
  content: ", coding this layout. P:";
}


div#cattery_infobox font[color="blue"]
{
  color: #83BEBB;
}

#cattery_infobox font[color="blue"]::after
{
  content: ", sleeping. :P";
}

#holder
{
  position: relative;
  background: transparent;
  width: auto;
  height: 0px;
}

body
{
  background: #7797A2;
}



::-webkit-scrollbar-track
{
  box-shadow: inset 0 0 5px #52676e;
  background-color: #FFFCED;
}

::-webkit-scrollbar-thumb
{
  border-radius: 12px;
  box-shadow: inset 0 0 5px rgba(245, 91, 0, 0.75);
  background-color: rgba(242, 180, 143, 0.75);
}

::-webkit-scrollbar
{
  background: rgba(255, 255, 255, 0.5);
  width: 12px;
}




a
{
  color: #2f3c40;
  text-shadow: 0px 0px 3px #CBF2BC;
  font-family: "corbel";
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}


a:hover
{
  color: #CBF2BC;
  text-shadow: 0px 0px 3px #2f3c40;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}



p
{
  background: transparent;
}


#gametime
{
  font-family: "corbel";
  color: #F9F7E2;
}



#text
{
  text-align: center;
  font-family: "corbel";
}

#content {
left: 100px;
height: 0px;
display: initial;
padding: 0px;
background: transparent;
}

#contentholder {
width: 910px;
left: 15px;
background: transparent;
position: absolute;
}


#eventtxt
{
background: #7797A2;
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
}

#notice
{
  border: 2px solid #6D6570;
  border-radius: 12px;
  padding: 3px;
  color: #6D6570;
  text-shadow: 0px 0px 3px #6D6570;
  text-align: center;
  font-family: "corbel";
  box-shadow: 8px 3px 0px #6D6570;
}



.mweorbox
{
  border-bottom-left-radius: 25px;
  font-family: "corbel";
  height: 125px;
  margin-bottom: 1px;
  border-bottom-right-radius: 25px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.mweorbox.trow1
{
  background-image: -webkit-linear-gradient(top, #83BEBB 0%, #7797A2 100%);
  box-shadow: 0 0 10px #A9DBBD;
  border-top: 10px solid #F2FAB2;
  border-bottom: 5px solid #A9DBBD;
  border-right: 1px dashed #CBF2BC;
  border-left: 1px dashed #CBF2BC;
}

.trow1, .trow1 table, .trow1 tr, .trow1 td
{
  background: transparent;
}

.theader
{
  background: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/2672/2672965.png');
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: inset 0 0 10px black, 0 0 10px black;
  background-attachment: fixed;
}

#tooltip
{
background: #7797A2;
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
}

.popup2
{
  background: rgba(255, 252, 237, 0.75);
  color: black;
  border: 3px solid rgba(109, 101, 112, 0.75);
  position: absolute;
  z-index: 10;
  padding: 5px;
  width: 575px;
  height: 450px;
  overflow: auto;
}






.spacer { display: none; }
.sf-menu { display: none; }
#bottombanner { display: none; }
#titleimg { display: none; }
.titlebar { display: none; }
#titletxt { display: none; }
#layoutuinfo { display: none; }
#menu_holder { display: none; }
#footer { display: none; }
#bodyi { display: none; }
#topbanner { display: none; }
#topbanneri { display: none; }
.listheader { display: none; }
i, cite, em, var, address, dfn { display: none; }










/* CUSTOM STUFF */


/* 
These things are customized.  Basically everything here ISN'T part of Mweor's regular "base" coding. ^^
*/






.bannertop {
background: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/2672/2672965.png');
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 710px;
height: 120px;
box-shadow: inset 0 0 10px #F2FAB2, 0 0 10px #52676E;
background-attachment: fixed;
position: absolute;
margin-left: 175px;
z-index: 2;
}

.nav {
background: rgba(255, 255, 255, 0.6);
border-bottom-right-radius: 20px;
width: 300px;
height: 0px;
position: absolute;
margin-left: 175px;
z-index: 4;
background-repeat: no-repeat;
background-position-y: 10px;
color: white;
text-shadow: 0px 0px 6px #F2FAB2;
font-size: 18px;
font-family: corbel;
padding-left: 10px;
padding-right: 10px;
padding-top: 40px;
padding-bottom: 40px;
}

.credit {
background: rgba(255, 255, 255, 0.6);
border-bottom-left-radius: 20px;
width: 300px;
height: 0px;
position: absolute;
margin-left: 565px;
z-index: 4;
background-repeat: no-repeat;
background-position-y: 10px;
color: #7797A2;
text-shadow: 0px 0px 6px #A9DBBD;
font-family: corbel;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
padding-bottom: 60px;
}

@-webkit-keyframes myfirst
{
0%   { left:0px; top:0px; }
25%  { left:5px; top:0px; }
50%  { left:5px; top:5px; }
75%  { left:0px; top:5px; }
100% { left:0px; top:0px; }
}

.feedingandstuff {
width: 100px;
height: 150px;
background-image: -webkit-linear-gradient(top, #83BEBB 0%, #7797A2 100%);
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
margin-top: 215px;
margin-left: 255px;
position: absolute;
padding: 0px;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

.box1 {
width: 100px;
height: 150px;
background-image: -webkit-linear-gradient(top, #83BEBB 0%, #7797A2 100%);
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
margin-top: 515px;
margin-left: 255px;
position: absolute;
padding: 0px;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

.box2 {
width: 300px;
height: 450px;
background-image: -webkit-linear-gradient(top, #83BEBB 0%, #7797A2 100%);
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
margin-top: 215px;
margin-left: 395px;
position: relative;
padding: 0px;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

.box3 {
width: 100px;
height: 175px;
background: url('http://images.travelpod.com/users/fambissig/thumbnail.large.1.1280837902.funny-warning.jpg');
color: #CBF2BC;
background-size: cover;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
margin-top: -175px;
margin-left: 735px;
position: absolute;
padding: 0px;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

.box4 {
width: 100px;
height: 100px;
background: url('http://www.iaza.com/work/120706C/iaza12730163908100.png');
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
margin-top: -288.5px;
margin-left: 255px;
position: absolute;
padding: 0px;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}



.box5 {
width: 100px;
height: 175px;
background: url('http://www.iaza.com/work/120706C/iaza12730193188100.png');
background-size: cover;
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
margin-top: -475px;
margin-left: 735px;
position: absolute;
padding: 0px;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

.box6 {
width: 100px;
height: 75px;
margin-top: -288.5px;
margin-left: 735px;
position: absolute;
padding: 0px;
background-image: -webkit-linear-gradient(top, #83BEBB 0%, #7797A2 100%);
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}


.box7 {
background-image: -webkit-linear-gradient(top, #83BEBB 0%, #7797A2 100%);
color: #CBF2BC;
text-shadow: 0px 0px 3px #F2FAB2;
text-align: center;
border-bottom-left-radius: 25px;
border-top: 20px solid #F2FAB2;
border-bottom: 5px solid #A9DBBD;
border-right: 1px dashed #CBF2BC;
border-left: 1px dashed #CBF2BC;
border-top-right-radius: 3px;
box-shadow: 0 0 10px #A9DBBD;
border-bottom-right-radius: 25px;
border-top-left-radius: 3px;
font-family: "corbel";
width: 100px;
height: 450px;
position: absolute;
margin-top: -475px;
margin-left: 875px;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

.feedingandstuff:hover, .box1:hover, .box2:hover, .box3:hover, .box4:hover, .box5:hover, .box6:hover, .box7:hover {
box-shadow: 0 0 20px #F2FAB2;
  -webkit-transition: .45s linear .25s;
  -moz-transition: .45s linear .25s;
  -o-transition: .45s linear .25s;
  transition: .45s linear .25s;
}

</style>


<div class="nav">

<a href="/cattery.php">home</a> | <a href="/explore.php">Mweor</a> | <a href="/chat.php">talk</a> | <a href="/help.php">confused?</a> | <a href="/logout.php">leave?</a></div>

<div class="credit">layout made by: <a href="/cattery.php?id=37120">matches [#37120]</a> | layout to be used ONLY by <a href="/cattery.php?id=7016">thain [#7016]</a> (or matches) | patterns and palettes credit to colourlovers.com | steal = report | thanks. ~mm</div>

<div class="bannertop"></div>




                <div class="feedingandstuff">

     <h1>stuff</h1>

<a href="/cattery.php?feed=yes">feed?</a>

</br></br>

<a href="/cattery.php?water=yes">water?</a>

</br></br>

<a href="/breed.php">breed?</a>

</br></br>

<a >change mweor order?</a>

</br></br>

<a href="/cattery_order.php?retired">change retired mweor order?</a></div>



                <div class="box1">
     <h1>box1</h1>
<i>italic looks like this</i>
</br>
<b>bold looks like this</b>
</br>
<u>underlines looks like this</u>
</br>
<s>strike-out looks like this</s>
</br>
highlight me! :D                
</div>


          <div class="box2">
     <h1>box2</h1>
blahblahBLAH.
</br>
heheh.
</div>

          <div class="box3">
          </div>


                <div class="box4"> 
                </div>

<div class="box5"></div>


<div class="box6">

<h1>box6</h1>

blahblahblah</div>

<div class="box7">

<h1>box7</h1>

blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div>

 

Revise this Paste

Your Name: Code Language: