Template:Media List

{|class="mw-collapsible collapsed mw-collapsed" width="96%" align=center border=1 style="border: 2px #8B0000 solid; border-collapse: collapse; text-align: center; font-size:12px; color:black;" {| align="center" border="0" cellspacing="0" class="toccolours mw-collapsible mw-collapsed" style="width: 100%; margin:0px;" ! colspan="6" align="center" | Feature Films ! colspan="6" style="font-size:90%; padding:5px; font-weight: normal;" align="center" | How to Train Your Dragon • How to Train Your Dragon 2 • How to Train Your Dragon 3 {| align="center" border="0" cellspacing="0" class="toccolours mw-collapsible mw-collapsed" style="width: 100%; margin:0px;" ! colspan="6" align="center" | Short Films ! colspan="6" style="font-size:90%; padding:5px; font-weight: normal;" align="center" | Racing For The Gold • Legend of the Boneknapper Dragon • Gift of the Night Fury • Book of Dragons • Dawn of the Dragon Racers {| align="center" border="0" cellspacing="0" class="toccolours mw-collapsible mw-collapsed" style="width: 100%; margin:0px;" ! colspan="6" align="center" | Television ! colspan="6" style="font-size:90%; padding:5px; font-weight: normal;" align="center" | DreamWorks Dragons: The Series: Riders of Berk • Defenders of Berk • Dragons: Race to the Edge, Season 1 • Season 2 • Season 3 • Season 4 {| align="center" border="0" cellspacing="0" class="toccolours mw-collapsible mw-collapsed" style="width: 100%; margin:0px;" ! colspan="6" align="center" | Games ! colspan="6" style="font-size:90%; padding:5px; font-weight: normal;" align="center" | How to Train Your Dragon • DreamWorks Dragons: Wild Skies • Outcast Attack • Tap Dragon Drop • Dragons: Rise of Berk • School of Dragons • How to Train Your Dragon 2 {| align="center" border="0" cellspacing="0" class="toccolours mw-collapsible mw-collapsed" style="width: 100%; margin:0px;" ! colspan="6" align="center" | Books ! colspan="6" style="font-size:90%; padding:5px; font-weight: normal;" align="center" | Dragons: Riders of Berk • Dragons: Defenders of Berk • Queen of the Hill • Burning Midnight • The Serpent’s Heir • DreamWorks How to Train Your Dragon CineStory Comic {| align="center" border="0" cellspacing="0" class="toccolours mw-collapsible mw-collapsed" style="width: 100%; margin:0px;" ! colspan="6" align="center" | Spin-off/Related Books ! colspan="6" style="font-size:90%; padding:5px; font-weight: normal;" align="center" | The Art of How to Train Your Dragon • The Art of How to Train Your Dragon 2 • Guide to the Dragons, Volume 1 • Volume 2 • Volume 3 • Book of Dragons • How To Train Your Dragon Mix and Match Book
 * class="Telko" colspan=10 style="background-color:DarkRed; color:white;"|How to Train Your Dragon logo.pngMedia'''
 * width="25%" style="vertical-align:top;padding-top:5px;"|
 * width="25%" style="vertical-align:top;padding-top:5px;"|
 * width="25%" style="vertical-align:top;padding-top:5px;"|
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |
 * colspan="6" style="-webkit-border-radius: 0px; background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(55%, black), color-stop(95%, #ED4E1E), color-stop(96%, #EE541F), color-stop(97%, #F06F23), color-stop(98%, #F28126), color-stop(99%, #F4962A), color-stop(100%, #F49D2B)); background-image:-moz-linear-gradient(top, #CA2825 25%, #8d0912 75%);" |

Purpose
Add this Navbox to articles on the respective media of How to Train Your Dragon (Franchise). Adding this template to a page automatically adds the article to the category, Media.