The mdframed package

Examples for framemethod=tikz

Marco Daniel 1.9b 2013/07/01

In this document I collect various examples for framemethod=tikz. Some presented

examples are more or less exorbitant.

Contents
1 Loading 1 Example 4 – Working inside enumerate 5
Example 5 – Position a specific symbol
2 Examples 1 at a line . . . . . . . . . . . . . . 5
Example 1 – Package listings . . . . . 2 Example 6 – digression-environement
Example 2 – Package multicol . . . . . 3 inspired by Tobias Weh . . . . . 6
Example 3 – Working in twocolumn Example 7 – Theorem style shading
mode . . . . . . . . . . . . . . . . 4 background . . . . . . . . . . . . 7

1 Loading
In the preamble only the package mdframed width the option framemethod=tikz is loaded. All other
modifications will be done by \mdfdefinestyle or \mdfsetup.
Note
Every \globalinside the examples is necessary to work with my own created environment
tltxmdfexample*.

2 Examples
All examples have the following settings:

\mdfsetup{skipabove=\topskip,skipbelow=\topskip}
\newrobustcmd\ExampleText{%
An \textit{inhomogeneous linear} differential equation has the form
\begin{align}
L[v ] = f,
\end{align}
where $L$ is a linear differential operator, $v$ is the dependent
variable, and $f$ is a given non−zero function of the independent
variables alone.
}
 Example 1 – Package listings 2 Examples

Example 1 – Package listings

The example below is inspired by the following post on StackExchange Background overflows
when using rounded corners for listings (package: ‘listings‘)
Here the solution which can be decorate as usual.

\BeforeBeginEnvironment{lstlisting}{%
\begin{mdframed}[<modification>]%
\vspace{−0.7em}}
\AfterEndEnvironment{lstlisting}{%
\vspace{−0.5em}%
\end{mdframed}}

With the new command \surroundwithmdframed you can use

\surroundwithmdframed{listings}

2013/07/01 revision: 212 mdframed-example-texsx 2

 Example 2 – Package multicol 2 Examples

Example 2 – Package multicol

How I wrote in “Known Problems” you can’t combine multicol with mdframed. In a simple way
without any breaks you can use:

\begin{multicols}{2}
\lipsum[1]
\begin{mdframed}
\ExampleText
\end{mdframed}
\lipsum[2]
\end{multicols}

Lorem ipsum dolor sit amet, consectetuer An inhomogeneous linear differential equa-
adipiscing elit. Ut purus elit, vestibulum ut, tion has the form
placerat ac, adipiscing vitae, felis. Curabitur
dictum gravida mauris. Nam arcu libero, non- L[v] = f, (1)
ummy eget, consectetuer id, vulputate a, magna.
Donec vehicula augue eu neque. Pellentesque where L is a linear differential operator, v
habitant morbi tristique senectus et netus et is the dependent variable, and f is a given
malesuada fames ac turpis egestas. Mauris ut non-zero function of the independent vari-
leo. Cras viverra metus rhoncus sem. Nulla et ables alone.
lectus vestibulum urna fringilla ultrices. Phasel-
lus eu tellus sit amet tortor gravida placerat. In- Nam dui ligula, fringilla a, euismod sodales,
teger sapien est, iaculis in, pretium quis, viverra sollicitudin vel, wisi. Morbi auctor lorem non
ac, nunc. Praesent eget sem vel leo ultrices justo. Nam lacus libero, pretium at, lobortis
bibendum. Aenean faucibus. Morbi dolor nulla, vitae, ultricies et, tellus. Donec aliquet, tor-
malesuada eu, pulvinar at, mollis ac, nulla. Cur- tor sed accumsan bibendum, erat ligula aliquet
abitur auctor semper nulla. Donec varius orci magna, vitae ornare odio metus a mi. Morbi
eget risus. Duis nibh mi, congue eu, accumsan ac orci et nisl hendrerit mollis. Suspendisse
eleifend, sagittis quis, diam. Duis eget orci sit ut massa. Cras nec ante. Pellentesque a nulla.
amet orci dignissim rutrum. Cum sociis natoque penatibus et magnis dis par-
turient montes, nascetur ridiculus mus. Aliquam
tincidunt urna. Nulla ullamcorper vestibulum
turpis. Pellentesque cursus luctus mauris.

2013/07/01 revision: 212 mdframed-example-texsx 3

 Example 2 – Package multicol 2 Examples

Example 3 – Working in twocolumn mode

