Template:Menu side: Difference between revisions

Latest revision as of 17:19, 1 May 2022

@@ Line 1: / Line 1: @@
-<div class="menu noprint {{{class|}}}">
+<div class="menu-side infobox side">
-<div class="menu-header">{{{header|Menu}}}</div>{{#if:{{{icon|}}}|
+<div class="menu-side-header">{{{1}}}</div>
-<div class="menu-icon">[[File:{{PAGENAME:{{{icon}}}}}|50px|link=]]</div>}}{{#if:{{{title|}}}|
+<div class="menu-side-content">{{{2}}}</div>
-<div class="menu-title">{{{title}}}</div>}}{{#if:{{{subtitle|}}}|
+</div>
-<div class="menu-subtitle">{{{subtitle}}}</div>}}{{#if:{{{image|}}}|
+<noinclude>[[Category:Menu Templates]]</noinclude>
-<div class="menu-image">[[File:{{PAGENAME:{{{image}}}}}|200px|link=]]</div>}}{{#if:{{#pos:sequence|{{{class|}}}}}|
+<html><style>.menu-side {
-<div class="menu-prev-next-buttons"><!-- Filled by MediaWiki:Menu.js --></div>}}{{#if:{{{content|}}}|
+    background: #f8f9fa;
-<div class="menu-content">
+    border: 1px solid #a2a9b1;
-{{{content}}}
+    box-sizing: border-box;
-</div>}}
+    clear: both;
-</div><usescript src="Menu.js" /><templatestyles src="Menu/styles.css /><noinclude>{{Documentation}}</noinclude>
+    text-align: center;
+    width: 332px;
+}
+@media only screen and (max-width: 700px) {
+  .menu-side {
+    Width:100%;
+  }
+}
+.menu-side-header {
+    background: #3498db;
+    color: white;
+    font-weight: bold;
+    font-size:1rem;
+}
+.menu-side-content {
+    text-align: center;
+}
+.menu-side div {
+    padding: 0.25rem 0rem;
+    margin-bottom: 0.25rem;
+}
+.menu-side-content ul, .menu-side-content ol {
+    list-style: none;
+    margin-left: 0!important;
+    line-height: 1.5rem;
+}</style>
+</html>