diff --git a/core/branding/icon-clippy.png b/core/branding/icon-clippy.png new file mode 100644 index 0000000..cef9419 Binary files /dev/null and b/core/branding/icon-clippy.png differ diff --git a/core/branding/icon-clippy.svg b/core/branding/icon-clippy.svg new file mode 100644 index 0000000..9e2428b --- /dev/null +++ b/core/branding/icon-clippy.svg @@ -0,0 +1,181 @@ + + + + diff --git a/core/bundle.default.png b/core/bundle.default.png new file mode 100644 index 0000000..bda7a46 Binary files /dev/null and b/core/bundle.default.png differ diff --git a/core/style.css b/core/style.css index 76d2fa4..787ca52 100644 --- a/core/style.css +++ b/core/style.css @@ -29,7 +29,7 @@ nav.top::-webkit-scrollbar { display: none; } -div.grower { flex-grow: 1; } +.grower { flex-grow: 1; } p img, body > img { @@ -69,7 +69,7 @@ table.alternating > tbody > tr:nth-of-type(even) { height: 64px; margin: -64px 0 0; } - + /* Center primary portion of page */ body > .page-container { margin-left: auto; @@ -273,7 +273,7 @@ nav .logo { } /* = TOP BAR */ -nav.top { +nav.top { display: block; background-image: var(--navbar-top); background-position: 0px 100%; @@ -320,7 +320,7 @@ nav.top div.slideout.active { width: 264px; } -nav.top div.slideout .upbutton img { margin: 4px 8px; } +nav.top div.slideout .upbutton img { margin: 4px 8px; } nav.top div.slideout .dropdown { font-family: var(--primary-font); @@ -433,12 +433,12 @@ nav.top div.slideout.mail.active .dropdown .clicker .counter { width: 162px; margin-top: 6px; } - + nav.top div.slideout.alerts .dropdown .alerts .alert a, nav.top div.slideout.mail .dropdown .mail .message a { text-decoration: underline; } - + nav.top div.slideout.alerts .dropdown .alerts .alert .info, nav.top div.slideout.mail .dropdown .mail .message .info { display: flex; @@ -448,7 +448,7 @@ nav.top div.slideout.mail .dropdown .mail .message .info { nav.top div.slideout.account { width: 132px; } nav.top div.slideout.account.active { width: 256px; } -nav.top div.slideout.mail,nav.top div.slideout.alerts { +nav.top div.slideout.mail,nav.top div.slideout.alerts { display: block; width: 32px; margin: 0px 2px; @@ -458,8 +458,8 @@ nav.top div.slideout.active.mail,nav.top div.slideout.active.alerts { width: 262 nav.top div.slideout.mail .dropdown,nav.top div.slideout.alerts .dropdown { padding: 1px; } -nav.top div.slideout.mail .counter,nav.top div.slideout.alerts .counter { - margin-top: -8px; +nav.top div.slideout.mail .counter,nav.top div.slideout.alerts .counter { + margin-top: -8px; display: block; } nav.top div.slideout.mail .counter.new,nav.top div.slideout.alerts .counter.new { @@ -569,42 +569,42 @@ nav.top .navbutton-bar .button.selected { background-size: 100%; height: 100%; } - + body > div.navgap:not(.acc) { height: 0px; } - + body > div.navgap.acc { height: 34px; } - + nav hr { width: 100%; border: 1px solid black; } - + nav .logo { display: block; } - + nav.top { width: calc(100% - 64px); top: 0px; left: 64px; } - + nav.top > .navRight .dropdown h3 { width: 128px; } - + nav.top > .navRight .dropdown:hover h3 { text-decoration: underline; } - + nav.top.alert { top: 36px; } - + nav .popbutton.selected:not(:hover) { background-image: var(--background-image); background-color: var(--main-background); @@ -628,20 +628,20 @@ nav.top .navbutton-bar .button.selected { -ms-overflow-style: none; white-space: nowrap; } - + body > div.navgap:not(.acc) { height: 66px; } - + body > div.navgap.acc { height: 34px; } - + nav.top { overflow-x: unset; overflow-y: unset; } - + nav hr { margin: 0px 2px; border: none; @@ -650,32 +650,32 @@ nav.top .navbutton-bar .button.selected { display: inline-block; height: 48px; } - + nav .logo { display: inline-block; } - + nav > a { transform: rotate(-90deg); display: inline-block; vertical-align: top; height: 100%; } - + nav.top { width: 100%; top: 64px; left: 0px; } - + nav.top > .dropdown h3 { width: 36px; } - + nav.top.alert { top: 100px; } - + nav.top div.slideout.account { width: 32px; } nav.top div.slideout.account:not(.active) .dropdown .username *:not(.mycon) { display: none; } nav.top div.slideout.account:not(.active) .dropdown .username .mycon { margin: 2px; } @@ -721,7 +721,7 @@ nav.top .navbutton-bar .button.selected { .heading > div.head-contents { max-width: 1200px; margin-left: auto; margin-right: auto; - + } .heading.main { @@ -833,12 +833,12 @@ nav.top .navbutton-bar .button.selected { .heading.main { margin: -8px; margin-bottom: 8px; } .heading.sub { margin: -8px; margin-bottom: 8px; } .heading.section { margin: 4px -8px; } - + body > .header-title { top: -8px; margin-bottom: -8px; } - + /* Center header */ body > .header { max-width: 1200px; @@ -864,7 +864,7 @@ nav.top .navbutton-bar .button.selected { .heading.sub { top: 128px; } - + body > .header-title { top: -16px; margin-bottom: -16px; @@ -892,7 +892,7 @@ body.accform .options .option { display: flex; } body.accform .options .option .name { font-family: var(--primary-font); - flex-shrink: 0; + flex-shrink: 0; flex-grow: 1; text-align: right; padding: 2px; @@ -1015,7 +1015,7 @@ body.blog .page-container .article .link { font-weight: bold; } display: flex; flex-direction: column-reverse; } - + body.dashboard .section { width: 100%; margin: 0px 4px; @@ -1303,7 +1303,7 @@ body.forum.thread table.poll-display { text-align: left; } -body.forum.thread table.poll-display tr th, +body.forum.thread table.poll-display tr th, body.forum.thread table.poll-display tr td { padding: 2px; } body.forum.thread table.poll-display tr td.bar { @@ -1341,7 +1341,7 @@ body.forum.thread table.reply-display { border: var(--forum-sub-border); } -body.forum.thread table.reply-display tr th, +body.forum.thread table.reply-display tr th, body.forum.thread table.reply-display tr td { padding: 2px; } body.forum.thread table.reply-display tr:not(.title-row) { @@ -1384,7 +1384,7 @@ table.board-display#poll input[type="text"] { width: 100%; } body.forum.thread table.board-display { top: -24px; } - + body.forum.thread table.board-display colgroup col:nth-of-type(4), body.forum.thread table.post-display tr.author-row { display: none; @@ -1413,12 +1413,12 @@ table.board-display#poll input[type="text"] { width: 100%; } body.forum.thread table.board-display { top: 40px; } - + body.forum.thread table.post-display tr.author-row { text-align: left; vertical-align: top; } - + body.forum.thread table.post-display tr.author-row > th { text-align: center; vertical-align: middle; @@ -1526,7 +1526,7 @@ body.shop.item .page-container .usercard .userlink .mycon { body.shop.item .page-container .top { flex-direction: column; } - + body.shop.item .page-container .top .details .button { display: block; margin-left: auto; @@ -1865,7 +1865,7 @@ heading .button { .dropdown:hover .menu, .dropdown:active .menu { display: block; } - + .button.dropdown > a { cursor: pointer; } @@ -1881,7 +1881,7 @@ heading .button { width: 140px; top: -28px; } - + .dropdown:hover { background-position-y: 100%; } @@ -2201,19 +2201,19 @@ body.news .article { @media only screen and (orientation: landscape) { body.news .page-container .articles { - display: grid; - grid-template-columns: 1fr 1fr 1fr; + display: grid; + grid-template-columns: 1fr 1fr 1fr; gap: 16px; - grid-template-areas: + grid-template-areas: "top top top2" "top top top2" - ". . ."; + ". . ."; } - + body.news .page-container .articles .article:nth-of-type(1) { grid-area: top; } - + body.news .page-container .articles .article:nth-of-type(2) { grid-area: top2; }