Javascript-форум - Показать сообщение отдельно

Gamer4253 · #2 (**permalink**) 06.01.2015, 22:25

html

Код:

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="Mines.css">

   <head>
    
    <meta charset="UTF-8">
    <title>сапер</title>
</head>
<body>
   
 <div>
<header>
</header>

 <script src="Mines2.js"></script>
   
    <script src="Button_Mine.js"></script>
    </div>
   
    </body>
</html>

css

Код:

*
{
transition : .1s;
    padding:0px;
    margin:0px;
 ;
}

body
{
    display:block;
   background-color:#ddac29;
    margin:auto;
}
div
{
    margin-top:100px;
    
    margin-bottom:auto;
   
    margin-left:auto;
    margin-right:auto;
    width:400px;
    height:400px;
    box-shadow:1px 1px 20px 10px #3d4083;
    max-width:400px;
    max-height:400px;
    border-radius:1%;
}
div.itemsforgame
{
    
width:200px;
    height:200px;
    background:#fff;
    border-radius:50%;
    margin-left:50%;
    margin-right:50%;
    margin-bottom:50%;
    box-shadow:00px 00px px 20px rgba(0,0,0,.4);
}

button
{
width:40px;
height:40px;
margin:0px;
background-color:#4c50aa;

margin:0px auto;
float:left;
    border-radius:1%;

}
.clicked
{
background-color:#ff0000;
background:url('%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9.gif') center ;
}
.mines
{
background-color:#00be00;


}
button:hover
{ 
    background-color:#fff;
}
button:active
{

    box-shadow:0px 0px 0px 0px rgb(128, 59, 0);


}


.score
{   text-align:center;
    
    width:400px;
    height:100px;
    margin:20px 0 0 0;
    background:#c13b00;
    border-color:white;
    box-shadow:0px 20px 0px 0px rgb(128, 59, 0);
    border-radius:5%;
}
button.score
{
text-align:center;
    
    width:100px;
    height:100px;
    margin:20px 0 0 0;
    background:#c13b00;
    border-color:white;
    box-shadow:0px 20px 0px 0px rgb(128, 59, 0);
    border-radius:50%;
    border-style:none;
    
}
button.score:active
{
-webkit-transform:translate(0,20px);
    box-shadow:0px 0px 0px 0px rgb(128, 59, 0);


}