where L is a linear differential opera-
\lipsum[1]\lipsum[2] tor, v is the dependent variable, and
\begin{mdframed}[%
f is a given non-zero function of the
leftmargin=10pt,%
rightmargin=10pt,% independent variables alone.
linecolor=red,
backgroundcolor=yellow] Nam dui ligula, fringilla a, euismod sodales,
\ExampleText sollicitudin vel, wisi. Morbi auctor lorem non
\end{mdframed} justo. Nam lacus libero, pretium at, lobortis
\lipsum[2] vitae, ultricies et, tellus. Donec aliquet, tor-
tor sed accumsan bibendum, erat ligula aliquet
Lorem ipsum dolor sit amet, consectetuer adip- magna, vitae ornare odio metus a mi. Morbi
iscing elit. Ut purus elit, vestibulum ut, plac- ac orci et nisl hendrerit mollis. Suspendisse
erat ac, adipiscing vitae, felis. Curabitur dic- ut massa. Cras nec ante. Pellentesque a nulla.
tum gravida mauris. Nam arcu libero, non- Cum sociis natoque penatibus et magnis dis par-
ummy eget, consectetuer id, vulputate a, magna. turient montes, nascetur ridiculus mus. Aliquam
Donec vehicula augue eu neque. Pellentesque tincidunt urna. Nulla ullamcorper vestibulum
habitant morbi tristique senectus et netus et turpis. Pellentesque cursus luctus mauris.
malesuada fames ac turpis egestas. Mauris ut
leo. Cras viverra metus rhoncus sem. Nulla et
lectus vestibulum urna fringilla ultrices. Phasel-
lus eu tellus sit amet tortor gravida placerat. In-
teger sapien est, iaculis in, pretium quis, viverra
ac, nunc. Praesent eget sem vel leo ultrices
bibendum. Aenean faucibus. Morbi dolor nulla,
malesuada eu, pulvinar at, mollis ac, nulla. Cur-
abitur auctor semper nulla. Donec varius orci
eget risus. Duis nibh mi, congue eu, accumsan
eleifend, sagittis quis, diam. Duis eget orci sit
amet orci dignissim rutrum.
Nam dui ligula, fringilla a, euismod sodales,
sollicitudin vel, wisi. Morbi auctor lorem non
justo. Nam lacus libero, pretium at, lobortis
vitae, ultricies et, tellus. Donec aliquet, tor-
tor sed accumsan bibendum, erat ligula aliquet
magna, vitae ornare odio metus a mi. Morbi
ac orci et nisl hendrerit mollis. Suspendisse
ut massa. Cras nec ante. Pellentesque a nulla.
Cum sociis natoque penatibus et magnis dis par-
turient montes, nascetur ridiculus mus. Aliquam
tincidunt urna. Nulla ullamcorper vestibulum
turpis. Pellentesque cursus luctus mauris.

An inhomogeneous linear differential

equation has the form

L[v] = f, (2)

2013/07/01 revision: 212 mdframed-example-texsx 4

 Example 4 – Working inside enumerate 2 Examples

Example 4 – Working inside enumerate

Text Text Text Text Text Text Text Text

\begin{enumerate}
\item in the following \ldots
\begin{mdframed}[linecolor=blue,middlelinewidth=2]
\ExampleText
\end{mdframed}
\item \lipsum[2]
\end{enumerate}
Text Text Text Text Text Text

Text Text Text Text Text Text Text Text

1. in the following . . .

An inhomogeneous linear differential equation has the form

L[v] = f, (3)

where L is a linear differential operator, v is the dependent variable, and f is a given

non-zero function of the independent variables alone.

2. Nam dui ligula, fringilla a, euismod sodales, sollicitudin vel, wisi. Morbi auctor lorem non
justo. Nam lacus libero, pretium at, lobortis vitae, ultricies et, tellus. Donec aliquet, tortor
sed accumsan bibendum, erat ligula aliquet magna, vitae ornare odio metus a mi. Morbi ac
orci et nisl hendrerit mollis. Suspendisse ut massa. Cras nec ante. Pellentesque a nulla.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Aliquam tincidunt urna. Nulla ullamcorper vestibulum turpis. Pellentesque cursus luctus
mauris.
Text Text Text Text Text Text

Example 5 – Position a specific symbol at a line

