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
Corentin Mors
avis-de-template-server
Commits
72bc2fd3
Commit
72bc2fd3
authored
Dec 07, 2018
by
Corentin Mors
⚔
Browse files
Add more dark css and fix crappy css
parent
d277ee9c
Changes
3
Hide whitespace changes
Inline
Side-by-side
public/assets/css/style.css
View file @
72bc2fd3
...
...
@@ -110,7 +110,7 @@ body {
}
.card-body
{
.dashboard
.card-body
{
background
:
#449644
;
display
:
flex
;
justify-content
:
center
;
...
...
@@ -280,3 +280,15 @@ a[aria-expanded="true"] {
.dark
.card
{
background-color
:
#1E4363
;
}
.dark
.breadcrumb
{
background-color
:
#1E4363
;
}
.dark
a
{
color
:
#ffffff
;
}
.dark
.btn-link
{
color
:
#ffffff
;
}
.dark
.card
.btn
{
background-color
:
transparent
;
}
public/assets/dist/style.min.css
View file @
72bc2fd3
body
{
padding-top
:
5rem
;
background-color
:
#fff
}
.contenttype-title
{
display
:
flex
}
.contenttype-title
h3
{
flex
:
1
0
}
.contenttype-all-button
{
margin-top
:
5px
}
.list-group-item-flex
{
display
:
flex
}
.list-group-item-tools
{
display
:
block
;
width
:
30px
}
.list-group-item-image
{
margin-right
:
10px
}
.list-group-item-content
{
flex
:
1
0
}
.box
{
margin-bottom
:
20px
;
border
:
2px
solid
#000
;
border-radius
:
6px
;
line-height
:
40px
;
text-align
:
center
;
padding-top
:
10px
;
background-color
:
#c3cee4
}
.content-input
{
height
:
500px
}
.article
{
padding-left
:
1rem
;
padding-bottom
:
1rem
}
[
class
*=
col-xs
]
{
width
:
auto
}
.container
{
padding-right
:
15px
;
padding-left
:
15px
;
margin-right
:
auto
;
margin-left
:
auto
;
align-items
:
center
}
@media
(
min-width
:
768px
){
.container
{
width
:
1170px
}}
@media
(
min-width
:
992px
){
.container
{
width
:
970px
}}
@media
(
min-width
:
1200px
){
.container
{
width
:
1170px
}}
#accordion-faq
.card
{
margin-bottom
:
10px
}
.content-box
{
display
:
flex
;
margin
:
0
0
45px
;
padding
:
30px
;
background-color
:
#9d9d9d
;
color
:
#fff
}
.card-body
{
background
:
#449644
;
display
:
flex
;
justify-content
:
center
;
width
:
auto
}
.card-body-item
{
height
:
100%
;
width
:
100%
}
.card-body-item
:nth-child
(
1
)
{
break-after
:
always
}
.card-body-item
span
{
font-size
:
2.5em
;
color
:
#fff
}
.wrapper
{
display
:
flex
;
width
:
100%
}
#sidebar
{
width
:
250px
;
margin-left
:
-250px
;
position
:
fixed
;
top
:
0
;
left
:
0
;
height
:
100vh
;
z-index
:
999
;
background
:
#7386d5
;
color
:
#fff
;
transition
:
all
.3s
}
#sidebar
.active
{
margin-left
:
0
}
#sidebar
.sidebar-header
{
padding
:
20px
;
background
:
#6d7fcc
}
#sidebar
ul
.components
{
padding
:
20px
0
;
border-bottom
:
1px
solid
#47748b
}
#sidebar
ul
p
{
color
:
#fff
;
padding
:
10px
}
#sidebar
ul
li
a
{
text-decoration
:
none
;
color
:
#fff
;
padding
:
10px
;
font-size
:
1.1em
;
display
:
block
}
#sidebar
ul
li
a
:hover
{
color
:
#7386d5
;
background
:
#fff
}
#sidebar
ul
li
.active
>
a
,
a
[
aria-expanded
=
true
]
{
color
:
#fff
;
background
:
#6d7fcc
}
#content
{
width
:
100%
;
padding
:
40px
;
min-height
:
100vh
;
transition
:
all
.3s
;
position
:
absolute
;
top
:
0
;
right
:
0
}
#content
.active
{
width
:
calc
(
100%
-
250px
)}
.content-input
{
height
:
500px
}
.task
{
padding
:
2px
;
margin-top
:
10px
;
border-radius
:
5px
;
border
:
2px
solid
#112f41
}
.sameHauteur
{
align-items
:
center
}
.dark
{
background-color
:
#112f41
;
color
:
#fff
}
.dark
.task
{
border-color
:
#878787
}
.dark
.modal-content
{
background-color
:
#1e4363
}
.dark
.btn
{
background-color
:
#1c88cc
}
.dark
.dropdown-menu
{
background-color
:
#1e4363
}
.dark
.dropdown-item
{
color
:
#fff
}
.dark
.card
{
background-color
:
#1e4363
}
\ No newline at end of file
body
{
padding-top
:
5rem
;
background-color
:
#fff
}
.contenttype-title
{
display
:
flex
}
.contenttype-title
h3
{
flex
:
1
0
}
.contenttype-all-button
{
margin-top
:
5px
}
.list-group-item-flex
{
display
:
flex
}
.list-group-item-tools
{
display
:
block
;
width
:
30px
}
.list-group-item-image
{
margin-right
:
10px
}
.list-group-item-content
{
flex
:
1
0
}
.box
{
margin-bottom
:
20px
;
border
:
2px
solid
#000
;
border-radius
:
6px
;
line-height
:
40px
;
text-align
:
center
;
padding-top
:
10px
;
background-color
:
#c3cee4
}
.content-input
{
height
:
500px
}
.article
{
padding-left
:
1rem
;
padding-bottom
:
1rem
}
[
class
*=
col-xs
]
{
width
:
auto
}
.container
{
padding-right
:
15px
;
padding-left
:
15px
;
margin-right
:
auto
;
margin-left
:
auto
;
align-items
:
center
}
@media
(
min-width
:
768px
){
.container
{
width
:
1170px
}}
@media
(
min-width
:
992px
){
.container
{
width
:
970px
}}
@media
(
min-width
:
1200px
){
.container
{
width
:
1170px
}}
#accordion-faq
.card
{
margin-bottom
:
10px
}
.content-box
{
display
:
flex
;
margin
:
0
0
45px
;
padding
:
30px
;
background-color
:
#9d9d9d
;
color
:
#fff
}
.dashboard
.card-body
{
background
:
#449644
;
display
:
flex
;
justify-content
:
center
;
width
:
auto
}
.card-body-item
{
height
:
100%
;
width
:
100%
}
.card-body-item
:nth-child
(
1
)
{
break-after
:
always
}
.card-body-item
span
{
font-size
:
2.5em
;
color
:
#fff
}
.wrapper
{
display
:
flex
;
width
:
100%
}
#sidebar
{
width
:
250px
;
margin-left
:
-250px
;
position
:
fixed
;
top
:
0
;
left
:
0
;
height
:
100vh
;
z-index
:
999
;
background
:
#7386d5
;
color
:
#fff
;
transition
:
all
.3s
}
#sidebar
.active
{
margin-left
:
0
}
#sidebar
.sidebar-header
{
padding
:
20px
;
background
:
#6d7fcc
}
#sidebar
ul
.components
{
padding
:
20px
0
;
border-bottom
:
1px
solid
#47748b
}
#sidebar
ul
p
{
color
:
#fff
;
padding
:
10px
}
#sidebar
ul
li
a
{
text-decoration
:
none
;
color
:
#fff
;
padding
:
10px
;
font-size
:
1.1em
;
display
:
block
}
#sidebar
ul
li
a
:hover
{
color
:
#7386d5
;
background
:
#fff
}
#sidebar
ul
li
.active
>
a
,
a
[
aria-expanded
=
true
]
{
color
:
#fff
;
background
:
#6d7fcc
}
#content
{
width
:
100%
;
padding
:
40px
;
min-height
:
100vh
;
transition
:
all
.3s
;
position
:
absolute
;
top
:
0
;
right
:
0
}
#content
.active
{
width
:
calc
(
100%
-
250px
)}
.content-input
{
height
:
500px
}
.task
{
padding
:
2px
;
margin-top
:
10px
;
border-radius
:
5px
;
border
:
2px
solid
#112f41
}
.sameHauteur
{
align-items
:
center
}
.dark
{
background-color
:
#112f41
;
color
:
#fff
}
.dark
.task
{
border-color
:
#878787
}
.dark
.modal-content
{
background-color
:
#1e4363
}
.dark
.btn
{
background-color
:
#1c88cc
}
.dark
.dropdown-menu
{
background-color
:
#1e4363
}
.dark
.dropdown-item
{
color
:
#fff
}
.dark
.card
{
background-color
:
#1e4363
}
.dark
.breadcrumb
{
background-color
:
#1e4363
}
.dark
a
{
color
:
#fff
}
.dark
.btn-link
{
color
:
#fff
}
.dark
.card
.btn
{
background-color
:
transparent
}
\ No newline at end of file
views/dashboard.html
View file @
72bc2fd3
{% extends "layout/base.html" %}
{% block content %}
<main
role=
"main"
class=
"container-fluid"
>
<main
role=
"main"
class=
"container-fluid
dashboard
"
>
<!-- Health Breadcrumbs-->
<ol
class=
"breadcrumb"
>
<li
class=
"breadcrumb-item"
>
...
...
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