mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-26 22:29:28 +09:00
[Client:Desktop] White header
This commit is contained in:
parent
7109ea8c67
commit
da22155a98
@ -35,7 +35,7 @@
|
|||||||
display block
|
display block
|
||||||
margin 0
|
margin 0
|
||||||
padding 0
|
padding 0
|
||||||
color #dbe2e0
|
color #9eaba8
|
||||||
border none
|
border none
|
||||||
background transparent
|
background transparent
|
||||||
cursor pointer
|
cursor pointer
|
||||||
@ -45,11 +45,14 @@
|
|||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
&[data-active='true']
|
&[data-active='true']
|
||||||
color #fff
|
color darken(#9eaba8, 20%)
|
||||||
|
|
||||||
> .avatar
|
> .avatar
|
||||||
filter saturate(150%)
|
filter saturate(150%)
|
||||||
|
|
||||||
|
&:active
|
||||||
|
color darken(#9eaba8, 30%)
|
||||||
|
|
||||||
> .username
|
> .username
|
||||||
display block
|
display block
|
||||||
float left
|
float left
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
display table-cell
|
display table-cell
|
||||||
vertical-align middle
|
vertical-align middle
|
||||||
height 48px
|
height 48px
|
||||||
color #dbe2e0
|
color #9eaba8
|
||||||
|
|
||||||
> .yyyymmdd
|
> .yyyymmdd
|
||||||
opacity 0.7
|
opacity 0.7
|
||||||
|
@ -53,7 +53,7 @@
|
|||||||
padding 0 24px
|
padding 0 24px
|
||||||
font-size 13px
|
font-size 13px
|
||||||
font-variant small-caps
|
font-variant small-caps
|
||||||
color #dbe2e0
|
color #9eaba8
|
||||||
text-decoration none
|
text-decoration none
|
||||||
transition none
|
transition none
|
||||||
cursor pointer
|
cursor pointer
|
||||||
@ -62,7 +62,7 @@
|
|||||||
pointer-events none
|
pointer-events none
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
color #fff
|
color darken(#9eaba8, 20%)
|
||||||
text-decoration none
|
text-decoration none
|
||||||
|
|
||||||
> i:first-child
|
> i:first-child
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
margin 0
|
margin 0
|
||||||
padding 0
|
padding 0
|
||||||
width 32px
|
width 32px
|
||||||
color #dbe2e0
|
color #9eaba8
|
||||||
border none
|
border none
|
||||||
background transparent
|
background transparent
|
||||||
cursor pointer
|
cursor pointer
|
||||||
@ -23,7 +23,10 @@
|
|||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
&[data-active='true']
|
&[data-active='true']
|
||||||
color #fff
|
color darken(#9eaba8, 20%)
|
||||||
|
|
||||||
|
&:active
|
||||||
|
color darken(#9eaba8, 30%)
|
||||||
|
|
||||||
> i
|
> i
|
||||||
font-size 1.2em
|
font-size 1.2em
|
||||||
|
@ -26,7 +26,6 @@
|
|||||||
border-radius 0
|
border-radius 0
|
||||||
transition color 0.5s ease, border 0.5s ease
|
transition color 0.5s ease, border 0.5s ease
|
||||||
font-family FontAwesome, sans-serif
|
font-family FontAwesome, sans-serif
|
||||||
color #fff
|
|
||||||
|
|
||||||
&::-webkit-input-placeholder
|
&::-webkit-input-placeholder
|
||||||
color #9eaba8
|
color #9eaba8
|
||||||
|
@ -38,14 +38,14 @@
|
|||||||
height 48px
|
height 48px
|
||||||
backdrop-filter blur(12px)
|
backdrop-filter blur(12px)
|
||||||
//background-color rgba(255, 255, 255, 0.75)
|
//background-color rgba(255, 255, 255, 0.75)
|
||||||
background #313a40
|
background #fff
|
||||||
|
|
||||||
&:after
|
&:after
|
||||||
content ""
|
content ""
|
||||||
display block
|
display block
|
||||||
width 100%
|
width 100%
|
||||||
height 48px
|
height 48px
|
||||||
background-image url(/assets/desktop/header-logo-white.svg)
|
background-image url(/assets/desktop/header-logo.svg)
|
||||||
background-size 46px
|
background-size 46px
|
||||||
background-position center
|
background-position center
|
||||||
background-repeat no-repeat
|
background-repeat no-repeat
|
||||||
|
Loading…
Reference in New Issue
Block a user