lars/ktane-helper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'simon'

Browse Source
This commit is contained in:
Daniel Sinn
2015-12-24 01:28:39 -05:00
parent 062eeebf82 24733e178c
commit f067780ec6
2 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+2 -2
View File
@@ -83,10 +83,10 @@
<div id="simonBoard"> <div id="simonBoard">
<div class="simonRow"> <div class="simonRow">
<div class="blue">&nbsp;</div><div class="yellow">&nbsp;</div> <div class="simonBlue">&nbsp;</div><div class="simonYellow">&nbsp;</div>
</div> </div>
<div class="simonRow"> <div class="simonRow">
<div class="red">&nbsp;</div><div class="green">&nbsp;</div> <div class="simonRed">&nbsp;</div><div class="simonGreen">&nbsp;</div>
</div> </div>
<div class="arrow" id="arrowRB"></div> <div class="arrow" id="arrowRB"></div>
<div class="arrow" id="arrowBR"></div> <div class="arrow" id="arrowBR"></div>
ktane.css
+17 -5
View File
@@ -26,19 +26,19 @@ button {
padding: 0.2em; padding: 0.2em;
} }
.red { .red {
background: radial-gradient(#fb9a9a,#fc7373,red); background-color: red;
color: white; color: white;
} }
.yellow { .yellow {
background: radial-gradient(#fbfb9a,#fcfc73,yellow); background-color: yellow;
color: black; color: black;
} }
.blue { .blue {
background: radial-gradient(#9a9afb,#7373fc,blue); background-color: blue;
color: white; color: white;
} }
.green { .green {
background: radial-gradient(#98c998,#72b772,green); background-color: green;
color: white; color: white;
} }
.white { .white {
@@ -47,7 +47,7 @@ button {
color: black; color: black;
} }
.black { .black {
background: radial-gradient(#969696,#757575,black); background-color: black;
color: white; color: white;
} }
.button.white { .button.white {
@@ -184,6 +184,18 @@ nav {
#simonBoard > .simonRow > div:last-child { #simonBoard > .simonRow > div:last-child {
border-right-width: 4px; border-right-width: 4px;
} }
.simonRed {
background: radial-gradient(#fb9a9a, #fc7373, red);
}
.simonYellow {
background: radial-gradient(#fbfb9a, #fcfc73, yellow);
}
.simonBlue {
background: radial-gradient(#9a9afb, #7373fc, blue);
}
.simonGreen {
background: radial-gradient(#98c998, #72b772, green);
}
.arrow { .arrow {
background-color: black; background-color: black;