Warning, /webapps/qmlonline/html/styles.css is written in an unsupported language. File is not indexed.
0001 @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&display=swap'); 0002 0003 html, 0004 body { 0005 font-family: "Titillium Web",sans-serif; 0006 padding: 0; 0007 margin: 0; 0008 overflow: hidden; 0009 height: 100% 0010 } 0011 0012 /* the canvas *must not* have any border or padding, or mouse coords will be wrong */ 0013 canvas { 0014 border: 0px none; 0015 background-color: white; 0016 height: 100%; 0017 width: 100%; 0018 } 0019 0020 /* The content editable property is set to true for the canvas in order to support 0021 clipboard events. Hide the resulting focus frame and set the cursor back to 0022 the default cursor. */ 0023 canvas { 0024 outline: 0px solid transparent; 0025 caret-color: transparent; 0026 cursor: default 0027 } 0028 0029 :root{ 0030 --header-height: 2.5em; 0031 } 0032 0033 .header-row { 0034 background: #2f2f32; 0035 height: var(--header-height); 0036 } 0037 0038 .splitter { 0039 width: 100%; 0040 height: calc(100% - var(--header-height)); 0041 display: flex; 0042 } 0043 0044 .splitter > .gutter { 0045 background-color: rgba(30, 30, 30, 0.979); 0046 border: 0px; 0047 } 0048 0049 .splitter > .gutter::before { 0050 background-color: rgba(50, 187, 16, 0.5); 0051 } 0052 0053 #editor-div { 0054 width: 100%; 0055 height: 100%; 0056 min-width: 10px; 0057 } 0058 0059 #qml-div { 0060 background-color: #eee; 0061 width: 100%; 0062 height: 100%; 0063 min-width: 10px; 0064 } 0065 0066 #qmlonline { 0067 height: calc(100% - var(--header-height)); 0068 } 0069 0070 /* Dropdown Button */ 0071 .dropdown-button { 0072 background-color: rgb(56, 216, 75); 0073 color: white; 0074 padding: .2rem 1rem; 0075 font-size: 16px; 0076 font-family: "Titillium Web",sans-serif; 0077 font-weight: bold; 0078 border: none; 0079 margin: 4px 5px; 0080 height: auto; 0081 outline: none; 0082 } 0083 0084 .dropdown-button:before { 0085 content: ''; 0086 position: absolute; 0087 bottom: 7px; 0088 right: 4px; 0089 /*border-bottom: 13px solid rgba(47, 47, 50, 0.979); */ 0090 /*border-left: 14px solid rgba(255, 255, 255, 0); */ 0091 width: 0; 0092 } 0093 0094 .dropdown-button:after { 0095 content: ''; 0096 position: absolute; 0097 top: 7px; 0098 left: 4px; 0099 /*border-top: 13px solid rgba(47, 47, 50, 0.979);*/ 0100 /*border-right: 14px solid rgba(103, 202, 94, 0);*/ 0101 width: 0; 0102 } 0103 0104 /* The container <div> - needed to position the dropdown content */ 0105 .dropdown { 0106 position: relative; 0107 display: inline-block; 0108 } 0109 0110 /* Dropdown Content (Hidden by Default) */ 0111 .dropdown-content { 0112 display: none; 0113 position: absolute; 0114 background-color: #f1f1f1; 0115 min-width: 50em; 0116 padding-left: 1em; 0117 z-index: 1; 0118 border-radius: 0.5em; 0119 flex-flow: row wrap; 0120 } 0121 0122 /* Links inside the dropdown */ 0123 .dropdown-content a { 0124 color: black; 0125 width: 240px; 0126 height: auto; 0127 text-decoration: none; 0128 display: block; 0129 } 0130 0131 /* Change color of dropdown links on hover */ 0132 .dropdown-content a:hover { 0133 color: #3ca540; 0134 } 0135 0136 /* Show the dropdown menu on hover */ 0137 .dropdown:hover .dropdown-content { 0138 display: flex; 0139 z-index: 100 0140 } 0141 0142 /* Change the background color of the dropdown button when the dropdown content is shown */ 0143 .dropdown:hover .dropdown-button { 0144 background-color: #3e8e41; 0145 } 0146 0147 .header-brand-1 { 0148 color: #fff; 0149 line-height: 1.15em; 0150 margin-left: 1em; 0151 font-weight: bold; 0152 font-size: 15px; 0153 font-family: "Titillium Web",sans-serif; 0154 } 0155 0156 .header-brand-2 { 0157 color: #fff; 0158 font-family: "Titillium Web",sans-serif; 0159 margin-right: 1em; 0160 font-size: 15px; 0161 } 0162 0163 .iconify[data-icon="octicon-repo"] { 0164 width: 1.8em; 0165 height: 1.5em; 0166 position: absolute; 0167 right: 0em; 0168 top: 0.18em; 0169 } 0170 0171 .build-info { 0172 text-align: center; 0173 height: 1.5em; 0174 margin-top: 0.2em; 0175 font-size: 0.9em; 0176 top: 0em; 0177 margin-left: calc(50% - 8em); 0178 cursor: pointer; 0179 position: fixed; 0180 width: 15em; 0181 } 0182 0183 .qt-info { 0184 text-align: center; 0185 height: 1.5em; 0186 margin-top: 0.2em; 0187 font-size: 0.9em; 0188 top: 0em; 0189 margin-left: calc(75% - 8em); 0190 cursor: pointer; 0191 position: fixed; 0192 width: 15em; 0193 } 0194 0195 .github-button { 0196 align-items: center; 0197 color: #fff; 0198 height: 1.5em; 0199 margin-top: 0.2em; 0200 margin-right: 0.4em; 0201 float: right !important; 0202 cursor: pointer; 0203 } 0204 0205 #overlay { 0206 position: fixed; 0207 width: 100%; 0208 height: 100%; 0209 background-color: rgba(0, 0, 0, 0.8); 0210 z-index: 10000; 0211 cursor: pointer; 0212 } 0213 0214 /* Status bar */ 0215 .status-bar { 0216 display: flex; 0217 flex-flow: row wrap; 0218 justify-content: space-between; 0219 font-size: 11px; 0220 font-weight: bold; 0221 position: absolute; 0222 padding: 1px 5px; 0223 background-color: rgb(56, 216, 75); 0224 color: #ffffff; 0225 left: 0; 0226 right: 0; 0227 bottom: 0px; 0228 height: 18px; 0229 z-index: 999; 0230 } 0231 0232 .status-bar p { 0233 margin: 0; 0234 } 0235 0236 #terminal { 0237 font-size: 14px; 0238 color: white; 0239 background-color: rgb(36, 38, 49); 0240 overflow-x: hidden; 0241 overflow-y: auto; 0242 height: calc(100% - 18px); 0243 } 0244 0245 #terminal p { 0246 margin: 0; 0247 width: 100%; 0248 } 0249 0250 /* Scroll design */ 0251 /* width */ 0252 ::-webkit-scrollbar { 0253 width: 12px; 0254 } 0255 /* Track */ 0256 ::-webkit-scrollbar-track { 0257 box-shadow: inset 0 0 1px grey; 0258 } 0259 /* Handle */ 0260 ::-webkit-scrollbar-thumb { 0261 background: rgba(50, 187, 16, 0.2); 0262 } 0263 /* Handle on hover */ 0264 ::-webkit-scrollbar-thumb:hover { 0265 background: rgba(50, 187, 16, 0.7); 0266 } 0267 .app_editor_wrapper { 0268 width: 50%; 0269 background-color: rgb(36, 38, 49); 0270 border-bottom: 1px solid #222222; 0271 }