geograff/geograff.github.io
1
0
Fork 0
mirror of https://github.com/geograff/geograff.github.io.git synced 2024-07-14 18:20:30 +03:00
Code Issues Projects Releases Wiki Activity

Added a css button instead of an image button

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -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>

20
style.css
View File

@ -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 {
@ -82,4 +80,16 @@ p{
text-align: center; text-align: center;
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;
}