\tikzset{
warningsymbol/.style={
rectangle,draw=red,
fill=white,scale=1,
overlay}}
\mdfdefinestyle{warning}{%
hidealllines=true,leftline=true,
skipabove=12,skipbelow=12pt,
innertopmargin=0.4em,%
innerbottommargin=0.4em,%
innerrightmargin=0.7em,%
rightmargin=0.7em,%
innerleftmargin=1.7em,%
leftmargin=0.7em,%

2013/07/01 revision: 212 mdframed-example-texsx 5

Example 6 – digression-environement inspired by Tobias Weh 2 Examples

middlelinewidth=.2em,%
linecolor=red,%
fontcolor=red,%
firstextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5∗(0,\y1)$)
node[warningsymbol] {\$};},%
secondextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5∗(0,\y1)$)
node[warningsymbol] {\$};},%
middleextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5∗(0,\y1)$)
node[warningsymbol] {\$};},%
singleextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5∗(0,\y1)$)
node[warningsymbol] {\$};},%
}
\begin{mdframed}[style=warning]
\ExampleText
\end{mdframed}

An inhomogeneous linear differential equation has the form

L[v] = f, (4)
$
where L is a linear differential operator, v is the dependent variable, and f is a given
non-zero function of the independent variables alone.

Example 6 – digression-environement inspired by Tobias Weh

\usetikzlibrary{calc,arrows}
\tikzset{
excursus arrow/.style={%
line width=2pt,
draw=gray!40,
rounded corners=2ex,
},
excursus head/.style={
fill=white,
font=\bfseries\sffamily,
text=gray!80,
anchor=base west,
},
}
\mdfdefinestyle{digressionarrows}{%
singleextra={%
\path let \p1=(P), \p2=(O) in (\x2,\y1) coordinate (Q);
\path let \p1=(Q), \p2=(O) in (\x1,{(\y1−\y2)/2}) coordinate (M);
\path [excursus arrow, round cap−to]
($(O)+(5em,0ex)$) −| (M) |− %
($(Q)+(12em,0ex)$) .. controls +(0:16em) and +(185:6em) .. %
++(23em,2ex);
\node [excursus head] at ($(Q)+(2.5em,−0.75pt)$) {Digression};},
firstextra={%
\path let \p1=(P), \p2=(O) in (\x2,\y1) coordinate (Q);

2013/07/01 revision: 212 mdframed-example-texsx 6

Example 7 – Theorem style shading background 2 Examples

\path [excursus arrow,−to]

(O) |− %
($(Q)+(12em,0ex)$) .. controls +(0:16em) and +(185:6em) .. %
++(23em,2ex);
\node [excursus head] at ($(Q)+(2.5em,−2pt)$) {Digression};},
secondextra={%
\path let \p1=(P), \p2=(O) in (\x2,\y1) coordinate (Q);
\path [excursus arrow,round cap−]
($(O)+(5em,0ex)$) −| (Q);},
middleextra={%
\path let \p1=(P), \p2=(O) in (\x2,\y1) coordinate (Q);
\path [excursus arrow]
(O) −− (Q);},
middlelinewidth=2.5em,middlelinecolor=white,
hidealllines=true,topline=true,
innertopmargin=0.5ex,
innerbottommargin=2.5ex,
innerrightmargin=2pt,
innerleftmargin=2ex,
skipabove=0.87\baselineskip,
skipbelow=0.62\baselineskip,
}

\begin{mdframed}[style=digressionarrows]
\ExampleText
\end{mdframed}

Digression

An inhomogeneous linear differential equation has the form

L[v] = f, (5)

where L is a linear differential operator, v is the dependent variable, and f is a given non-zero
function of the independent variables alone.

Example 7 – Theorem style shading background

\mdtheorem[%
apptotikzsetting={%
\tikzset{mdfbackground/.append style ={%
top color=yellow!40!white,
bottom color=yellow!80!black},
mdfframetitlebackground/.append style={
top color=purple!40!white,
bottom color=purple!80!black
}
}%
},
,roundcorner=10pt,middlelinewidth=2pt,

2013/07/01 revision: 212 mdframed-example-texsx 7

Example 7 – Theorem style shading background 2 Examples

shadow=true,frametitlerule=true,frametitlerulewidth=4pt,
innertopmargin=10pt,%
]{alternativtheorem}{Theorem}
\begin{alternativtheorem}[Inhomogeneous linear]
\ExampleText
\end{alternativtheorem}

Theorem 1: Inhomogeneous linear

An inhomogeneous linear differential equation has the form

L[v] = f, (6)

where L is a linear differential operator, v is the dependent variable, and f is a given non-zero
function of the independent variables alone.

2013/07/01 revision: 212 mdframed-example-texsx 8