> For the complete documentation index, see [llms.txt](https://documentation.rcore.cz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.rcore.cz/paid-resources/rcore_shortcuts/styles.md).

# Styles

#### Positions

In client/ui/positions.css it's possible to change some UI styles

.keyboard defines position of shortcuts keyboard opened with /shortcutskeyboard

```css
.keyboard {
	bottom: 5%;
	left: 35%;
}
```

.nativeShortcutPreview defines position and width of shortcut preview when you use native shortcut

```css
.nativeShortcutPreview {
	width: 614px;
	bottom: calc(5% + 120px);
	left: 35%;
}
```

.shortcutsOverview defines position and sizes of shortcuts overview opened by /shortcuts

```css
.shortcutsOverview {
	width: 1200px;
	min-height: 600px;
	top: 10%;
	left: calc((100% - 1200px) / 2);
}
```

.shortcutsAdmin defines position and sizes of admin panel

```css
.shortcutsAdmin {
	width: 1200px;
	min-height: 500px;
	top: 10%;
	left: calc((100% - 1200px) / 2);
}
```

.admin-players-list defines max-height of players list in admin panel home

```css
.admin-players-list {
	max-height: 400px;
}
```

#### Logo

If you want to replace logo in admin, it's located in client/ui folder

Logo is called `rcoreLogo.{hash}.svg`, do not rename the file just replace it with your logo