<html> <meta charset="utf-8">
<style type="text/css">
#Conteudo{
width: 60%;
height: 500%;
margin-left: 20%;
margin-right: 20%;
background-color: red;
}
#AC{
height: 10%;
width: 50%;
background-color: red;
float: left;
}
#a{
height: 50%;
width: 100%;
background-color: blue;
}
#c{
height: 50%;
width: 100%;
background-color: green;
}
#BD{
height: 10%;
width: 50%;
background-color: violet;
float: left;
}
#b{
height: 10%;
width: 100%;
background-color: brown;
}
#d{
height: 90%;
width: 100%;
background-color: yellow;
}
#E{
height: 1%;
width: 100%;
background-color: blue;
float: left;
}
#F{
height: 20%;
width: 60%;
background-color: gray;
float: left;
}
#G{
height: 20%;
width: 40%;
background-color: orange;
float: left;
}
#HK{
height: 10%;
width: 34%;
background-color: purple;
float: left;
}
#h{
height: 27%;
width: 100%;
background-color: green;
float: left;
}
#k{
height: 75%;
width: 100%;
background-color: magenta;
float: left;
}
#IL{
height: 10%;
width: 33%;
background-color: black;
float: left;
}
#i{
height: 75%;
width: 100%;
background-color: white;
float: left;
}
#l{
height: 27%;
width: 100%;
background-color: gold;
float: left;
}
#JM{
height: 10%;
width: 33%;
background-color: black;
float: left;
}
#j{
height: 75%;
width: 100%;
background-color: pink;
float: left;
}
#m{
height: 27%;
width: 100%;
background-color: lime;
float: left;
}
#NO{
height: 57.9%;
width: 34%;
background-color: black;
float: left;
}
#n{
height: 75%;
width: 100%;
background-color: yellow;
float: left;
}
#o{
height: 27%;
width: 100%;
background-color: green;
float: left;
}
#P{
height: 59.05%;
width: 33%;
background-color: pink;
float: left;
}
#QR{
height: 57.9%;
width: 33%;
background-color: black;
float: left;
}
#q{
height: 75%;
width: 100%;
background-color: gold;
float: left;
}
#r{
height: 27%;
width: 100%;
background-color: green;
float: left;
}
button.css3button {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding: 3px 20px;
background: -moz-linear-gradient(
top,
#ffffff 0%,
#ffffff 50%,
#d6d6d6);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffffff),
color-stop(0.50, #ffffff),
to(#d6d6d6));
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 3px solid #000000;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.1),
0px 1px 0px rgba(255,255,255,1);
}
button.css3button:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 3px 20px;
background: -moz-linear-gradient(
top,
#525252 0%,
#f5e9f3 25%,
#c4c4c4);
background: -webkit-gradient(
linear, left top, left bottom,
from(#525252),
color-stop(0.25, #f5e9f3),
to(#c4c4c4));
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 3px solid #9e9e9e;
-moz-box-shadow:
0px 3px 11px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,1);
-webkit-box-shadow:
0px 3px 11px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,1);
box-shadow:
0px 3px 11px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,0.3);
}
</style>
<body>
<div id="Conteudo">
<div id="AC">
<div id="a"> A </div>
<div id="c"> C </div>
</div>
<div id="BD">
<div id="b"> B </div>
<div id="d"> D </div>
</div>
<div id="E">
<a href=""> <button type="button" name="" value="" class="css3button">ZiroGames</button> </a>
<a href=""> <button type="button" name="" value="" class="css3button">League of Tetas</button> </a>
<a href=""> <button type="button" name="" value="" class="css3button">LOLdaDepreção</button> </a>
<a href=""> <button type="button" name="" value="" class="css3button">MTC</button> </a>
<a href=""> <button type="button" name="" value="" class="css3button">OIETIU</button> </a>
</div>
<div id="F"> F </div>
<div id="G"> G </div>
<div id="HK">
<div id="H"> H </div>
<div id="K"> K </div>
</div>
<div id="IL">
<div id="I"> I </div>
<div id="L"> L </div>
</div>
<div id="JM">
<div id="J"> J </div>
<div id="M"> M </div>
</div>
<div id="NO">
<div id="N"> N </div>
<div id="O"> O </div>
</div>
<div id="P"> P </div>
<div id="QR">
<div id="Q"> Q </div>
<div id="R"> R </div>
</div>
</div>
</div>
</body>
</html>
sexta-feira, 4 de julho de 2014
Assinar:
Postar comentários (Atom)
0 comentários:
Postar um comentário