gdx-studio
git clone https://git.pyrossh.dev/gdx-studio
An IDE for creating Games using libgdx and Java supported on all platforms Android, iOS, Desktop
stylesheets/stylesheet.css
| fd92c43 | 1 | * { |
| fd92c43 | 2 | box-sizing: border-box; } |
| fd92c43 | 3 | |
| fd92c43 | 4 | body { |
| fd92c43 | 5 | padding: 0; |
| fd92c43 | 6 | margin: 0; |
| fd92c43 | 7 | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| fd92c43 | 8 | font-size: 16px; |
| fd92c43 | 9 | line-height: 1.5; |
| fd92c43 | 10 | color: #606c71; } |
| fd92c43 | 11 | |
| fd92c43 | 12 | a { |
| fd92c43 | 13 | color: #1e6bb8; |
| fd92c43 | 14 | text-decoration: none; } |
| fd92c43 | 15 | a:hover { |
| fd92c43 | 16 | text-decoration: underline; } |
| fd92c43 | 17 | |
| fd92c43 | 18 | .btn { |
| fd92c43 | 19 | display: inline-block; |
| fd92c43 | 20 | margin-bottom: 1rem; |
| fd92c43 | 21 | color: rgba(255, 255, 255, 0.7); |
| fd92c43 | 22 | background-color: rgba(255, 255, 255, 0.08); |
| fd92c43 | 23 | border-color: rgba(255, 255, 255, 0.2); |
| fd92c43 | 24 | border-style: solid; |
| fd92c43 | 25 | border-width: 1px; |
| fd92c43 | 26 | border-radius: 0.3rem; |
| fd92c43 | 27 | transition: color 0.2s, background-color 0.2s, border-color 0.2s; } |
| fd92c43 | 28 | .btn + .btn { |
| fd92c43 | 29 | margin-left: 1rem; } |
| fd92c43 | 30 | |
| fd92c43 | 31 | .btn:hover { |
| fd92c43 | 32 | color: rgba(255, 255, 255, 0.8); |
| fd92c43 | 33 | text-decoration: none; |
| fd92c43 | 34 | background-color: rgba(255, 255, 255, 0.2); |
| fd92c43 | 35 | border-color: rgba(255, 255, 255, 0.3); } |
| fd92c43 | 36 | |
| fd92c43 | 37 | @media screen and (min-width: 64em) { |
| fd92c43 | 38 | .btn { |
| fd92c43 | 39 | padding: 0.75rem 1rem; } } |
| fd92c43 | 40 | |
| fd92c43 | 41 | @media screen and (min-width: 42em) and (max-width: 64em) { |
| fd92c43 | 42 | .btn { |
| fd92c43 | 43 | padding: 0.6rem 0.9rem; |
| fd92c43 | 44 | font-size: 0.9rem; } } |
| fd92c43 | 45 | |
| fd92c43 | 46 | @media screen and (max-width: 42em) { |
| fd92c43 | 47 | .btn { |
| fd92c43 | 48 | display: block; |
| fd92c43 | 49 | width: 100%; |
| fd92c43 | 50 | padding: 0.75rem; |
| fd92c43 | 51 | font-size: 0.9rem; } |
| fd92c43 | 52 | .btn + .btn { |
| fd92c43 | 53 | margin-top: 1rem; |
| fd92c43 | 54 | margin-left: 0; } } |
| fd92c43 | 55 | |
| fd92c43 | 56 | .page-header { |
| fd92c43 | 57 | color: #fff; |
| fd92c43 | 58 | text-align: center; |
| fd92c43 | 59 | background-color: #159957; |
| fd92c43 | 60 | background-image: linear-gradient(120deg, #155799, #159957); } |
| fd92c43 | 61 | |
| fd92c43 | 62 | @media screen and (min-width: 64em) { |
| fd92c43 | 63 | .page-header { |
| fd92c43 | 64 | padding: 5rem 6rem; } } |
| fd92c43 | 65 | |
| fd92c43 | 66 | @media screen and (min-width: 42em) and (max-width: 64em) { |
| fd92c43 | 67 | .page-header { |
| fd92c43 | 68 | padding: 3rem 4rem; } } |
| fd92c43 | 69 | |
| fd92c43 | 70 | @media screen and (max-width: 42em) { |
| fd92c43 | 71 | .page-header { |
| fd92c43 | 72 | padding: 2rem 1rem; } } |
| fd92c43 | 73 | |
| fd92c43 | 74 | .project-name { |
| fd92c43 | 75 | margin-top: 0; |
| fd92c43 | 76 | margin-bottom: 0.1rem; } |
| fd92c43 | 77 | |
| fd92c43 | 78 | @media screen and (min-width: 64em) { |
| fd92c43 | 79 | .project-name { |
| fd92c43 | 80 | font-size: 3.25rem; } } |
| fd92c43 | 81 | |
| fd92c43 | 82 | @media screen and (min-width: 42em) and (max-width: 64em) { |
| fd92c43 | 83 | .project-name { |
| fd92c43 | 84 | font-size: 2.25rem; } } |
| fd92c43 | 85 | |
| fd92c43 | 86 | @media screen and (max-width: 42em) { |
| fd92c43 | 87 | .project-name { |
| fd92c43 | 88 | font-size: 1.75rem; } } |
| fd92c43 | 89 | |
| fd92c43 | 90 | .project-tagline { |
| fd92c43 | 91 | margin-bottom: 2rem; |
| fd92c43 | 92 | font-weight: normal; |
| fd92c43 | 93 | opacity: 0.7; } |
| fd92c43 | 94 | |
| fd92c43 | 95 | @media screen and (min-width: 64em) { |
| fd92c43 | 96 | .project-tagline { |
| fd92c43 | 97 | font-size: 1.25rem; } } |
| fd92c43 | 98 | |
| fd92c43 | 99 | @media screen and (min-width: 42em) and (max-width: 64em) { |
| fd92c43 | 100 | .project-tagline { |
| fd92c43 | 101 | font-size: 1.15rem; } } |
| fd92c43 | 102 | |
| fd92c43 | 103 | @media screen and (max-width: 42em) { |
| fd92c43 | 104 | .project-tagline { |
| fd92c43 | 105 | font-size: 1rem; } } |
| fd92c43 | 106 | |
| fd92c43 | 107 | .main-content :first-child { |
| fd92c43 | 108 | margin-top: 0; } |
| fd92c43 | 109 | .main-content img { |
| fd92c43 | 110 | max-width: 100%; } |
| fd92c43 | 111 | .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { |
| fd92c43 | 112 | margin-top: 2rem; |
| fd92c43 | 113 | margin-bottom: 1rem; |
| fd92c43 | 114 | font-weight: normal; |
| fd92c43 | 115 | color: #159957; } |
| fd92c43 | 116 | .main-content p { |
| fd92c43 | 117 | margin-bottom: 1em; } |
| fd92c43 | 118 | .main-content code { |
| fd92c43 | 119 | padding: 2px 4px; |
| fd92c43 | 120 | font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; |
| fd92c43 | 121 | font-size: 0.9rem; |
| fd92c43 | 122 | color: #383e41; |
| fd92c43 | 123 | background-color: #f3f6fa; |
| fd92c43 | 124 | border-radius: 0.3rem; } |
| fd92c43 | 125 | .main-content pre { |
| fd92c43 | 126 | padding: 0.8rem; |
| fd92c43 | 127 | margin-top: 0; |
| fd92c43 | 128 | margin-bottom: 1rem; |
| fd92c43 | 129 | font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace; |
| fd92c43 | 130 | color: #567482; |
| fd92c43 | 131 | word-wrap: normal; |
| fd92c43 | 132 | background-color: #f3f6fa; |
| fd92c43 | 133 | border: solid 1px #dce6f0; |
| fd92c43 | 134 | border-radius: 0.3rem; } |
| fd92c43 | 135 | .main-content pre > code { |
| fd92c43 | 136 | padding: 0; |
| fd92c43 | 137 | margin: 0; |
| fd92c43 | 138 | font-size: 0.9rem; |
| fd92c43 | 139 | color: #567482; |
| fd92c43 | 140 | word-break: normal; |
| fd92c43 | 141 | white-space: pre; |
| fd92c43 | 142 | background: transparent; |
| fd92c43 | 143 | border: 0; } |
| fd92c43 | 144 | .main-content .highlight { |
| fd92c43 | 145 | margin-bottom: 1rem; } |
| fd92c43 | 146 | .main-content .highlight pre { |
| fd92c43 | 147 | margin-bottom: 0; |
| fd92c43 | 148 | word-break: normal; } |
| fd92c43 | 149 | .main-content .highlight pre, .main-content pre { |
| fd92c43 | 150 | padding: 0.8rem; |
| fd92c43 | 151 | overflow: auto; |
| fd92c43 | 152 | font-size: 0.9rem; |
| fd92c43 | 153 | line-height: 1.45; |
| fd92c43 | 154 | border-radius: 0.3rem; } |
| fd92c43 | 155 | .main-content pre code, .main-content pre tt { |
| fd92c43 | 156 | display: inline; |
| fd92c43 | 157 | max-width: initial; |
| fd92c43 | 158 | padding: 0; |
| fd92c43 | 159 | margin: 0; |
| fd92c43 | 160 | overflow: initial; |
| fd92c43 | 161 | line-height: inherit; |
| fd92c43 | 162 | word-wrap: normal; |
| fd92c43 | 163 | background-color: transparent; |
| fd92c43 | 164 | border: 0; } |
| fd92c43 | 165 | .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { |
| fd92c43 | 166 | content: normal; } |
| fd92c43 | 167 | .main-content ul, .main-content ol { |
| fd92c43 | 168 | margin-top: 0; } |
| fd92c43 | 169 | .main-content blockquote { |
| fd92c43 | 170 | padding: 0 1rem; |
| fd92c43 | 171 | margin-left: 0; |
| fd92c43 | 172 | color: #819198; |
| fd92c43 | 173 | border-left: 0.3rem solid #dce6f0; } |
| fd92c43 | 174 | .main-content blockquote > :first-child { |
| fd92c43 | 175 | margin-top: 0; } |
| fd92c43 | 176 | .main-content blockquote > :last-child { |
| fd92c43 | 177 | margin-bottom: 0; } |
| fd92c43 | 178 | .main-content table { |
| fd92c43 | 179 | display: block; |
| fd92c43 | 180 | width: 100%; |
| fd92c43 | 181 | overflow: auto; |
| fd92c43 | 182 | word-break: normal; |
| fd92c43 | 183 | word-break: keep-all; } |
| fd92c43 | 184 | .main-content table th { |
| fd92c43 | 185 | font-weight: bold; } |
| fd92c43 | 186 | .main-content table th, .main-content table td { |
| fd92c43 | 187 | padding: 0.5rem 1rem; |
| fd92c43 | 188 | border: 1px solid #e9ebec; } |
| fd92c43 | 189 | .main-content dl { |
| fd92c43 | 190 | padding: 0; } |
| fd92c43 | 191 | .main-content dl dt { |
| fd92c43 | 192 | padding: 0; |
| fd92c43 | 193 | margin-top: 1rem; |
| fd92c43 | 194 | font-size: 1rem; |
| fd92c43 | 195 | font-weight: bold; } |
| fd92c43 | 196 | .main-content dl dd { |
| fd92c43 | 197 | padding: 0; |
| fd92c43 | 198 | margin-bottom: 1rem; } |
| fd92c43 | 199 | .main-content hr { |
| fd92c43 | 200 | height: 2px; |
| fd92c43 | 201 | padding: 0; |
| fd92c43 | 202 | margin: 1rem 0; |
| fd92c43 | 203 | background-color: #eff0f1; |
| fd92c43 | 204 | border: 0; } |
| fd92c43 | 205 | |
| fd92c43 | 206 | @media screen and (min-width: 64em) { |
| fd92c43 | 207 | .main-content { |
| fd92c43 | 208 | max-width: 64rem; |
| fd92c43 | 209 | padding: 2rem 6rem; |
| fd92c43 | 210 | margin: 0 auto; |
| fd92c43 | 211 | font-size: 1.1rem; } } |
| fd92c43 | 212 | |
| fd92c43 | 213 | @media screen and (min-width: 42em) and (max-width: 64em) { |
| fd92c43 | 214 | .main-content { |
| fd92c43 | 215 | padding: 2rem 4rem; |
| fd92c43 | 216 | font-size: 1.1rem; } } |
| fd92c43 | 217 | |
| fd92c43 | 218 | @media screen and (max-width: 42em) { |
| fd92c43 | 219 | .main-content { |
| fd92c43 | 220 | padding: 2rem 1rem; |
| fd92c43 | 221 | font-size: 1rem; } } |
| fd92c43 | 222 | |
| fd92c43 | 223 | .site-footer { |
| fd92c43 | 224 | padding-top: 2rem; |
| fd92c43 | 225 | margin-top: 2rem; |
| fd92c43 | 226 | border-top: solid 1px #eff0f1; } |
| fd92c43 | 227 | |
| fd92c43 | 228 | .site-footer-owner { |
| fd92c43 | 229 | display: block; |
| fd92c43 | 230 | font-weight: bold; } |
| fd92c43 | 231 | |
| fd92c43 | 232 | .site-footer-credits { |
| fd92c43 | 233 | color: #819198; } |
| fd92c43 | 234 | |
| fd92c43 | 235 | @media screen and (min-width: 64em) { |
| fd92c43 | 236 | .site-footer { |
| fd92c43 | 237 | font-size: 1rem; } } |
| fd92c43 | 238 | |
| fd92c43 | 239 | @media screen and (min-width: 42em) and (max-width: 64em) { |
| fd92c43 | 240 | .site-footer { |
| fd92c43 | 241 | font-size: 1rem; } } |
| fd92c43 | 242 | |
| fd92c43 | 243 | @media screen and (max-width: 42em) { |
| fd92c43 | 244 | .site-footer { |
| fd92c43 | 245 | font-size: 0.9rem; } } |