Changed the styles to be easier to be used.

Author: QuickWrite

README.md

@@ -8,8 +8,8 @@ Creates a codeblock consisting of multiple languages and a special way of commen
 The input is structured in a HTML-Style:
 * `<multicodeblock>` - This is the main body of the codeblock and directly calls `MultiCodeBlock::renderMultiCodeBlock` by MediaWiki
     * `<codeblock lang="<language>">"` - These are the different codeblocks (languages). The order of these codeblocks decides the order in the navigation. The `language` is the filetype and not the name of the programming language itself, but it is possible to use the name.
-        * `<code>` - This is the code itself and is going to be highlighted.
-        * `<desc>` - The description is a block of different blocks of the description.
+        * `<code>` - This is the code itself and is going to be highlighted. (There can be multiple code blocks)
+        * `<desc>` - The description is a block of different blocks of the description. (There can be multiple `desc`-Tags)
             * `<position line="<line-number>">` - The positions are holding the description itself the the starting point of the description (relative to the code). It is possible to write in Wiki-Syntax in these.
 
 So it would be something like this:

img/MultiCodeBlockPreview.png

@@ -1,3 +1,7 @@
+.multicodeblock {
+    margin-top: calc(2em + 15px);
+}
+
 .code-table tbody tr pre {
     text-align: left;
 }
@@ -39,6 +43,33 @@
     color: #fff;
 }
 
+.outer.tab-content {
+    padding: 0;
+}
+
+.outer > .multicodeblock, .inner.tabs {
+    height: 100%;
+    border: none;
+    flex-direction: column;
+    margin-top: 0;
+}
+
+.inner.tab-content {
+    margin-top: calc(-2em - 10px);
+}
+
+.inner.tab-sidebar {
+    flex-direction: initial;
+    width: 100%;
+    display: flex;
+    height: fit-content;
+    transform: translateY(-100%);
+}
+
+.inner.tab-button {
+    padding: 10px;
+}
+
 .tab-content {
     padding: 15px;
     display: none;