Added a css button instead of an image button

This commit is contained in:
ilyakooo0 2014-04-26 02:59:03 +04:00
parent c29a2ef62a
commit 12333cfe65
2 changed files with 16 additions and 6 deletions

View File

@ -10,7 +10,7 @@
<div id="text">
<p>При нажатии кнопки ниже всплывет окно с наугад выбранным округом, краем или республикой. Окна будут продолжать всплывать пока не будет нажата кнопка "Отменить".</p>
</div>
<div id="button" alt="Начать" onclick="obl();"></div>
<div id="button" alt="Начать" onclick="obl();"><div id="butttext">Начать</div></div>
<div id="rel">
<div id="other">Другие Сайты</div>
<div id="sites"><a href="http://He3a.github.io">He3a</a></div>

View File

@ -17,15 +17,13 @@ a:hover {
display: block;
margin-right: auto;
margin-left: auto;
background-image: url("fin.png");
background-size: 448px 256px;
background-position: bottom;
cursor: pointer;
border-radius: 64px;
background-color: #00d1fb;
}
#button:hover {
background-position: top;
background-color: #62defd;
}
#text {
@ -82,4 +80,16 @@ p{
text-align: center;
font-family: helvetica;
font-size: 40px;
}
}
#butttext {
color: white;
text-align: center;
font-family: helvetica;
font-weight: bold;
font-size: 90px;
height: 128px;
line-height: 128px;
margin-top: auto;
margin-bottom: auto;
}