1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-29 04:32:15 -05:00

[ux] small amendments to buttons and added header styles

This commit is contained in:
karolinaszczur 2013-09-18 19:50:11 +02:00
parent 1e8fb361f4
commit a5ca6748d0
4 changed files with 36 additions and 14 deletions

View File

@ -34,3 +34,9 @@
padding-bottom: 20px padding-bottom: 20px
@media screen and (min-width: 768px)
.box
width: 50%

View File

@ -37,17 +37,18 @@ label
button, a.button button, a.button
display: inline-block display: inline-block
text-decoration: none
text-align: center
roundall(3px) roundall(3px)
border: none border: none
height: 35px height: 35px
min-width: 80px
padding: 0 1em padding: 0 1em
color: white color: white
background: $activeBlue background: $activeBlue
line-height: 35px line-height: 35px
font-size: 14px font-size: 14px
font-weight: bold font-weight: bold
text-decoration: none
text-align: center
cursor: pointer cursor: pointer
&:hover &:hover

View File

@ -9,12 +9,15 @@ body
font-weight: 400 font-weight: 400
-webkit-font-smoothing: antialiased -webkit-font-smoothing: antialiased
#pages h1, h2, h3, h4
position: absolute color: darken($baseText, 30%)
top: 0px
right: 0px
left: 156px
borderbox()
#menu #pages
width: 155px position: absolute
top: 0px
right: 0px
left: 156px
borderbox()
#menu
width: 155px

View File

@ -664,7 +664,13 @@ body {
font-weight: 400; font-weight: 400;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
body #pages { h1,
h2,
h3,
h4 {
color: #3c3c3c;
}
#pages {
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
@ -673,7 +679,7 @@ body #pages {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
body #menu { #menu {
width: 155px; width: 155px;
} }
.aux header { .aux header {
@ -716,6 +722,11 @@ body #menu {
margin: 0; margin: 0;
padding-bottom: 20px; padding-bottom: 20px;
} }
@media screen and (min-width: 768px) {
.box {
width: 50%;
}
}
input[type=text], input[type=text],
input[type=email], input[type=email],
input[type=search], input[type=search],
@ -770,8 +781,6 @@ label {
button, button,
a.button { a.button {
display: inline-block; display: inline-block;
text-decoration: none;
text-align: center;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-khtml-border-radius: 3px; -khtml-border-radius: 3px;
@ -780,12 +789,15 @@ a.button {
border-radius: 3px; border-radius: 3px;
border: none; border: none;
height: 35px; height: 35px;
min-width: 80px;
padding: 0 1em; padding: 0 1em;
color: #fff; color: #fff;
background: #00aeef; background: #00aeef;
line-height: 35px; line-height: 35px;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
text-decoration: none;
text-align: center;
cursor: pointer; cursor: pointer;
} }
button:hover, button:hover,