SHARE
TWEET

Untitled

a guest Oct 14th, 2019 74 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. header {
  2.   text-align: center;
  3. }
  4.  
  5. th, td {
  6.   padding: 15px;
  7. }
  8.  
  9. select {
  10.   padding: 2px 15px;
  11.   background-color: rgb(245, 247, 255);
  12.   font-weight: 600;
  13.   padding: 5px 0;
  14. }
  15.  
  16. select option {
  17.   font-size: 11px;
  18.     color: black;
  19.    
  20. }
  21.  
  22.  
  23. .innerControls input {
  24.   font-weight: normal;
  25.   float: right;
  26. }
  27.  
  28. #controls {
  29.   display: flex;
  30.   flex-direction: column;
  31.   width: 80%;
  32.   max-width: 1200px;
  33.   margin: 0 auto 20px auto;
  34.   border: 1px solid #606060;
  35.   overflow: hidden;
  36.     box-shadow: 1px 1px 6px 1px #2e2e9b;
  37. }
  38.  
  39. .demo-controls-wrapper {
  40.   flex: 1 1 auto;
  41.   max-width: 100%;
  42.   padding: 5px 5px 0 3px;
  43. }
  44.  
  45. .config-editor-wrapper {
  46.   flex: 1 1 auto;
  47.   display: flex;
  48.   flex-direction: column;
  49.   border-top: solid 1px #2e2e9b;
  50.   height: 256px;
  51.     color: #2e2e9b;
  52. }
  53.  
  54. .config-editor-container {
  55.   flex: 1 1 auto;
  56.   position: relative;
  57.   width: 100%;
  58.   height: 100%;
  59.    
  60. }
  61.  
  62. #config-editor {
  63.   position: absolute;
  64.   top: 0;
  65.   right: 0;
  66.   bottom: 0;
  67.   left: 0;
  68. }
  69.  
  70. .config-editor-commands {
  71.   flex: 1 1 auto;
  72.   background-color: #ddd;
  73.   border-top: solid 1px #d6d6d6;
  74.   padding: 5px;
  75.   display: flex;
  76.   justify-content: space-between;
  77.   align-items: center;
  78. }
  79.  
  80. .config-editor-commands label {
  81.   margin-bottom: 0;
  82. }
  83.  
  84. .config-editor-commands button {
  85.   padding: 5px 8px;
  86.   font-size: 14px;
  87. }
  88. .config-editor-commands button:hover {
  89.   box-shadow: 1px 1px 6px 0px;
  90.    
  91. }
  92. .innerControls {
  93.   display: flex;
  94.   font-size: 12px;
  95.   align-items: center;
  96.   margin-bottom: 5px;
  97.   padding-left: 5px;
  98.   justify-content: space-between;
  99. }
  100.  
  101. .videoCentered {
  102.   width: 720px;
  103.   margin-left: auto;
  104.   margin-right: auto;
  105.   display: block;
  106. box-shadow: 1px 1px 6px 1px #2e2e9b;
  107. }
  108.  
  109. .center {
  110.   width: 70%;
  111.   min-width: 415px;
  112.   overflow: hidden;
  113.   margin-left: auto;
  114.   margin-right: auto;
  115.   display: block;
  116.    
  117. }
  118. @media screen and (max-width: 415px)
  119. {
  120. #toggleButtons button {
  121.   width: 19%;
  122.   display : inline-block;
  123.   text-align: center;
  124.   font-size: 10pt;
  125.   font-weight: bolder;
  126.   background-color: #e9e9f8;
  127.    
  128.    
  129. }
  130.     }
  131. #toggleButtons button:hover{
  132.     background-color: #2d2db4;
  133.     color: white;
  134. }
  135.  
  136. #statusOut {
  137.   height: auto;
  138.   max-height: 4em;
  139.   overflow: auto;
  140.     box-shadow: 1px 1px 6px 1px #2e2e9b;
  141. }
  142.  
  143. #errorOut {
  144.   height: auto;
  145.   max-height: 4em;
  146.   overflow: auto;
  147.     box-shadow: 1px 1px 6px 1px #2e2e9b;
  148. }
  149.  
  150.  
  151. #streamURL,
  152. #streamSelect {
  153.   width: calc(100% - 4px);
  154.   margin-left: 3px;
  155.    
  156. }
  157.  
  158. #streamURL {
  159.   margin-bottom: 10px;
  160.   padding-left: 3px;
  161. }
  162.  
  163. #streamSelect {
  164.   padding: 5px 0;
  165. }
  166.  
  167. #StreamPermalink {
  168.   flex: 1 1 auto;
  169.   min-width: 0;
  170.   overflow-wrap: break-word;
  171.   overflow: hidden;  /* for IE11 */
  172.   padding: 10px 0 0 10px;
  173.     background-color: #fcfcff;
  174.  
  175. }
  176.  
  177. #StreamPermalink a {
  178.   font-size: 10px;
  179.   font-family: monospace;
  180.         color: #2e2e9b;
  181. }
  182.  
  183. /* Small devices (portrait tablets and large phones, 600px and up) */
  184. @media only screen and (min-width: 600px) {
  185.   #controls {
  186.     flex-direction: row;
  187.   }
  188.  
  189.   .demo-controls-wrapper {
  190.     max-width: 50%;
  191.   }
  192.  
  193.   .config-editor-wrapper {
  194.     height: auto;
  195.     border-top: 0;
  196.     border-left: solid 1px #ccc;
  197.   }
  198.  
  199. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top