Chapter 2 - shop layout codes

<link href='http://fonts.googleapis.com/css?family=Lobster+Two:700';; rel='stylesheet' type='text/css'>

<div style=
"width:165px; 
height:100px; 
overflow:hidden;
box-shadow: 1px 1px 10px  #7A8999; 
border: 1px solid  #7A8999;
padding:10px; 
margin: 10px;
float: left;
background:#234367;
color: #7A8999;
font-family:verdana;">
<div align="right"><font size=1><h1>header here</h1></font size></div>
bicycles ponies rainbows hot chocolate peppermint ice cream 
</div>
<br><br><br><br><br><font size=6><b>one stop shop</b></font size>
<div style=
"width:165px; 
height:100px; 
overflow:hidden;
box-shadow: 1px 1px 10px  #7A8999; 
border: 1px solid  #7A8999;
padding:10px; 
margin: 10px;
float: right;
background:#234367;
color: #7A8999;
font-family:verdana;">
<div align="right"><font size=1><h1>header here</h1></font size></div>
bicycles ponies rainbows hot chocolate peppermint ice cream 
</div>
<br><br><br><br><br><br><br><br>
<center><a href=/cattery.php?id=43641>credits</a>
<br><br><a href=/cattery.php>cattery</a> <a href=/explore.php>explore</a> <a href=/chat.php>chat</a> <a href=/help.php>help</a> <a href=/logout.php>logout</a></center>

<style>
.formholder
{box-shadow: 1px 1px 10px #7A8999; 
width:700px;
border: 1px solid #234367;
position:absolute;
padding:10px;
background:#EFF5FC;
color:#234367;
font-family:verdana;}
</style>

<style>
.button
{color:#7A8999;
background:#234367;
border:1px solid #7A8999;
font-family: 'Lobster Two', cursive;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;}
.button:hover
{color:#FFB900;
border:1px solid#FFB900;}
</style>

<style>
#topbanner,
#bottombanner,
#titlebar,
#bodyi, .titlebar, ul, 
#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; }
#cattery_infobox { display:none;}
img.trans {display:none;}
</style>

<style>
#content
{background:#17032B;
border-right: 20px solid #FFB900;
height:100%px;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
body
{background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/4005/4005772.png);
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
</style>

<style>
#notice
{background: #EFF5FC;
font-family:verdana;
box-shadow: 1px 1px 10px #7A8999;
color:#234367; 
border: 1px solid #234367;
width:955px;
text-align:center;
margin:0px}
.theader
{property: value;
box-shadow: 1px 1px 10px #7A8999;
background: #EFF5FC;
font-family:verdana;
color:#234367; 
border: 1px solid #234367;
position:relative;}
#eventtxt
{color:#234367;
background:#EFF5FC;
box-shadow: 1px 1px 10px #7A8999;
font-family:verdana;
position: relative;} 
.trow1, .trow1 tr, .trow1 td, 
.trow2, .trow2 tr, .trow2 td, 
.trow3, .trow3 tr, .trow3 td,
.trow1 table, .trow2 table, .trow3 table
{box-shadow: 1px 1px 10px #7A8999; 
border:7px solid transparent;
-webkit-border-image:url(http://www.colourlovers.com/paletteImg/EFF5FC/7A8999/FFB900/234367/17032B/Osteospermum.png-) 30 30 stretch; 
-o-border-image:url(http://www.colourlovers.com/paletteImg/EFF5FC/7A8999/FFB900/234367/17032B/Osteospermum.png-) 30 30 stretch; 
border-image:url(http://www.colourlovers.com/paletteImg/EFF5FC/7A8999/FFB900/234367/17032B/Osteospermum.png-) 30 30 stretch;
background:#EFF5FC;
color:#234367;
position:relative;
margin:10px;
left:45px;
right:165px;
font-family:verdana;
font-size:10px;}
.ui-tooltip 
{background: #EFF5FC!important;
color:#234367!important;
box-shadow: 1px 1px 10px #7A8999!important; 
border:7px solid transparent !important;
-webkit-border-image:url(http://www.colourlovers.com/paletteImg/EFF5FC/7A8999/FFB900/234367/17032B/Osteospermum.png-) 30 30 stretch; 
-o-border-image:url(http://www.colourlovers.com/paletteImg/EFF5FC/7A8999/FFB900/234367/17032B/Osteospermum.png-) 30 30 stretch; 
border-image:url(http://www.colourlovers.com/paletteImg/EFF5FC/7A8999/FFB900/234367/17032B/Osteospermum.png-) 30 30 stretch;
font-family:verdana !important;}
</style>

<style>
font
{color:#234367;
font-family:verdana;}
a 
{color:#FFB900;
text-shadow: 0px 0px 10px #234367;
font-family:verdana;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
a:hover
{color:#7A8999;
font-family:verdana;}
i
{display:none;}
h1
{color:#FFB900;
font-family: 'Lobster Two', cursive;
text-shadow: 0px 0px 10px #234367;}
b
{color:#7A8999;
font-family: 'Lobster Two', cursive;}
</style>

You are not authorized to comment here. Your must be registered and logged in to comment