| 12
| <![CDATA[<style>
#fundo{
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background-repeat:no-repeat;
background: -moz-linear-gradient(top, rgba(132,168,229,0.8) 0%, rgba(132,168,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,168,229,0.8)), color-stop(100%,rgba(132,168,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(132,168,229,0.8) 0%,rgba(132,168,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(132,168,229,0.8) 0%,rgba(132,168,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(132,168,229,0.8) 0%,rgba(132,168,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(132,168,229,0.8) 0%,rgba(132,168,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc84a8e5', endColorstr='#84a8e5',GradientType=0 ); /* IE6-9 */
border:none 0px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#tudo{
width:1007px;
/*height:400px;*/
margin:20px auto;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding:10px; /* mudado de 20px para 10px */
background: rgb(74,121,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(74,121,188,1) 0%, rgba(48,80,134,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,121,188,1)), color-stop(100%,rgba(48,80,134,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a79bc', endColorstr='#305086',GradientType=0 ); /* IE6-9 */
}
.botao{
position:relative; /*relative*/
float:left;
/*width:200px; 200
height:128px;*/
text-align:center;
margin:12px;
background-repeat:no-repeat;
background: rgb(74,121,188); /* Old browsers */
background: -moz-linear-gradient(top, rgba(74,121,188,1) 0%, rgba(48,80,134,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(74,121,188,1)), color-stop(100%,rgba(48,80,134,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(74,121,188,1) 0%,rgba(48,80,134,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a79bc', endColorstr='#305086',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.botao:hover{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: rgb(48,80,134); /* Old browsers */
background: -moz-linear-gradient(top, rgba(48,80,134,1) 0%, rgba(48,80,134,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,80,134,1)), color-stop(100%,rgba(48,80,134,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(48,80,134,1) 0%,rgba(48,80,134,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(48,80,134,1) 0%,rgba(48,80,134,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(48,80,134,1) 0%,rgba(48,80,134,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(48,80,134,1) 0%,rgba(48,80,134,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305086', endColorstr='#305086',GradientType=0 ); /* IE6-9 */
}
.botao:active{
-moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
background: rgb(48,80,134); /* Old browsers */
background: -moz-linear-gradient(top, rgba(48,80,134,1) 0%, rgba(74,121,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,80,134,1)), color-stop(100%,rgba(74,121,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(48,80,134,1) 0%,rgba(74,121,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(48,80,134,1) 0%,rgba(74,121,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(48,80,134,1) 0%,rgba(74,121,188,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(48,80,134,1) 0%,rgba(74,121,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305086', endColorstr='#4a79bc',GradientType=0 ); /* IE6-9 */
}
.botao a{
width:100%;
height:100%;
outline:none;
border:none;
}
.portal{
width:310px;
height:156px;
margin-left:12px;
margin-right:13px;
}
.imagem{
width:310px;
height:156px;
}
@media only screen and (max-device-width:480px) {
#tudo {
width:100%;
text-align: center;
}
.botao {
width:100%;
}
.portal{
height:513px;
}
.imagem{
width: 930px;
height: 495px;
}
}
</style>]]>
|
