tyron

/**
 * inset css3 - Mapas Google no resultado
 */
body {
min-height: 100%;
}

.container {
display: block; 
height: 306px; 

tyron

/*
Efeito div circular no iDeon Park em CSS3 (múltiplos)
*/

@font-face {
    font-family: 'Museo300';
    src: url('http://ideonpark.com.br/Content/css/museo/museo300-regular-webfont.eot');
    src: url('http://ideonpark.com.br/Content/css/museo/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://ideonpark.com.br/Content/css/museo/museo300-regular-webfont.woff') format('woff'),
         url('http://ideonpark.com.br/Content/css/museo/museo300-regular-webfont.ttf') format('truetype'),

tyron

#teste {

}

#teste:after {
 content: "";
 position: absolute;
 width: 50px;
 height: 50px;
 left: 0;

tyron

/*
Botão CSS3
*/

.panel {
    background: -webkit-gradient(linear, left top, left bottom, from(#bbbcbb), to(#959695));
    background: -moz-linear-gradient(#bbbcbb, #959695);
    background-color: #b7b9b7;
    width: 100px;
}

tyron

/**
 * CSS3 Bubble speech
 */
p.speech
{
	position: relative;
	width: 200px;
	height: 100px;
	text-align: center;
	line-height: 100px;

tyron

/* Testes */

body {
            padding:20px 0 30px;
            font:14px/1.5 Arial, sans-serif;
            text-align:center;
            color:#333;
            background:#FAF0D9;
        }