Ikariam slim menus
Ikariam slim menus by ZaxonXP
Details
AuthorZaxonXP
LicenseNo License
Categoryikariam.gameforge.com
Created
Updated
Code size16 kB
Code checksuma9443fde
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 Ikariam - slim side menus
@namespace github.com/openstyles/stylus
@version 1.2.3
@description Slim side menus for Ikariam allowing to show maximum map/city views.
@author Murphy
==/UserStyle== */
@-moz-document domain("ikariam.gameforge.com") {
/* Top menu */
#header {
height: 15px !important;
}
#worldview {
top: 15px !important;
height: 100% !important;
}
#js_citySelectContainer {
margin-top: 4px !important;
}
/* Hide inventory */
.inventory {
top: 0px !important;
}
/* Shift left top navigation */
#topnavi {
background: no-repeat left top transparent !important;
background-color: #E0C495 !important;
height: 10px !important;
position: absolute !important;
left: -59px !important;
top: -25px !important;
width: 608px !important;
}
/* Breadcrumbs */
#breadcrumbs:before,
#breadcrumbs:after {
background: none !important;
}
#breadcrumbs {
background: none !important;
background-color: brown !important;
top: -4px !important;
width: 16% !important;
height: 10px !important;
left: 265px !important;
padding-top: 0px !important;
padding-bottom: 11px !important;
z-index: 64 !important;
}
/* Game top menus */
#GF_toolbar {
left: 410px !important;
line-height: 15px !important;
}
/* Bottom menu */
#footer {
height: 0px !important;
}
/* Left menu */
/* Ships and Gold info */
.transporters > .noViewParameters,
.freighters > .noViewParameters,
#js_GlobalMenu_gold {
height: 20px !important;
padding-bottom: 0px !important;
line-height: 24px !important;
}
.transporters > .noViewParameters,
.freighters > .noViewParameters {
background-size: 130px 70px !important;
}
#js_GlobalMenu_gold {
background-size: 230px 60px !important;
height: 20px !important;
padding-bottom: 0px !important;
}
.transporters > .noViewParameters {
top: -1px !important;
}
.freighters > .noViewParameters {
top: 19px !important;
}
#js_GlobalMenu_gold {
top: 39px !important;
}
/* Population info */
#resources_population {
top: 10px !important;
left: -99px !important;
background-color: #E0C495 !important;
width: 46px !important;
height: 22px !important;
}
/* Action points */
#js_GlobalMenu_maxActionPoints {
top: -12px !important;
left: -100px !important;
background-color: #E0C495 !important;
width: 59px !important;
height: 22px !important;
}
/* Resources info */
#resources_sulfur,
#resources_glass,
#resources_marble,
#resources_wine,
#resources_wood {
background-color: #E0C495 !important;
height: 25px !important;
left: -101px !important;
}
#resources_wood {
top: 32px !important;
}
#resources_wine {
top: 57px !important;
}
#resources_marble {
top: 82px !important;
}
#resources_glass {
top: 107px !important;
}
#resources_sulfur {
top: 129px !important;
}
/* View buttons (World/Island/City) */
.city_nav_button.viewWorldmap {
top: 225px !important;
left: -110px !important;
}
.city_nav_button.viewIsland {
top: 277px !important;
left: -110px !important;
}
.city_nav_button.viewCity {
top: 324px !important;
left: -110px !important;
}
/* City related icons */
#js_viewCityMenu {
top: 73% !important;
}
/* Right menu */
/* Advisors icons */
#advisors {
background-image: none !important;
top: -5px !important;
right: 17px !important;
width: 50px !important;
height: 50px !important;
}
#js_GlobalMenu_cities,
#js_GlobalMenu_military,
#js_GlobalMenu_research,
#js_GlobalMenu_diplomacy {
background-size: contain !important;
height: 60px !important;
width: 50px !important;
}
#js_GlobalMenu_cities > span,
#js_GlobalMenu_military > span,
#js_GlobalMenu_research > span,
#js_GlobalMenu_diplomacy > span {
top:48px !important;
font-size: 9px !important;
}
/* Ally messages icon */
#js_viewAllyMessage {
top: 255px !important;
right: 0px !important;
}
/* Chat icon */
#js_viewChat {
top: 295px !important;
right: 0px !important;
}
/* Friends list panel */
#js_viewFriends {
top: 335px !important;
}
/* Hide unwanted content */
#tradeRoute,
#js_GlobalMenu_ambrosia,
#js_toggleControlsOn,
.footerleft,
.footerright,
.scrolling,
.plus_button,
.resourceShop,
#cityFlyingShopContainer,
#btnIngameCountdown1,
.winterActivationButton
{
display: none !important;
}
/* Ads */
#cityMilitary > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#tradeAdvisor > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#militaryAdvisorCombatList > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#militaryAdvisor > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#merchantNavy > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#finances > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#tradegood > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#resource > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#tradeRoutes > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#militaryAdvisorWarList > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#diplomacyAdvisor > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#researchAdvisor > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#diplomacyIslandBoard > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#diplomacyTreaty > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#diplomacyAlly > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#diplomacyAdvisorSearchUser > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#ignoreList > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#avatarProfile > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#shipyard > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#militaryAdvisorReportView > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#militaryReportExport > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#militaryAdvisorDetailedReportView > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#options > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#optionsAccount > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#optionsNotification > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#optionsIPSharing > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#deploymentFleet > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center,
#blockade > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.center
{
display: none !important;
}
/* Hide vertical spacer in the dialogs */
#tradeAdvisor > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription.heightLessBuildingDescription,
#tradeRoutes > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#militaryAdvisorCombatList > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#militaryAdvisorWarList > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#diplomacyAdvisor > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#researchAdvisor > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#diplomacyIslandBoard > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription.heightLessBuildingDescription,
#diplomacyTreaty > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#diplomacyAlly > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#diplomacyAdvisorSearchUser > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#ignoreList > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#militaryAdvisorReportView > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#militaryReportExport > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#militaryAdvisorDetailedReportView > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#options > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#optionsAccount > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription,
#optionsNotification > div.bd.mainContentScroll > div.mainContent.minimizableContent > div.buildingDescription
{
display: none !important;
}
/* Hide dialog box icons *...