add flex shrinkless var to profile sidebar

- Margins on buttons were changed

README.md

@@ -1,3 +1,2 @@
-# Worlio Core Theme
-
-The base for every Worlio site theme. Every site theme inherits this theme on the service.
+# Worlio Themes
+The default and built-in themes for Worlio.

ashes/css/theme.css

@@ -0,0 +1,136 @@
+:root {
+	--main-background: #171717;
+	--main-text: #ececec;
+	
+	--subtitle: #949494;
+	--main-nav: #515151;
+	--acc-nav: #333;
+	--acc-nav-separator: 2px solid transparent;
+	
+	--context-menu: #d0d0d0;
+	--context-menu-border: 2px solid #a4a4a4;
+	--context-menu-hover: #bfbfbf;
+	
+	--primary-container-background: #444444;
+	--primary-container-border: 2px solid transparent;
+	
+	--secondary-container-background: #515151;
+	--secondary-container-border: 2px solid transparent;
+	
+	--header-bg: #5e5e5e;
+	--header-text: #dcddde;
+	--header-line: 2px solid #000000;
+	
+	--code-bg: #5e5e5e63;
+	--code-text: #dcddde;
+	
+	--comments-bgcolor: #5e5e5e;
+	
+	--border-line: #ffffff;
+	--border-header: #000000;
+	
+	--inactive: #b4b4b4;
+	--alert: #ff8300;
+	--currency: #e09f4b;
+	
+	--tab-border: 2px solid transparent;
+	--tab-inactive: #7d7d7d;
+	--tab-selected: #515151;
+	--tab-gradient: #515151;
+	
+	--popup-title-bg: #b3b3b3;
+	--popup-title-border: 2px outset #868686;
+	
+	--dialog-title: linear-gradient(180deg, #ffffff 0%, #f3dca9 8px);
+	--dialog-title-border: 1px outset #a48e65;
+	--dialog-bg: #b3b3b3;
+	--dialog-border: 1px outset #636363;
+	--dialog-button: #fbebcc;
+	--dialog-button-hover: #f9f7dd;
+	--dialog-button-active: #fffeee;
+	
+	--listing-unknown: #dd8fe8;
+	--listing-missing: #d57f6b;
+	--listing-found: #8cb9fd;
+	--listing-archived: #5dc668;
+	
+	--status-success: #458e1c;
+	--status-error: #ff0000;
+	
+	--error: #c85151;
+	--warn: #d5c58e;
+	--info: #8d9dce;
+	--success: #95ce8d;
+	
+	--mail-subject-bg: #b7b7b7;
+	--mail-subject-border: 2px outset #8a8a8a;
+	--mail-sub-bg: #cecece;
+	--mail-sub-border: 2px outset #a8a8a8;
+	--mail-content-bg: #dbdbdb;
+	--mail-content-border: 2px outset #959595;
+	--mail-buttonbar: #cacaca;
+	
+	--forum-header: #444444;
+	--forum-header-border: 1px solid #444444;
+	--forum-content: #2f2f2f;
+	--forum-content-border: 2px solid #2f2f2f;
+	
+	--forum-sub: #575757;
+	--forum-sub-border: 1px solid #575757;
+	
+	--post: #2d2d2d;
+	--post-border: 1px solid #2d2d2d;
+	--post-bottombar: #2d2d2d;
+	
+	--post-author: #555555;
+	--post-author-border: 1px solid #555555;
+	
+	--quote-bg: #515151;
+	--quote-border: 1px solid #515151;
+	
+	--spoiler-bg: #626262;
+	--spoiler-header-bg: #1c1c1c;
+	--spoiler-header-text: #E8E8E8;
+	--spoiler-border: 1px solid #1c1c1c;
+	
+	--poll-bar-color: #808080;
+	--poll-bar-text: #000000;
+	--poll-first-bar: #FFD900;
+	--poll-second-bar: #FFB120;
+	--poll-third-bar: #E0D0A0;
+	
+	--bar-bgcolor: #000000;
+	
+	--input-bg: #ffffff;
+	--input-text: #000000;
+	
+	--direct: #ffffff;
+	
+	--background-image: none;
+	
+	--default-button-background: #6e6e6e;
+	--default-button-border: 2px outset transparent;
+	--hover-button-background: #5999c9;
+	--hover-button-border: 2px outset transparent;
+	--active-button-background: #c95959;
+	--active-button-border: 2px outset transparent;
+	--disabled-button-background: #808080;
+	--disabled-button-border: 2px outset transparent;
+	
+	--navbar-left: none;
+	--navbar-right: none;
+	--navbar-top: none;
+	--navbar-bottom: none;
+	--nav-db: none;
+	
+	--navbar-bg: none;
+	--navbar-gradient: none;
+	
+	--primary-font: Pixio;
+	--secondary-font: TypeWriter;
+}
+a:link {color:#5999c9;}
+a:visited {color: #c95959;}
+nav.top div.slideout .dropdown {
+	background-image: none !important;
+}

betalogo.svg

@@ -1,231 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="338.78748mm"
-   height="149.83882mm"
-   viewBox="0 0 338.78747 149.83883"
-   version="1.1"
-   id="svg18368"
-   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
-   sodipodi:docname="logo3-beta.svg"
-   inkscape:export-filename="/home/nick/Pictures/Projects/Wirlaburla/logo3.png"
-   inkscape:export-xdpi="120"
-   inkscape:export-ydpi="120"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <sodipodi:namedview
-     id="namedview18370"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:document-units="mm"
-     showgrid="false"
-     inkscape:zoom="0.7839506"
-     inkscape:cx="568.2756"
-     inkscape:cy="303.59056"
-     inkscape:window-width="1788"
-     inkscape:window-height="1051"
-     inkscape:window-x="132"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
-     fit-margin-top="1"
-     fit-margin-left="1"
-     fit-margin-right="1"
-     fit-margin-bottom="1" />
-  <defs
-     id="defs18365" />
-  <g
-     inkscape:groupmode="layer"
-     id="layer2"
-     inkscape:label="Color"
-     transform="translate(-26.760424,-61.060022)">
-    <path
-       style="fill:none;stroke:#000000;stroke-width:2.85061;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 307.82968,142.8405 c -0.51229,3.56103 -0.24936,7.38447 -0.50223,10.74854 -0.22182,2.95091 0.20222,6.7928 0.20222,6.7928 3.82429,0.24105 8.63313,-0.48414 8.89509,-4.96921 0.22678,-3.88275 -10.08813,-3.28868 -7.68131,-4.68114 1.8267,-1.05684 4.70425,-0.88596 5.61744,-3.8106 0.36318,-1.16317 -0.87194,-3.4256 -2.49359,-3.69396 -1.44028,-0.23836 -4.03762,-0.38643 -4.03762,-0.38643 z"
-       id="path43679-9"
-       sodipodi:nodetypes="ssssssss" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:2.85061;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 330.67425,143.92112 c -3.32926,0.20779 -5.89728,0.1533 -8.99079,0.1533 2.04689,5.50955 -2.31702,11.47739 0.52592,15.70792 3.19801,-0.0684 6.65331,0.0644 9.63872,0.0759"
-       id="path43681-1"
-       sodipodi:nodetypes="cccc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:2.85061;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 322.06369,151.05474 c 1.77791,0.0321 4.75643,0.4699 6.53331,0.52307"
-       id="path43683-2"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:2.85061;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 335.20953,143.68408 c 5.49883,0.22801 11.16153,1.20966 16.40357,1.24116"
-       id="path43685-7"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:2.85061;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 343.25767,144.60823 c -0.51629,5.72444 -0.25502,10.76388 -0.15062,16.16783"
-       id="path43687-0"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:2.85061;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 349.46175,160.06168 c 7.58896,-8.86067 4.72454,-10.21235 10.11594,-14.34064 1.72904,4.96586 3.4444,10.72873 3.5449,15.40437"
-       id="path43689-9"
-       sodipodi:nodetypes="ccc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:2.85061;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 355.13185,152.8336 c 3.22723,-0.37843 3.70578,0.91591 6.73694,0.99495"
-       id="path43691-3"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:14.1395;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 169.51604,165.27476 c -6.66272,-3.14017 -11.29004,-0.16014 -16.34803,4.39207 -12.75852,11.48271 -2.98446,34.59111 14.08131,32.49499 8.07831,-0.99223 16.67947,-12.69897 15.28644,-19.7296 -1.21175,-6.11568 -8.25583,-14.91224 -13.01972,-17.15746 z"
-       id="path907-7"
-       sodipodi:nodetypes="sssss" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:14.1395;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 229.56478,137.26227 c 5.91577,21.75376 -1.13595,42.94736 1.39594,65.56682"
-       id="path911-5"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:14.1395;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 290.21901,171.11972 c -5.93652,-1.36494 -17.51163,8.33152 -17.53746,14.62164 -0.0413,10.08475 6.97013,17.37168 14.3136,17.06693 8.45028,-0.35071 12.46593,-6.04878 14.99971,-14.15369 2.38769,-7.63757 -6.84886,-16.40206 -11.77585,-17.53488 z"
-       id="path913-3"
-       sodipodi:nodetypes="sssss" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:14.1395;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 209.10692,177.25763 c -2.17348,-2.33541 -3.38536,-3.63518 -4.60765,-5.4446 -1.2516,-1.85279 -4.55626,-2.98587 -6.07269,-2.17067 -6.66648,3.58374 -4.46229,13.98038 -3.24942,19.9568 0.3461,1.70538 1.658,11.23127 2.40934,12.16942"
-       id="path1108-5"
-       sodipodi:nodetypes="csssc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:14.1395;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 252.59123,169.23461 c -2.37004,13.01428 -0.53353,21.42848 -0.40066,32.89256"
-       id="path7532-6"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:14.1395;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 251.5135,155.418 c 2.22626,-0.60911 2.12789,-0.65429 2.12789,-0.65429 0.25817,-1.7244 -2.72424,-1.25496 0.25817,-1.7244 l -3.03845,0.29848 z"
-       id="path7532-3-2"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#a4a4a4;stroke-width:9.42633;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 169.51604,165.27476 c -6.66272,-3.14017 -11.29004,-0.16014 -16.34803,4.39207 -12.75852,11.48271 -2.98445,34.59111 14.08131,32.49499 8.07831,-0.99223 16.67947,-12.69897 15.28644,-19.7296 -1.21175,-6.11568 -8.25583,-14.91224 -13.01972,-17.15746 z"
-       id="path907"
-       sodipodi:nodetypes="sssss" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#d7d7d7;stroke-width:9.42633;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 229.56478,137.26227 c 5.91577,21.75376 -1.13595,42.94736 1.39594,65.56682"
-       id="path911"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#d7d7d7;stroke-width:9.42633;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 290.21901,171.11972 c -5.93652,-1.36494 -17.51163,8.33152 -17.53746,14.62164 -0.0413,10.08475 6.97013,17.37168 14.3136,17.06693 8.45028,-0.35071 12.46593,-6.04878 14.99971,-14.15369 2.38769,-7.63757 -6.84886,-16.40206 -11.77585,-17.53488 z"
-       id="path913"
-       sodipodi:nodetypes="sssss" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#d7d7d7;stroke-width:9.42633;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 209.10692,177.25763 c -2.17348,-2.33541 -3.38536,-3.63518 -4.60765,-5.4446 -1.2516,-1.85279 -4.55626,-2.98587 -6.07269,-2.17067 -6.66648,3.58374 -4.46229,13.98038 -3.24942,19.9568 0.3461,1.70538 1.658,11.23127 2.40934,12.16942"
-       id="path1108"
-       sodipodi:nodetypes="csssc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#d7d7d7;stroke-width:9.42633;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 252.59123,169.23461 c -2.37004,13.01428 -0.53353,21.42848 -0.40066,32.89256"
-       id="path7532"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#a4a4a4;stroke-width:9.42633;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 251.5135,155.418 c 2.22626,-0.60911 2.12789,-0.65429 2.12789,-0.65429 0.25817,-1.7244 -2.72424,-1.25496 0.25817,-1.7244 l -3.03845,0.29848 z"
-       id="path7532-3"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       style="fill:none;stroke:#39ab40;stroke-width:1.90041;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 307.82968,142.8405 c -0.51229,3.56103 -0.24936,7.38447 -0.50223,10.74854 -0.22182,2.95091 0.20222,6.7928 0.20222,6.7928 3.82429,0.24105 8.63313,-0.48414 8.89509,-4.96921 0.22678,-3.88275 -10.08813,-3.28868 -7.68131,-4.68114 1.8267,-1.05684 4.70425,-0.88596 5.61744,-3.8106 0.36318,-1.16317 -0.87194,-3.4256 -2.49359,-3.69396 -1.44028,-0.23836 -4.03762,-0.38643 -4.03762,-0.38643 z"
-       id="path43679"
-       sodipodi:nodetypes="ssssssss" />
-    <path
-       style="fill:none;stroke:#39ab40;stroke-width:1.90041;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 330.67425,143.92112 c -3.32926,0.20779 -5.89728,0.1533 -8.99079,0.1533 2.04689,5.50955 -2.31702,11.47739 0.52592,15.70792 3.19801,-0.0684 6.65331,0.0644 9.63872,0.0759"
-       id="path43681"
-       sodipodi:nodetypes="cccc" />
-    <path
-       style="fill:none;stroke:#39ab40;stroke-width:1.90041;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 322.06369,151.05474 c 1.77791,0.0321 4.75643,0.4699 6.53331,0.52307"
-       id="path43683"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#39ab40;stroke-width:1.90041;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 335.20953,143.68408 c 5.49883,0.22801 11.16153,1.20966 16.40357,1.24116"
-       id="path43685"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#39ab40;stroke-width:1.90041;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 343.25767,144.60823 c -0.51629,5.72444 -0.25502,10.76388 -0.15062,16.16783"
-       id="path43687"
-       sodipodi:nodetypes="cc" />
-    <path
-       style="fill:none;stroke:#39ab40;stroke-width:1.90041;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 349.46175,160.06168 c 7.58896,-8.86067 4.72454,-10.21235 10.11594,-14.34064 1.72904,4.96586 3.4444,10.72873 3.5449,15.40437"
-       id="path43689"
-       sodipodi:nodetypes="ccc" />
-    <path
-       style="fill:none;stroke:#39ab40;stroke-width:1.90041;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 355.13185,152.8336 c 3.22723,-0.37843 3.70578,0.91591 6.73694,0.99495"
-       id="path43691"
-       sodipodi:nodetypes="cc" />
-  </g>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-26.760424,-61.060022)">
-    <path
-       style="fill:#d7d7d7;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.506251;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 61.549193,114.46649 c -3.53645,0.29628 -6.7569,2.05083 -9.820454,3.72008 -3.762523,2.33738 -7.539035,4.90289 -10.290905,8.42899 -0.696801,1.01204 -1.355138,2.12175 -1.676172,3.29979 2.441379,12.07471 5.214982,24.08104 7.432225,36.20084 1.100934,5.07597 1.823437,10.31805 3.928075,15.10575 2.165422,4.18875 5.558861,7.71604 9.477361,10.30991 4.01936,2.5406 8.99871,4.17187 13.75279,3.09089 1.84211,-0.49288 3.63447,-1.57708 4.70028,-3.15352 -1.73238,-5.33614 -3.62403,-10.7567 -4.725,-16.20461 0.40432,0.39551 0.37021,1.32073 0.60753,1.89372 1.54909,5.9308 3.32887,11.82123 5.5862,17.52297 0.7303,2.09299 2.38504,3.65888 4.26612,4.74635 4.90207,2.96213 9.82919,6.15446 15.00895,8.63905 2.580057,1.27412 5.478997,1.51785 8.300877,0.95587 7.03796,-1.29111 13.2047,-4.3401 18.48058,-9.11355 2.93882,-2.54265 4.77817,-6.05448 5.99779,-9.69003 1.80831,-5.16805 3.19485,-10.47187 4.57606,-15.76616 -0.11509,-1.07229 -1.53378,-0.67245 -2.28373,-0.93076 -5.05832,-1.04807 -9.63859,-3.64604 -14.15117,-6.1194 -5.41042,-3.12548 -10.68464,-6.57872 -15.24198,-10.87887 -0.40529,-0.52602 -1.40351,-0.6522 -1.47491,0.19248 -0.66957,4.02712 -1.4061,8.05407 -1.77418,12.11638 -0.46627,3.00783 -0.85431,6.15026 -2.15882,8.91376 -0.221907,-0.25395 0.28525,-0.93727 0.34805,-1.32462 1.18143,-3.77869 1.80827,-7.74743 1.99383,-11.68977 -3.138277,-6.27756 -5.978207,-12.92423 -6.333207,-20.03128 -0.33204,-4.04867 -0.11158,-8.41822 -2.37734,-11.99344 -2.24574,-3.95413 -6.53618,-6.48109 -11.02939,-6.87096 -4.87263,-0.59813 -10.40473,0.52373 -13.67699,4.44847 -2.28524,2.72567 -3.27535,6.35978 -3.10588,9.88045 0.0224,8.57086 -0.094,17.1747 -1.09804,25.6767 -0.0318,0.29307 -0.31303,1.81167 -0.27026,0.84045 0.96182,-7.20544 1.13367,-14.49188 1.06596,-21.75622 -0.12654,-6.70885 0.10204,-13.4501 -0.64211,-20.12971 -0.55192,-3.38604 -1.13178,-6.82669 -2.19546,-10.07564 -0.22192,-0.42148 -0.81696,-0.19682 -1.19668,-0.25436 z"
-       id="path62032"
-       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccc" />
-    <path
-       style="fill:#d7d7d7;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.506251;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none"
-       d="m 169.47635,62.689575 c -4.43512,-0.01016 -8.61096,1.729671 -12.78008,3.029236 -8.78578,3.052797 -17.34729,6.785067 -25.53539,11.197838 -4.06477,2.150759 -8.0991,6.158072 -10.95,9.650172 -4.31694,5.6417 -7.06036,11.41893 -9.94625,17.910039 0.35711,2.63336 1.86429,5.0177 3.50853,7.06353 4.62562,5.31084 10.63675,9.30669 17.16491,11.89556 3.87039,1.51306 7.898,2.90142 12.07453,3.13802 0.85609,-0.013 2.07257,-0.0528 2.14035,-1.17729 0.73809,-3.34912 2.23466,-6.72017 5.1019,-8.77081 4.33572,-3.14065 9.81367,-3.61326 14.89203,-4.71006 5.89785,-1.12739 11.9452,-2.27223 17.18295,-5.37192 7.22307,-3.96797 13.20333,-10.862439 14.62045,-19.144769 0.44149,-3.04991 0.47352,-6.24333 -0.34572,-9.232998 -1.82776,-5.785324 -6.95651,-9.850408 -12.35093,-12.193325 -4.64137,-2.037737 -9.69341,-3.277497 -14.77728,-3.283223 z"
-       id="path62071"
-       sodipodi:nodetypes="cccccccccccccccc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:1.05833;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 33.979233,109.54568 c 3.787075,4.87449 3.444734,9.05117 4.374745,13.77975 2.066978,10.50943 4.044288,19.84101 6.206728,29.73154 2.189908,10.01616 4.069945,25.01166 7.332782,29.89177 4.946585,7.39845 11.837075,11.9666 19.520165,12.15234 2.93786,0.071 5.98678,-1.15778 7.84225,-3.5201 0,0 -2.803,-7.32375 -4.90427,-16.3107"
-       id="path18474"
-       sodipodi:nodetypes="csssscc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:1.05833;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 38.353978,123.32543 c -0.738022,5.41043 -2.378007,-2.84815 -4.139545,-7.83691 -1.00733,-2.85282 -2.079736,-5.16579 -3.207916,-9.91383 -1.306737,-5.49951 -2.376561,-10.499539 -1.494175,-13.545129 0.918549,-3.17042 3.915905,-7.81028 10.850218,-7.79438 7.351761,0.0169 12.976956,7.43999 16.468023,13.872726 4.02285,7.412613 8.16289,22.425913 8.51943,29.724163 0.2494,5.10523 1.17005,26.10944 -0.81337,39.14261"
-       id="path18476"
-       sodipodi:nodetypes="cssssssc" />
-    <path
-       style="fill:none;stroke:#000000;stroke-width:1.05833;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 65.643153,139.6143 c 0.43988,-9.41155 6.28037,-14.20504 15.14084,-14.02187 10.61322,0.21941 14.86282,7.82791 15.13447,14.4984 0.22514,5.52823 -0.10887,11.75656 6.621697,24.63427 0,0 -0.48939,8.79397 -2.545047,13.02997"
-       id="path18478"
-       sodipodi:nodetypes="csscc" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:1.05833;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 79.255903,191.58098 c 1.93386,5.35653 5.31751,7.90867 10.03126,10.9778 3.31056,2.1555 10.64569,6.43057 16.794987,6.5008 7.07779,0.0808 18.82734,-5.49158 23.78552,-12.7476 3.39328,-4.96586 6.14416,-17.47037 9.21224,-28.73164 3.31642,-12.1728 4.59181,-26.32565 5.76432,-39.0846 1.45954,-15.88236 12.03667,-14.28484 27.78438,-18.03083 14.51204,-3.45206 26.40845,-15.152059 24.58415,-30.028359 -1.69837,-13.849364 -23.07037,-19.939341 -32.96638,-17.197106 -13.31831,3.690576 -25.85612,9.214174 -33.44428,13.676545 -11.75241,6.911241 -19.34303,22.940107 -21.35793,29.37529 -2.68273,8.5681 -1.53885,22.12053 -2.81416,30.04882 -1.59121,9.89219 -2.06682,16.47771 -3.68607,26.36534 -0.11096,0.67752 -0.40378,2.01966 -0.40378,2.01966 v 0"
-       id="path18480"
-       sodipodi:nodetypes="csssssssssssssc" />
-    <path
-       style="fill:#a4a4a4;fill-opacity:1;stroke:#000000;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 32.453665,86.339651 c -4.305387,3.49199 -4.669521,6.96964 -4.073121,11.59046 0.628114,4.866549 5.01837,17.799779 6.775463,21.661549 1.231055,2.70564 2.223567,9.52956 4.922461,9.59385 1.042831,-3.36273 4.698787,-6.34179 9.343442,-9.52832 4.970643,-3.41018 10.772913,-5.67921 13.565993,-5.11807 1.40805,-2.19066 -2.91481,-13.40926 -6.54787,-20.070959 -2.898077,-5.31401 -5.157844,-8.49892 -10.685652,-10.35978 -5.551164,-1.86873 -9.934359,-0.4991 -13.300716,2.23127 z"
-       id="path38095"
-       sodipodi:nodetypes="ssscscsss" />
-    <path
-       style="fill:#a4a4a4;fill-opacity:1;stroke:#000000;stroke-width:0.79375;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 110.19256,104.44183 c 0.69316,3.56247 3.01325,7.92046 10.93298,13.71319 8.47325,6.19758 22.10317,9.60566 23.80316,7.99404 2.94722,-2.79402 -0.4716,17.53295 -1.65823,26.51551 -0.5849,4.42754 -3.77801,18.13769 -5.20669,20.28766 -2.98283,4.48872 -30.60278,-12.34525 -33.60046,-17.79735 -2.28749,-4.16041 0.5864,-12.12234 1.41247,-21.97905 0.30781,-3.67287 0.24176,-11.90477 0.98138,-18.61139 0.81119,-7.35566 2.85947,-12.5686 3.33539,-10.12261 z"
-       id="path49222"
-       sodipodi:nodetypes="sssssssss" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer3"
-     inkscape:label="Face"
-     transform="translate(-26.760424,-61.060022)" />
-</svg>

buttontest.html

@@ -1,26 +0,0 @@
-<html>
-	<head>
-		<style>
-			button {
-				background: url('main-button.svg');
-				background-repeat: no-repeat;
-				background-size: 100% 100%;
-				border: none;
-				margin: 2px;
-			}
-			path { stroke-width: 2; }
-			.btn1 { width: 50px; height: 50px; }
-			.btn2 { width: 100px; height: 50px; }
-			.btn3 { width: 150px; height: 100px; }
-			.btn4 { width: 100px; height: 200px; }
-			.btn5 { width: 50px; height: 150px; }
-		</style>
-	</head>
-	<body>
-		<button class='btn1'>Button 1</button>
-		<button class='btn2'>Button 2</button><br>
-		<button class='btn3'>Button 3</button><br>
-		<button class='btn4'>Button 4</button>
-		<button class='btn5'>Button 5</button><br>
-	</body>
-</html>

core/branding/icon1.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="171.151mm" height="149.129mm" version="1.1" viewBox="0 0 171.151 149.129" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-36.0495 -66.5524)">
+		<g stroke-linecap="round">
+			<path d="m47.7 89.8605c-3.51476-0.12133-6.77014 2.24617-8.56152 5.14446-2.46014 4.86113-1.99769 10.7863 0.457607 15.5577 2.50163 5.62318 6.05962 10.9017 7.05985 17.083 3.35763 15.6536 6.68528 31.3111 9.71371 47.0325 1.2352 5.69957 2.21118 11.8634 6.28736 16.3432 4.32319 5.20184 10.7119 9.26412 17.6507 9.2122 2.68032-0.1588 5.57656-1.17629 7.17391-3.40354-1.65815-5.3787-3.66147-10.7709-4.6625-16.2915 0.66153 1.20134 0.76151 2.93702 1.26105 4.29957 1.4467 4.90685 2.79161 9.89881 4.97457 14.5383 2.84362 5.08244 8.16294 7.97636 13.0281 10.8118 4.86705 2.62973 10.4511 4.85863 16.0702 3.62779 7.84469-1.66165 15.2431-6.02014 20.1335-12.4214 3.73247-6.57522 5.12501-14.1302 7.24957-21.3083 0.34424-1.51025-1.78844-0.93157-2.7118-1.32089-6.76678-1.85545-12.8681-5.46652-18.7742-9.11025-3.79885-2.35866-7.26678-5.14512-10.5437-8.16893-1.19139-0.54566-1.0559 1.35026-1.25625 2.02834-1.19272 6.01248-1.351 12.1748-3.0509 18.0674-0.0373 0.31992-0.63867 1.66975-0.69608 1.21246 1.40249-4.07964 2.12135-8.40005 2.35246-12.6871-3.08016-6.16859-5.8764-12.6713-6.27362-19.648-0.38326-4.45622-0.14467-9.36304-2.90829-13.1839-3.26144-4.96901-9.65928-6.83717-15.3332-6.08041-4.62676 0.41764-9.04976 3.29926-10.7569 7.71133-1.7858 4.13074-1.10011 8.77935-1.30652 13.1513-0.0709 6.76879-0.0792 13.5678-1.20535 20.2502-0.25438-0.89108 0.20196-2.29125 0.22619-3.38251 1.00951-11.4871 0.99094-23.0558 0.45375-34.5682-0.48928-8.46212-2.92681-16.6931-5.83232-24.6101-2.61922-6.86516-6.4688-13.5783-12.5151-17.9653-1.80845-0.95776-3.60956-2.3103-5.76718-1.92363-0.645721-5.3e-4 -1.29144 1.6e-4 -1.93716 2e-3z" fill="#ffb0bd" stroke-linejoin="round" stroke-width=".954617"/>
+			<path d="m73.0177 172.272c1.98343-13.0332 1.06278-34.0374 0.81338-39.1426-0.35654-7.29825-4.49659-22.3116-8.51943-29.7242-3.49107-6.43274-9.11626-13.8559-16.468-13.8727-6.93431-0.0159-9.93167 4.62397-10.8502 7.79439-0.882386 3.04559-1.41096 8.69118 2.50488 15.6549 4.24105 7.54201 5.40674 10.9124 6.33675 15.641 2.06698 10.5094 4.04429 19.841 6.20673 29.7315 2.18991 10.0162 4.06994 25.0117 7.33278 29.8918 4.94659 7.39845 11.8371 11.9666 19.5202 12.1523 2.93785 0.071 5.98677-1.15778 7.84224-3.5201 0 0-2.803-7.32375-4.90426-16.3107" fill="none" stroke="#000" stroke-width="1.32292"/>
+			<path d="m74.1243 144.912c0.43987-9.41155 6.28037-14.205 15.1408-14.0219 10.6132 0.21941 14.8628 7.82791 15.1345 14.4984 0.22513 5.52823-0.10888 11.7566 6.6217 24.6343 0 0-0.48939 8.79397-2.54505 13.03" fill="none" stroke="#000" stroke-width="1.32292"/>
+		</g>
+		<path d="m177.957 67.9872c-4.43512-0.01016-8.61097 1.72967-12.7801 3.02924-8.78578 3.0528-17.3473 6.78506-25.5354 11.1978-4.06476 2.15075-8.0991 6.15807-10.95 9.65017-4.31694 5.6417-7.06037 11.4189-9.94625 17.91 0.35711 2.63336 1.86428 5.0177 3.50852 7.06353 4.62563 5.31083 10.6368 9.30669 17.1649 11.8956 3.87039 1.51306 7.898 2.90143 12.0745 3.13803 0.8561-0.013 2.07257-0.0528 2.14036-1.1773 0.73809-3.34911 2.23465-6.72016 5.1019-8.77081 4.33572-3.14065 9.81366-3.61325 14.892-4.71005 5.89785-1.12739 11.9452-2.27223 17.1829-5.37192 7.22308-3.96797 13.2033-10.8624 14.6204-19.1448 0.4415-3.04991 0.47352-6.24333-0.34571-9.233-1.82776-5.78532-6.95651-9.85041-12.3509-12.1933-4.64137-2.03774-9.69342-3.2775-14.7773-3.28322z" fill="#ffb0bd"/>
+		<path d="m87.737 196.879c1.93386 5.35653 5.31751 7.90867 10.0313 10.9778 3.31054 2.1555 10.6457 6.43057 16.795 6.5008 7.07779 0.0808 18.8273-5.49158 23.7855-12.7476 3.39328-4.96586 6.14416-17.4704 9.21224-28.7316 3.31642-12.1728 4.59181-26.3256 5.76432-39.0846 1.45954-15.8824 12.0367-14.2848 27.7844-18.0308 14.512-3.45206 26.4084-15.152 24.5842-30.0284-1.69837-13.8494-23.0704-19.9393-32.9664-17.1971-13.3183 3.69058-25.8561 9.21417-33.4443 13.6765-11.7524 6.91124-19.343 22.9401-21.3579 29.3753-2.68273 8.5681-1.53885 22.1205-2.81416 30.0488-1.59122 9.89219-2.06682 16.4777-3.68608 26.3653-0.11095 0.67752-0.40377 2.01966-0.40377 2.01966" fill="none" stroke="#000" stroke-width="1.32292"/>
+		<path d="m118.674 109.739c0.69316 3.56247 3.01325 7.92046 10.933 13.7132 8.47325 6.19758 22.1032 9.60566 23.8032 7.99404 2.94722-2.79402-0.4716 17.533-1.65823 26.5155-0.5849 4.42754-3.77801 18.1377-5.20669 20.2877-2.98283 4.48872-30.6028-12.3452-33.6005-17.7974-2.28749-4.16041 0.58639-12.1223 1.41247-21.979 0.30781-3.67287 0.24176-11.9048 0.98138-18.6114 0.81119-7.35566 2.85947-12.5686 3.33539-10.1226z" fill="#cbd9f0" stroke="#000" stroke-width="1.32292"/>
+	</g>
+</svg>

core/branding/icon1a.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="171.15111mm" height="149.12863mm" version="1.1" viewBox="0 0 171.1511 149.12864" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-36.049536,-66.552411)">
+		<g stroke-linecap="round">
+			<path d="m47.699998 89.860536c-3.514763-0.12133-6.770139 2.24617-8.561516 5.14446-2.460135 4.86113-1.997688 10.786294 0.457607 15.557654 2.501627 5.62318 6.059615 10.90174 7.059849 17.08304 3.357633 15.65357 6.685278 31.3111 9.713714 47.0325 1.235205 5.69957 2.211184 11.86339 6.287363 16.34323 4.32319 5.20184 10.7119 9.26412 17.65067 9.2122 2.68032-0.1588 5.57656-1.17629 7.17391-3.40354-1.65815-5.3787-3.66147-10.77086-4.6625-16.29149 0.66153 1.20134 0.76151 2.93702 1.26105 4.29957 1.4467 4.90685 2.79161 9.89881 4.97457 14.53828 2.84362 5.08244 8.16294 7.97636 13.028115 10.81185 4.86705 2.62973 10.45113 4.85863 16.07022 3.62779 7.84469-1.66165 15.2431-6.02014 20.13346-12.42135 3.73247-6.57522 5.12501-14.13024 7.24957-21.30833 0.34424-1.51025-1.78844-0.93157-2.7118-1.32089-6.76678-1.85545-12.86806-5.46652-18.77415-9.11025-3.79885-2.35866-7.26678-5.14512-10.54373-8.16893-1.19139-0.54566-1.0559 1.35026-1.25625 2.02834-1.19272 6.01248-1.351 12.17482-3.0509 18.06744-0.0373 0.31992-0.63867 1.66975-0.69608 1.21246 1.40249-4.07964 2.12135-8.40005 2.35246-12.68706-3.08016-6.16859-5.8764-12.67129-6.27362-19.64799-0.38326-4.45622-0.14467-9.36304-2.90829-13.1839-3.261445-4.96901-9.659285-6.83717-15.333165-6.08041-4.62676 0.41764-9.04976 3.29926-10.7569 7.71133-1.7858 4.13074-1.10011 8.77935-1.30652 13.15131-0.0709 6.76879-0.0792 13.56784-1.20535 20.25016-0.25438-0.89108 0.20196-2.29125 0.22619-3.38251 1.00951-11.48713 0.99094-23.05578 0.45375-34.56822-0.48928-8.46212-2.92681-16.69311-5.83232-24.61014-2.619218-6.86516-6.468797-13.578304-12.515068-17.965304-1.808451-0.95776-3.609557-2.3103-5.767184-1.92363-0.645721-5.3e-4 -1.291437 1.6e-4 -1.937155 2e-3z" fill="#ffb0bd" stroke-linejoin="round" stroke-width=".954617"/>
+			<path d="m73.017745 172.27231c1.98343-13.03317 1.06278-34.03738 0.81338-39.14261-0.35654-7.29825-4.49659-22.31155-8.519433-29.72415-3.491068-6.432744-9.116263-13.855884-16.468024-13.872744-6.934313-0.0159-9.931669 4.62397-10.850218 7.79439-0.882386 3.045594-1.41096 8.691184 2.504883 15.654874 4.241053 7.54201 5.406742 10.91241 6.336753 15.64099 2.066978 10.50943 4.044288 19.84101 6.206728 29.73154 2.189908 10.01616 4.069945 25.01166 7.332782 29.89177 4.946588 7.39845 11.837079 11.9666 19.520169 12.15234 2.93785 0.071 5.98677-1.15778 7.84224-3.5201 0 0-2.803-7.32375-4.90426-16.3107" fill="none" stroke="#000" stroke-width="2.64583"/>
+			<path d="m74.124265 144.91193c0.43987-9.41155 6.28037-14.20504 15.14084-14.02187 10.61322 0.21941 14.862815 7.82791 15.134465 14.4984 0.22513 5.52823-0.10888 11.75656 6.6217 24.63427 0 0-0.48939 8.79397-2.54505 13.02997" fill="none" stroke="#000" stroke-width="2.64583"/>
+		</g>
+		<path d="m177.95746 67.987207c-4.43512-0.01016-8.61097 1.729671-12.78008 3.029236-8.78578 3.052797-17.34729 6.785063-25.5354 11.197843-4.06476 2.15075-8.0991 6.15807-10.94999 9.65017-4.31694 5.6417-7.06037 11.418934-9.94625 17.910044 0.35711 2.63336 1.86428 5.0177 3.50852 7.06353 4.62563 5.31083 10.63675 9.30669 17.16492 11.89555 3.87039 1.51306 7.898 2.90143 12.07452 3.13803 0.8561-0.013 2.07257-0.0528 2.14036-1.1773 0.73809-3.34911 2.23465-6.72016 5.1019-8.77081 4.33572-3.14065 9.81366-3.61325 14.89203-4.71005 5.89785-1.12739 11.9452-2.27223 17.18294-5.37192 7.22308-3.96797 13.20334-10.86244 14.62045-19.144774 0.4415-3.04991 0.47352-6.24333-0.34571-9.233-1.82776-5.78532-6.95651-9.850409-12.35093-12.193326-4.64137-2.037737-9.69342-3.277497-14.77728-3.283223z" fill="#ffb0bd"/>
+		<path d="m87.737005 196.87861c1.93386 5.35653 5.31751 7.90867 10.03127 10.9778 3.310545 2.1555 10.645685 6.43057 16.794985 6.5008 7.07779 0.0808 18.82734-5.49158 23.78552-12.7476 3.39328-4.96586 6.14416-17.47037 9.21224-28.73164 3.31642-12.1728 4.59181-26.32565 5.76432-39.0846 1.45954-15.88236 12.03667-14.28484 27.78438-18.03083 14.51204-3.45206 26.40845-15.15205 24.58415-30.028354-1.69837-13.849367-23.07037-19.939344-32.96638-17.197109-13.31831 3.690576-25.85612 9.214169-33.44428 13.676549-11.75241 6.91124-19.34303 22.940104-21.35793 29.375284-2.68273 8.5681-1.53885 22.12053-2.81416 30.04882-1.59122 9.89219-2.06682 16.47771-3.68608 26.36534-0.11095 0.67752-0.40377 2.01966-0.40377 2.01966" fill="none" stroke="#000" stroke-width="2.64583"/>
+		<path d="m118.67367 109.73946c0.69316 3.56247 3.01325 7.92046 10.93298 13.71319 8.47325 6.19758 22.10317 9.60566 23.80316 7.99404 2.94722-2.79402-0.4716 17.53295-1.65823 26.51551-0.5849 4.42754-3.77801 18.13769-5.20669 20.28766-2.98283 4.48872-30.60278-12.34525-33.60046-17.79735-2.28749-4.16041 0.58639-12.12234 1.41247-21.97905 0.30781-3.67287 0.24176-11.90477 0.98138-18.61139 0.81119-7.35566 2.85947-12.5686 3.33539-10.12261z" fill="#cbd9f0" stroke="#000" stroke-width="2.64583"/>
+	</g>
+</svg>

