mirror of
https://gitlab.com/allianceauth/allianceauth.git
synced 2025-07-09 12:30:15 +02:00
43 lines
1.0 KiB
Markdown
43 lines
1.0 KiB
Markdown
# CSS Framework
|
|
|
|
To establish a unified style language throughout Alliance Auth and Community Apps,
|
|
Alliance Auth is providing its own CSS framework with a couple of CSS classes.
|
|
|
|
## Callout-Boxes
|
|
|
|
These are similar to the Bootstrap alert/notification boxes, but not as "loud".
|
|
|
|
Callout-boxes need a base-class (`.aa-callout`) and a modifier-class (e.g.:
|
|
`.aa-callout-info` for an info-box). Modifier classes are available for the usual
|
|
Bootstrap alert levels "Success", "Info", "Warning" and "Danger".
|
|
|
|
|
|
|
|
### HTML
|
|
|
|
```html
|
|
<div class="aa-callout aa-callout-success">
|
|
<p>
|
|
This is a success callout-box.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="aa-callout aa-callout-info">
|
|
<p>
|
|
This is a info callout-box.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="aa-callout aa-callout-warning">
|
|
<p>
|
|
This is a warning callout-box.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="aa-callout aa-callout-danger">
|
|
<p>
|
|
This is a danger callout-box.
|
|
</p>
|
|
</div>
|
|
```
|