MediaWiki:Common.css/src/Common.scss: Difference between revisions
< MediaWiki:Common.css | src
Jump to navigation
Jump to search
m (tweaked comments, removed calc() that is not needed) |
(Increased the maximum --layout-content-width to 2200px per Terraria Wiki:Community noticeboard#Can you please make the content area back to the full screen design it used to be?.) |
||
| Line 29: | Line 29: | ||
$layout-box-gap-y: 12px; |
$layout-box-gap-y: 12px; |
||
$layout-sidespace: 24px; |
$layout-sidespace: 24px; |
||
$layout-content-max-width: |
$layout-content-max-width: 2200px; //when the sidebar is not hidden. |
||
$layout-main-max-width: |
$layout-main-max-width: 2400px; //sidebar + content, also the content-max-width when the sidebar is hidden. |
||
$layout-sidebar-width: $layout-main-max-width - $layout-content-max-width - $layout-box-gap-x; |
$layout-sidebar-width: $layout-main-max-width - $layout-content-max-width - $layout-box-gap-x; |
||
:root{ |
:root{ |
||
Revision as of 19:35, 18 April 2024
/*******************************************************************************
* *
* COMMON.CSS *
* *
*******************************************************************************/
/*
* This page contains the entire stylesheet for the Terraria Wiki.
* Import this CSS in a language wiki or the Terraria Mods Wiki via the following line:
@import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector);
*
* Please do not edit this page directly!
* This page was compiled from a series of SCSS files (https://sass-lang.com);
* edit those instead and recompile this page. See [[Terraria Wiki:CSS]] to learn more.
*
* For the stylesheets of the different themes ([[Terraria Wiki:Themes]]), see:
* - [[MediaWiki:Theme-Underground.css]]
* - [[MediaWiki:Theme-Snow.css]]
* - [[MediaWiki:Theme-Jungle.css]]
* - [[MediaWiki:Theme-Hallowed.css]]
* - [[MediaWiki:Theme-Crimson.css]]
* - [[MediaWiki:Theme-Corruption.css]]
* - [[MediaWiki:Theme-Legacy.css]]
*
* For a basic introduction to styling with CSS, see https://www.mediawiki.org/wiki/Manual:CSS
*/
$layout-box-gap-x: 12px;
$layout-box-gap-y: 12px;
$layout-sidespace: 24px;
$layout-content-max-width: 2200px; //when the sidebar is not hidden.
$layout-main-max-width: 2400px; //sidebar + content, also the content-max-width when the sidebar is hidden.
$layout-sidebar-width: $layout-main-max-width - $layout-content-max-width - $layout-box-gap-x;
:root{
--layout-topbar-height: 35px; /* height of wiki.gg topbar */
--layout-sidebar-width: #{$layout-sidebar-width}; /* width of side navbar, without gap */
--layout-sidespace: #{$layout-sidespace}; /* whitespace width on most left and most right */
--layout-content-width: minmax(0,1fr);
@media screen and (min-width: calc($layout-sidebar-width + $layout-content-max-width + $layout-sidespace * 2 + $layout-box-gap-x * 3) ){
--layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
--layout-content-width: #{$layout-content-max-width};
}
--layout-box-gap-x: #{$layout-box-gap-x};
--layout-box-gap-y: #{$layout-box-gap-y};
--layout-logo-scale: 1;
--layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
--layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
--layout-box-padding: 6px;
--layout-padding-x: 24px;
--layout-padding-y: 16px;
--layout-gap: 6px;
--layout-gap-l: 12px;
--layout-dropdown-item-padding-x: 12px;
--layout-dropdown-item-padding-y: 6px;
--font-size: 14px;
--line-height: 24px;
--font-size-s: 12px;
--line-height-s: 20px;
--font-size-l: 16px;
--line-height-l: 24px;
--font-size-xs: 10px;
--line-height-xs: 16px;
/* https://www.iconfinder.com/icons/7422432/wikipedia_wiki_encyclopedia_knowledge_education_icon */
--icon-wiki: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Wikipedia'%3E%3Cpath d='M32.59,12.32a.46.46,0,0,1-.08.25.26.26,0,0,1-.19.11,2.34,2.34,0,0,0-1.35.53,5,5,0,0,0-1.09,1.73L24.16,27.82c0,.12-.14.18-.31.18a.33.33,0,0,1-.31-.18l-3.21-6.7-3.69,6.7a.34.34,0,0,1-.31.18.34.34,0,0,1-.33-.18L10.39,14.94a4.37,4.37,0,0,0-1.11-1.67,3,3,0,0,0-1.63-.59.19.19,0,0,1-.16-.1.29.29,0,0,1-.08-.22c0-.21.06-.31.18-.31.5,0,1,0,1.57.07s1,.07,1.43.07,1,0,1.61-.07,1.23-.07,1.73-.07c.12,0,.18.1.18.31s0,.32-.11.32a2.09,2.09,0,0,0-1.18.38,1,1,0,0,0-.44.85,1.72,1.72,0,0,0,.18.67L17.2,25.06l2.64-5-2.46-5.15a6.87,6.87,0,0,0-1.08-1.78A2.25,2.25,0,0,0,15,12.68a.17.17,0,0,1-.15-.1.33.33,0,0,1-.08-.22c0-.21.05-.31.16-.31a11.78,11.78,0,0,1,1.38.07,12.87,12.87,0,0,0,1.29.07c.45,0,.92,0,1.42-.07s1-.07,1.52-.07c.12,0,.18.1.18.31s0,.32-.11.32c-1,.07-1.5.35-1.5.85a2.8,2.8,0,0,0,.35,1l1.62,3.3,1.62-3A2.43,2.43,0,0,0,23,13.78c0-.69-.5-1.06-1.5-1.1-.09,0-.13-.11-.13-.32a.42.42,0,0,1,.06-.21c.05-.07.09-.1.14-.1.36,0,.8,0,1.32.07s.91.07,1.23.07.58,0,1-.06,1.05-.08,1.43-.08c.09,0,.13.09.13.27s-.08.36-.24.36a2.81,2.81,0,0,0-1.41.48,6.12,6.12,0,0,0-1.33,1.78l-2.15,4,2.91,5.94,4.31-10a2.64,2.64,0,0,0,.22-1c0-.73-.5-1.12-1.5-1.16-.09,0-.14-.11-.14-.32s.07-.31.21-.31c.36,0,.8,0,1.3.07s.85.07,1.16.07.71,0,1.14-.07a11.09,11.09,0,0,1,1.22-.07Q32.59,12.05,32.59,12.32Z'/%3E%3C/g%3E%3C/svg%3E");
/* https://www.iconfinder.com/icons/8678406/brush_paint_painting_icon */
--icon-brush: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.456 9.678l-.142-.142a5.475 5.475 0 0 0-2.39-1.349c-2.907-.778-5.699.869-6.492 3.83-.043.16-.066.34-.104.791-.154 1.87-.594 3.265-1.8 4.68 2.26.888 4.938 1.514 6.974 1.514a5.505 5.505 0 0 0 5.31-4.078 5.497 5.497 0 0 0-1.356-5.246zM13.29 6.216l4.939-3.841a1 1 0 0 1 1.32.082l2.995 2.994a1 1 0 0 1 .082 1.321l-3.84 4.938a7.505 7.505 0 0 1-7.283 9.292C8 21.002 3.5 19.5 1 18c3.98-3 3.047-4.81 3.5-6.5 1.058-3.95 4.842-6.257 8.789-5.284zm3.413 1.879c.065.063.13.128.193.194l1.135 1.134 2.475-3.182-1.746-1.746-3.182 2.475 1.125 1.125z'/%3E%3C/g%3E%3C/svg%3E");
/* icons below are from https://tabler-icons.io/ */
--icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
--icon-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-file' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'%3E%3C/path%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z'%3E%3C/path%3E%3C/svg%3E");
--icon-star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star-filled' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z' stroke-width='0' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
--icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-star' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'%3E%3C/path%3E%3C/svg%3E");
--icon-talk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-messages' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10'%3E%3C/path%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2'%3E%3C/path%3E%3C/svg%3E");
--icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-eye' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7'%3E%3C/path%3E%3C/svg%3E");
--icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E");
--icon-pencil-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-pencil-plus' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M8 20l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4h4z'%3E%3C/path%3E%3Cpath d='M13.5 6.5l4 4'%3E%3C/path%3E%3Cpath d='M16 18h4m-2 -2v4'%3E%3C/path%3E%3C/svg%3E");
--icon-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-code' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 8l-4 4l4 4'%3E%3C/path%3E%3Cpath d='M17 8l4 4l-4 4'%3E%3C/path%3E%3Cpath d='M14 4l-4 16'%3E%3C/path%3E%3C/svg%3E");
--icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-world' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M3.6 9l16.8 0'%3E%3C/path%3E%3Cpath d='M3.6 15l16.8 0'%3E%3C/path%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'%3E%3C/path%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'%3E%3C/path%3E%3C/svg%3E");
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-search' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'%3E%3C/path%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3C/svg%3E");
--icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-history' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 8l0 4l2 2'%3E%3C/path%3E%3Cpath d='M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5'%3E%3C/path%3E%3C/svg%3E");
--icon-jigsaw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-puzzle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1h1a2 2 0 0 0 0 -4h-1a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 1 -1'%3E%3C/path%3E%3C/svg%3E");;
--icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-dots-vertical' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E");
--icon-sidebar-collapse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-collapse' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M15 10l-2 2l2 2'%3E%3C/path%3E%3C/svg%3E");
--icon-sidebar-expand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-layout-sidebar-left-expand' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'%3E%3C/path%3E%3Cpath d='M9 4v16'%3E%3C/path%3E%3Cpath d='M14 10l2 2l-2 2'%3E%3C/path%3E%3C/svg%3E");
--icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-user-circle' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'%3E%3C/path%3E%3Cpath d='M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'%3E%3C/path%3E%3C/svg%3E");
--icon-arrow-bar-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-arrow-bar-right' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M20 12l-10 0'%3E%3C/path%3E%3Cpath d='M20 12l-4 4'%3E%3C/path%3E%3Cpath d='M20 12l-4 -4'%3E%3C/path%3E%3Cpath d='M4 4l0 16'%3E%3C/path%3E%3C/svg%3E");
--icon-language: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-language' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M4 5h7'%3E%3C/path%3E%3Cpath d='M9 3v2c0 4.418 -2.239 8 -5 8'%3E%3C/path%3E%3Cpath d='M5 9c0 2.144 2.952 3.908 6.7 4'%3E%3C/path%3E%3Cpath d='M12 20l4 -9l4 9'%3E%3C/path%3E%3Cpath d='M19.1 18h-6.2'%3E%3C/path%3E%3C/svg%3E");
--icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E");
}
/* @import reset.css */
/* @import gg.css */
/* @import base.css */
/* @import interface.css */
/* @import floatingScroll.css */
/* @import system.css */
/* @import extension.css */
/* @import content.css */
/* @import unknown.css */
/* @import template.css */
/* @import page.css */
/* @import theme.css */