diff --git a/docs/development/custom/framework/css.md b/docs/development/custom/framework/css.md index f8fa3149..2fc09a60 100644 --- a/docs/development/custom/framework/css.md +++ b/docs/development/custom/framework/css.md @@ -8,18 +8,31 @@ Alliance Auth is providing its own CSS framework with a couple of CSS classes. Our CSS framework provides different classes to manipulate the cursor, which are missing in Bootstrap. +```{eval-rst} ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | CSS Class | Effect | Example | -|----------------------|--------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------| ++======================+========================================================+==================================================================================================================================================+ | `cursor-default` | System default curser | ![Cursor: Default](/_static/images/development/aa-framework/css/cursor-default.png "Cursor: Default") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-pointer` | Pointer, like it looks like for links and form buttons | ![Cursor: Pointer](/_static/images/development/aa-framework/css/cursor-pointer.png "Cursor: Pointer") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-wait` | Wait animation | ![Cursor: Wait](/_static/images/development/aa-framework/css/cursor-wait.png "Cursor: Wait") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-text` | Text selection cursor | ![Cursor: Text](/_static/images/development/aa-framework/css/cursor-text.png "Cursor: Text") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-move` | 4-arrow-shaped cursor | ![Cursor: Move](/_static/images/development/aa-framework/css/cursor-move.png "Cursor: Move") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-help` | Cursor with a little question mark | ![Cursor: Help](/_static/images/development/aa-framework/css/cursor-help.png "Cursor: Help") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-not-allowed` | Not Allowed sign | ![Cursor: Not Allowed](/_static/images/development/aa-framework/css/cursor-not-allowed.png "Cursor: Not Allowed") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-inherit` | Inherited from its parent element | | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ | `cursor-zoom-in` | Zoom in symbol | ![Cursor: Zoom In](/_static/images/development/aa-framework/css/cursor-zoom-in.png "Cursor: Zoom In") | -| `cursor-zoom-out` | Zoom out symbol | ![Alliance Auth Framework: Callout Boxes](/_static/images/development/aa-framework/css/cursor-zoom-out "Alliance Auth Framework: Callout Boxes") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ +| `cursor-zoom-out` | Zoom out symbol | ![Cursor: Zoom Out](/_static/images/development/aa-framework/css/cursor-zoom-out "Cursor: Zoom Out") | ++----------------------+--------------------------------------------------------+--------------------------------------------------------------------------------------------------------------------------------------------------+ +``` ## Callout-Boxes