aboutsummaryrefslogtreecommitdiff
path: root/views/default/videolist/css.php
diff options
context:
space:
mode:
authorPete Harris <dave@36083f99-b078-4883-b0ff-0f9b5a30f544>2010-03-30 14:23:05 +0000
committerPete Harris <dave@36083f99-b078-4883-b0ff-0f9b5a30f544>2010-03-30 14:23:05 +0000
commit05129a184b2c88cf082ebf230a3dce7b6510ec8f (patch)
tree744402f97eba2cb76978224eb48c75850604d58f /views/default/videolist/css.php
parent4fa7aaa7e363514dc2def25cceafd8cf4333404c (diff)
downloadelgg-05129a184b2c88cf082ebf230a3dce7b6510ec8f.tar.gz
elgg-05129a184b2c88cf082ebf230a3dce7b6510ec8f.tar.bz2
Further updates to VideoList UI. Search results styled to match new elgg list style. Videos from search now play in popup modal with screen greyed out. Individual video page now has edit and delete, breadcrumbs, latest comments etc..
Diffstat (limited to 'views/default/videolist/css.php')
-rw-r--r--views/default/videolist/css.php130
1 files changed, 50 insertions, 80 deletions
diff --git a/views/default/videolist/css.php b/views/default/videolist/css.php
index 0b181458e..407841440 100644
--- a/views/default/videolist/css.php
+++ b/views/default/videolist/css.php
@@ -34,96 +34,66 @@
margin-left:15px;
}
+/* single video view page */
+.video_view {
+ text-align: center;
+ margin-top:5px;
+ padding-bottom:20px;
+ border-bottom:1px solid #CCCCCC;
+}
+.video_view embed {
+ margin-top:20px;
+}
-
-
-/* /////////////////////////////////////////// @todo clean up / update rules below */
-#video-list-main{
- padding:10px;
+/* search for videos */
+#loading_search_results .ajax_loader {
+ margin:10px 0;
}
-#videocontainer{
+.search_videos {
width:100%;
- margin-bottom:10px;
}
-#videobox{
- width:98%;
- text-align:center;
- margin-top:10px;
+.search_videos .submit_button {
+ margin:0;
+}
+
+/* find videos search results list */
+#videosearch_results .video_entity {
+ padding:10px 0;
+ border-top:1px dotted #CCCCCC;
}
-#videoDescbox{
- width:95%;
- margin:0px 5px 0px 8px;
+#videosearch_results .video_entity table {
+ width:100%;
}
-#videoActionbox{
- width:90%;
- margin:0px 5px 0px 8px;
- float:left;
+#videosearch_results .video_actions {
+ text-align: right;
+ width:15%;
}
-th{
- text-align:center;
- font-weight:bold;
- font-size:13px;
-}
-#parentTab{
- -moz-border-radius-bottomleft:8px;
- -moz-border-radius-bottomright:8px;
- -moz-border-radius-topleft:8px;
- -moz-border-radius-topright:8px;
- border-top:1px solid #CCC;
- border-bottom:6px solid #CCC;
- border-left:1px solid #CCC;
- border-right:5px solid #CCC;
- background:#FFFFFF;
- margin-top:7px;
-}
-.tabcellDesc{
- padding:5px 5px 5px 10px;
- text-align: left;
-}
-.tabcellText{
- padding:5px;
- text-align: center;
+#videosearch_results .video_entity .entity_title {
+ margin:0;
}
-.videoDisp{
+
+/* pop-up video player */
+#page_overlay {
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ height:100%;
+ width:100%;
+ z-index:299999;
+}
+.video_popup{
position:absolute;
- -moz-border-radius-topleft:5px;
- -moz-border-radius-topright:5px;
- -moz-border-radius-bottomleft:5px;
- -moz-border-radius-bottomright:5px;
- border:1px solid #000000;
display:none;
- padding:10px;
- margin-left:120px;
- margin-top:-100px;
- background:#FFFFFF;
+ padding:5px 10px 10px 10px;
+ background:black;
z-index:300000;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+}
+.close_video {
+ margin-bottom:5px;
+ text-align: right;
}
-.tubesearch{
- -moz-border-radius-topleft:5px;
- -moz-border-radius-topright:5px;
- -moz-border-radius-bottomleft:5px;
- -moz-border-radius-bottomright:5px;
- border:1px solid #666666;
-}
-.searchvideorow{
- padding:10px;
- -moz-border-radius-topleft:5px;
- -moz-border-radius-topright:5px;
- -moz-border-radius-bottomleft:5px;
- -moz-border-radius-bottomright:5px;
- border:1px solid #CCCCCC;
-}
-#videosearch-tablecontainer{
- -moz-border-radius-bottomleft:5px;
- -moz-border-radius-bottomright:5px;
- border:1px solid #CCCCCC;
- background:#FFF;
- padding:10px;
-}
-#videosearch-interface{
- border-color:#CCCCCC;
- border-style:solid;
- border-width:0 1px 1px;
- margin-top:-15px;
- padding:15px 0 15px 20px;
+.close_video a {
+ color:white;
}