core/branding/logo1.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="301.38mm" height="149.88mm" version="1.1" viewBox="0 0 301.38 149.88" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-35.588 -67.094)">
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m183.22 167.28c-7.271-3.4268-12.321-0.17476-17.841 4.793-13.923 12.531-3.2569 37.749 15.367 35.462 8.8158-1.0828 18.202-13.858 16.682-21.531-1.3224-6.674-9.0096-16.274-14.208-18.724z" stroke="#000" stroke-width="13.229"/>
+			<path d="m183.22 167.28c-7.271-3.4268-12.321-0.17476-17.841 4.793-13.923 12.531-3.2569 37.749 15.367 35.462 8.8158-1.0828 18.202-13.858 16.682-21.531-1.3224-6.674-9.0096-16.274-14.208-18.724z" stroke="#b4c8e9" stroke-width="10.287"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m248.75 136.71c6.4559 23.74-1.2397 46.868 1.5234 71.553" stroke="#000" stroke-width="13.229"/>
+			<path d="m248.75 136.71c6.4559 23.74-1.2397 46.868 1.5234 71.553" stroke="#ffb0bd" stroke-width="10.287"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m314.95 173.66c-6.4785-1.4896-19.11 9.0922-19.139 15.957-0.0451 11.005 7.6065 18.958 15.62 18.625 9.2218-0.38273 13.604-6.601 16.369-15.446 2.6057-8.3349-7.4741-17.9-12.851-19.136z" stroke="#000" stroke-width="13.229"/>
+			<path d="m314.95 173.66c-6.4785-1.4896-19.11 9.0922-19.139 15.957-0.0451 11.005 7.6065 18.958 15.62 18.625 9.2218-0.38273 13.604-6.601 16.369-15.446 2.6057-8.3349-7.4741-17.9-12.851-19.136z" stroke="#ffb0bd" stroke-width="10.287"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m232.17 180.62c-2.3719-2.5486-3.6944-3.967-5.0283-5.9417-1.3659-2.0219-4.9722-3.2585-6.6271-2.3688-7.2751 3.9109-4.8697 15.257-3.5461 21.779 0.37769 1.8611 1.8094 12.257 2.6293 13.28" stroke="#000" stroke-width="13.229"/>
+			<path d="m232.17 180.62c-2.3719-2.5486-3.6944-3.967-5.0283-5.9417-1.3659-2.0219-4.9722-3.2585-6.6271-2.3688-7.2751 3.9109-4.8697 15.257-3.5461 21.779 0.37769 1.8611 1.8094 12.257 2.6293 13.28" stroke="#ffb0bd" stroke-width="10.287"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m273.88 171.6c-2.5864 14.202-0.58224 23.385-0.43724 35.896" stroke="#000" stroke-width="13.229"/>
+			<path d="m273.88 171.6c-2.5864 14.202-0.58224 23.385-0.43724 35.896" stroke="#ffb0bd" stroke-width="10.287"/>
+			<path d="m272.71 156.52c2.4295-0.66473 2.3222-0.71402 2.3222-0.71402 0.28174-1.8818-2.973-1.3695 0.28174-1.8818l-3.3159 0.32573z" stroke="#000" stroke-width="13.229"/>
+			<path d="m272.71 156.52c2.4295-0.66473 2.3222-0.71402 2.3222-0.71402 0.28174-1.8818-2.973-1.3695 0.28174-1.8818l-3.3159 0.32573z" stroke="#b4c8e9" stroke-width="10.287"/>
+		</g>
+		<g stroke-linecap="round">
+			<path d="m47.7 89.861c-3.5148-0.12133-6.7701 2.2462-8.5615 5.1445-2.4601 4.8611-1.9977 10.786 0.45761 15.558 2.5016 5.6232 6.0596 10.902 7.0598 17.083 3.3576 15.654 6.6853 31.311 9.7137 47.032 1.2352 5.6996 2.2112 11.863 6.2874 16.343 4.3232 5.2018 10.712 9.2641 17.651 9.2122 2.6803-0.1588 5.5766-1.1763 7.1739-3.4035-1.6582-5.3787-3.6615-10.771-4.6625-16.291 0.66153 1.2013 0.76151 2.937 1.261 4.2996 1.4467 4.9068 2.7916 9.8988 4.9746 14.538 2.8436 5.0824 8.1629 7.9764 13.028 10.812 4.867 2.6297 10.451 4.8586 16.07 3.6278 7.8447-1.6616 15.243-6.0201 20.133-12.421 3.7325-6.5752 5.125-14.13 7.2496-21.308 0.34424-1.5102-1.7884-0.93157-2.7118-1.3209-6.7668-1.8554-12.868-5.4665-18.774-9.1102-3.7988-2.3587-7.2668-5.1451-10.544-8.1689-1.1914-0.54566-1.0559 1.3503-1.2562 2.0283-1.1927 6.0125-1.351 12.175-3.0509 18.067-0.0373 0.31992-0.63867 1.6698-0.69608 1.2125 1.4025-4.0796 2.1214-8.4 2.3525-12.687-3.0802-6.1686-5.8764-12.671-6.2736-19.648-0.38326-4.4562-0.14467-9.363-2.9083-13.184-3.2614-4.969-9.6593-6.8372-15.333-6.0804-4.6268 0.41764-9.0498 3.2993-10.757 7.7113-1.7858 4.1307-1.1001 8.7794-1.3065 13.151-0.0709 6.7688-0.0792 13.568-1.2054 20.25-0.25438-0.89108 0.20196-2.2912 0.22619-3.3825 1.0095-11.487 0.99094-23.056 0.45375-34.568-0.48928-8.4621-2.9268-16.693-5.8323-24.61-2.6192-6.8652-6.4688-13.578-12.515-17.965-1.8085-0.95776-3.6096-2.3103-5.7672-1.9236-0.64572-5.3e-4 -1.2914 1.6e-4 -1.9372 2e-3z" fill="#ffb0bd" stroke-linejoin="round" stroke-width=".95459"/>
+			<path d="m73.018 172.27c1.9834-13.033 1.0628-34.037 0.81338-39.143-0.35654-7.2982-4.4966-22.312-8.5194-29.724-3.4911-6.4327-9.1163-13.856-16.468-13.873-6.9343-0.0159-9.9317 4.624-10.85 7.7944-0.88239 3.0456-1.411 8.6912 2.5049 15.655 4.2411 7.542 5.4067 10.912 6.3368 15.641 2.067 10.509 4.0443 19.841 6.2067 29.732 2.1899 10.016 4.0699 25.012 7.3328 29.892 4.9466 7.3984 11.837 11.967 19.52 12.152 2.9378 0.071 5.9868-1.1578 7.8422-3.5201 0 0-2.803-7.3238-4.9043-16.311" fill="none" stroke="#000" stroke-width="1.3229"/>
+			<path d="m74.124 144.91c0.43987-9.4116 6.2804-14.205 15.141-14.022 10.613 0.21941 14.863 7.8279 15.134 14.498 0.22513 5.5282-0.10888 11.757 6.6217 24.634 0 0-0.48939 8.794-2.545 13.03" fill="none" stroke="#000" stroke-width="1.3229"/>
+		</g>
+		<path d="m177.96 67.987c-4.4351-0.01016-8.611 1.7297-12.78 3.0292-8.7858 3.0528-17.347 6.7851-25.535 11.198-4.0648 2.1508-8.0991 6.1581-10.95 9.6502-4.3169 5.6417-7.0604 11.419-9.9462 17.91 0.35711 2.6334 1.8643 5.0177 3.5085 7.0635 4.6256 5.3108 10.637 9.3067 17.165 11.896 3.8704 1.5131 7.898 2.9014 12.075 3.138 0.8561-0.013 2.0726-0.0528 2.1404-1.1773 0.73809-3.3491 2.2346-6.7202 5.1019-8.7708 4.3357-3.1406 9.8137-3.6132 14.892-4.71 5.8978-1.1274 11.945-2.2722 17.183-5.3719 7.2231-3.968 13.203-10.862 14.62-19.145 0.4415-3.0499 0.47352-6.2433-0.34571-9.233-1.8278-5.7853-6.9565-9.8504-12.351-12.193-4.6414-2.0377-9.6934-3.2775-14.777-3.2832z" fill="#ffb0bd"/>
+		<path d="m87.737 196.88c1.9339 5.3565 5.3175 7.9087 10.031 10.978 3.3105 2.1555 10.646 6.4306 16.795 6.5008 7.0778 0.0808 18.827-5.4916 23.786-12.748 3.3933-4.9659 6.1442-17.47 9.2122-28.732 3.3164-12.173 4.5918-26.326 5.7643-39.085 1.4595-15.882 12.037-14.285 27.784-18.031 14.512-3.4521 26.408-15.152 24.584-30.028-1.6984-13.849-23.07-19.939-32.966-17.197-13.318 3.6906-25.856 9.2142-33.444 13.677-11.752 6.9112-19.343 22.94-21.358 29.375-2.6827 8.5681-1.5388 22.121-2.8142 30.049-1.5912 9.8922-2.0668 16.478-3.6861 26.365-0.11095 0.67752-0.40377 2.0197-0.40377 2.0197" fill="none" stroke="#000" stroke-width="1.3229"/>
+		<path d="m118.67 109.74c0.69316 3.5625 3.0132 7.9205 10.933 13.713 8.4732 6.1976 22.103 9.6057 23.803 7.994 2.9472-2.794-0.4716 17.533-1.6582 26.516-0.5849 4.4275-3.778 18.138-5.2067 20.288-2.9828 4.4887-30.603-12.345-33.6-17.797-2.2875-4.1604 0.58639-12.122 1.4125-21.979 0.30781-3.6729 0.24176-11.905 0.98138-18.611 0.81119-7.3557 2.8595-12.569 3.3354-10.123z" fill="#cbd9f0" stroke="#000" stroke-width="1.3229"/>
+	</g>
+</svg>

