the featured video portlet is styled now.

muellert · Mar 22, 2013 · 211a94e · 211a94e
1 parent c3f107b
commit 211a94e
Showing 1 changed file with 66 additions and 2 deletions.
diff --git 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;
 }
-                    
+*/