1 files changed, 1175 insertions, 0 deletions
diff --git a/documentation/4.0/api/lib/template.css b/documentation/4.0/api/lib/template.css
new file mode 100644
index 0000000..c120698
--- /dev/null
+++ b/documentation/4.0/api/lib/template.css
@@ -0,0 +1,1175 @@
+/* Reset */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code, pre,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, input,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+textarea, input { outline: none; }
+
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+blockquote, q { quotes: none; }
+
+a img { border: none; }
+
+input { border-width: 0px; }
+
+/* Page */
+body {
+  overflow-x: hidden;
+  font-family: Arial, sans-serif;
+  background-color: #f0f3f6;
+}
+
+#footer {
+  text-align: center;
+  color: #858484;
+  bottom: 0;
+  min-height: 20px;
+  margin: 0 1em 0.5em;
+}
+
+#content-container a[href] {
+  text-decoration: underline;
+  color: #315479;
+}
+
+#content-container a[href]:hover {
+  text-decoration: none;
+}
+
+#types ol li > p {
+  margin-top: 5px;
+}
+
+#types ol li:last-child {
+  margin-bottom: 5px;
+}
+
+#definition {
+  position: relative;
+  display: block;
+  padding: 5px 0;
+  padding: 0;
+  margin: 0.5em;
+  min-height: 4.72em;
+}
+
+#definition > a > img {
+  float: left;
+  padding-right: 6px;
+  padding-left: 5px;
+}
+
+#definition p + h1 {
+  margin-top: 3px;
+}
+
+#definition > h1 {
+  float: left;
+  color: #103a51;
+  display: inline-block;
+  overflow: hidden;
+  margin-top: 10px;
+  font-size: 2.0em;
+}
+
+#definition h1 > a {
+  color: #103a51 !important;
+  text-decoration: none !important;
+}
+
+#template ol > li > span.permalink > a > i {
+  transform: rotate(-45deg);
+}
+
+#definition #owner {
+  color: #103a51;
+  padding-top: 1.3em;
+  font-size: 0.8em;
+  overflow: hidden;
+}
+
+#definition > h3 {
+  margin-top: 0.85em;
+  padding: 0;
+}
+
+#definition #owner > a {
+  color: #103a51;
+}
+
+#definition #owner > a:hover {
+  text-decoration: none;
+}
+
+#signature {
+  background-color: #c2d2dc;
+  min-height: 18px;
+  font-size: 0.9em;
+  padding: 8px;
+  color: #103a51;
+  border-radius: 0.2em;
+  margin: 0 0.5rem;
+}
+
+#signature > span.modifier_kind {
+  display: inline;
+  float: left;
+  text-align: left;
+  width: auto;
+  position: static;
+  padding-left: 0;
+}
+
+span.symbol > a {
+  display: inline-block;
+}
+
+#signature > span.symbol {
+  text-align: left;
+  display: inline;
+  padding-left: 0.7em;
+}
+
+/* Linear super types and known subclasses */
+.hiddenContent {
+  display: none;
+}
+
+.toggleContainer .toggle {
+  position: relative;
+  color: #103a51;
+  margin-left: 0.3em;
+  cursor: pointer;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.toggleContainer .toggle > i {
+  position: absolute;
+  left: -1.5em;
+  top: 0em;
+  font-size: 1.3em;
+  transition: 0.1s;
+}
+
+.toggleContainer .toggle.open > i {
+  transform: rotate(90deg);
+}
+
+.toggleContainer .hiddenContent {
+  margin-top: 1.5em;
+}
+
+#memberfilter > i.arrow {
+  position: absolute;
+  top: 0.45em;
+  left: -0.9em;
+  color: #fff;
+  font-size: 1.3em;
+  opacity: 0;
+  transition: 0.1s;
+  cursor: pointer;
+}
+
+#memberfilter > i.arrow.rotate {
+  transform: rotate(90deg);
+}
+
+#memberfilter:hover > i.arrow {
+  opacity: 1;
+}
+
+.big-circle {
+  box-sizing: content-box;
+  height: 5.7em;
+  width: 5.7em;
+  float: left;
+  color: transparent;
+}
+
+.big-circle:hover {
+  background-size: 5.7em;
+}
+
+.big-circle.class {
+  background: url("class.svg") no-repeat center;
+}
+
+.big-circle.class-companion-object {
+  background: url("class_comp.svg") no-repeat center;
+}
+
+.big-circle.object-companion-class {
+  background: url("object_comp.svg") no-repeat center;
+}
+
+.big-circle.trait-companion-object {
+  background: url("trait_comp.svg") no-repeat center;
+}
+
+.big-circle.object-companion-trait {
+  background: url("object_comp_trait.svg") no-repeat center;
+}
+
+.big-circle.object {
+  background: url("object.svg") no-repeat center;
+}
+
+.big-circle.trait {
+  background: url("trait.svg") no-repeat center;
+}
+
+.big-circle.package {
+  background: url("package.svg") no-repeat center;
+}
+
+body.abstract.type div.big-circle {
+  background: url("abstract_type.svg") no-repeat center;
+}
+
+#template {
+  margin: 0.9em 0.75em 0.75em;
+  padding-bottom: 0.5em;
+}
+
+#template h3 {
+  color: #103a51;
+  height: 2em;
+  padding: 1em 1em 2em;
+  font-size: 1.2em;
+}
+
+#order {
+  margin-top: 1.5em;
+}
+
+h3 {
+  color: #103a51;
+  padding: 5px 10px;
+  font-size: 1em;
+  font-weight: bold;
+}
+
+dl.attributes > dt {
+  display: block;
+  float: left;
+  font-style: italic;
+  font-weight: bold;
+}
+
+dl.attributes > dt.implicit {
+  font-weight: bold;
+  color: darkgreen;
+}
+
+dl.attributes > dd {
+  display: block;
+  padding-left: 10em;
+  margin-bottom: 5px;
+  min-height: 15px;
+}
+
+.values ol li:last-child {
+  margin-bottom: 5px;
+}
+
+#constructors > h3 {
+  height: 2em;
+  padding: 1em 1em 2em;
+  color: #2C475C;
+}
+
+#inheritedMembers > div.parent > h3 {
+  height: 17px;
+  font-style: italic;
+}
+
+#inheritedMembers > div.parent > h3 * {
+  color: white;
+}
+
+#inheritedMembers > div.conversion > h3 {
+  height: 2em;
+  padding: 1em;
+  font-style: italic;
+  color: #2C475C;
+}
+
+#groupedMembers > div.group > h3 {
+  color: #2C475C;
+  height: 2em;
+  padding: 1em 1em 2em;
+}
+
+/* Member cells */
+div.members > ol {
+  list-style: none;
+}
+
+div.members > ol > li {
+  display: table;
+  width: 100%;
+  position: relative;
+  background-color: #fff;
+  border-radius: 0.2em;
+  color: #103a51;
+  padding: 5px 0 5px;
+  margin-bottom: 0.4em;
+  min-height: 3.7em;
+  border-left: 0.25em solid white;
+  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  transition: 0.1s;
+}
+
+div.members > ol >li.selected,
+div.members > ol > li:hover {
+  background-color: #dae7f0;
+  border-left-color: #dae7f0;
+}
+
+div.members > ol >li[fullComment=yes].selected,
+div.members > ol > li[fullComment=yes]:hover {
+  cursor: pointer;
+  border-left: 0.25em solid #72D0EB;
+}
+
+div.members > ol > li:last-child {
+  padding: 5px 0 5px;
+}
+
+/* Member signatures */
+
+#tooltip {
+  background: #EFD5B5;
+  border: 1px solid gray;
+  color: black;
+  display: none;
+  padding: 5px;
+  position: absolute;
+}
+
+.signature {
+  font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+  font-size: 0.8rem;
+  line-height: 18px;
+  clear: both;
+  display: block;
+}
+
+.modifier_kind {
+  font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+  font-size: 0.8rem;
+  padding-right: 0.5em;
+  text-align: right;
+  display: table-cell;
+  white-space: nowrap;
+  width: 16em;
+}
+
+.symbol {
+  font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+}
+
+a > .symbol > .name {
+  text-decoration: underline;
+}
+
+a:hover > .symbol > .name {
+  text-decoration: none;
+}
+
+.signature > a {
+  text-decoration: none;
+}
+
+.signature > .symbol {
+  display: inline;
+}
+
+.signature .name {
+  display: inline-block;
+  font-weight: bold;
+}
+
+span.symbol > span.name {
+  font-weight: bold;
+}
+
+#types > ol > li > span.symbol > span.result {
+  display: none;
+}
+
+#types > ol > li > span.symbol > span.result.alias,
+#types > ol > li:hover > span.symbol > span.result,
+#types > ol > li.open > span.symbol > span.result {
+  display: inline;
+}
+
+.symbol > .implicit {
+  display: inline-block;
+  font-weight: bold;
+  text-decoration: underline;
+  color: darkgreen;
+}
+
+.symbol .shadowed {
+  color: darkseagreen;
+}
+
+.symbol .params > .implicit {
+  font-style: italic;
+}
+
+.symbol .deprecated {
+  text-decoration: line-through;
+}
+
+.symbol .params .default {
+  font-style: italic;
+}
+
+#template .closed {
+  cursor: pointer;
+}
+
+#template .opened {
+  cursor: pointer;
+}
+
+i.unfold-arrow {
+  font-size: 1em;
+  position: absolute;
+  top: 0.55em;
+  left: 0.7em;
+  transition: 0.1s;
+}
+
+#template .modifier_kind.opened > i.unfold-arrow {
+  transform: rotate(90deg);
+}
+
+#template .values .name {
+  font-weight: 600;
+  color: #315479;
+}
+
+#template .types .name {
+  font-weight: 600;
+  color: darkgreen;
+}
+
+.full-signature-usecase h4 span {
+  font-size: 0.8rem;
+}
+
+.full-signature-usecase > #signature {
+  padding-top: 0px;
+  position: relative;
+  top: 0;
+}
+
+/* Hide unfold arrow where appropriate */
+#template li[fullComment=no] .modifier_kind > i.unfold-arrow,
+div#definition > h4#signature > span.modifier_kind > i.unfold-arrow,
+.full-signature-usecase > .signature > .closed > i.unfold-arrow,
+.full-signature-usecase > .signature > .opened > i.unfold-arrow {
+  display: none;
+}
+
+#template .full-signature-usecase > .signature > .closed {
+  background: none;
+}
+
+#template .full-signature-usecase > .signature > .opened {
+  background: none;
+}
+
+.full-signature-block {
+  padding: 5px 0 0;
+  border-top: 1px solid #EBEBEB;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+#definition .morelinks {
+  text-align: right;
+  font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+}
+
+#definition .morelinks a {
+  color: #103a51;
+}
+
+#template .members li .permalink {
+  position: absolute;
+  left: 0.25em;
+  top: 0.95em;
+}
+
+#definition .permalink {
+  display: none;
+  color: black;
+}
+
+#definition .permalink a {
+  color: #103a51;
+  transform: rotate(-45deg);
+}
+
+#definition > h1 > span > a > i {
+  font-size: 1.4rem;
+}
+
+#template ol > li > span.permalink > a > i {
+  color: #fff;
+}
+
+#template .members li .permalink,
+#definition .permalink a {
+  display: none;
+}
+
+#template .members li:hover .permalink,
+#definition:hover .permalink a {
+  display: block;
+}
+
+#template .members li .permalink a,
+#definition .permalink a {
+  text-decoration: none;
+  font-weight: bold;
+}
+
+/* Comments text formatting */
+
+.cmt {
+  color: #103a51;
+}
+
+.cmt p {
+  margin: 0.7em 0;
+}
+
+.cmt p:first-child {
+  margin-top: 0;
+}
+
+.cmt p:last-child {
+  margin-bottom: 0;
+}
+
+.cmt h3,
+.cmt h4,
+.cmt h5,
+.cmt h6 {
+  margin-bottom: 0.7em;
+  margin-top: 1.4em;
+  display: block;
+  text-align: left;
+  font-weight: bold;
+}
+
+.cmt pre {
+  padding: 0.5em;
+  border: 0px solid #ddd;
+  background-color: #fff;
+  margin: 5px 0;
+  display: block;
+  font-family: "Source Code Pro", "Monaco", "Ubuntu Mono Regular", "Lucida Console", monospace;
+  border-radius: 0.2em;
+  overflow-x: auto;
+}
+
+.cmt pre span.ano {
+  color: blue;
+}
+
+.cmt pre span.cmt {
+  color: green;
+}
+
+.cmt pre span.kw {
+  font-weight: bold;
+}
+
+.cmt pre span.lit {
+  color: #c71585;
+}
+
+.cmt pre span.num {
+  color: #1e90ff; /* dodgerblue */
+}
+
+.cmt pre span.std {
+  color: #008080; /* teal */
+}
+
+.cmt ul {
+  display: block;
+  list-style: circle;
+  padding-left: 20px;
+}
+
+.cmt ol {
+  display: block;
+  padding-left:20px;
+}
+
+.cmt ol.decimal {
+  list-style: decimal;
+}
+
+.cmt ol.lowerAlpha {
+  list-style: lower-alpha;
+}
+
+.cmt ol.upperAlpha {
+  list-style: upper-alpha;
+}
+
+.cmt ol.lowerRoman {
+  list-style: lower-roman;
+}
+
+.cmt ol.upperRoman {
+  list-style: upper-roman;
+}
+
+.cmt li {
+  display: list-item;
+}
+
+.cmt code {
+  font-weight: bold;
+}
+
+.cmt a {
+  font-style: bold;
+}
+
+.cmt em, .cmt i {
+  font-style: italic;
+}
+
+.cmt strong, .cmt b {
+  font-weight: bold;
+}
+
+/* Comments structured layout */
+
+.group > div.comment {
+  display: block;
+  padding: 0 1.2em 1em;
+  font-family: "Open Sans";
+}
+
+p.comment {
+  display: block;
+  margin-left: 14.7em;
+  margin-top: 5px;
+}
+
+.shortcomment {
+  display: block;
+  margin: 5px 10px;
+}
+
+.shortcomment > span.badge {
+  display: block;
+  position: absolute;
+  right: 0;
+  top: 0.7em;
+}
+
+div.fullcommenttop {
+  padding: 1em 0.8em;
+}
+
+div.fullcomment {
+  margin: 5px 10px;
+}
+
+#template div.fullcommenttop,
+#template div.fullcomment {
+  display:none;
+  margin: 0.5em 1em 0 0;
+}
+
+#template .shortcomment {
+  margin: 5px 0 0 0;
+  padding: 0;
+  font-family: "Open Sans";
+}
+
+div.fullcomment .block {
+  padding: 5px 0 0;
+  border-top: 2px solid #fff;
+  margin-top: 5px;
+  overflow: hidden;
+  font-family: "Open Sans";
+}
+
+div.fullcommenttop .block {
+  position: relative;
+  padding: 1em;
+  margin: 0.5em 0;
+  border-radius: 0.2em;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
+  box-shadow: 0 0 10px rgba(0,0,0,0.1);
+}
+
+div.fullcommenttop .toggleContainer {
+  border-left: 0 solid #72D0EB;
+  transition: 0.1s;
+  cursor: pointer;
+}
+
+div.fullcommenttop .toggleContainer:hover {
+  border-left: 0.25em solid #72D0EB;
+}
+
+div#comment,
+div#mbrsel,
+div#template,
+div#footer {
+  font-size: 0.8em;
+}
+
+#comment {
+  font-family: "Open Sans";
+}
+
+#comment > dl {
+  background: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+#comment > dl > div > ol {
+  list-style-type: none;
+}
+
+div.fullcomment div.block ol li p,
+div.fullcomment div.block ol li {
+  display:inline
+}
+
+div.fullcomment .block > h5 {
+  font-style: italic;
+  font-weight: normal;
+  display: inline-block;
+}
+
+div.fullcomment .comment {
+  font-family: "Open Sans";
+  margin: 5px 0 10px;
+}
+
+div.fullcommenttop .comment:last-child,
+div.fullcomment .comment:last-child {
+  margin-bottom: 0;
+}
+
+div.fullcommenttop dl.paramcmts {
+  margin-bottom: 0.8em;
+  padding-bottom: 0.8em;
+}
+
+div.fullcommenttop dl.paramcmts > dt,
+div.fullcomment dl.paramcmts > dt {
+  display: block;
+  float: left;
+  font-weight: bold;
+  min-width: 70px;
+}
+
+div.fullcommenttop dl.paramcmts > dd,
+div.fullcomment dl.paramcmts > dd {
+  display: block;
+  padding-left: 10px;
+  margin-bottom: 5px;
+  margin-left: 70px;
+  min-height: 15px;
+}
+
+/* Members filter tool */
+
+#memberfilter {
+  position: relative;
+  display: block;
+  height: 2.7em;
+  margin-bottom: 5px;
+  margin-left: 1.5em;
+}
+
+#memberfilter > .input {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: -1.65em;
+  right: -0.2em;
+  transition: 0.2s;
+}
+
+#memberfilter > .input > input {
+  color: #fff;
+  width: 100%;
+  border-radius: 0.2em;
+  padding: 0.5em;
+  background: rgba(255, 255, 255, 0.2);
+  font-family: "Open Sans";
+}
+
+#memberfilter > .clear {
+  display: none;
+  position: absolute;
+  top: 0.55em;
+  color: rgba(255, 255, 255, 0.4);
+  right: 0;
+  font-size: 1.2em;
+}
+
+#memberfilter > .clear:hover {
+  color: #fff;
+  cursor: pointer;
+}
+
+#mbrsel {
+  display: block;
+  padding: 1em 1em 0.5em;
+  margin: 0.8em;
+  border-radius: 0.2em;
+  background-color: #364550;
+  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
+  box-shadow: 0 0 10px rgba(0,0,0,0.2);
+  position: relative;
+}
+
+#mbrsel > div.toggle {
+  opacity: 0;
+  position: absolute;
+  left: 1.85em;
+  top: 1.75em;
+  width: 1em;
+  height: 1em;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  transition: 0.2s;
+}
+
+#mbrsel:hover > div.toggle {
+  opacity: 1;
+}
+
+#mbrsel:hover #memberfilter > .input {
+  left: 0.7em;
+}
+
+#mbrsel > div.toggle > i {
+  cursor: pointer;
+  position: absolute;
+  left: 0;
+  top: 0;
+  color: #fff;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+#mbrsel > div.toggle.open > i {
+  transform: rotate(90deg);
+}
+
+#mbrsel > div#filterby {
+  display: none;
+}
+
+#mbrsel > div#filterby > div {
+  margin-bottom: 5px;
+}
+
+#mbrsel > div#filterby > div:last-child {
+  margin-bottom: 0;
+}
+
+#mbrsel > div#filterby > div > span.filtertype {
+  color: #fff;
+  padding: 4px;
+  margin-right: 1em;
+  float: left;
+  display: inline-block;
+  font-weight: bold;
+  width: 4.5em;
+}
+
+#mbrsel > div#filterby > div > ol {
+  display: inline-block;
+}
+
+#mbrsel > div#filterby > div > a {
+  position:relative;
+  top: -8px;
+  font-size: 11px;
+}
+
+#mbrsel > div#filterby > div > ol#linearization {
+  display: table;
+  margin-left: 70px;
+}
+
+#mbrsel > div#filterby > div > ol#linearization > li.in {
+  text-decoration: none;
+  float: left;
+  margin-right: 5px;
+  background-position: right 0px;
+}
+
+#mbrsel > div#filterby > div > ol#linearization > li.in > span{
+  float: left;
+}
+
+#mbrsel > div#filterby > div > ol#implicits {
+  display: table;
+  margin-left: 70px;
+}
+
+#mbrsel > div#filterby > div > ol#implicits > li {
+  text-decoration: none;
+  float: left;
+  margin: 0.4em 0.4em 0.4em 0;
+}
+
+#mbrsel > div#filterby > div > ol#implicits > li.in {
+  text-decoration: none;
+  float: left;
+}
+
+#mbrsel > div#filterby > div > ol#implicits > li.in > span{
+  float: left;
+}
+
+#mbrsel > div#filterby > div > ol > li {
+  line-height: 1.5em;
+  display: inline-block;
+  cursor: pointer;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+#mbrsel > div#filterby > div > ol > li.in {
+  text-decoration: none;
+  float: left;
+  margin-right: 5px;
+
+  font-size: 0.8em;
+  -webkit-border-radius: 0.2em;
+  border-radius: 0.2em;
+  padding: 5px 15px;
+  cursor: pointer;
+  background: #f16665;
+  border-bottom: 2px solid #d64546;
+  color: #fff;
+  font-weight: 700;
+}
+
+#mbrsel > div#filterby > div > ol > li.in > span{
+  float: left;
+}
+
+#mbrsel > div#filterby > div > ol > li.out {
+  text-decoration: none;
+  float: left;
+  padding-right: 10px;
+  margin-right: 5px;
+  font-size: 0.8em;
+  -webkit-border-radius: 0.2em;
+  border-radius: 0.2em;
+  padding: 5px 15px;
+  cursor: pointer;
+  background: #c2d2dc;
+  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+  color: #103a51;
+  font-weight: 700;
+}
+
+#mbrsel > div#filterby > div > ol > li.out > span{
+  float: left;
+}
+
+.badge {
+  display: inline-block;
+  padding: 0.3em 1em;
+  font-size: 0.8em;
+  font-weight: bold;
+  color: #ffffff;
+  white-space: nowrap;
+  vertical-align: middle;
+  background-color: #999999;
+  -webkit-border-radius: 9px;
+  -moz-border-radius: 9px;
+  border-radius: 1em;
+  font-family: "Open Sans";
+}
+
+.badge-red {
+  background-color: #b94a48;
+  margin-right: 0.8em !important;
+}
+
+/* Media query rules for smaller viewport */
+@media only screen /* Large screen with a small window */
+and (max-width: 650px)
+,
+screen /* HiDPI device like Nexus 5 */
+and (max-device-width: 360px)
+and (max-device-height: 640px)
+and (-webkit-device-pixel-ratio: 3)
+,
+screen /* Most mobile devices  */
+and (max-device-width: 480px)
+and (orientation: portrait)
+,
+only screen /* iPhone 6 */
+and (max-device-width: 667px)
+and (-webkit-device-pixel-ratio: 2)
+{
+  body,
+  body > h4#signature {
+    min-width: 300px;
+  }
+
+  #template .modifier_kind {
+    width: 1px;
+    padding-left: 2.5em;
+  }
+
+  span.modifier_kind > span.modifier {
+    display: none;
+  }
+
+  #definition {
+    height: 6em;
+  }
+
+  #definition > h1 {
+    font-size: 1em;
+    margin-right: 0.3em;
+  }
+
+  #definition > h3 {
+    float: left;
+    margin: 0.3em 0;
+  }
+
+  #definition > #owner {
+    padding-top: 2.6em;
+  }
+
+  #definition .morelinks {
+    text-align: left;
+    font-size: 0.8em;
+  }
+
+  .big-circle {
+    margin-top: 0.6em;
+  }
+}
+
+/* Media query rules specifically for mobile devices */
+@media
+screen /* HiDPI device like Nexus 5 */
+and (max-device-width: 360px)
+and (max-device-height: 640px)
+and (-webkit-device-pixel-ratio: 3)
+,
+screen /* Most mobile devices  */
+and (max-device-width: 480px)
+and (orientation: portrait)
+,
+only screen /* iPhone 6 */
+and (max-device-width: 667px)
+and (-webkit-device-pixel-ratio: 2)
+{
+  #signature {
+    font-size: 0.7em;
+  }
+
+  #definition > h1 {
+    font-size: 1.3em;
+  }
+
+  #definition .morelinks {
+    display: none;
+  }
+
+  #definition #owner {
+    padding-top: 0.7em;
+  }
+
+  #signature > span.modifier_kind {
+    width: auto;
+  }
+
+  div.fullcomment dl.attributes > dt {
+    margin: 0.5em 0;
+    clear: both;
+  }
+
+  div.fullcomment dl.attributes > dd {
+    padding-left: 0;
+    clear: both;
+  }
+
+  .big-circle {
+    width: 3em;
+    height: 3em;
+    background-size: 3em !important;
+    margin: 0.5em;
+  }
+
+  div#template {
+    margin-bottom: 0.5em;
+  }
+
+  div#footer {
+    font-size: 0.5em;
+  }
+
+  .shortcomment > span.badge {
+    display: none;
+  }
+}