github.com/aitjcize/Overlord@v0.0.0-20240314041920-104a804cf5e8/overlord/app/common/css/common.css (about) 1 .navbar-header { 2 float: left; 3 padding: 15px; 4 text-align: center; 5 width: calc(100% - 130px); 6 } 7 8 .navbar-brand { 9 float: none; 10 } 11 12 /** styles for app window */ 13 .app-window { 14 float: left; 15 border: 5px solid #eee; 16 box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.8); 17 border-radius: 4px; 18 overflow: hidden; 19 background-color: black; 20 position: relative; 21 } 22 23 .app-window-maximized { 24 position: fixed; 25 left: 0px !important; 26 top: 0px !important; 27 } 28 29 .app-window-title { 30 float: left; 31 text-align: center; 32 display: inline-block; 33 width: 100%; 34 line-height: 20px; 35 background-color: #eee; 36 cursor: move; 37 padding-bottom: 4px; 38 } 39 40 .app-window-control { 41 position: absolute; 42 right: 0px; 43 top: 0px; 44 height: 20px; 45 color: black; 46 background-color: #eee; 47 } 48 49 .app-window-control * { 50 display: inline-block; 51 } 52 53 .app-window-icon { 54 width: 20px; 55 height: 20px; 56 opacity: 0.5; 57 } 58 59 .app-window-icon:hover { 60 opacity: 0.7; 61 } 62 63 .app-window-close { 64 background-image: url(/common/img/close.png); 65 } 66 67 .app-window-maximize { 68 background-image: url(/common/img/maximize.png); 69 } 70 71 .app-window-minimize { 72 background-image: url(/common/img/minimize.png); 73 } 74 75 .app-window-copy { 76 background-image: url(/common/img/copy.png); 77 } 78 79 .terminal { 80 clear: both; 81 font-size: 14px; 82 line-height: 16px; 83 text-rendering: auto; 84 } 85 86 .terminal-overlay { 87 display: none; 88 width: 100%; 89 height: calc(100% - 24px); 90 position: absolute; 91 top: 24px; 92 text-align: center; 93 line-height: 400px; 94 font-size: 2em; 95 font-family: Verdana; 96 } 97 98 .terminal-drop-overlay { 99 background-color: rgba(255, 255, 255, 0.7); 100 border: 5px dashed #777; 101 } 102 103 .terminal-disconnected-overlay { 104 background-color: rgba(255, 200, 200, 0.8); 105 border: 5px dashed #9C5252; 106 } 107 108 /** styles for progress bar */ 109 .progress { 110 margin: 3px; 111 } 112 113 .upload-progress-bar { 114 min-width: 2em; 115 } 116 117 .upload-progress-bars { 118 width: 500px; 119 } 120 121 .upload-progress-bars-hidden { 122 display: none; 123 } 124 125 .upload-progress-bars > .panel-heading { 126 padding: 5px 10px; 127 } 128 129 .upload-progress-bars > .panel-body { 130 padding: 2px; 131 } 132 133 .upload-alert { 134 margin: 3px; 135 padding: 5px; 136 } 137 138 /** styles for fixture */ 139 .fixture-block { 140 display: inline-block; 141 /** width and margin are defined in FixtureWidget.jsx */ 142 vertical-align: text-top; 143 height: calc(100% - 100px); 144 overflow: auto; 145 overflow-wrap: anywhere; 146 } 147 148 .fixture-block > .panel-heading { 149 padding: 7px !important; 150 } 151 152 .label { 153 margin: 2px; 154 } 155 156 .btn { 157 margin: 2px; 158 } 159 160 .well { 161 margin-top: 5px !important; 162 margin-bottom: 5px !important; 163 } 164 165 .well-inner { 166 background-color: #fff !important; 167 } 168 169 .log { 170 color: white; 171 background-color: black !important; 172 font-size: 8px; 173 font-family: monospace; 174 height: 80px; 175 width: calc(48em + 4px); 176 overflow-x: hidden; 177 overflow-y: auto; 178 white-space: pre-wrap; 179 padding: 0px !important; 180 } 181 182 .log::-webkit-scrollbar { 183 display: none; 184 } 185 186 .btn-primary.active { 187 background-color: #194367; 188 } 189 190 .status-light-clickable { 191 cursor: pointer; 192 } 193 194 .file-input { 195 display: inline-block; 196 }