1
0
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:
karolinaszczur 2013-09-19 15:53:35 +02:00
parent 7efe9d2417
commit 4c28a57485
3 changed files with 19 additions and 32 deletions

View File

@ -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

View File

@ -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

View File

@ -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;