Flat UI theme for TTA on BGO
当前为
// ==UserScript==
// @name TTA boardgaming online flat design
// @version 1.0.0
// @description Flat UI theme for TTA on BGO
// @match http://*.boardgaming-online.com/*
// @match https://*.boardgaming-online.com/*
// @match http://boardgaming-online.com/*
// @match https://boardgaming-online.com/*
// @grant GM_addStyle
// @run-at document-start
// @namespace https://greasyfork.org/users/38973
// ==/UserScript==
function overrideCSS() {
GM_addStyle( "\
#contenu { \
font-family: 'Trebuchet MS', Helvetica, sans-serif !important; \
}" );
// Player Colors --------------------------------------
GM_addStyle( "\
#contenu .plateau1 { \
background-color: #eee8e0; \
}" );
GM_addStyle( "\
#contenu .plateau2 { \
background-color: #eee8e0; \
}" );
GM_addStyle( "\
#contenu .plateau3 { \
background-color: #eee8e0; \
}" );
GM_addStyle( "\
#contenu .plateau4 { \
background-color: #eee8e0; \
}" );
//Civilization Board --------------------------------------
GM_addStyle( "\
#statusBar { \
margin: 4px; \
padding: 2px; \
text-align: center; \
border: none; \
border-radius: 0; \
}" );
GM_addStyle( "\
#statusBar.statusActive { \
background-color: #eecc66; \
border: none; \
}" );
GM_addStyle( "\
#contenu .dataBox { \
margin: 5px; \
padding: 5px;\
border: none; \
}" );
GM_addStyle( "\
#contenu .civDataBox { \
background-color: rgba(255, 255, 255, 0.4); \
}" );
GM_addStyle( "\
#contenu .colony { \
border: none; \
border-radius: 5px; \
box-shadow: none; \
margin: 4px; \
width: 60px; \
padding: 4px; \
background-color: #75750e; \
color: #dad6c5; \
font-size: 11px; \
font-weight: bold; \
}" );
GM_addStyle( "\
#contenu .imageLeader { \
width: 68px; \
height: 90px; \
border: none; \
border-radius: 5px; \
}" );
GM_addStyle( "\
#carteJoueur .nomCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
font-size: 11px; \
vertical-align: bottom; \
padding: 2px 8px; \
}" );
GM_addStyle( "\
#contenu .specialTech { \
border: none; \
border-radius: 5px; \
box-shadow: none; \
margin: 4px; \
width: 60px; \
padding: 4px; \
}" );
GM_addStyle( "\
#carteJoueur.contourCarte { \
border: 0; \
box-shadow: none; \
border-radius: 5px; \
margin: 4px; \
}" );
GM_addStyle( "\
#carteJoueur a { \
border-radius: 5px; \
}" );
GM_addStyle( "\
#contenu .imageMerveille { \
border: none; \
width: 60px; \
height: 45px; \
margin: 3px; \
border-radius: 5px; \
}" );
GM_addStyle( "\
#contenu .tta_nocard0 { \
background-color: rgba(255,255,255,0.5); \
border: none; \
box-shadow: none; \
}" );
//Card Row --------------------------------------
GM_addStyle( "\
#contenu .tta_action0 { \
background-color: #f1c40f; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_action1 { \
background-color: #FFEC9D; \
}" );
GM_addStyle( "\
#contenu .tta_special0 { \
background-color: #6780c4; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_special1 { \
background-color: #C2CFF3; \
}" );
GM_addStyle( "\
#contenu .tta_wonder0 { \
background-color: #794890; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_wonder1 { \
background-color: #D7B2E4; \
}" );
GM_addStyle( "\
#contenu .tta_urban0 { \
background-color: #999999; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_urban1 { \
background-color: #D2D2D2; \
}" );
GM_addStyle( "\
#contenu .tta_production0 { \
background-color: #735334; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_production1 { \
background-color: #E8C39E; \
}" );
GM_addStyle( "\
#contenu .tta_military0 { \
background-color: #DC3924; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_military1 { \
background-color: #FFB9AF; \
}" );
GM_addStyle( "\
#contenu .tta_leader0 { \
background-color: #83a839; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_leader1 { \
background-color: #CCDE93; \
}" );
GM_addStyle( "\
#contenu .tta_government0 { \
background-color: #f38f24; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_government1 { \
background-color: #FFCE9A; \
}" );
GM_addStyle( "\
#contenu .tta_tactic0 { \
background-color: #fcdfdd; \
border: none; \
}" );
GM_addStyle( "\
#contenu .tta_tactic1 { \
background-color: #8d1108; \
}" );
GM_addStyle( "\
#card_row { \
border-spacing: 0px; \
border: none; \
border-radius: 0; \
box-shadow: none; \
padding: 5px; \
margin: 0px 20px 10px 0px; \
width: 100%; \
}" );
GM_addStyle( "\
#card_row .spacerLeft { \
background-color: transparent; \
border-top-left-radius: 0; \
border-bottom-left-radius: 0; \
width: 10px; \
}" );
GM_addStyle( "\
#card_row .fond1 { \
background-color: transparent; \
border-bottom: 3px solid rgba(0,0,0,0.1); \
}" );
GM_addStyle( "\
#card_row .fond2 { \
background-color: transparent; \
border-bottom: 3px solid rgba(0,0,0,0.25); \
}" );
GM_addStyle( "\
#card_row .fond3 { \
background-color: transparent; \
border-bottom: 3px solid rgba(0,0,0,0.5); \
}" );
GM_addStyle( "\
#card_row .spacerRight { \
background-color: transparent; \
border-top-right-radius: 0; \
border-bottom-right-radius: 0; \
width: 10px; \
}" );
GM_addStyle( "\
#card_row .nombre { \
color: #46484a; \
}" );
GM_addStyle( "\
#carteMain a { \
padding: 0px; \
text-decoration: none; \
display: block; \
cursor: help; \
border: none; \
box-shadow: none; \
border-radius: 0; \ \
margin: 2px; \
}" );
GM_addStyle( "\
#carte { \
position: absolute; \
left: -999em; \
border: none; \
border-radius: 5px; \
box-shadow: 1px 1px 5px rgba(0,0,0,0.25); \
padding: 0px 0px 0px 0px; \
text-align: center; \
width: 180px; \
z-index: 999; \
}" );
GM_addStyle( "\
#carte .ssTypeCarte { \
font-weight: normal; \
font-size: 12px; \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
padding: 0px; \
text-align: right; \
margin-top: -18px; \
margin-bottom: 4px; \
}" );
GM_addStyle( "\
#carte .texteCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
font-size: 12px;\
margin: 0px 0px 0px 0px; \
}" );
GM_addStyle( "\
#carte .texteCarteG { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
font-size: 12px;\
margin: 0px 0px 0px 0px; \
}" );
GM_addStyle( "\
#carteMain .nomCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
font-size: 11px; \
vertical-align: bottom; \
padding: 6px 8px; \
color: #ffff; \
}" );
GM_addStyle( "\
#carteRangee a { \
padding: 0px; \
text-decoration: none; \
display: block; \
cursor: url(../images/grab.cur), pointer; \
border: 1px solid 686460; \
box-shadow: none; \
border-radius: 5px; \
margin: 3px; \
}" );
GM_addStyle( "\
#carteRangee .nomCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
word-wrap: break-word; \
}" );
GM_addStyle( "\
#carteRangee .ageDosCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
font-size: 40px; \
color: #fff; \
text-shadow: none; \
padding: 15px 0px; \
}" );
GM_addStyle( "\
#carteRangee .ageCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
}" );
GM_addStyle( "\
#carte .nomCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
word-wrap: break-word; \
}" );
GM_addStyle( "\
#carte .ageCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
font-size: 16px; \
margin: 2px 0px; \
font-weight: bold; \
}" );
//Player Board --------------------------------------
GM_addStyle( "\
#contenu .playerBoardBox { \
background-color: transparent; \
}" );
GM_addStyle( "\
#contenu .worker_pool { \
padding: 5px; \
background-color: #fbefac; \
border: none; \
box-shadow: 0; \
font-size: 11px; \
margin: 10px 10px; \
color: #906117; \
vertical-align: top; \
font-weight: bold; \
width: 100px; \
text-align: center; \
border-radius: 0; \
}" );
GM_addStyle( "\
#contenu .libBatiment { \
text-align: center; \
margin: 0px 1px; \
font-size: 12px; \
font-weight: bold; \
border-top-left-radius: 0; \
border-top-right-radius: 0; \
}" );
GM_addStyle( "\
#contenu .ageBatiments { \
padding-right: 10px; \
}" );
GM_addStyle( "\
#indJoueur { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
}" );
GM_addStyle( "\
#contenu .batiment0 { \
padding: 0px; \
margin: 0px; \
border: 2px solid #eee8e0; \
background-color: rgba(255,255,255,0.5); \
}" );
GM_addStyle( "\
#contenu .batiment1 { \
padding: 4px; \
margin: 4px; \
border: 2px solid #eee8e0; \
}" );
GM_addStyle( "\
#descBatiment ul { \
box-shadow: 1px 1px 5px rgba(0,0,0,0.2); \
}" );
GM_addStyle( "\
#contenu .tta_element { \
margin: 0; \
padding: 6px 10px; \
border: none; \
background-color: rgba(255, 255, 255, 0.5); \
}" );
GM_addStyle( "\
#contenu .tta_resource_bank { \
background-color: transparent; \
padding: 0; \
margin-bottom: 0px; \
vertical-align: center; \
text-align: center; \
height: 26px; \
}" );
GM_addStyle( "\
#contenu .tta_corruption { \
background-color: transparent; \
color: #282838; \
}" );
GM_addStyle( "\
#contenu .tta_pop_bank { \
background-color: rgba(255,255,255,0.5); \
padding: 5px; \
margin: 0px; \
vertical-align: center; \
text-align: center; \
height: 26px; \
}" );
GM_addStyle( "\
#contenu .tta_consumption { \
background-color: transparent; \
color: #6c5b36; \
}" );
GM_addStyle( "\
#descBatiment .nomCarte { \
font-family: 'Trebuchet MS', Helvetica, sans-serif; \
}" );
GM_addStyle( "\
img.icone3 { \
border: 0px; \
margin: 0px; \
width: 12px; \
height: 12px; \
margin-right: 0px; \
margin-left: 0px; \
margin-top: 2px; \
}" );
}
(function() {
'use strict';
overrideCSS();
})();