Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
LQDN Adminsys
generateur-slogans
Commits
04ef00f4
Verified
Commit
04ef00f4
authored
Sep 18, 2017
by
Thibaut Broggi
Browse files
Add "randomize" button
parent
ec15ea19
Changes
2
Hide whitespace changes
Inline
Side-by-side
index.html
View file @
04ef00f4
...
...
@@ -16,6 +16,9 @@
<label
for=
"step5"
>
5
</label>
</nav>
<div
id=
"inputs"
>
<div>
<button
id=
"randomize"
>
CHOISIR AU HASARD
</button>
</div>
<input
type=
"radio"
name=
"step"
id=
"step1"
checked
/>
<div>
<h2>
Choisissez 2 couleurs
</h2>
...
...
style.css
View file @
04ef00f4
...
...
@@ -6,6 +6,7 @@ body {
margin
:
auto
;
color
:
#497ed5
;
min-height
:
100vh
;
background-color
:
#2f5188
;
}
h2
{
...
...
@@ -28,9 +29,13 @@ nav > * {
cursor
:
pointer
;
}
nav
>
label
:target
{
background-color
:
blue
;
}
div
#inputs
{
position
:
absolute
;
top
:
0
;
top
:
10px
;
left
:
7vw
;
width
:
30vw
;
height
:
100%
;
...
...
@@ -42,37 +47,52 @@ div#inputs > input[type=radio] + div {
display
:
none
;
}
#inputs
>
input
[
type
=
radio
]
:checked
+
div
{
div
#inputs
>
input
[
type
=
radio
]
:checked
+
div
{
display
:
block
;
}
div
#inputs
>
div
:first-child
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
height
:
7vw
;
border-bottom
:
1px
solid
#dde5f1
;
}
div
#inputs
>
div
:first-child
>
button
#randomize
{
width
:
60%
;
}
div
.navButtons
{
float
:
right
;
margin-right
:
20px
;
}
div
.navButtons
>
label
{
div
.navButtons
>
label
,
button
{
display
:
inline-block
;
cursor
:
pointer
;
height
:
50px
;
line-height
:
50px
;
text-align
:
center
;
background-color
:
white
;
color
:
inherit
;
font-size
:
inherit
;
border
:
1px
solid
#497ed5
;
}
label
.nextButton
{
color
:
white
;
background-color
:
#497ed5
;
color
:
white
!important
;
background-color
:
#497ed5
!important
;
width
:
200px
;
}
label
.prevButton
{
width
:
50px
;
border
:
1px
solid
#497ed5
;
}
main
{
position
:
absolute
;
top
:
0
;
top
:
10px
;
left
:
37vw
;
right
:
0
;
background-color
:
#dde5f1
;
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment