mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-02 21:57:17 +00:00
160 lines
3.1 KiB
Sass
160 lines
3.1 KiB
Sass
div.dashboard_item
|
|
margin-bottom: 30px
|
|
|
|
.centered
|
|
text-align: center
|
|
|
|
.text-icon
|
|
margin-top: 8px
|
|
display: block
|
|
font-size: 16px
|
|
font-weight: bold
|
|
color: #fff
|
|
padding: 0px 6px
|
|
border-radius: 10px
|
|
&.green
|
|
background-color: #9fc820
|
|
&.red
|
|
background-color: #DA5354
|
|
&.orange
|
|
background-color: #DA7F52
|
|
|
|
div.header
|
|
height: 50px
|
|
border-radius: 6px 6px 0px 0px
|
|
border: 1px solid #5498da
|
|
position: relative
|
|
|
|
a.with-tip
|
|
position: absolute
|
|
right: 5px
|
|
bottom: 5px
|
|
|
|
&.red
|
|
border-color: #DA5354
|
|
border-width: 3px
|
|
h3
|
|
color: #DA5354
|
|
|
|
&.orange
|
|
border-color: #DA7F52
|
|
border-width: 3px
|
|
h3
|
|
color: #DA7F52
|
|
|
|
h3.alpha
|
|
height: 100%
|
|
padding: 10px 5px 0px 3%
|
|
|
|
a
|
|
border-radius: 0px 4px 0px 0px
|
|
margin-left: 8px
|
|
height: 100%
|
|
padding: 15px 2px 0px 2px
|
|
|
|
.tabs
|
|
height: 30px
|
|
border: solid #5498da
|
|
border-width: 0px 0px 1px 0px
|
|
margin-top: 3px
|
|
div.dashboard_tab
|
|
cursor: pointer
|
|
height: 30px
|
|
color: #fff
|
|
background-color: #5498da
|
|
padding: 5px 5px 0px 5px
|
|
text-align: center
|
|
font-weight: bold
|
|
border: solid #5498da
|
|
border-width: 1px 1px 0px 1px
|
|
&:hover
|
|
background-color: #9fc820
|
|
&.selected
|
|
color: #5498da
|
|
background-color: #fff
|
|
|
|
.list
|
|
max-height: 250px
|
|
overflow-y: auto
|
|
overflow-x: hidden
|
|
|
|
.list-title
|
|
border: solid #5498da
|
|
border-width: 0px 1px 0px 1px
|
|
span
|
|
font-size: 105%
|
|
padding: 10px 0px
|
|
font-weight: bold
|
|
span.alpha
|
|
padding: 10px 2px 10px 5%
|
|
|
|
.list-item
|
|
border: solid #5498da
|
|
border-width: 0px 1px 0px 1px
|
|
height: 38px
|
|
span.alpha
|
|
font-weight: bold
|
|
margin-left: -3px
|
|
padding: 10px 2px 0px 5%
|
|
span.omega
|
|
padding-right: 13px
|
|
margin-right: -3px
|
|
text-align: right
|
|
.icon-arrow-right
|
|
padding-top: 6px
|
|
font-size: 20px
|
|
.icon-warning-sign
|
|
color: #DA7F52
|
|
font-size: 30px
|
|
.icon-remove-sign
|
|
color: #DA5354
|
|
font-size: 30px
|
|
.icon-ok-sign
|
|
color: #9fc820
|
|
font-size: 30px
|
|
&.orange
|
|
color: #DA7F52
|
|
border: solid #DA7F52
|
|
&.red
|
|
color: #DA5354
|
|
border: solid #DA5354
|
|
&.orange, &.red
|
|
border-width: 0px 3px 0px 3px
|
|
&.even
|
|
background-color: #fff
|
|
&.odd
|
|
background-color: #eff5fc
|
|
&.even, &.odd
|
|
&:hover
|
|
color: #ffffff
|
|
background-color: #9fc820
|
|
.icon-arrow-right
|
|
color: #fff
|
|
.icon-remove-sign
|
|
color: #fff
|
|
.icon-warning-sign
|
|
color: #fff
|
|
.icon-ok-sign
|
|
color: #fff
|
|
.text-icon
|
|
&.green
|
|
color: #9fc820
|
|
background-color: #fff
|
|
|
|
a.button
|
|
color: #fff
|
|
font-size: 110%
|
|
font-weight: bold
|
|
text-align: center
|
|
&.orange
|
|
background-color: #DA7F52
|
|
&.blue
|
|
background-color: #5498da
|
|
&.red
|
|
background-color: #DA5354
|
|
&:hover
|
|
background-color: #9fc820
|
|
&.bottom
|
|
border-radius: 0px 0px 6px 6px
|
|
padding: 15px 15px
|