mirror of
https://github.com/geograff/geograff.github.io.git
synced 2024-10-05 19:07:32 +03:00
Added a css button instead of an image button
This commit is contained in:
parent
c29a2ef62a
commit
12333cfe65
@ -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>
|
||||
|
20
style.css
20
style.css
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user