Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
sopham
/
todolist
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
e701a50f
authored
Apr 29, 2019
by
yuderb
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Update style.css
parent
690b82b4
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
318 additions
and
322 deletions
style.css
style.css
View file @
e701a50f
@charset
"UTF-8"
;
*
{
box-sizing
:
border-box
;
font-family
:
'Roboto Slab'
,
serif
;
font-size
:
20px
;
}
@media
print
{
#form
{
overflow-y
:
hidden
;
}
#side
{
display
:
none
;
}
#action
{
display
:
none
;
}
#addAction
{
display
:
none
;
}
#buttonExtra
{
display
:
none
;
}
#extraContent
{
display
:
none
;
}
#dropContent
{
display
:
none
;
}
#doList
{
display
:
block
;
position
:
absolute
;
top
:
10px
;
left
:
20px
;
}
}
@media
screen
and
(
max-width
:
600px
)
{
body
{
float
:
none
;
}
}
.row
{
margin
:
0
-5px
;
display
:
flex
;
width
:
100%
;
min-width
:
1050px
;
}
.main
{
width
:
100%
;
float
:
none
;
}
.card
{
height
:
100%
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
0.2
);
padding
:
20px
;
text-align
:
center
;
background-color
:
#f1f1f1
;
margin
:
10px
10px
10px
10px
;
}
.list-card
{
height
:
35%
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
0.2
);
padding
:
12px
;
text-align
:
center
;
font-family
:
'Roboto Slab'
,
serif
;
background-color
:
#f1f1f1
;
text-align
:
center
;
margin
:
10px
10px
10px
10px
;
}
.task-card
{
cursor
:
pointer
;
width
:
220px
;
height
:
64%
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
0.2
);
padding
:
30px
;
margin
:
10px
10px
10px
10px
;
text-align
:
center
;
background-color
:
#f1f1f1
;
}
.side
{
padding
:
0px
5px
0px
30px
;
}
.extra-content
{
font-family
:
'Roboto Slab'
,
serif
;
width
:
100%
;
border-radius
:
6px
;
}
.extra-content
a
{
color
:
black
;
padding
:
15px
16px
;
display
:
block
;
border-radius
:
6px
;
}
.extra-content
a
:hover
{
color
:
white
;
background-color
:
#b198e6
b9
;
}
.logout-button
{
background-color
:
#9370DB
;
font-family
:
'Roboto Slab'
,
serif
;
width
:
100%
;
padding
:
10px
;
border-radius
:
6px
;
border
:
none
;
transition
:
all
0.5s
;
cursor
:
pointer
;
display
:
inline-block
;
color
:
white
;
}
.logout-button
:hover
{
background
:
red
;
}
input
[
type
=
text
]
{
width
:
70%
;
box-sizing
:
border-box
;
border
:
2px
solid
#9370DB
;
border-radius
:
6px
;
background-color
:
white
;
padding
:
12px
0
12px
40px
;
float
:
left
;
margin-left
:
90px
;
margin-top
:
60px
;
}
.add-button
{
background-color
:
rgb
(
83
,
68
,
170
);
font-family
:
'Roboto Slab'
,
serif
;
width
:
10%
;
color
:
white
;
padding
:
14px
;
border-radius
:
6px
;
border
:
none
;
transition
:
all
0.5s
;
cursor
:
pointer
;
float
:
left
;
margin-top
:
60px
;
margin-left
:
5px
;
}
.add-button
:hover
{
background-color
:
#9370DB
;
color
:
white
;
}
.task-board
{
border
:
6px
;
margin-top
:
150px
;
margin-left
:
90px
;
width
:
80%
;
background-color
:
white
;
border-radius
:
15px
;
overflow-y
:
scroll
;
min-width
:
200px
;
height
:
460px
;
}
.checkmark
{
position
:
absolute
;
top
:
9px
;
left
:
15px
;
height
:
25px
;
width
:
25px
;
border-radius
:
50%
;
background-color
:
#eee
;
}
.hidden
{
position
:
absolute
;
appearance
:
none
;
}
.list
{
display
:
flex
;
}
.check--label
{
display
:
flex
;
justify-content
:
flex-start
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
align-items
:
center
;
margin-top
:
15px
;
height
:
40px
;
}
.check--label-box
{
display
:
flex
;
align-self
:
center
;
position
:
relative
;
height
:
25px
;
width
:
25px
;
margin
:
0
20px
;
border
:
2px
solid
rgb
(
83
,
68
,
170
);
cursor
:
pointer
;
border-radius
:
50%
;
}
.check--label-text
{
position
:
relative
;
display
:
flex
;
cursor
:
pointer
;
align-self
:
center
;
padding
:
20px
;
font-size
:
22px
;
border-left
:
1px
solid
#ecf0f1
;
}
.check--label-text
:after
{
content
:
''
;
display
:
block
;
width
:
0%
;
height
:
2px
;
background-color
:
#000
;
position
:
absolute
;
top
:
50%
;
left
:
7.5%
;
transform
:
translateY
(
-50%
);
transition
:
width
100ms
ease-in-out
;
}
.hidden
:checked
+
.check--label
{
background-color
:
#fff
;
}
.hidden
:checked
+
.check--label
.check--label-box
{
background-color
:
rgb
(
83
,
68
,
170
);
}
.hidden
:checked
+
.check--label
.check--label-box
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
3px
;
left
:
7px
;
width
:
7px
;
height
:
12px
;
border
:
solid
white
;
border-width
:
0
3px
3px
0
;
transform
:
rotate
(
45deg
);
}
.hidden
:checked
+
.check--label
.check--label-text
:after
{
width
:
85%
;
}
.avatar-upload
{
position
:
relative
;
max-width
:
205px
;
margin
:
50px
auto
;
}
.avatar-edit
{
position
:
absolute
;
right
:
12px
;
z-index
:
1
;
top
:
-20px
;
}
.avatar-upload
.avatar-edit
input
{
display
:
none
;
}
.avatar-upload
input
+
label
{
display
:
inline-block
;
width
:
34px
;
height
:
34px
;
margin-bottom
:
0
;
border-radius
:
100%
;
background
:
#FFFFFF
;
border
:
1px
solid
transparent
;
box-shadow
:
0px
2px
4px
0px
rgba
(
0
,
0
,
0
,
0.12
);
cursor
:
pointer
;
font-weight
:
normal
;
transition
:
all
.2s
ease-in-out
;
}
.avatar-upload
input
+
label
:hover
{
background
:
#f1f1f1
;
border-color
:
#d6d6d6
;
}
.avatar-upload
input
+
label
:after
{
content
:
"\f040"
;
font-family
:
'FontAwesome'
;
color
:
#757575
;
position
:
absolute
;
top
:
2px
;
left
:
0px
;
right
:
0px
;
text-align
:
center
;
margin
:
auto
;
}
.avatar-preview
{
width
:
190px
;
height
:
190px
;
position
:
relative
;
top
:
-35px
;
border-radius
:
100%
;
border
:
6px
solid
#F8F8F8
;
box-shadow
:
0px
2px
4px
0px
rgba
(
0
,
0
,
0
,
0.1
);
}
.avatar-preview
>
div
{
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
center
;
@charset
"UTF-8"
;
*
{
box-sizing
:
border-box
;
font-family
:
'Roboto Slab'
,
serif
;
font-size
:
20px
;
}
@media
print
{
#form
{
overflow-y
:
hidden
;
}
#side
{
display
:
none
;
}
#action
{
display
:
none
;
}
#addAction
{
display
:
none
;
}
#buttonExtra
{
display
:
none
;
}
#extraContent
{
display
:
none
;
}
#dropContent
{
display
:
none
;
}
#doList
{
display
:
block
;
position
:
absolute
;
top
:
10px
;
left
:
20px
;
}
}
@media
screen
and
(
max-width
:
600px
)
{
body
{
float
:
none
;
}
}
.row
{
margin
:
0
-5px
;
display
:
flex
;
width
:
100%
;
min-width
:
1050px
;
}
.main
{
width
:
100%
;
float
:
none
;
}
.card
{
height
:
100%
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
0.2
);
padding
:
20px
;
text-align
:
center
;
background-color
:
#f1f1f1
;
margin
:
10px
10px
10px
10px
;
}
.list-card
{
height
:
35%
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
0.2
);
padding
:
12px
;
text-align
:
center
;
font-family
:
'Roboto Slab'
,
serif
;
background-color
:
#f1f1f1
;
text-align
:
center
;
margin
:
10px
10px
10px
10px
;
}
.task-card
{
cursor
:
pointer
;
width
:
220px
;
height
:
64%
;
box-shadow
:
0
4px
8px
0
rgba
(
0
,
0
,
0
,
0.2
);
padding
:
30px
;
margin
:
10px
10px
10px
10px
;
text-align
:
center
;
background-color
:
#f1f1f1
;
}
.side
{
padding
:
0px
5px
0px
30px
;
}
.extra-content
{
font-family
:
'Roboto Slab'
,
serif
;
width
:
100%
;
border-radius
:
6px
;
}
.extra-content
a
{
color
:
black
;
padding
:
15px
16px
;
display
:
block
;
border-radius
:
6px
;
}
.extra-content
a
:hover
{
color
:
white
;
background-color
:
#b198e6
b9
;
}
.logout-button
{
background-color
:
#9370DB
;
font-family
:
'Roboto Slab'
,
serif
;
width
:
100%
;
padding
:
10px
;
border-radius
:
6px
;
border
:
none
;
transition
:
all
0.5s
;
cursor
:
pointer
;
display
:
inline-block
;
color
:
white
;
}
.logout-button
:hover
{
background
:
red
;
}
input
[
type
=
text
]
{
width
:
70%
;
box-sizing
:
border-box
;
border
:
2px
solid
#9370DB
;
border-radius
:
6px
;
background-color
:
white
;
padding
:
12px
0
12px
40px
;
float
:
left
;
margin-left
:
90px
;
margin-top
:
60px
;
}
.add-button
{
background-color
:
rgb
(
83
,
68
,
170
);
font-family
:
'Roboto Slab'
,
serif
;
width
:
10%
;
color
:
white
;
padding
:
14px
;
border-radius
:
6px
;
border
:
none
;
transition
:
all
0.5s
;
cursor
:
pointer
;
float
:
left
;
margin-top
:
60px
;
margin-left
:
5px
;
}
.add-button
:hover
{
background-color
:
#9370DB
;
color
:
white
;
}
.task-board
{
border
:
6px
;
margin-top
:
150px
;
margin-left
:
90px
;
width
:
80%
;
background-color
:
white
;
border-radius
:
15px
;
overflow-y
:
scroll
;
min-width
:
200px
;
height
:
460px
;
}
.checkmark
{
position
:
absolute
;
top
:
9px
;
left
:
15px
;
height
:
25px
;
width
:
25px
;
border-radius
:
50%
;
background-color
:
#eee
;
}
.hidden
{
position
:
absolute
;
appearance
:
none
;
}
.check--label
{
display
:
flex
;
justify-content
:
flex-start
;
flex-direction
:
row
;
flex-wrap
:
nowrap
;
align-items
:
center
;
margin-top
:
15px
;
height
:
40px
;
}
.check--label-box
{
display
:
flex
;
align-self
:
center
;
position
:
relative
;
height
:
25px
;
width
:
25px
;
margin
:
0
20px
;
border
:
2px
solid
rgb
(
83
,
68
,
170
);
cursor
:
pointer
;
border-radius
:
50%
;
}
.check--label-text
{
position
:
relative
;
display
:
flex
;
cursor
:
pointer
;
align-self
:
center
;
padding
:
20px
;
font-size
:
22px
;
border-left
:
1px
solid
#ecf0f1
;
}
.check--label-text
:after
{
content
:
''
;
display
:
block
;
width
:
0%
;
height
:
2px
;
background-color
:
#000
;
position
:
absolute
;
top
:
50%
;
left
:
7.5%
;
transform
:
translateY
(
-50%
);
transition
:
width
100ms
ease-in-out
;
}
.hidden
:checked
+
.check--label
{
background-color
:
#fff
;
}
.hidden
:checked
+
.check--label
.check--label-box
{
background-color
:
rgb
(
83
,
68
,
170
);
}
.hidden
:checked
+
.check--label
.check--label-box
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
3px
;
left
:
7px
;
width
:
7px
;
height
:
12px
;
border
:
solid
white
;
border-width
:
0
3px
3px
0
;
transform
:
rotate
(
45deg
);
}
.hidden
:checked
+
.check--label
.check--label-text
:after
{
width
:
85%
;
}
.avatar-upload
{
position
:
relative
;
max-width
:
205px
;
margin
:
50px
auto
;
}
.avatar-edit
{
position
:
absolute
;
right
:
12px
;
z-index
:
1
;
top
:
-20px
;
}
.avatar-upload
.avatar-edit
input
{
display
:
none
;
}
.avatar-upload
input
+
label
{
display
:
inline-block
;
width
:
34px
;
height
:
34px
;
margin-bottom
:
0
;
border-radius
:
100%
;
background
:
#FFFFFF
;
border
:
1px
solid
transparent
;
box-shadow
:
0px
2px
4px
0px
rgba
(
0
,
0
,
0
,
0.12
);
cursor
:
pointer
;
font-weight
:
normal
;
transition
:
all
.2s
ease-in-out
;
}
.avatar-upload
input
+
label
:hover
{
background
:
#f1f1f1
;
border-color
:
#d6d6d6
;
}
.avatar-upload
input
+
label
:after
{
content
:
"\f040"
;
font-family
:
'FontAwesome'
;
color
:
#757575
;
position
:
absolute
;
top
:
2px
;
left
:
0px
;
right
:
0px
;
text-align
:
center
;
margin
:
auto
;
}
.avatar-preview
{
width
:
190px
;
height
:
190px
;
position
:
relative
;
top
:
-35px
;
border-radius
:
100%
;
border
:
6px
solid
#F8F8F8
;
box-shadow
:
0px
2px
4px
0px
rgba
(
0
,
0
,
0
,
0.1
);
}
.avatar-preview
>
div
{
width
:
100%
;
height
:
100%
;
border-radius
:
50%
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
center
;
}
\ No newline at end of file
Write
Preview
Markdown
is supported
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