1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| .HellowWorldPopup
{
width:450px;
height: 600px;
margin:0 auto;
padding:0;
position: absolute;
z-index: 0;
-webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
-o-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
-khtml-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-khtml-border-radius:5px;
background: #a3907c;
background-image:-webkit-gradient(linear, left top, left bottom, from(#a3907c), to(#45322c));
background-image:-moz-linear-gradient(top center, #a3907c, #45322c);
background-image:-o-linear-gradient(top, #a3907c, #45322c); /*uniquement en mode linear*/
}
.actions {
background-color: #FFFFFF;
bottom: 30px;
padding: 10px;
position: absolute;
right: 30px;
z-index: 2;
border-top: 1px solid #abbbcc;
border-left: 1px solid #a7b6c7;
border-bottom: 1px solid #a1afbf;
border-right: 1px solid #a7b6c7;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
} |
Partager