.. include:: /Includes.rst.txt
=======================
Admonitions and buttons
=======================
.. contents:: This page
:backlinks: top
:class: compact-list
:depth: 99
:local:
Admonitions (boxes)
===================
.. admonition:: Admonition with individual title
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. attention::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. caution::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. danger::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. error::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. hint::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. important::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. note::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. seealso:: See this
.. tip::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. warning::
Equations within a note
:math:`G_{\mu\nu} = 8 \pi G (T_{\mu\nu} + \rho_\Lambda g_{\mu\nu})`.
.. todo:: Do this
Description of todo.
Buttons
=======
Technically speaking the following "buttons" aren't real buttons as we know them
from the Bootstrap framework, but they are "list items" styled like buttons and
arranged horizontally.
These list items are just list items, so you are free to add links wherever you
want and "misuse" things, if you like.
Using and abusing
-----------------
To link to something just use ordinary reST links.
.. rst-class:: horizbuttons-important-m
* To click this "button", click directly on the link: `TYPO3 `__
* https://docs.typo3.org/
* Main product is `TYPO3 `__ and the `docs `__
horizbuttons-attention-m
------------------------
Like admonition 'attention' (blue)
.. rst-class:: horizbuttons-attention-m
- horizbuttons-attention-m
- two
- three
horizbuttons-important-m
------------------------
Like admonitions 'error', 'important' (yellow)
.. rst-class:: horizbuttons-important-m
- horizbuttons-important-m
- two
- three
horizbuttons-note-m
-------------------
Like admonitions 'generic', 'note', 'see also' (neutral, grey)
.. rst-class:: horizbuttons-note-m
- horizbuttons-note-m
- two
- three
horizbuttons-primary-m
-----------------------
Use the primary = key color (TYPO3 orange)
.. rst-class:: horizbuttons-primary-m
- horizbuttons-primary-m
- two
- three
horizbuttons-striking-m
-----------------------
Very strinking an unusuable, cannot be overseen.
.. rst-class:: horizbuttons-striking-m
- horizbuttons-striking-m
- two
- three
horizbuttons-tip-m
------------------
Like admonitions 'hint', 'tip' (green)
.. rst-class:: horizbuttons-tip-m
- horizbuttons-tip-m
- two
- three
horizbuttons-warning-m
----------------------
Like admonitions 'caution', 'danger', 'warning' (red)
.. rst-class:: horizbuttons-warning-m
- horizbuttons-danger-m
- two
- three
horizbuttons-attention-xxl
--------------------------
Like admonition 'attention' (blue)
.. rst-class:: horizbuttons-attention-xxl
- horizbuttons-attention-xxl
- two
- three
horizbuttons-important-xxl
--------------------------
Like admonitions 'error', 'important' (yellow)
.. rst-class:: horizbuttons-important-xxl
- horizbuttons-important-xxl
- two
- three
horizbuttons-note-xxl
---------------------
Like admonitions 'generic', 'note', 'see also' (neutral, grey)
.. rst-class:: horizbuttons-note-xxl
- horizbuttons-note-xxl
- two
- three
horizbuttons-primary-xxl
------------------------
Use the primary = key color (TYPO3 orange)
.. rst-class:: horizbuttons-primary-xxl
- horizbuttons-primary-xxl
- two
- three
horizbuttons-striking-xxl
-------------------------
Very strinking an unusuable, cannot be overseen.
.. rst-class:: horizbuttons-striking-xxl
- horizbuttons-striking-xxl
- two
- three
horizbuttons-tip-xxl
--------------------
Like admonitions 'hint', 'tip' (green)
.. rst-class:: horizbuttons-tip-xxl
- horizbuttons-tip-xxl
- two
- three
horizbuttons-warning-xxl
------------------------
Like admonitions 'caution', 'danger', 'warning' (red)
.. rst-class:: horizbuttons-warning-xxl
- horizbuttons-danger-xxl
- two
- three
horizbuttons-attention-xxxl
---------------------------
Like admonition 'attention' (blue)
.. rst-class:: horizbuttons-attention-xxxl
- horizbuttons-attention-xxxl
- two
- three
horizbuttons-important-xxxl
---------------------------
Like admonitions 'error', 'important' (yellow)
.. rst-class:: horizbuttons-important-xxxl
- horizbuttons-important-xxxl
- two
- three
horizbuttons-note-xxxl
----------------------
Like admonitions 'generic', 'note', 'see also' (neutral, grey)
.. rst-class:: horizbuttons-note-xxxl
- horizbuttons-note-xxxl
- two
- three
horizbuttons-primary-xxxl
-------------------------
Use the primary = key color (TYPO3 orange)
.. rst-class:: horizbuttons-primary-xxxl
- horizbuttons-primary-xxxl
- two
- three
horizbuttons-striking-xxxl
--------------------------
Very strinking an unusuable, cannot be overseen.
.. rst-class:: horizbuttons-striking-xxxl
- horizbuttons-striking-xxxl
- two
- three
horizbuttons-tip-xxxl
---------------------
Like admonitions 'hint', 'tip' (green)
.. rst-class:: horizbuttons-tip-xxxl
- horizbuttons-tip-xxxl
- two
- three
horizbuttons-warning-xxxl
-------------------------
Like admonitions 'caution', 'danger', 'warning' (red)
.. rst-class:: horizbuttons-warning-xxxl
- horizbuttons-danger-xxxl
- two
- three