Any idea for the quickstyle thingy too btw?pit-PL wrote: Wed Jan 12, 2022 12:52 pm This style is based on Bootstrap so it does not work with almost all extensions.
Any idea for the quickstyle thingy too btw?pit-PL wrote: Wed Jan 12, 2022 12:52 pm This style is based on Bootstrap so it does not work with almost all extensions.
Thanks for the help. I wanted a bootstrap like forum lol ^^"pit-PL wrote: Wed Jan 12, 2022 1:25 pm If you are not familiar with Bootstrap framework, my suggestion would be to to choose a different style.
Code: Select all
</head>
Code: Select all
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_cerulean.css" title="Cerulean" data-bs-theme="Cerulean" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_cyborg.css" title="Cyborg" data-bs-theme="Cyborg" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_darkly.css" title="Darkly" data-bs-theme="Darkly" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_flatly.css" title="Flatly" data-bs-theme="Flatly" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_journal.css" title="Journal" data-bs-theme="Journal" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_minty.css" title="Minty" data-bs-theme="Minty" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_morph.css" title="Morph" data-bs-theme="Morph" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_pulse.css" title="Pulse" data-bs-theme="Pulse" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_quartz.css" title="Quartz" data-bs-theme="Quartz" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_sketchy.css" title="Sketchy" data-bs-theme="Sketchy" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_slate.css" title="Slate" data-bs-theme="Slate" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_spacelab.css" title="Spacelab" data-bs-theme="Spacelab" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_superhero.css" title="Superhero" data-bs-theme="Superhero" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_united.css" title="United" data-bs-theme="United" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_vapor.css" title="Vapor" data-bs-theme="Vapor" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_yeti.css" title="Yeti" data-bs-theme="Slate" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_litera.css" title="Litera" data-bs-theme="Spacelab" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_lumen.css" title="Lumen" data-bs-theme="Superhero" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_lux.css" title="LUX" data-bs-theme="United" />
<link rel="stylesheet preload" type="text/css" href="{T_THEME_PATH}/bootstrap_solar.css" title="Solar" data-bs-theme="Vapor" />
<script src="{T_TEMPLATE_PATH}/bootstrap_style_switcher.js"></script>
Code: Select all
<div class="card-body p-1 px-md-2 px-lg-3">
Code: Select all
"card-body
Code: Select all
bg-primary
Code: Select all
<li class="nav-item dark-mode">
<a class="nav-link" href="javascript:;" title="{$LIGHT_MODE}" data-bs-theme-value="dark" role="switch">
<i class="fa fa-sun-o fa-fw" aria-hidden="true"></i>
</a>
</li>
Code: Select all
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa fa-paint-brush"></i></a>
<ul class="dropdown-menu cs-dropdown">
<li class="dropdown-item"><a class="nav-tcy" href="#" onclick="setActiveStyleSheet('Cerulean'); return false;">Cerulean</a></li>
<li class="dropdown-item"><a class="nav-tco" href="#" onclick="setActiveStyleSheet('Cyborg'); return false;">Cyborg</a></li>
<li class="dropdown-item"><a class="nav-tcp" href="#" onclick="setActiveStyleSheet('Darkly'); return false;">Darkly</a></li>
<li class="dropdown-item"><a class="nav-tcb" href="#" onclick="setActiveStyleSheet('Flatly'); return false;">Flatly</a></li>
<li class="dropdown-item"><a class="nav-tcl" href="#" onclick="setActiveStyleSheet('Journal'); return false;">Journal</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Litera'); return false;">Litera</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Lumen'); return false;">Lumen</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('LUX'); return false;">LUX</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Minty'); return false;">Minty</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Morph'); return false;">Morph</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Pulse'); return false;">Pulse</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Quartz'); return false;">Quartz</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Sketchy'); return false;">Sketchy</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Slate'); return false;">Slate</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Solar'); return false;">Solar</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Spacelab'); return false;">Spacelab</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Superhero'); return false;">Superhero</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('United'); return false;">United</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Vapor'); return false;">Vapor</a></li>
<li class="dropdown-item"><a class="nav-tcr" href="#" onclick="setActiveStyleSheet('Yeti'); return false;">Yeti</a></li>
</ul>
</li>
Code: Select all
@media (max-width: 991.98px) {
Code: Select all
.cs-dropdown {
max-height: 50vh;
overflow-y: scroll;
}