core/branding/logo1a.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="301.37662mm" height="149.88467mm" version="1.1" viewBox="0 0 301.37661 149.88468" xmlns="http://www.w3.org/2000/svg">
+	<g transform="translate(-35.588456,-67.093918)">
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m183.22258 167.28047c-7.27101-3.42685-12.32079-0.17476-17.84056 4.79305-13.92332 12.53105-3.25693 37.74916 15.36689 35.46167 8.81584-1.08282 18.20226-13.85834 16.68204-21.53084-1.32238-6.67403-9.00955-16.27368-14.20837-18.72388z" stroke="#000" stroke-width="15.875"/>
+			<path d="m183.22258 167.28047c-7.27101-3.42685-12.32079-0.17476-17.84056 4.79305-13.92332 12.53105-3.25693 37.74916 15.36689 35.46167 8.81584-1.08282 18.20226-13.85834 16.68204-21.53084-1.32238-6.67403-9.00955-16.27368-14.20837-18.72388z" stroke="#b4c8e9" stroke-width="10.2869"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m248.75357 136.71053c6.45586 23.73981-1.23966 46.86831 1.52339 71.55286" stroke="#000" stroke-width="15.875"/>
+			<path d="m248.75357 136.71053c6.45586 23.73981-1.23966 46.86831 1.52339 71.55286" stroke="#ffb0bd" stroke-width="10.2869"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m314.94533 173.65906c-6.47851-1.48956-19.11039 9.09215-19.13857 15.95654-0.0451 11.00546 7.60648 18.95766 15.62038 18.62508 9.22176-0.38273 13.60403-6.60101 16.36913-15.44587 2.60568-8.33486-7.47413-17.89951-12.85094-19.13575z" stroke="#000" stroke-width="15.875"/>
+			<path d="m314.94533 173.65906c-6.47851-1.48956-19.11039 9.09215-19.13857 15.95654-0.0451 11.00546 7.60648 18.95766 15.62038 18.62508 9.22176-0.38273 13.60403-6.60101 16.36913-15.44587 2.60568-8.33486-7.47413-17.89951-12.85094-19.13575z" stroke="#ffb0bd" stroke-width="10.287"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m232.16983 180.61756c-2.37191-2.54862-3.69442-3.96705-5.02831-5.94167-1.36586-2.02194-4.97223-3.25847-6.6271-2.36885-7.27511 3.91093-4.86968 15.25675-3.54608 21.7788 0.37769 1.86107 1.80936 12.25665 2.6293 13.28045" stroke="#000" stroke-width="15.875"/>
+			<path d="m232.16983 180.61756c-2.37191-2.54862-3.69442-3.96705-5.02831-5.94167-1.36586-2.02194-4.97223-3.25847-6.6271-2.36885-7.27511 3.91093-4.86968 15.25675-3.54608 21.7788 0.37769 1.86107 1.80936 12.25665 2.6293 13.28045" stroke="#ffb0bd" stroke-width="10.2869"/>
+		</g>
+		<g fill="none" stroke-linecap="round" stroke-linejoin="round">
+			<path d="m273.88226 171.60184c-2.58641 14.20244-0.58224 23.38483-0.43724 35.89554" stroke="#000" stroke-width="15.875"/>
+			<path d="m273.88226 171.60184c-2.58641 14.20244-0.58224 23.38483-0.43724 35.89554" stroke="#ffb0bd" stroke-width="10.2869"/>
+			<path d="m272.70613 156.52382c2.42951-0.66473 2.32217-0.71402 2.32217-0.71402 0.28174-1.88184-2.97296-1.36954 0.28174-1.88184l-3.31586 0.32573z" stroke="#000" stroke-width="15.875"/>
+			<path d="m272.70613 156.52382c2.42951-0.66473 2.32217-0.71402 2.32217-0.71402 0.28174-1.88184-2.97296-1.36954 0.28174-1.88184l-3.31586 0.32573z" stroke="#b4c8e9" stroke-width="10.2869"/>
+		</g>
+		<g stroke-linecap="round">
+			<path d="m47.699998 89.860536c-3.514763-0.12133-6.770139 2.24617-8.561516 5.14446-2.460135 4.86113-1.997688 10.786294 0.457607 15.557654 2.501627 5.62318 6.059615 10.90174 7.059849 17.08304 3.357633 15.65357 6.685278 31.3111 9.713714 47.0325 1.235205 5.69957 2.211184 11.86339 6.287363 16.34323 4.32319 5.20184 10.7119 9.26412 17.65067 9.2122 2.68032-0.1588 5.57656-1.17629 7.17391-3.40354-1.65815-5.3787-3.66147-10.77086-4.6625-16.29149 0.66153 1.20134 0.76151 2.93702 1.26105 4.29957 1.4467 4.90685 2.79161 9.89881 4.97457 14.53828 2.84362 5.08244 8.16294 7.97636 13.028115 10.81185 4.86705 2.62973 10.45113 4.85863 16.07022 3.62779 7.84469-1.66165 15.2431-6.02014 20.13346-12.42135 3.73247-6.57522 5.12501-14.13024 7.24957-21.30833 0.34424-1.51025-1.78844-0.93157-2.7118-1.32089-6.76678-1.85545-12.86806-5.46652-18.77415-9.11025-3.79885-2.35866-7.26678-5.14512-10.54373-8.16893-1.19139-0.54566-1.0559 1.35026-1.25625 2.02834-1.19272 6.01248-1.351 12.17482-3.0509 18.06744-0.0373 0.31992-0.63867 1.66975-0.69608 1.21246 1.40249-4.07964 2.12135-8.40005 2.35246-12.68706-3.08016-6.16859-5.8764-12.67129-6.27362-19.64799-0.38326-4.45622-0.14467-9.36304-2.90829-13.1839-3.261445-4.96901-9.659285-6.83717-15.333165-6.08041-4.62676 0.41764-9.04976 3.29926-10.7569 7.71133-1.7858 4.13074-1.10011 8.77935-1.30652 13.15131-0.0709 6.76879-0.0792 13.56784-1.20535 20.25016-0.25438-0.89108 0.20196-2.29125 0.22619-3.38251 1.00951-11.48713 0.99094-23.05578 0.45375-34.56822-0.48928-8.46212-2.92681-16.69311-5.83232-24.61014-2.619218-6.86516-6.468797-13.578304-12.515068-17.965304-1.808451-0.95776-3.609557-2.3103-5.767184-1.92363-0.645721-5.3e-4 -1.291437 1.6e-4 -1.937155 2e-3z" fill="#ffb0bd" stroke-linejoin="round" stroke-width=".95461667"/>
+			<path d="m73.017745 172.27231c1.98343-13.03317 1.06278-34.03738 0.81338-39.14261-0.35654-7.29825-4.49659-22.31155-8.519433-29.72415-3.491068-6.432744-9.116263-13.855884-16.468024-13.872744-6.934313-0.0159-9.931669 4.62397-10.850218 7.79439-0.882386 3.045594-1.41096 8.691184 2.504883 15.654874 4.241053 7.54201 5.406742 10.91241 6.336753 15.64099 2.066978 10.50943 4.044288 19.84101 6.206728 29.73154 2.189908 10.01616 4.069945 25.01166 7.332782 29.89177 4.946588 7.39845 11.837079 11.9666 19.520169 12.15234 2.93785 0.071 5.98677-1.15778 7.84224-3.5201 0 0-2.803-7.32375-4.90426-16.3107" fill="none" stroke="#000" stroke-width="2.6458333"/>
+			<path d="m74.124265 144.91193c0.43987-9.41155 6.28037-14.20504 15.14084-14.02187 10.61322 0.21941 14.862815 7.82791 15.134465 14.4984 0.22513 5.52823-0.10888 11.75656 6.6217 24.63427 0 0-0.48939 8.79397-2.54505 13.02997" fill="none" stroke="#000" stroke-width="2.6458333"/>
+		</g>
+		<path d="m177.95746 67.987207c-4.43512-0.01016-8.61097 1.729671-12.78008 3.029236-8.78578 3.052797-17.34729 6.785063-25.5354 11.197843-4.06476 2.15075-8.0991 6.15807-10.94999 9.65017-4.31694 5.6417-7.06037 11.418934-9.94625 17.910044 0.35711 2.63336 1.86428 5.0177 3.50852 7.06353 4.62563 5.31083 10.63675 9.30669 17.16492 11.89555 3.87039 1.51306 7.898 2.90143 12.07452 3.13803 0.8561-0.013 2.07257-0.0528 2.14036-1.1773 0.73809-3.34911 2.23465-6.72016 5.1019-8.77081 4.33572-3.14065 9.81366-3.61325 14.89203-4.71005 5.89785-1.12739 11.9452-2.27223 17.18294-5.37192 7.22308-3.96797 13.20334-10.86244 14.62045-19.144774 0.4415-3.04991 0.47352-6.24333-0.34571-9.233-1.82776-5.78532-6.95651-9.850409-12.35093-12.193326-4.64137-2.037737-9.69342-3.277497-14.77728-3.283223z" fill="#ffb0bd"/>
+		<path d="m87.737005 196.87861c1.93386 5.35653 5.31751 7.90867 10.03127 10.9778 3.310545 2.1555 10.645685 6.43057 16.794985 6.5008 7.07779 0.0808 18.82734-5.49158 23.78552-12.7476 3.39328-4.96586 6.14416-17.47037 9.21224-28.73164 3.31642-12.1728 4.59181-26.32565 5.76432-39.0846 1.45954-15.88236 12.03667-14.28484 27.78438-18.03083 14.51204-3.45206 26.40845-15.15205 24.58415-30.028354-1.69837-13.849367-23.07037-19.939344-32.96638-17.197109-13.31831 3.690576-25.85612 9.214169-33.44428 13.676549-11.75241 6.91124-19.34303 22.940104-21.35793 29.375284-2.68273 8.5681-1.53885 22.12053-2.81416 30.04882-1.59122 9.89219-2.06682 16.47771-3.68608 26.36534-0.11095 0.67752-0.40377 2.01966-0.40377 2.01966" fill="none" stroke="#000" stroke-width="2.6458333"/>
+		<path d="m118.67367 109.73946c0.69316 3.56247 3.01325 7.92046 10.93298 13.71319 8.47325 6.19758 22.10317 9.60566 23.80316 7.99404 2.94722-2.79402-0.4716 17.53295-1.65823 26.51551-0.5849 4.42754-3.77801 18.13769-5.20669 20.28766-2.98283 4.48872-30.60278-12.34525-33.60046-17.79735-2.28749-4.16041 0.58639-12.12234 1.41247-21.97905 0.30781-3.67287 0.24176-11.90477 0.98138-18.61139 0.81119-7.35566 2.85947-12.5686 3.33539-10.12261z" fill="#cbd9f0" stroke="#000" stroke-width="2.6458333"/>
+	</g>
+</svg>

