github.com/cnotch/ipchub@v1.1.0/demos/flv/demo.css (about) 1 .mainContainer { 2 display: block; 3 width: 100%; 4 margin-left: auto; 5 margin-right: auto; 6 } 7 @media screen and (min-width: 1152px) { 8 .mainContainer { 9 display: block; 10 width: 1152px; 11 margin-left: auto; 12 margin-right: auto; 13 } 14 } 15 16 .video-container { 17 position: relative; 18 margin-top: 8px; 19 } 20 21 .video-container:before { 22 display: block; 23 content: ""; 24 width: 100%; 25 padding-bottom: 56.25%; 26 } 27 28 .video-container > div { 29 position: absolute; 30 top: 0; 31 left: 0; 32 right: 0; 33 bottom: 0; 34 } 35 36 .video-container video { 37 width: 100%; 38 height: 100%; 39 } 40 41 .urlInput { 42 display: block; 43 width: 100%; 44 margin-left: auto; 45 margin-right: auto; 46 margin-top: 8px; 47 margin-bottom: 8px; 48 } 49 50 .centeredVideo { 51 display: block; 52 width: 100%; 53 height: 100%; 54 margin-left: auto; 55 margin-right: auto; 56 margin-bottom: auto; 57 } 58 59 .controls { 60 display: block; 61 width: 100%; 62 text-align: left; 63 margin-left: auto; 64 margin-right: auto; 65 margin-top: 8px; 66 margin-bottom: 10px; 67 } 68 69 .logcatBox { 70 border-color: #CCCCCC; 71 font-size: 11px; 72 font-family: Menlo, Consolas, monospace; 73 display: block; 74 width: 100%; 75 text-align: left; 76 margin-left: auto; 77 margin-right: auto; 78 } 79 80 .url-input , .options { 81 font-size: 13px; 82 } 83 84 .url-input { 85 display: flex; 86 } 87 88 .url-input label { 89 flex: initial; 90 } 91 92 .url-input input { 93 flex: auto; 94 margin-left: 8px; 95 } 96 97 .url-input button { 98 flex: initial; 99 margin-left: 8px; 100 } 101 102 .options { 103 margin-top: 5px; 104 } 105 106 .hidden { 107 display: none; 108 }