Template:Robuddy-styles.css

.robuddy-infobox { float:right; margin-left:1em; margin-bottom:1em; width:280px; border:2px solid #336699; border-collapse:collapse; background:#f8f9fa; }
.robuddy-infobox-title { background:#336699; color:#fff; text-align:center; padding:8px; font-weight:bold; }
.robuddy-infobox-image { text-align:center; padding:8px; }
.robuddy-infobox-row { background:#e8e8e8; }
.robuddy-infobox-label { width:90px; font-weight:bold; padding:4px 8px; }
.robuddy-infobox-value { padding:4px 8px; }
.robuddy-infobox-en { font-size:smaller; color:#555; }

.robuddy-warning, .robuddy-note, .robuddy-danger { padding:8px 12px; margin:0.5em 0; border-left:4px solid; }
.robuddy-warning { background:#fff8e1; border-color:#ff9800; }
.robuddy-note { background:#e3f2fd; border-color:#2196f3; }
.robuddy-danger { background:#fce4ec; border-color:#f44336; }

html.skin-theme-clientpref-dark .robuddy-infobox { border-color:#5b8dbf; background:#1e2a3a; }
html.skin-theme-clientpref-dark .robuddy-infobox-title { background:#2a4a6b; color:#e0e0e0; }
html.skin-theme-clientpref-dark .robuddy-infobox-row { background:#253545; }
html.skin-theme-clientpref-dark .robuddy-infobox-label { color:#ccc; }
html.skin-theme-clientpref-dark .robuddy-infobox-value { color:#ddd; }
html.skin-theme-clientpref-dark .robuddy-infobox-en { color:#999; }
html.skin-theme-clientpref-dark .robuddy-warning { background:#3a2f10; border-color:#e6a817; color:#f0d060; }
html.skin-theme-clientpref-dark .robuddy-note { background:#0d2137; border-color:#42a5f5; color:#90caf9; }
html.skin-theme-clientpref-dark .robuddy-danger { background:#3a1010; border-color:#ef5350; color:#ef9a9a; }