| 1 |
#fv-wordpress-flowplayer-popup { background: white; } |
| 2 |
|
| 3 |
/* |
| 4 |
ColorBox Core Style |
| 5 |
The following rules are the styles that are consistant between themes. |
| 6 |
Avoid changing this area to maintain compatability with future versions of ColorBox. |
| 7 |
*/ |
| 8 |
#fv_player_box, #fv_player_boxOverlay, #fv_player_boxWrapper, #fv_player_box.fv-flowplayer-shortcode-editor, #fv_player_boxOverlay.fv-flowplayer-shortcode-editor, #fv_player_boxWrapper.fv-flowplayer-shortcode-editor{position:absolute; top:0; left:0; z-index:100001; overflow:hidden;} |
| 9 |
#fv_player_boxOverlay, #fv_player_boxOverlay.fv-flowplayer-shortcode-editor{position:fixed; width:100%; height:100%; z-index: 100000} |
| 10 |
#fv_player_boxMiddleLeft, #fv_player_boxBottomLeft{clear:left;} |
| 11 |
#fv_player_boxContent{position:relative; overflow:hidden;} |
| 12 |
#fv_player_boxLoadedContent{overflow:auto;} |
| 13 |
#fv_player_boxLoadedContent iframe{display:block; width:100%; height:100%; border:0; background-color: white;} |
| 14 |
.fv-flowplayer-shortcode-editor #fv_player_boxTitle{margin:5px; text-align: left; bottom: auto;} |
| 15 |
.fv-flowplayer-shortcode-editor #fv_player_boxClose{top:8px;right:8px;} |
| 16 |
#fv_player_boxLoadingOverlay, #fv_player_boxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} |
| 17 |
#fv_player_boxPrevious, #fv_player_boxNext, #fv_player_boxClose, #fv_player_boxSlideshow{cursor:pointer;} |
| 18 |
|
| 19 |
/* |
| 20 |
ColorBox example user style |
| 21 |
The following rules are ordered and tabbed in a way that represents the |
| 22 |
order/nesting of the generated HTML, so that the structure easier to understand. |
| 23 |
*/ |
| 24 |
#fv_player_boxOverlay{background:#111;} |
| 25 |
|
| 26 |
#colorBox{} |
| 27 |
#fv_player_boxContent{background:#fff; padding: 5px;background:url(loading.gif) 50% 50% no-repeat #fff; } |
| 28 |
#fv_player_boxLoadedContent{margin-top:35px;} |
| 29 |
#fv_player_boxTitle{position:absolute; top:0px; left:0; padding: 8px 0 8px 18.5%; width:100%; color:#9D1A28; font-size: 14px;} |
| 30 |
#fv_player_boxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} |
| 31 |
#fv_player_boxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} |
| 32 |
#fv_player_boxPrevious{position:absolute; bottom:0px; left:0; color:#444;} |
| 33 |
#fv_player_boxNext{position:absolute; bottom:0px; left:63px; color:#444;} |
| 34 |
/*#fv_player_boxLoadingOverlay{ text-align: center; background:url(loading.gif) 5px 5px no-repeat #fff;}*/ |
| 35 |
#fv_player_boxClose{position:absolute; top:2px; right:2px; display:block; color:#444; height: 16px; width: 16px; overflow: hidden; text-indent: 25px; background: url("img/uploader-icons.png") -98px 0 no-repeat transparent; border: 0; } |
| 36 |
#fv_player_boxClose:hover { background-position: -98px 0; } |
| 37 |
|
| 38 |
/* Add video button */ |
| 39 |
.wp-media-buttons .fv-wordpress-flowplayer-button span, .fv-player-gutenberg .fv-wordpress-flowplayer-button span {min-width:28px;min-height: 26px;display:inline-block;background:url('../images/icon.png') no-repeat center center;vertical-align:middle; margin-top: -3px; } |
| 40 |
@media only screen and (max-width: 782px) {.wp-media-buttons .fv-wordpress-flowplayer-button span{min-width:24px;display:inline-block;min-height:18px;background-size:24px auto;} } |
| 41 |
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.wp-media-buttons .fv-wordpress-flowplayer-button span{background:url('../images/icon@x2.png') no-repeat center center;min-width:32px;background-size:25px auto;} } |
| 42 |
|
| 43 |
/* Style button gutenberg */ |
| 44 |
a.button.fv-wordpress-flowplayer-button { |
| 45 |
margin-bottom: 5px; |
| 46 |
text-decoration: none; |
| 47 |
} |
| 48 |
a.button.fv-wordpress-flowplayer-button, |
| 49 |
#wp-content-media-buttons a.button.fv-wordpress-flowplayer-button { |
| 50 |
padding: 0 7px; |
| 51 |
} |
| 52 |
|
