Commit 80b216d2 authored by diesys's avatar diesys 🎈

added fa, button for submit (not working now)

parent e90651b9
......@@ -16,16 +16,18 @@ html, body {
background-repeat: round;
}
header {
position: absolute;
/* position: absolute; */
display: block;
text-align: center;
color: #ccc;
}
#gameboard {
top: 50px;
/* top: 50px; */
margin-top: 40px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#gameboard h2 {
text-align: center
......@@ -38,11 +40,12 @@ ol.dotsContainer, ol.movesContainer {
width: auto;
text-align: center;
margin: 32px;
margin-left: 0;
padding: 0;
max-width: 400px;
animation: slideFromLeft 1s;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
......@@ -51,6 +54,38 @@ ol.dotsContainer, ol.movesContainer {
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
ol.movesContainer {
margin: 32px;
}
a.button_submit {
/* width: 50px; */
/* height: 50px; */
max-width: 20px;
max-height: 18px;
background: rgba(0, 0, 0, .2);
border: 1px solid rgba(5, 5, 5, .5);
/* float: left; */
display: block;
text-align: center;
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 8px;
padding-top: 10px;
border-radius: 10px;
text-decoration: none;
color: #888;
box-shadow: 0 2px 20px rgba(0, 0, 0, .2);
transition: .4s .1s;
margin-top: 10px;
}
a.button_submit:hover {
background: rgba(20, 20, 20, .1);
transition: .3s;
color: #ddd;
}
.dot {
cursor: pointer;
box-shadow: 0 1px 6px -2px rgba(0, 0, 0, .8);
......
......@@ -34,6 +34,8 @@
<!-- <link rel="icon" sizes="72x72" href="http://flowin.space/quite/images/favicon72.png" type="image/x-icon">
<link rel="icon" sizes="256x256" href="http://flowin.space/quite/images/favicon256.png" type="image/x-icon"> -->
<!-- <link rel="stylesheet" href="fontawesome/css/fontawesome.min.css" /> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/raleway" type="text/css" />
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/source-code-pro" type="text/css" />
......@@ -67,7 +69,7 @@
<li id="m1d3" class="try dot"></li>
<li id="m1d4" class="try dot"></li>
<div class="answer">
<div class="answer">
<div class="answer_l1">
<li id="a12d1" class="dot_answ"></li>
<li id="a12d2" class="dot_answ"></li>
......@@ -77,6 +79,9 @@
<li id="a12d4" class="dot_answ"></li>
</div>
</div>
<a class="button_submit" href="">
<i class="fa fa-check fa-lg"></i>
</a>
</ol>
</ol>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment