body {
margin : 0;
padding : 0;
background: #c7e1fb;
color : #000;
font : 80% Arial, Georgia, Helvetica, sans-serif;
}
a:link, a:visited {
color : #0b88ef;
text-decoration : none;
}
a:hover, a:active {
font-weight : bold;
}
#content {
margin-right : auto;
margin-left : auto;
width : 800px;
padding : 10px;
background-color : #fff;
color : #000;
}
h2 {
background-color : #c7e1fb;
padding : 5px;
}
#container {
height : 7em;
position : relative;
width : 400px;
margin : 50px auto 150px auto;
}
#menu {
text-align : center;
position : relative;
top : 30px;
height : 20px;
}
.box {
position : relative;
float : left;
top : 0;
height : 20px;
overflow : hidden;
}
#menu a:visited {
text-decoration : none;
background-color : #c7e1fb;
color : #000;
font-family : "courier new", "sans serif";
display : block;
width : 65px;
height : 20px;
font-size : 14px;
font-weight : bold;
line-height : 20px;
}
#menu a {
position : relative;
text-decoration : none;
background-color : #c7e1fb;
color : #000;
font-family : "courier new", "sans serif";
display : block;
width : 65px;
height : 20px;
font-size : 14px;
font-weight : bold;
line-height : 20px;
}
#menu a:hover {
text-decoration : none;
color : #fff;
font-family : "courier new", "sans serif";
display : block;
width : 65px;
height : 20px;
font-size : 14px;
font-weight : bold;
line-height : 20px;
}
#menu a:active {
text-decoration : none;
font-family : "courier new", "sans serif";
display : block;
width : 65px;
height : 20px;
font-size : 14px;
font-weight : bold;
line-height : 20px;
}
.mleft {
position : relative;
float : left;
top : 0;
width : 0;
height : 0;
border-bottom : 20px solid #c7e1fb;
border-left : 20px solid #fff;
overflow : hidden;
}
.mright {
position : relative;
float : left;
top : 0;
width : 0;
height : 0;
border-left : 20px solid #c7e1fb;
border-bottom : 20px solid #fff;
overflow : hidden;
}
.mmid {
position : relative;
float : left;
top : 0;
width : 25px;
height : 20px;
background : #c7e1fb;
overflow : hidden;
}
.mid1, .mid2, .mid3, .mid4 {
width : 0;
height : 0;
position : absolute;
border-left : 5px solid #c7e1fb;
border-bottom : 5px solid #fff;
overflow : hidden;
}
.mid5, .mid6, .mid7, .mid8 {
width : 0;
height : 0;
position : absolute;
border-bottom : 5px solid #c7e1fb;
border-left : 5px solid #fff;
overflow : hidden;
}
.mid1 {
left : 15px;
top : 0;
}
.mid2 {
left : 10px;
top : 5px;
}
.mid3 {
left : 5px;
top : 10px;
}
.mid4 {
left : 0;
top : 15px;
}
.mid5 {
left : 20px;
top : 0;
}
.mid6 {
left : 15px;
top : 5px;
}
.mid7 {
left : 10px;
top : 10px;
}
.mid8 {
left : 5px;
top : 15px;
}
.boxx {
position : relative;
float : left;
top : 0;
width : 25px;
height : 20px;
background : #fff;
overflow : hidden;
}
.boxx1, .boxx3, .boxx5, .boxx7 {
float : left;
height : 0;
border-right : 5px solid #fff;
border-top : 5px solid #c7e1fb;
overflow : hidden;
}
.boxx2, .boxx4, .boxx6, .boxx8 {
float : left;
height : 0;
border-bottom : 5px solid #c7e1fb;
border-left : 5px solid #fff;
overflow : hidden;
}
.boxx1 {
width : 15px;
}
.boxx2 {
width : 0;
}
.boxx3 {
width : 10px;
}
.boxx4 {
width : 5px;
}
.boxx5 {
width : 5px;
}
.boxx6 {
width : 10px;
}
.boxx7 {
width : 0;
}
.boxx8 {
width : 15px;
}