core/branding/wikilogo1.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="169.56892mm" height="147.5296mm" version="1.1" viewBox="0 0 169.56892 147.5296" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<linearGradient id="a">
+			<stop stop-color="#d69c00" offset="0"/>
+			<stop stop-color="#ffe658" offset="1"/>
+		</linearGradient>
+		<radialGradient id="d" cx="224.41" cy="212.8" r="8.6809998" gradientTransform="matrix(.26456482 0 0 .25935081 -19.239984 22.391818)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
+		<linearGradient id="c" x1="219.21001" x2="286.23001" y1="189.02" y2="189.02" gradientTransform="matrix(.26456482 0 0 .26351972 -19.239984 21.504545)" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#8f2a15" offset="0"/>
+			<stop stop-color="#c8381b" offset="1"/>
+		</linearGradient>
+		<linearGradient id="b" x1="219.66" x2="277.88" y1="192.73" y2="192.73" gradientTransform="matrix(.26456482 0 0 .26351972 -19.239984 21.504545)" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#ce411e" offset="0"/>
+			<stop stop-color="#ecad8d" offset="1"/>
+		</linearGradient>
+		<linearGradient id="p" x1="191.75" x2="255.66" y1="258.92001" y2="258.92001" gradientTransform="matrix(.26456481 0 0 .26351972 -19.239977 21.504541)" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#00b62b" offset="0"/>
+			<stop stop-color="#a1d784" offset="1"/>
+		</linearGradient>
+		<radialGradient id="o" cx="257.41" cy="274.64001" r="7.1440001" gradientTransform="matrix(.26456481 0 0 .42990605 -19.239977 -24.189773)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
+		<linearGradient id="n" x1="192.03999" x2="263.67001" y1="262.26001" y2="262.26001" gradientTransform="matrix(.26456481 0 0 .26351972 -19.239977 21.504541)" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#00a423" offset="0"/>
+			<stop stop-color="#00b427" offset="1"/>
+		</linearGradient>
+		<linearGradient id="m" x1="184.07001" x2="201.41" y1="246.36" y2="246.36" gradientTransform="matrix(.26456481 0 0 .26351972 -19.239977 21.504541)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
+	</defs>
+	<g transform="translate(-22.589324,-63.248914)">
+		<path transform="scale(.26458333)" d="m618.73865 241.43043c-16.76267-0.0384-32.54539 6.53734-48.30267 11.44908-33.20609 11.53813-65.56456 25.64435-96.51173 42.32254-15.3629 8.12885-30.61077 23.27462-41.38581 36.4731-16.316 21.32295-26.68484 43.15815-37.59212 67.69149 1.34971 9.95284 7.04611 18.96452 13.26056 26.69679 17.48268 20.07246 40.20189 35.1749 64.87527 44.95959 14.62824 5.71865 29.85072 10.96601 45.636 11.86025 3.23564-0.049 7.83334-0.19971 8.08954-4.44961 2.78962-12.65807 8.44593-25.39905 19.28277-33.14952 16.38697-11.87018 37.09101-13.65641 56.28484-17.80179 22.29107-4.26099 45.1472-8.58795 64.94341-20.30332 27.29981-14.99705 49.90237-41.0549 55.2584-72.35818 1.66864-11.52723 1.78967-23.59683-1.30664-34.89638-6.90807-21.86579-26.29232-37.22989-46.68069-46.08501-17.54219-7.70168-36.63653-12.38739-55.85113-12.40903z" fill="#ffb0bd"/>
+		<path transform="matrix(.26458333 0 0 .26458333 15.664624 63.248914)" d="m67.22208 85.050254c-13.284142-0.458565-25.587928 8.489478-32.358487 19.443636-9.298147 18.37278-7.550316 40.7671 1.729539 58.80057 9.45497 21.25295 22.902482 41.20342 26.682896 64.56581 12.690267 59.16312 25.267191 118.34118 36.713249 177.76063 4.668493 21.54171 8.357233 44.83802 23.763263 61.76969 16.33961 19.66052 40.48591 35.01401 66.7112 34.81779 10.13033-0.60022 21.07677-4.44582 27.11397-12.86377-6.26701-20.32897-13.83862-40.70879-17.62205-61.57414 2.5003 4.5405 2.87817 11.10054 4.7662 16.25033 5.46782 18.54559 10.55094 37.41283 18.80151 54.94785 10.74753 19.2092 30.85205 30.14685 49.24015 40.86366 18.39513 9.93916 39.50032 18.36332 60.73784 13.71134 29.6492-6.28024 57.61172-22.75328 76.09495-46.94683 14.107-24.85124 19.37012-53.40563 27.39995-80.53542 1.30106-5.70803-6.75946-3.52089-10.24932-4.99236-25.57521-7.0127-48.63518-20.66086-70.95739-34.43244-14.35786-8.91462-27.465-19.44613-39.85035-30.87469-4.50286-2.06233-3.9908 5.10335-4.748 7.66618-4.50794 22.72431-5.10615 46.01507-11.53099 68.28639-0.14111 1.20914-2.41385 6.31087-2.63086 4.58251 5.30078-15.41909 8.01772-31.74822 8.89119-47.95109-11.64153-23.31436-22.21001-47.8915-23.71129-74.2601-1.44857-16.84243-0.54679-35.38789-10.99199-49.82893-12.32672-18.7805-36.50755-25.84128-57.95213-22.98108-17.48695 1.5785-34.20381 12.46966-40.65599 29.14519-6.74947 15.61224-4.15789 33.18179-4.93805 49.70572-0.26801 25.58285-0.29935 51.28003-4.55563 76.53607-0.96145-3.36788 0.76331-8.65986 0.85487-12.78431 3.8155-43.41592 3.74529-87.13995 1.71498-130.65153-1.84927-31.98282-11.06197-63.09207-22.04344-93.01472-9.89939-25.94706-24.44898-51.31955-47.301026-67.900322-6.835093-3.619903-13.642423-8.731852-21.797233-7.270442-2.44052-2e-3 -4.881023 6e-4 -7.321531 0.0088z" fill="#ffb0bd" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.60791"/>
+		<g fill="none" stroke="#000" stroke-width="1.05833">
+			<path d="m58.768214 168.16357c1.983426-13.03317 1.062779-34.03738 0.813375-39.14261-0.35654-7.29825-4.496583-22.31155-8.519429-29.724158-3.491068-6.432737-9.116263-13.855872-16.468024-13.872732-6.934313-0.0159-9.931669 4.623967-10.850218 7.794382-0.882386 3.045592-1.41096 8.691188 2.504883 15.654878 4.241053 7.54201 5.406742 10.91241 6.336753 15.64099 2.066978 10.50943 4.044288 19.84101 6.206728 29.73154 2.189908 10.01616 4.069945 25.01166 7.332782 29.89177 4.946588 7.39845 11.837079 11.9666 19.520167 12.15234 2.937855 0.071 5.986776-1.15778 7.842244-3.5201 0 0-2.802998-7.32375-4.904264-16.3107" stroke-linecap="round"/>
+			<path d="m59.874728 140.80319c0.439879-9.41155 6.280375-14.20504 15.140842-14.02187 10.613219 0.21941 14.862824 7.82791 15.134474 14.4984 0.225133 5.52823-0.108879 11.75656 6.621699 24.63427 0 0-0.489389 8.79397-2.545051 13.02997" stroke-linecap="round"/>
+			<path d="m73.487475 192.76987c1.93386 5.35653 5.317512 7.90867 10.031268 10.9778 3.310554 2.1555 10.645691 6.43057 16.794987 6.5008 7.07779 0.0808 18.82734-5.49158 23.78552-12.7476 3.39328-4.96586 6.14416-17.47037 9.21224-28.73164 3.31642-12.1728 4.59181-26.32565 5.76432-39.0846 1.45954-15.88236 12.03667-14.28484 27.78438-18.03083 14.51204-3.45206 26.40845-15.152058 24.58415-30.028357-1.69837-13.849364-23.07037-19.939341-32.96638-17.197106-13.31831 3.690576-25.85612 9.214174-33.44428 13.676545-11.75241 6.911244-19.34303 22.940108-21.35793 29.375288-2.68273 8.5681-1.53885 22.12053-2.81416 30.04882-1.591215 9.89219-2.066819 16.47771-3.686073 26.36534-0.110954 0.67752-0.403775 2.01966-0.403775 2.01966"/>
+		</g>
+		<path d="m104.42414 105.63072c0.69316 3.56247 3.01325 7.92046 10.93298 13.71319 8.47325 6.19758 22.10317 9.60566 23.80316 7.99404 2.94722-2.79402-0.4716 17.53295-1.65823 26.51551-0.5849 4.42754-3.77801 18.13769-5.20669 20.28766-2.98283 4.48872-30.60278-12.34525-33.60046-17.79735-2.28749-4.16041 0.586398-12.12234 1.41247-21.97905 0.30781-3.67287 0.24176-11.90477 0.98138-18.61139 0.81119-7.35566 2.85947-12.5686 3.33539-10.12261z" fill="#cbd9f0" stroke="#000" stroke-width=".79375"/>
+		<g fill-rule="evenodd">
+			<g>
+				<path d="m73.544988 135.04033-18.09162 0.36504 3.50748-17.17323z" fill="url(#d)" stroke="#000" stroke-linejoin="round"/>
+				<path d="m61.091869 134.79335-5.028648 0.118 0.93381-4.6068z" fill="#812310"/>
+				<path d="m115.43466 66.764385 0.1112 10.100903 9.15256 9.883344 8.81408 0.906436-59.981252 47.405692-7.57038-3.74691-5.77344-6.36535-1.23808-6.69843 56.485182-51.484524z" fill="url(#c)" stroke="#000" stroke-linejoin="round"/>
+			</g>
+			<path d="m114.87809 77.029574 9.47631 10.001196-58.042432 43.8287-5.58832-6.16701 54.154442-47.661725z" fill="url(#b)" stroke-width=".264042"/>
+			<path d="m133.49447 87.680006-9.27071-0.981206-8.80498-9.833512 0.0129-10.359221 9.49786 0.852046 8.16551 10.850963z" fill="#ffe965" stroke="#000" stroke-linejoin="round"/>
+			<path d="m128.24651 77.177093 0.18762 4.5959-4.33243-0.812232-3.26461-3.613018-0.31942-4.004322 4.37785-0.188752z" fill="#cb391c" stroke-width=".265"/>
+		</g>
+		<g stroke="#000" stroke-linejoin="round">
+			<path d="m121.76314 160.03523-8.0551 15.82473-7.06399-13.61664 15.11909-2.20706z" fill="url(#m)"/>
+			<path d="m121.9033 160.13559 62.18728 24.9991-7.89592 3.22436-4.35592 9.33994 1.17231 9.99604-59.3821-31.83005-0.49456-7.38768 3.0995-5.84673 5.6684-2.49601z" fill="url(#n)"/>
+			<path d="m176.19466 188.21556 7.93296-3.05777 0.85399 10.27292-3.90444 8.31667-8.05609 3.79214-1.34153-9.66198z" fill="url(#o)"/>
+		</g>
+		<path d="m116.5973 163.01481 59.19792 24.87571-4.59719 9.79743-57.55507-29.10329 2.95434-5.57088z" fill="url(#p)" stroke-width=".264042"/>
+		<path d="m175.9342 196.9138 2.08654-4.11973 2.96754-1.07475 0.69586 3.38342-1.77015 3.86889-3.15879 1.38803-0.821-3.44689z" fill="#00b527" stroke-width=".264583"/>
+		<path d="m107.38042 162.62223 3.58082-0.50339-2.02643 3.55062z" fill="#258209" stroke-width=".264583"/>
+	</g>
+</svg>

