A style to give sort of "modern" & clean looking to Ogame 10.3
Tested up to:
Ogame 10.3.0
InfoCompte 9.0.14
Universeview 4.2.1
OGLight 4.1.0
AGR 10.1.0
Ogame little more modern MT by MisatoTremor
Details
AuthorMisatoTremor
LicenseCC-BY-NC-4.0
Categoryogame.gameforge.com
Created
Updated
Size248 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Ogame little more modern MT
@namespace USO Archive
@author Pumpk1in
@author Misat0
@description `A style to give some sort of "modern" & clean looking to Ogame 11<strong>Tested & tweaked up to:</strong>Ogame 12.0.4 + InfoCompte 9.0.14, Universeview 4.2.1, OGLight 4.1.0 &/or AGR 11.4.1`
@version 20241023.13.18
@license CC-BY-NC-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document regexp("^https://s.*.ogame.gameforge.com..*") {
@font-face {
font-family: 'Play';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/play/v11/6aez4K2oVqwIvtU2Hw.woff2) format('woff2');
}
/* cyrillic-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--main: #329499;
--maindark: #0e3b3e;
--mainlight: #57c4ca;
--mainsubtle: #85d7d4;
--active: #2e3fb6;
--activedark: #0a1770;
--activelight: #4282e3;
--danger: #a73939;
--warning: #cb773c;
--isok: #80c961;
--neutral: #D29D00;
--premium: #756d33;
--premiumlight: #bf9f1a;
--bg: #221a2c;
--bgdark: #17121d;
--bglight: #282133;
--alt: #6ca0b0;
--input: #d3e9f7;
--radius: 3px;
}
body {
background: url(https://image.board.gameforge.com/uploads/iis/ogbg.jpg) #000 !important;
background-attachment: fixed !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
overflow-x: hidden;
width: 100%;
}
body:after {
background: #0f143b;
content: '';
height: 100vh;
left: 0;
opacity: .7;
position: fixed;
top: 0;
width: 100vw;
z-index: -1;
}
body.no-commander {
background-position: 0;
}
/* general */
html,
body {
font-family: Inter;
font-weight: 400;
}
#header_text h2,
#supplies header h2,
#facilities header h2,
#research header h2,
#shipyard header h2,
#defense header h2,
#fleetdispatchcomponent #planet h2,
#fleet2 #inhalt #planet > h2,
#fleet3 #inhalt #planet > h2,
#alliancecomponent #planet h2 {
font-family: Inter;
font-weight: 700;
}
#galaxyHeader .btn_blue {
margin-left: 7px !important;
}
#planetdata td.desc,
#planetdata .data {
font-size: 120%;
}
.tpd-content {
font-size: 12px !important;
}
pre > .status_abbr_longinactive {
font-weight: 700;
font-size: 12px;
}
#star,
#star1,
#star2,
.c-left,
.c-right {
display: none;
}
.friendly,
.undermark {
color: var(--mainlight) !important;
}
.success {
color: var(--isok) !important;
}
.btn,
.btn_blue,
#planet .slot,
.build-it_premium,
.build-it,
.build-it_disabled,
.dropdown.currentlySelected {
background: var(--bgdark) !important;
border: none !important;
border-radius: 0 !important;
box-shadow: inset 0 0 0 1px var(--mainlight),
inset 0 0 12px var(--main) !important;
color: #fff !important;
font-family: Inter !important;
font-size: 12px !important;
font-weight: normal !important;
transition: all .3s;
text-transform: uppercase;
}
.btn:hover,
.btn_blue:hover,
#planet .slot:hover,
.build-it_premium:hover,
.build-it:hover,
.dropdown.currentlySelected:hover {
box-shadow: inset 0 0 0 1px var(--activelight),
inset 0 0 12px var(--active) !important;
}
#expeditionbutton.btn_blue, #sendExpeditionFleetTemplateFleet.btn_blue {
padding: 4px 5px 4px 20px;
}
#rewardings .tierlist .btn_blue.undermark {
background: var(--bgdark) !important;
box-shadow: inset 0 0 0 1px var(--activelight),
inset 0 0 12px var(--active) !important;
color: var(--activelight) !important;
}
#rewardings .tierlist .btn_blue[disabled=disabled] {
background: var(--bgdark) !important;
box-shadow: inset 0 0 0 1px var(--premiumlight),
inset 0 0 12px var(--premium) !important;
color: white !important;
filter: none;
}
a.build-it_premium,
button.build-it_premium {
display: block !important;
box-sizing: border-box;
height: auto !important;
}
a.build-it_premium {
width: 134px !important;
font-size: 1em;
margin: 0 0 0 auto;
box-sizing: border-box;
padding: 4px 8px !important;
margin-bottom: 3px;
}
...