...
O CSS deve ser inserido dentro da head no html Mobile e deve ser utilizada a tag <style type="text/css"> Insira aqui o CSS </style>. Segue alguns exemplos de CSS que podem ser aplicados nos formulários Mobile, eles estão separados por componentes:
Body
Bloco de código |
---|
|
body {
font-family: Verdana, Geneva, Tahoma, sans-serif;
background-color: #D1D3D4; /* Background color */
color: #58595B; /* Foreground color used for text */
font-family: Helvetica;
font-size: 14px;
margin: 0; /* Amount of negative space around the outside of the body */
padding: 0; /* Amount of negative space around the inside of the body */
min-width:300px;
} |
Deck of Cards |
---|
effectDuration | 0.5 |
---|
id | samples |
---|
history | false |
---|
effectType | fade |
---|
|
Card |
---|
| body { font-family: Verdana, Geneva, Tahoma, sans-serif; background-color: #D1D3D4; /* Background color */ color: #58595B; /* Foreground color used for text */ font-family: Helvetica; font-size: 14px; margin: 0; /* Amount of negative space around the outside of the body */ padding: 0; /* Amount of negative space around the inside of the body */ min-width:300px; } |
Card |
---|
| h1 { margin: 0; padding: 0; background-color: #D1D3D4; color: #FFF; display: block; font-size: 18px; font-weight: bold; padding: 10px 0; text-align: center; text-decoration: none; } |
Card |
---|
| ul { list-style: none; margin: 10px; padding: 0; } ul li { background-color: #FFFFFF; border: 1px solid #999999; color: #58595B; display: block; font-size: 14px; font-weight: bold; margin-bottom: -1px; padding: 12px 10px; text-decoration: none; } ul li:first-child { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
} ul li:last-child { -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; position:relative; } |
Card |
---|
| input[type=text] { width: 70%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; background-color: #E8E8E8; position:relative; float:right; } |
Card |
---|
| textarea { width: 70%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; background-color: #E8E8E8; position:relative; float:right; } |
Card |
---|
| select { width: 70%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; background-color: #E8E8E8; position:relative; float:right; } |
|
...
Pai X Filho Mobile
Exemplo