core/css/bbc.css

@@ -69,6 +69,10 @@ div.codeblock {
     margin: 2px;
 }
 
+div.codeblock pre {
+	white-space: normal;
+}
+
 div.codeblock > .title {
     font-family: var(--spfont1, Pixio);
     margin: -4px -4px 2px -4px;

core/css/buttons.css

@@ -0,0 +1,276 @@
+.button { 
+	background: var(--default-button-background);
+	border: var(--default-button-border);
+	font-family: var(--primary-font);
+	width: 44px;
+	height: 44px;
+	font-size: 12px;
+	font-weight: normal;
+	flex-shrink: 0;
+}
+
+button.formbutton {
+	background: var(--default-button-background);
+	border: var(--default-button-border);
+	font-family: var(--primary-font);
+	cursor: pointer;
+	height: 28px;
+	width: 128px;
+	padding: 0px;
+	margin: 2px;
+	text-align: left;
+	font-size: 12px;
+	font-weight: normal;
+	flex-shrink: 0;
+}
+
+button.formbutton.small {
+	width: 28px;
+}
+
+button.formbutton img {
+	vertical-align: middle;
+}
+
+button.formbutton a {
+	margin: 4px;
+	position: relative;
+	top: 2px;
+}
+
+.button:hover > a > img:nth-of-type(1) {
+	filter: contrast(50%);
+}
+
+.button:active > a > img:nth-of-type(1) {
+	filter: brightness(50%) saturate(0%);
+}
+
+.button > a {
+	display: block;
+	width: 144px;
+	height: 48px;
+	margin: -2px;
+}
+
+.button > a > img:nth-of-type(1) {
+	display: inline;
+	width: 48px;
+	height: 48px;
+	margin-right: 2px;
+	flex-shrink: 0;
+}
+
+.popbutton {
+	width: 44px;
+	text-overflow: clip;
+	overflow: hidden;
+	transition-duration: 0.1s;
+}
+
+.longbutton, .smallbutton {
+	display: inline-block !important;
+	padding: 2px;
+	height: 20px;
+}
+
+.longbutton {
+	width: 116px;
+}
+
+.smallbutton {
+	width: 20px;
+}
+
+.widebutton {
+	width: 140px;
+	font-size: 16px;
+	margin: 2px 4px;
+}
+
+.longbutton a, .smallbutton a, .widebutton a {
+	display: flex;
+	align-items: center;
+	height: 100% !important;
+	width: 100% !important;
+	margin: 0px -2px;
+}
+
+.longbutton.txt a {
+	display: inline-block !important;
+	width: 100%; height: 100%;
+	font-family: var(--primary-font);
+	text-decoration: none;
+	text-align: center;
+	color: var(--main-text, #000000);
+	vertical-align: middle;
+}
+
+.longbutton > a > img, .smallbutton > a > img {
+	width: 24px !important;
+	height: 24px !important;
+}
+
+.longbutton > a, .smallbutton > a, .widebutton > a {
+	color: var(--main-text);
+	text-decoration: none;
+	display: flex !important;
+	align-items: center;
+}
+
+.longbutton > a, .smallbutton >a {
+	height: 24px;
+}
+
+.longbutton > a, .widebutton > a {
+	width: 120px;
+}
+	
+.longbutton > a img, .smallbutton > a img, .widebutton > a img {
+	margin-right: 4px;
+}
+
+.button:hover, .button.selected, button.formbutton:hover {
+	background: var(--hover-button-background);
+	border: var(--hover-button-border);
+}
+
+.button:active, button.formbutton:active {
+	background: var(--active-button-background);
+	border: var(--active-button-border);
+}
+
+.button.disabled, .longbutton.disabled, .smallbutton.disabled, button.formbutton.disabled {
+	background: var(--disabled-button-background);
+	border: var(--disabled-button-border);
+}
+
+@media only screen and (orientation: landscape) {
+	.button {
+		display: block;
+		margin: 2px;
+	}
+	
+	.button a {
+		display: block;
+		width: 48px;
+		height: 48px;
+	}
+	
+	.popbutton {
+		font-size: 16px;
+		margin: 2px 4px;
+	}
+	
+	.popbutton:hover {
+		width: 140px;
+	}
+	
+	.popbutton > a {
+		color: var(--main-text);
+		text-decoration: none;
+		display: flex;
+		align-items: center;
+		height: 48px;
+		width: 144px;
+	}
+	
+	.popbutton > a img {
+		margin-right: 4px;
+	}
+	
+	.oddbutton {
+		top: 8px;
+		left: calc(64px + 8px);
+	}
+}
+
+@media only screen and (orientation: portrait) {
+	.button {
+		display: inline-block;
+		margin: 2px;
+	}
+	
+	.popbutton {
+		margin: 4px 2px;
+	}
+	
+	.popbutton:hover {
+		width: 44px;
+	}
+	
+	.popbutton a:nth-of-type(2) {
+		display: none;
+	}
+	
+	.oddbutton {
+		top: calc(64px + 8px);
+		left: 8px;
+	}
+	
+	.longbutton.collapse {
+		width: 20px;
+		margin: 2px !important;
+		font-size: 0px;
+	}
+}
+
+*.wdropdown > button {
+	min-width: 130px;
+	min-height: 30px;
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	cursor: pointer;
+	text-align: left;
+	margin: 2px 0;
+}
+
+*.wdropdown > div.select {
+	position: absolute;
+	display: none;
+	flex-direction: column;
+	background: var(--secondary-container-background);
+	border: var(--secondary-container-border);
+	border-top: none;
+	overflow-y: auto;
+	max-height: 280px;
+	z-index: 10;
+}
+
+*.wdropdown.active > button {
+	border-bottom: none;
+}
+
+*.wdropdown.active > div.select {
+	display: inline;
+}
+
+*.wdropdown.active > div.select > * {
+	display: block;
+}
+
+*.wdropdown > div.select > button:not(.usercard) {
+	background: none;
+	border: none;
+}
+
+*.wdropdown > div.select > button {
+	cursor: pointer;
+	text-align: left;
+	width: 100%;
+}
+
+.wbtngroup { display: inline-block; }
+.wbtngroup input { display: none; }
+.wbtngroup > *:first-child {
+	display: inline-block;
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	border-right: none;
+}
+
+.wbtngroup > * {
+	margin: 0px;
+	height: 24px;
+	padding: 0px 4px;
+}

core/css/creations.css

@@ -0,0 +1,67 @@
+body.creations {	}
+
+body.creations .creation-container { 
+	max-width: 800px;
+	margin: 0 auto;
+}
+
+body.creations .creation-container .title {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	border-bottom: none;
+	text-align: left;
+	font-weight: bold;
+	font-family: var(--spfont1);
+	font-size: 24px;
+}
+
+body.creations .creation-container .title td { padding: 8px; }
+
+body.creations .creation-container .gallery-cell {
+	background: var(--menu-bg);
+	border-left: var(--menu-border);
+	border-right: var(--menu-border);
+	padding: 8px;
+}
+
+body.creations .creation-container .gallery {
+	height: 50vh;
+}
+
+body.creations .creation-container .gallery .gallery-pager {
+	width: 24px;
+	text-align: center;
+	font-size: 20px;
+	font-family: var(--spfont1);
+	color: var(--main-text);
+	text-decoration: none;
+	cursor: pointer;
+}
+
+body.creations .creation-container .filmstrip-cell {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	border-top: none;
+	padding: 8px;
+}
+
+body.creations .creation-container .info-cell {
+	width: 224px;
+	vertical-align: top;
+}
+
+body.creations .creation-container .info-panel {
+	background: var(--menu-bg);
+	border: var(--menu-border);
+	padding: 8px;
+}
+
+body.creations .creation-container .info-panel hr,
+body.creations .creation-container .box[name='desc'] hr {
+	border: var(--menu-border);
+	color: var(--menu-bg);
+}
+
+body.creations .creation-container .tabbed-cell {
+	vertical-align: top;
+}

core/css/error.css

@@ -0,0 +1,9 @@
+.error-container p, .error-container h1 {
+	text-align: center;
+	font-family: var(--primary-font);
+}
+
+.error-container img {
+	max-height: 80vh;
+	max-width: 80vw;
+}

core/css/profile.css

@@ -0,0 +1,34 @@
+@import url('theme.css');
+@import url('fonts.css');
+@import url('buttons.css');
+@import url('tabbed-container.css');
+
+body.profile .page-container {
+	margin-left: auto; margin-right: auto;
+	max-width: 800px;
+}
+
+body.profile .page-container .header-container {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	padding: 2px;
+	width: 100%;
+}
+
+body.profile .page-container .header-table,
+body.profile .page-container .tabbed-container .tablist,
+div.button {
+	font-family: Pixio;
+	image-rendering: crisp-edges;
+	image-rendering: -moz-crisp-edges;
+	image-rendering: -webkit-optimize-contrast;
+	image-rendering: pixelated;
+}
+
+body.profile .page-container .header-table td.tag .userlink {
+	font-size: 24px;
+}
+
+body.profile .page-container .header-table td.tag .userlink img {
+	height: 32px;
+}

core/css/radio.css

@@ -0,0 +1,328 @@
+@import url('theme.css');
+@import url('fonts.css');
+
+:root {
+	--primary: #0079b5;
+	--primary-border: #009ae6;
+
+	--secondary: #f3dca9;
+	--secondary-border: #f2e5c8;
+
+	--button: #DFDFDF;
+	--button-active: gray;
+
+	--monitor: #0F0F0F;
+	--monitor-text: #F0F0F0;
+	--monitor-border: gray;
+
+	--link-color: unset;
+}
+
+*:link, *:visited {
+	color: var(--link-color);
+}
+
+html {
+	height: 100%;
+}
+
+body {
+	background: var(--background-image) var(--main-background);
+	background-repeat: repeat;
+	height: 100%;
+	margin: 0;
+}
+
+body, button, fakebutton, input { font-family: Pixio; }
+
+.container, .player-container {
+	background: var(--primary);
+	border: 2px outset var(--primary-border);
+	padding: 4px;
+}
+.container {
+	min-width: 320px;
+	min-height: 280px;
+	display: flex;
+	gap: 4px;
+	margin: auto;
+	max-width: 976px;
+}
+.player-container {
+	position: relative;
+	border-bottom: none;
+	width: 320px;
+	height: 78px;
+	margin-bottom: -2px;
+	z-index: 1;
+}
+.footer {
+	min-width: 320px;
+	max-width: 976px;
+	text-align: right;
+	margin: auto;
+}
+
+player, visualizer {
+	display: flex;
+	flex-direction: column;
+	background: var(--secondary);
+	border: 2px outset var(--secondary-border);
+	flex-shrink: 0;
+	padding: 4px;
+}
+
+.banner {
+	display: flex;
+}
+
+player {
+	width: 308px; height: 68px;
+}
+
+visualizer {
+	margin-bottom: 4px;
+}
+
+.vis-container {
+	width: 320px;
+	max-width: 320px;
+}
+
+button, fakebutton, slider {
+	border: 2px outset var(--button);
+	background: var(--button);
+}
+
+slider input {
+	background: lightgray;
+	-webkit-appearance: none;
+	appearance: none;
+	height: 50%;
+	margin: auto 4px;
+	width: 96px;
+}
+
+slider input::-webkit-slider-thumb,
+slider input::-moz-range-thumb {
+	background: gray;
+	-webkit-appearance: none;
+	appearance: none;
+	width: 8px;
+	height: 100%;
+	border: none;
+	border-radius: 0;
+}
+
+select {
+	border: none;
+	background: none;
+}
+
+button:active,
+button.active,
+fakebutton:active,
+fakebutton.active {
+	border: 2px inset var(--button-active);
+	background: var(--button-active);
+}
+
+fakebutton { display: flex; }
+fakebutton img { margin: 2px; }
+
+controls {
+	display: flex;
+}
+
+controls input { flex-grow: 1; }
+
+tablist {
+	display: flex;
+	flex-shrink: 0;
+}
+
+metadata, canvas {
+	color: var(--monitor-text);
+	background: black;
+	border: 2px inset var(--secondary-border);
+}
+
+metadata {
+	padding: 4px;
+	display: flex;
+	flex-direction: column;
+}
+metadata station { font-weight: bold; }
+
+panel {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+}
+
+stations {
+	display: flex;
+	flex-direction: column;
+	overflow-y: auto;
+	border: 2px inset var(--primary-border);
+	margin: 2px;
+	flex-grow: 1;
+}
+
+favorites, history, stats {
+	background: var(--monitor);
+	color: var(--monitor-text);
+	border: 2px inset var(--monitor-border);
+	flex-grow: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 4px;
+	overflow-y: scroll;
+	min-height: 0;
+}
+
+tabbox {
+	display: none;
+	flex-direction: column;
+	flex-grow: 1;
+}
+tabbox.active { display: flex; }
+
+station {
+	display: flex;
+	flex-direction: column;
+	cursor: pointer;
+	user-select: none;
+	padding: 4px;
+	margin: 2px;
+	border: 2px inset var(--button-active);
+	background: var(--button-active);
+}
+
+station.active {
+	background: var(--button);
+	border: 2px outset var(--button);
+	color: black;
+}
+
+station station-name { font-weight: bold; }
+station track-meta {
+	font-size: 12px;
+}
+
+history track-container {
+	display: flex;
+	flex-direction: column;
+	padding: 2px;
+}
+
+history track-container track-station { font-weight: bold; }
+
+history track-container:nth-of-type(1) {
+	background-color: var(--monitor-text);
+	color: var(--monitor);
+}
+
+canvas.vis, canvas.metadata { border-bottom: none; }
+
+.button-row { display: flex; }
+
+.fav-button img {
+	filter: contrast(0%);
+}
+
+.fav-button.fav img {
+	filter: none;
+}
+
+favorites .station-header,
+history .station-header {
+	text-align: center;
+	margin: 4px 0;
+	text-decoration: underline;
+	margin-top: 12px;
+}
+
+favorites .track,
+history .track {
+	display: flex;
+	border-bottom: 1px dashed var(--monitor-text);
+	margin: 2px 0;
+}
+
+favorites .track button,
+history .track button {
+	background: none;
+	border: none;
+	cursor: pointer;
+	flex-shrink: 0;
+	flex-grow: 0;
+	margin: 2px;
+}
+
+favorites .track a,
+history .track a {
+	flex-grow: 1;
+}
+
+@media only screen and (orientation: portrait) {
+	.container, .footer {
+		flex-direction: column;
+		width: 320px;
+	}
+
+	.banner { flex-direction: column-reverse; }
+	.banner img, .player-container {
+		margin: auto;
+	}
+	.banner > img { flex-shrink: 0; }
+	.player-container { margin-bottom: -2px; }
+
+	panel {
+		max-height: 480px;
+	}
+
+	favorites, history {
+		height: 240px;
+	}
+
+	body.old panel#favorites, body.old panel#history { display: none; }
+}
+
+@media only screen and (orientation: landscape) {
+	.container, .footer {
+		width: calc(100% - 64px);
+	}
+	body:not(.old) .container { height: calc(100% - 212px); }
+
+	.banner {
+		margin: auto;
+		min-width: 320px;
+		width: calc(100% - 52px);
+		max-width: 988px;
+	}
+	.banner > img { margin-top: 2px; } 
+
+	.player-container {
+		margin-top: 48px;
+	}
+
+	/* OLD */
+	body.old .container, body.old .footer {
+		flex-direction: column;
+		width: 320px;
+	}
+
+	body.old .banner { flex-direction: column-reverse; }
+	body.old .banner img, body.old .player-container {
+		margin: auto;
+	}
+	body.old .banner > img { flex-shrink: 0; }
+	body.old .player-container { margin-bottom: -2px; }
+
+	body.old panel {
+		max-height: 480px;
+	}
+
+	body.old panel#favorites, body.old panel#history { display: none; }
+}

core/css/settings.css

@@ -0,0 +1,116 @@
+iframe {
+width: 100%;
+border: none;
+min-height: 128px;
+}
+
+.box[name="profile"] img.avatar {
+	float: left;
+	margin: 2px;
+}
+
+.tabbed-container .box {
+padding: 8px;
+}
+
+.tablist .tab {
+cursor: pointer;
+}
+
+.box .option .title.small {
+font-size: 12px;
+}
+
+.option {
+margin: 8px 0px;
+}
+
+.option.disabled > *:not(.title) {
+opacity: 0.2;
+}
+
+.option .title {
+font-family: var(--spfont1);
+font-weight: bold;
+}
+
+.option .inputtext:not(.shown) {
+display: none;
+}
+
+.box hr {
+border: var(--menu-border);
+}
+
+.box .buttonbar {
+border-top: var(--menu-border);
+padding: 4px;
+display: flex;
+}
+
+.box .buttonbar .grower {
+flex-grow: 1;
+}
+
+.box[name="sessions"] .session {
+background: var(--mail-content-bg, #dbdbdb);
+border: var(--mail-content-border, 1px outset #a8a8a8);
+padding: 4px;
+margin: 8px 0px;
+}
+
+.box[name="sessions"] .session .title {
+background: var(--mail-subject-bg, #b7b7b7);
+border: var(--mail-subject-border, 1px outset #8a8a8a);
+display: flex;
+padding: 4px;
+margin: -8px;
+margin-bottom: 4px;
+font-family: var(--spfont1);
+}
+
+.box[name="sessions"] .session .title img {
+height: 16px;
+}
+
+.box[name="sessions"] .session .title b {
+flex-grow: 1;
+}
+
+.box[name="sessions"] .session .title .button {
+margin: 0px !important;
+}
+
+.box .pager { display: flex; }
+
+.box .userlist .user-box {
+    display: flex;
+    margin: 4px 0px;
+}
+.box .userlist .user-box:hover { background: #0001; }
+
+.box .userlist .user-box hr {
+    margin: 4px;
+}
+
+.guestbooklist .gbmsgbox {
+    border: var(--menu-border);
+    background: var(--menu-bg);
+    margin: 4px;
+    padding: 2px;
+}
+
+.guestbooklist .gbmsgbox .name {
+    display: flex;
+}
+@media only screen and (orientation: landscape) {
+.tabbed-container.primary > .box .tabbed-container.secondary {
+	margin: -44px -4px -8px -4px;
+}
+
+.tabbed-container.primary > .box .tabbed-container.secondary .box {
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
+}
+}

core/css/tabbed-container.css

@@ -0,0 +1,123 @@
+/* = TABBED CONTAINERS */
+
+.tabbed-page,
+.tabbed-container {
+	display: flex;
+	flex-direction: column;
+}
+
+.tabbed-page .tablist,
+.tabbed-container .tablist {
+	position: relative;
+	bottom: -2px;
+	display: flex;
+	flex-direction: row;
+	flex-shrink: 0;
+	overflow-x: auto;
+	overflow-y: hidden;
+}
+
+.tabbed-page .tablist .tab,
+.tabbed-container .tablist .tab,
+.tabbed-container .tablist .faketab {
+	cursor: pointer;
+}
+
+.tablist a,
+.tablist a:link, .tablist a:visited {
+	color: var(--main-text);
+	text-decoration: none;
+}
+
+.tabbed-page .tablist .tab,
+.tabbed-container .tablist .tab,
+.tabbed-container .tablist .faketab {
+	background-color: var(--tab-inactive);
+	border: var(--tab-border);
+	display: inline-block;
+	padding: 8px;
+	position: relative;
+	margin: auto 2px 0px 2px;
+	bottom: -2px;
+	text-align: center;
+	font-family: var(--primary-font);
+}
+
+.tabbed-container .tablist .tab *:not(.userlink) img,
+.tabbed-container .tablist .faketab img {
+	vertical-align: middle;
+}
+
+.tabbed-page .tablist .tab.selected,
+.tabbed-container .tablist .tab.selected, 
+.tabbed-container .tablist .faketab.selected {
+	background: var(--tab-selected, #d3d3d3);
+	background: -moz-linear-gradient(0deg, var(--tab-selected) 50%, var(--tab-gradient) 100%);
+	background: -webkit-linear-gradient(0deg, var(--tab-selected) 50%, var(--tab-gradient) 100%);
+	background: linear-gradient(0deg, var(--tab-selected) 50%, var(--tab-gradient) 100%);
+	bottom: -2px;
+	/*border-bottom: none;*/
+}
+
+.tabbed-page .box:not(table),
+.tabbed-container .box:not(table),
+.tabbed-container .dropdown {
+	display: block;
+}
+
+.tabbed-page .box,
+.tabbed-container .box,
+.tabbed-container .dropdown {
+	background-color: var(--tab-selected);
+	border: var(--tab-border);
+	padding: 4px;
+	flex: auto;
+}
+
+/* JS should handle positions and shit */
+.tabbed-container .dropdown {
+	position: absolute;
+	border-top: none;
+}
+
+.tabbed-container > .tablist > .tab > .tab-close {
+	display: inline-block;
+	width: 16px; height: 16px;
+	margin-left: 4px;
+	background-image: url('icons/close');
+	background-size: 100%;
+	cursor: pointer;
+}
+
+@media only screen and (orientation: landscape) {
+	.tabbed-container.vertical {
+		flex-direction: row;
+	}
+
+	.tabbed-container.vertical > .tablist {
+		position: relative;
+		right: -1px;
+		bottom: 0px;
+		display: flex;
+		flex-direction: column;
+		overflow-x: hidden;
+		overflow-y: auto;
+		flex-shrink: 0;
+	}
+
+	.tabbed-container.vertical > .tablist .tab,
+	.tabbed-container.vertical > .tablist .faketab {
+		margin: 2px 0px;
+		right: -1px;
+		bottom: 0px;
+	}
+
+	.tabbed-container.vertical > .tablist .tab.selected,
+	.tabbed-container.vertical > .tablist .faketab.selected {
+		background: var(--tab-selected, #d3d3d3);
+		background: -moz-linear-gradient(-90deg, var(--tab-selected) 25%, var(--tab-gradient) 100%);
+		background: -webkit-linear-gradient(-90deg, var(--tab-selected) 25%, var(--tab-gradient) 100%);
+		background: linear-gradient(-90deg, var(--tab-selected) 25%, var(--tab-gradient) 100%);
+		border: var(--tab-border);
+	}
+}

core/css/theme.css

@@ -0,0 +1,141 @@
+:root {
+	--main-background: #d3d3d3;
+	--main-text: #000000;
+	
+	--subtitle: #525252;
+	--main-nav: dodgerblue;
+	--acc-nav: #f3dca9;
+	--acc-nav-separator: 2px solid #000000;
+	
+	--context-menu: #d0d0d0;
+	--context-menu-border: 2px outset #a4a4a4;
+	--context-menu-hover: #bfbfbf;
+	
+	--primary-container-background: #d9d4c9;
+	--primary-container-border: 2px outset #e5e2d1;
+	
+	--secondary-container-background: #cacaca;
+	--secondary-container-border: 2px outset #c1c1c1;
+	
+	--header-bg: #ffffff;
+	--header-text: #000000;
+	--header-line: 2px solid #000000;
+	
+	--code-bg: #ffffff63;
+	--code-text: #000000;
+	
+	--comments-background: #ffffff;
+	--comments-border-color: #000000;
+	
+	--border-line: #000000;
+	--border-header: #ffffff;
+	
+	--history-background: #ffffff;
+	--history-border-color: #000000;
+	--history-line-info: #FFFF00;
+	--history-line-add: #90EE90;
+	--history-line-delete: #FFCCCB;
+	--history-line-comment: #DCDCDC;
+	
+	--inactive: #6e6e6e;
+	--alert: #ce0000;
+	--currency: #89541A;
+	
+	--staff: #d500d1;
+	
+	--tab-border: 2px outset #d9e2d7;
+	--tab-inactive: #a8a8a8;
+	--tab-selected: #c8cbce;
+	--tab-gradient: #dedede;
+	
+	--popup-title-bg: #b3b3b3;
+	--popup-title-border: 2px outset #868686;
+	
+	--dialog-title: linear-gradient(180deg, #ffffff 0%, #f3dca9 8px);
+	--dialog-title-border: 1px outset #a48e65;
+	--dialog-bg: #b3b3b3;
+	--dialog-border: 1px outset #636363;
+	--dialog-button: #fbebcc;
+	--dialog-button-hover: #f9f7dd;
+	--dialog-button-active: #fffeee;
+	
+	--listing-unknown: #dd8fe8;
+	--listing-missing: #d57f6b;
+	--listing-found: #8cb9fd;
+	--listing-archived: #5dc668;
+	
+	--status-success: #458e1c;
+	--status-error: #ff0000;
+	
+	--error: #c85151;
+	--warn: #d5c58e;
+	--info: #8d9dce;
+	--success: #95ce8d;
+	
+	--mail-subject-bg: #b7b7b7;
+	--mail-subject-border: 2px outset #8a8a8a;
+	--mail-sub-bg: #cecece;
+	--mail-sub-border: 2px outset #a8a8a8;
+	--mail-content-bg: #dbdbdb;
+	--mail-content-border: 2px outset #959595;
+	--mail-buttonbar: #cacaca;
+	
+	--forum-header: linear-gradient(180deg, #ffffff 0%, #f3dca9 8px);
+	--forum-header-border: 1px outset #a89b7f;
+	--forum-content: #d9d4c9;
+	--forum-content-border: 1px outset #a29c8d;
+	
+	--forum-sub: #d7ccb6;
+	--forum-sub-border: 1px outset #99907b;
+	
+	--post: #d9d9d9;
+	--post-border: 1px outset #bfb9a9;
+	--post-bottombar: #d2d2d2;
+	
+	--post-author: #b4b6b7;
+	--post-author-border: 1px outset #84775a;
+	
+	--quote-bg: #cacaca;
+	--quote-border: 1px outset #9b9481;
+	
+	--spoiler-bg: #b0b0b0;
+	--spoiler-header-bg: #1c1c1c;
+	--spoiler-header-text: #E8E8E8;
+	--spoiler-border: 1px inset #1c1c1c;
+	
+	--poll-bar-color: #808080;
+	--poll-bar-text: var(--main-text);
+	--poll-first-bar: #FFD900;
+	--poll-second-bar: #FFB120;
+	--poll-third-bar: #E0D0A0;
+	
+	--bar-bgcolor: #ffffff;
+	
+	--input-bg: #ffffff;
+	--input-text: #000000;
+	
+	--direct: #ffffff;
+	
+	--background-image: url('background');
+	
+	--default-button-background: #d4d4d4;
+	--default-button-border: 2px outset #dfdfdf;
+	--hover-button-background: #99d4ab;
+	--hover-button-border: 2px outset #b6e0c3;
+	--active-button-background: #9e9e9e;
+	--active-button-border: 2px inset #bfbfbf;
+	--disabled-button-background: #808080;
+	--disabled-button-border: 2px solid #808080;
+	
+	--navbar-left: url('navbar-left');
+	--navbar-right: url('navbar-right');
+	--navbar-top: url('navbar-top');
+	--navbar-bottom: url('navbar-bottom');
+	--nav-db: url('navbar-db');
+	
+	--navbar-bg: url('navbar-bg');
+	--navbar-gradient: url('navbar-gradient');
+	
+	--primary-font: Pixio;
+	--secondary-font: TypeWriter;
+}