.. include:: /Includes.rst.txt
.. _Adminitions_And_Buttons:
=======================
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})`.
.. admonition:: Note
Unfortunately, PhpStorm only recognizes a file as a PHP archive when it has the ``.phar`` suffix.
This is remedied by creating a symbolic link: ``ln -s phpunit tools/phpunit.phar``.
.. 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