diff --git a/on/video/static/videolisting.css b/on/video/static/videolisting.css index 50ec77c..57853b7 100644 --- a/on/video/static/videolisting.css +++ b/on/video/static/videolisting.css @@ -54,6 +54,40 @@ margin-top: 10px; /* portlet layout */ +/* extra styling for portletmanager below content */ + +.portletFeaturedVideos .portletHeader { + display: None; +} + +.portletFeaturedVideos .portletFooter { + clear: left; + text-align: center; + margin: 0 auto; + width: 949px; +} + +.portletFeaturedVideos #gallerypageprev, +.portletFeaturedVideos #gallerypagenext { + background-repeat: no-repeat; + display: block; + width: 26px; + height: 36px; + color: transparent; + margin: 36px 0; +} + +.portletFeaturedVideos #gallerypageprev { + background-image: url(./h_c_l.png); + float: left; +} + +.portletFeaturedVideos #gallerypagenext { + background-image: url(h_c_r.png); + float: right; + position: relative; +} + .portletFeaturedVideo { /*position it centered under the content */ height: 138px; @@ -62,7 +96,7 @@ margin-top: 10px; } .portletFeaturedVideo featuredVideos { - width: 500px; + width: 470px; } .portletFeaturedVideo .portletHeader { @@ -76,6 +110,36 @@ margin-top: 10px; margin: 0 20%; } + +#portlet_carousel { + margin: 0; + padding: 0; + list-style: none; + display: block; + margin: 0 auto; + width: 500px; + margin-left: -10px !important; +} + +#portlet_carousel li { + float: left; + width: 150px !important; + padding: 0; + margin: 2px; + } + +#portlet_carousel li img { + width: 120px; + margin: 0 auto; +} + +#portlet_carousel .caption { + font-weight: normal; + padding-right: 20px; + text-align: center; +} + +/* .featuredVideos .portletItem { float: left; } @@ -85,4 +149,4 @@ margin-top: 10px; overflow: hidden; white-space: nowrap; } - +*/