tyron

/* Testes */

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

tyron

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

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

#teste {

}

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

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

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

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

tyron

#imagem {
width: 300px;
height: 150px;
margin: 0 auto;
background: white;
}

#moldura {
/*position: relative;*/
width: 350px;

tyron

/*
Efeito div circular no iDeon Park em CSS3 (multiplos)
*/

@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

/**
 * Illustrating correct & wrong inner border-radius
 */

.outer {
	padding: 10px;
	margin: 50px;
	border: 1px solid silver;
	box-shadow: 0 0 10px gray;
	border-radius: 20px;

tyron

/**
 * Google Help Horizontal Expand
 * http://support.google.com/bin/static.py?hl=en&page=top_products.cs&rd=1&debug=eventtracking
 */

html, body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 90%;
}