// footer + go to top + scroll y sidebar

This commit is contained in:
Kevin Granger
2013-10-10 15:10:51 +02:00
parent 278dc32482
commit be3ccabe66
7 changed files with 243 additions and 188 deletions
@@ -1,11 +1,13 @@
#footer
z-index: 600
min-height: 60px
display: block
width: 100%
padding: 15px 0 0 0
background-color: $bg-footer-color
background-color: rgba($bg-footer-color,0.85)
color: #888
position: fixed
bottom: 0
height: 50px
line-height: 50px
a
color: #ccc
#go-top
@@ -27,10 +29,10 @@
background-color: rgba(0,0,0,0.5)
&:hover
background-color: black
.social-networks
margin: 4px 0 0 0
a.link-social
&:hover
text-decoration: none
i
font-size: 2em
width: 30px
@@ -39,15 +41,30 @@ a.link-social
line-height: 30px
text-align: center
@include border-radius(30px)
&:hover
text-decoration: none
.link-twitter i
color: white
background-color: #7CCEEF
&:hover
color: #7CCEEF
background-color: white
.link-facebook i
color: white
background-color: #557DBB
&:hover
color: #557DBB
background-color: white
.link-github i
color: black
background-color: white
&:hover
color: white
background-color: black
.link-google i
color: white
background-color: #E6644E
background-color: #E6644E
&:hover
color: #E6644E
background-color: white
@@ -2,6 +2,7 @@
float: left
width: 240px
height: 100%!important
overflow-y: auto
z-index: 500
background-color: $main-color
border-right: 1px solid black
@@ -35,17 +36,17 @@
color: black
background-color: white
&.active
a.title:hover
a.title:hover:not(.active)
color: contrast-color($main-color, white, #333, 10%)
&.expanded
a.title
color: white
background-color: darken($main-color,10%)
border-bottom: solid 1px darken($main-color,25%)
&:hover
background-color: lighten($main-color,10%)
i
color: white
&:hover
background-color: lighten($main-color,10%)
span.submenu_expand
@extend .icon-angle-up
ul.submenu
@@ -54,4 +54,7 @@ tr.highlighted td
color: white
td.actions
min-width: 200px
min-width: 200px
.bulk-actions
margin: 17px 0
@@ -1,3 +1,34 @@
.page-head
width: 100%
height: 55px
padding: 0 10px 0 0
margin: 0
border-bottom: 4px solid darken($secondary-color,10%)
position: fixed
top: 36px
left: 0px
z-index: 499
background-color: $secondary-color
@include box-shadow(rgba(black,0.15) 0 7px 0)
h2.page-title
@extend .pull-left
padding: 0 0 0 260px
font-size: 18px
color: white
text-transform: uppercase
@media (max-width: $screen-tablet)
padding: 0 0 0 20px
a
color: white
font-style: underline
.btn-toolbar
margin: 0
padding: 3px 0 0 0
.nav-tabs
margin: 0
.nav-tabs > li > a
color: #333
.toolbar_btn
position: relative
padding: 2px 5px !important