-
Notifications
You must be signed in to change notification settings - Fork 8
/
brightcove.css
88 lines (56 loc) · 3.28 KB
/
brightcove.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
.bc-video-search { margin-top: 1em; }
/*Styling on tabs*/
.bc-container { margin: 10px 28px; }
.bc-container .ui-widget-header { background: transparent; border-top: 0; border-right: 0; border-left: 0; }
.bc-container .ui-tabs .tab { padding: 1em .5em; }
.bc-container .ui-tabs th.label label { font-size: 12px; font-weight: bold; }
.bc-container .ui-tabs th.label { padding-left: 0; }
.bc-container .field-row label { font-weight: bold; float: left; display: block; width: 100px; }
.bc-container .field-row { clear: both; }
/*Styling on items in media api tables */
.media-item img, .media-item .filename { float:left; }
.media-item th.label { width: 60px; padding-left: 8px; }
.media-item span.title { float:left; margin-left:1em; margin-right:1em; }
.insert-button-container { margin-top: 10px; }
.bc-check input { margin-top: .5em; }
.bc-check span { margin-left: .5em; }
#bc-error, .bc-error { line-height:3em; padding: 0 10px; margin: 10px; }
#tabs .media-item, #tabs .media-item table, .media-item table, .media-item table td input{ width:100%; }
#bc-video-ref, #bc-playlist-ref { width:auto; }
#media-items .media-item.no-border{ border-style:none; }
div#media-upload-header{ margin:0; padding:5px 5px 0; font-weight:bold; position:relative; border-bottom-width:1px; border-bottom-style:solid; }
#sidemenu li
{ display:inline; line-height:200%; list-style:none; text-align:center; white-space:nowrap; margin:0; padding:0; }
body#media-upload ul#sidemenu{ font-weight:normal; margin:0 5px; left:0; bottom:-1px; float:none; overflow:hidden; }
.player-preview { line-height:1em; }
.preview-header {margin-bottom:0em;}
.id-field { width:100%; }
#bc-video-search-video tr:hover td { background-color: #e6e6e6; }
/*Styling the tables for brightcove API */
#bc-video-search-video .widefat tr td:nth-child(3),#bc-video-search-video .widefat tr th:nth-child(3), #bc-video-search-playlist .widefat tr td:nth-child(4),#bc-video-search-playlist .widefat tr th:nth-child(4) { text-align:center; }
#bc-video-search-video .widefat tr td:nth-child(4), #bc-video-search-video .widefat tr th:nth-child(4), #bc-video-search-playlist .widefat tr td:nth-child(5), #bc-video-search-playlist .widefat tr th:nth-child(5) { text-align:right; }
/*Styling for search bar on media api video tab*/
#tabs-api #tabs-1 #search-form div:first-child {width:85%;}
#tabs-api #tabs-1 #search-form div:first-child input {width:100%; margin-bottom:1em;}
#tabs-api #tabs-1 #search-form div:nth-child(2) button {float:right;}
/*CSS for loading gifs*/
.loading-img {display:block; margin-left:auto; margin-right:auto;}
.loading-img-api { z-index:999; position:absolute; top:150px; opacity:1; left:50%; margin-left:-16px;}
/* CSS for page format of videos */
.button-bar { margin-top:1em; }
.prev-page: { float:left; }
.next-page { float:right; }
/********************* Helper CSS *********************/
/*Clearfix*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.hidden { display:none; }
.block { display:block; }
.disable {opacity:.5;}
.pageOfPage {text-align:center; margin-bottom:0px;}
.button-bar{ margin-top:0px;}
.no-error{ visibility:hidden; }
.placeholder { color: #666; }
.placeholderFocus { color: #000; }
.see-all-videos, .see-all-playlists {margin-top:-45px; float:right;}