Update nabber style and markup

This commit is contained in:
Andrew Abogado 2015-02-04 18:46:07 +08:00
parent 2e0d9aaa32
commit 5dba0edc49
3 changed files with 39 additions and 37 deletions

File diff suppressed because one or more lines are too long

View file

@ -288,7 +288,9 @@ body {
background-color: transparent; background-color: transparent;
font-weight: bold; font-weight: bold;
&:hover { &:hover,
&:active,
&:focus {
background-color: transparent; background-color: transparent;
} }
} }
@ -302,12 +304,12 @@ body {
> li { > li {
padding: 0; padding: 0;
> a { > a {
padding-top: 12px; padding-top: 12px;
padding-bottom: 12px; padding-bottom: 12px;
} }
&:hover { &:hover {
> a { > a {
background-color: transparent; background-color: transparent;
@ -347,7 +349,7 @@ body {
line-height: 0; line-height: 0;
} }
} }
.glyphicon-plus { .glyphicon-plus {
color: $navbar-default-link-color; color: $navbar-default-link-color;
margin-left: 1px; margin-left: 1px;
@ -360,7 +362,7 @@ body {
background-color: transparent; background-color: transparent;
} }
} }
@media (max-width: $grid-float-breakpoint) { @media (max-width: $grid-float-breakpoint) {
position: absolute; position: absolute;
top: 0; top: 0;
@ -394,7 +396,7 @@ body {
vertical-align: middle; vertical-align: middle;
width: 0; width: 0;
} }
> li { > li {
> a { > a {
color: $navbar-default-link-color; color: $navbar-default-link-color;
@ -429,7 +431,7 @@ body {
width: 100%; width: 100%;
left: 0; left: 0;
top: 58px; top: 58px;
&:after { &:after {
right: 20px; right: 20px;
} }
@ -500,7 +502,7 @@ body {
.btn-default { .btn-default {
border-color: $btn-default-border; border-color: $btn-default-border;
&:hover { &:hover {
background-color: $btn-default-bg; background-color: $btn-default-bg;
border-color: darken($btn-default-border,15%); border-color: darken($btn-default-border,15%);
@ -570,56 +572,56 @@ body {
border: 1px solid $thumbnail-border; border: 1px solid $thumbnail-border;
box-shadow: 0 1px 1px rgba($gray-base, 0.03); box-shadow: 0 1px 1px rgba($gray-base, 0.03);
padding: 0; padding: 0;
> img { > img {
margin-top: 40px; margin-top: 40px;
} }
.caption { .caption {
padding: 20px; padding: 20px;
text-align: center; text-align: center;
} }
.caption-heading { .caption-heading {
color: darken($headings-color,5%); color: darken($headings-color,5%);
font-size: 18px; font-size: 18px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.caption-meta { .caption-meta {
color: #98a4b0; color: #98a4b0;
font-size: 13px; font-size: 13px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.caption-label { .caption-label {
@extend .label; @extend .label;
@extend .label-default; @extend .label-default;
background-color: #98a4b0; background-color: #98a4b0;
} }
.action-bar { .action-bar {
border-top: 1px solid $sections-border; border-top: 1px solid $sections-border;
padding: 20px; padding: 20px;
@extend .clearfix; @extend .clearfix;
ul { ul {
list-style-type: none; list-style-type: none;
margin-bottom: 0; margin-bottom: 0;
margin-left: -10px; margin-left: -10px;
padding-left: 0; padding-left: 0;
li { li {
float: left; float: left;
margin-left: 10px; margin-left: 10px;
} }
} }
} }
.action-add { .action-add {
border: 1px dotted border: 1px dotted
} }
.btn-add-pet { .btn-add-pet {
display: inline-block; display: inline-block;
height: 30px; height: 30px;
@ -627,14 +629,14 @@ body {
border: 1px dashed #AAA; border: 1px dashed #AAA;
border-radius: 100%; border-radius: 100%;
position: relative; position: relative;
.glyphicon { .glyphicon {
color: #C3C6CA; color: #C3C6CA;
margin: 5px 0 0 8px; margin: 5px 0 0 8px;
} }
} }
} }
.thumbnail-wrapper { .thumbnail-wrapper {

File diff suppressed because one or more lines are too long