diff --git a/assets/styles/layout.sass b/assets/styles/layout.sass index 95f1a383..df65901a 100644 --- a/assets/styles/layout.sass +++ b/assets/styles/layout.sass @@ -58,6 +58,13 @@ html, body min-width: 760px padding: 20px 40px 80px 30px +#right + @include flex(1, 1, 300px) + width: 300px + padding: 11px 20px 80px 20px + background-color: $color-bg-right + border-left: 1px solid $color-border-normal + @media screen and (max-width: 1400px) #left .duration_label display: inline-block diff --git a/assets/styles/right.sass b/assets/styles/right.sass new file mode 100644 index 00000000..a1049a9a --- /dev/null +++ b/assets/styles/right.sass @@ -0,0 +1,43 @@ +@import "_mixins/all" + +#right + padding-bottom: 80px + + h4 + margin: 24px 0 0 0 + + ul + margin-top: 10px + + .box + margin-top: 25px + margin-left: -3px + padding: 15px + border: 1px solid $color-border-normal + background-color: $color-bg-sidebar-box + @include border-radius(4px) + + h4 + margin: 0 + a + text-decoration: underline + li + list-style-type: square + margin-left: 15px + +#slider + position: absolute + height: 100% + top: 0 + left: 0 + width: 10px + background-color: $color-bg-slider + cursor: pointer + background: transparent inline-image('ui/slider-closed.png') no-repeat 3px 10px + + &:hover + background-color: $color-border-slider-hover + +#right .show-more-jobs + text-decoration: underline + cursor: pointer