diff --git a/lms/static/sass/multicourse/_dashboard.scss b/lms/static/sass/multicourse/_dashboard.scss index ccd5650da4..cbc83ad91d 100644 --- a/lms/static/sass/multicourse/_dashboard.scss +++ b/lms/static/sass/multicourse/_dashboard.scss @@ -124,6 +124,103 @@ } } } + + .news-carousel { + @include clearfix; + margin: 30px 10px 0; + border: 1px solid rgb(200,200,200); + background: rgb(252,252,252); + @include box-shadow(inset 0 0 3px 0 rgba(0,0,0, 0.15)); + + * { + font-family: $sans-serif; + } + + header { + @include clearfix; + height: 50px; + } + + .page-dots { + float: right; + margin: 18px 15px 0 0; + + li { + float: left; + margin-left: 6px; + } + } + + .page-dot { + display: block; + width: 11px; + height: 11px; + border-radius: 11px; + background: $light-gray; + + &:hover { + background: #ccc; + } + + &.current { + background: $blue; + } + } + + h4 { + float: left; + margin-left: 15px; + font-size: 15px; + line-height: 48px; + font-weight: 700; + text-transform: uppercase; + } + + .pages { + position: relative; + } + + .page { + display: none; + position: absolute; + top: 0; + left: 0; + + &:first-child { + display: block; + } + } + + section { + padding: 0 10px; + } + + .news-image { + height: 125px; + margin-bottom: 15px; + + img { + width: 100%; + border: 1px solid $light-gray; + } + } + + h5 { + margin-bottom: 8px; + margin-left: 5px; + + a { + font-size: 16px; + font-weight: 700; + } + } + + .excerpt { + margin-left: 5px; + font-size: 13px; + padding-bottom: 40px; + } + } } .my-courses { diff --git a/lms/templates/dashboard.html b/lms/templates/dashboard.html index 423f53aa35..a7be387fc9 100644 --- a/lms/templates/dashboard.html +++ b/lms/templates/dashboard.html @@ -14,6 +14,48 @@