mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-12 04:25:05 -05:00
[ux] make roster header styling for flatish
This commit is contained in:
parent
7efe9d2417
commit
4c28a57485
@ -9,6 +9,7 @@ input[type=text], input[type=email], input[type=search], input[type=password], t
|
|||||||
font-size: 0.8em
|
font-size: 0.8em
|
||||||
color: $baseText
|
color: $baseText
|
||||||
borderbox()
|
borderbox()
|
||||||
|
gotham()
|
||||||
|
|
||||||
transition: border .2s ease-in 0
|
transition: border .2s ease-in 0
|
||||||
-webkit-transition: border .2s ease-in 0
|
-webkit-transition: border .2s ease-in 0
|
||||||
|
@ -7,13 +7,12 @@
|
|||||||
bottom: 0px
|
bottom: 0px
|
||||||
left: 0px
|
left: 0px
|
||||||
width: 155px
|
width: 155px
|
||||||
background-color: #1c232d
|
background-color: $sidebarBg
|
||||||
z-index: 300
|
z-index: 300
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
webkit-transition-fix()
|
webkit-transition-fix()
|
||||||
noselect()
|
noselect()
|
||||||
shadow: #000 1px 0px 1px
|
|
||||||
|
|
||||||
.main
|
.main
|
||||||
li
|
li
|
||||||
@ -22,7 +21,7 @@
|
|||||||
line-height: 12px
|
line-height: 12px
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
background-color: #2a323f
|
background: $sidebarActive
|
||||||
|
|
||||||
a
|
a
|
||||||
color: #666
|
color: #666
|
||||||
@ -34,16 +33,12 @@
|
|||||||
|
|
||||||
|
|
||||||
h1
|
h1
|
||||||
font-size: 11px
|
font-size: $fontMedium
|
||||||
margin: 0px
|
margin: 0
|
||||||
margin-bottom: 1px
|
padding: 10px
|
||||||
padding: 5px
|
color: white
|
||||||
color: #222
|
border-top: 1px solid lighten($sidebarBg, 15%)
|
||||||
border-top: 1px solid #fff
|
border-bottom: 1px solid lighten($sidebarBg, 15%)
|
||||||
border-bottom: 1px solid #aaa
|
|
||||||
gradient: #e1e4e6 #cacdce
|
|
||||||
shadow: rgba(0,0,0,0.75) 2px 1px 5px
|
|
||||||
text-shadow: #fff 1px 1px 1px
|
|
||||||
|
|
||||||
#roster,
|
#roster,
|
||||||
#bookmarks
|
#bookmarks
|
||||||
|
@ -251,7 +251,7 @@ td {
|
|||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
width: 155px;
|
width: 155px;
|
||||||
background-color: #1c232d;
|
background-color: #0b1316;
|
||||||
z-index: 300;
|
z-index: 300;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
@ -262,9 +262,6 @@ td {
|
|||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
-webkit-box-shadow: #000 1px 0px 1px;
|
|
||||||
-moz-box-shadow: #000 1px 0px 1px;
|
|
||||||
box-shadow: #000 1px 0px 1px;
|
|
||||||
}
|
}
|
||||||
#menu .main li {
|
#menu .main li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
@ -272,7 +269,7 @@ td {
|
|||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
}
|
}
|
||||||
#menu .main li:hover {
|
#menu .main li:hover {
|
||||||
background-color: #2a323f;
|
background: #192a47;
|
||||||
}
|
}
|
||||||
#menu .main li:hover a {
|
#menu .main li:hover a {
|
||||||
color: #666;
|
color: #666;
|
||||||
@ -283,20 +280,12 @@ td {
|
|||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
#menu h1 {
|
#menu h1 {
|
||||||
font-size: 11px;
|
font-size: 14px;
|
||||||
margin: 0px;
|
margin: 0;
|
||||||
margin-bottom: 1px;
|
padding: 10px;
|
||||||
padding: 5px;
|
color: #fff;
|
||||||
color: #222;
|
border-top: 1px solid #233c46;
|
||||||
border-top: 1px solid #fff;
|
border-bottom: 1px solid #233c46;
|
||||||
border-bottom: 1px solid #aaa;
|
|
||||||
background: #e1e4e6;
|
|
||||||
background-image: -moz-linear-gradient(top, #e1e4e6, #cacdce);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1e4e6), color-stop(1, #cacdce));
|
|
||||||
-webkit-box-shadow: rgba(0,0,0,0.75) 2px 1px 5px;
|
|
||||||
-moz-box-shadow: rgba(0,0,0,0.75) 2px 1px 5px;
|
|
||||||
box-shadow: rgba(0,0,0,0.75) 2px 1px 5px;
|
|
||||||
text-shadow: #fff 1px 1px 1px;
|
|
||||||
}
|
}
|
||||||
#roster li,
|
#roster li,
|
||||||
#bookmarks li {
|
#bookmarks li {
|
||||||
@ -755,6 +744,8 @@ textarea {
|
|||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
|
||||||
|
font-style: normal;
|
||||||
-webkit-transition: border 0.2s ease-in 0;
|
-webkit-transition: border 0.2s ease-in 0;
|
||||||
-o-transition: border 0.2s ease-in 0;
|
-o-transition: border 0.2s ease-in 0;
|
||||||
transition: border 0.2s ease-in 0;
|
transition: border 0.2s ease-in 0;
|
||||||
|
Loading…
Reference in New Issue
Block a user