Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- header {
- text-align: center;
- }
- th, td {
- padding: 15px;
- }
- select {
- padding: 2px 15px;
- background-color: rgb(245, 247, 255);
- font-weight: 600;
- padding: 5px 0;
- }
- select option {
- font-size: 11px;
- color: black;
- }
- .innerControls input {
- font-weight: normal;
- float: right;
- }
- #controls {
- display: flex;
- flex-direction: column;
- width: 80%;
- max-width: 1200px;
- margin: 0 auto 20px auto;
- border: 1px solid #606060;
- overflow: hidden;
- box-shadow: 1px 1px 6px 1px #2e2e9b;
- }
- .demo-controls-wrapper {
- flex: 1 1 auto;
- max-width: 100%;
- padding: 5px 5px 0 3px;
- }
- .config-editor-wrapper {
- flex: 1 1 auto;
- display: flex;
- flex-direction: column;
- border-top: solid 1px #2e2e9b;
- height: 256px;
- color: #2e2e9b;
- }
- .config-editor-container {
- flex: 1 1 auto;
- position: relative;
- width: 100%;
- height: 100%;
- }
- #config-editor {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
- .config-editor-commands {
- flex: 1 1 auto;
- background-color: #ddd;
- border-top: solid 1px #d6d6d6;
- padding: 5px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .config-editor-commands label {
- margin-bottom: 0;
- }
- .config-editor-commands button {
- padding: 5px 8px;
- font-size: 14px;
- }
- .config-editor-commands button:hover {
- box-shadow: 1px 1px 6px 0px;
- }
- .innerControls {
- display: flex;
- font-size: 12px;
- align-items: center;
- margin-bottom: 5px;
- padding-left: 5px;
- justify-content: space-between;
- }
- .videoCentered {
- width: 720px;
- margin-left: auto;
- margin-right: auto;
- display: block;
- box-shadow: 1px 1px 6px 1px #2e2e9b;
- }
- .center {
- width: 70%;
- min-width: 415px;
- overflow: hidden;
- margin-left: auto;
- margin-right: auto;
- display: block;
- }
- @media screen and (max-width: 415px)
- {
- #toggleButtons button {
- width: 19%;
- display : inline-block;
- text-align: center;
- font-size: 10pt;
- font-weight: bolder;
- background-color: #e9e9f8;
- }
- }
- #toggleButtons button:hover{
- background-color: #2d2db4;
- color: white;
- }
- #statusOut {
- height: auto;
- max-height: 4em;
- overflow: auto;
- box-shadow: 1px 1px 6px 1px #2e2e9b;
- }
- #errorOut {
- height: auto;
- max-height: 4em;
- overflow: auto;
- box-shadow: 1px 1px 6px 1px #2e2e9b;
- }
- #streamURL,
- #streamSelect {
- width: calc(100% - 4px);
- margin-left: 3px;
- }
- #streamURL {
- margin-bottom: 10px;
- padding-left: 3px;
- }
- #streamSelect {
- padding: 5px 0;
- }
- #StreamPermalink {
- flex: 1 1 auto;
- min-width: 0;
- overflow-wrap: break-word;
- overflow: hidden; /* for IE11 */
- padding: 10px 0 0 10px;
- background-color: #fcfcff;
- }
- #StreamPermalink a {
- font-size: 10px;
- font-family: monospace;
- color: #2e2e9b;
- }
- /* Small devices (portrait tablets and large phones, 600px and up) */
- @media only screen and (min-width: 600px) {
- #controls {
- flex-direction: row;
- }
- .demo-controls-wrapper {
- max-width: 50%;
- }
- .config-editor-wrapper {
- height: auto;
- border-top: 0;
- border-left: solid 1px #ccc;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement