mirror of
https://github.com/geograff/geograff.github.io.git
synced 2024-08-16 10:20:22 +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">
|
<div id="text">
|
||||||
<p>При нажатии кнопки ниже всплывет окно с наугад выбранным округом, краем или республикой. Окна будут продолжать всплывать пока не будет нажата кнопка "Отменить".</p>
|
<p>При нажатии кнопки ниже всплывет окно с наугад выбранным округом, краем или республикой. Окна будут продолжать всплывать пока не будет нажата кнопка "Отменить".</p>
|
||||||
</div>
|
</div>
|
||||||
<div id="button" alt="Начать" onclick="obl();"></div>
|
<div id="button" alt="Начать" onclick="obl();"><div id="butttext">Начать</div></div>
|
||||||
<div id="rel">
|
<div id="rel">
|
||||||
<div id="other">Другие Сайты</div>
|
<div id="other">Другие Сайты</div>
|
||||||
<div id="sites"><a href="http://He3a.github.io">He3a</a></div>
|
<div id="sites"><a href="http://He3a.github.io">He3a</a></div>
|
||||||
|
18
style.css
18
style.css
@ -17,15 +17,13 @@ a:hover {
|
|||||||
display: block;
|
display: block;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
background-image: url("fin.png");
|
|
||||||
background-size: 448px 256px;
|
|
||||||
background-position: bottom;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 64px;
|
border-radius: 64px;
|
||||||
|
background-color: #00d1fb;
|
||||||
}
|
}
|
||||||
|
|
||||||
#button:hover {
|
#button:hover {
|
||||||
background-position: top;
|
background-color: #62defd;
|
||||||
}
|
}
|
||||||
|
|
||||||
#text {
|
#text {
|
||||||
@ -83,3 +81,15 @@ p{
|
|||||||
font-family: helvetica;
|
font-family: helvetica;
|
||||||
font-size: 40px;
|
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