mirror of
https://github.com/dcs-retribution/dcs-retribution.git
synced 2025-11-10 15:41:24 +00:00
995a89d370
DCS features a massive range of aircraft and land vehicles, and not all of them make their role(s) clear just from the name alone. What this commit does is add an "information" button (and resultant window) to the recruitment section. This should allow new players to understand what each unit is/does. Current state - every aircraft has a country of origin and an introduction date for that variant. Some also have a small placeholder description, taken from ED's store page for that aircraft. There is also a placeholder picture (taken from a rejected image from my own personal photography) that will, in time, show a banner image of each unit. Todo - add appropriate screenshots for each aircraft's banner, replace the placeholder text for each aircraft (this will take a while...) and add more data points for each unit type, such as a unit role (i.e. "air-superiority fighter", "multirole fighter", etc) or perhaps a list of weapons carried. I also haven't made a start on the huge number of ground units yet.
603 lines
10 KiB
CSS
603 lines
10 KiB
CSS
/*ui theme based on dcs*/
|
|
|
|
|
|
/*
|
|
colors
|
|
|
|
Backgrounds
|
|
blue ------------------------ #2D3E50
|
|
dark blue ------------------- #1D2731
|
|
med/grey/blue --------------- #435466
|
|
dark grey ------------------- #4E5760
|
|
button blue/grey gradient --- qlineargradient(x1:0, y1:0, x2:1, y2:1,stop:0 #A4B3B9, stop:1 #85989D);
|
|
button green gradient --- qlineargradient(x1:0, y1:0, x2:1, y2:1,stop:0 #82A466, stop:1 #5C863F);
|
|
|
|
Text
|
|
white text ------------------- #ffffff
|
|
blue text -------------------- #3592C4
|
|
grey text -------------------- #B7C0C6
|
|
|
|
*/
|
|
|
|
/*
|
|
* Makes all message box text selectable.
|
|
* https://stackoverflow.com/a/32595502/632035
|
|
*/
|
|
QMessageBox {
|
|
messagebox-text-interaction-flags: 5;
|
|
}
|
|
|
|
/*QMenuBar*/
|
|
QMenuBar {
|
|
spacing: 2px; /* spacing between menu bar items */
|
|
border-bottom:none;
|
|
}
|
|
|
|
QMenuBar::item {
|
|
padding: 4px 10px;
|
|
background: transparent;
|
|
border-radius: 2px;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
QMenuBar::item:selected { /* when selected using mouse or keyboard */
|
|
background: #1D2731;
|
|
}
|
|
|
|
QMenuBar::item:pressed {
|
|
background: #1D2731;
|
|
}
|
|
|
|
QToolButton:checked {
|
|
border-color: #435466;
|
|
background: #14202B;
|
|
}
|
|
|
|
QToolButton:hover {
|
|
background: #536476;
|
|
}
|
|
|
|
QToolBar::separator {
|
|
background:white;
|
|
width:1px;
|
|
height:1px;
|
|
}
|
|
|
|
QMenu::item:selected {
|
|
background: #435466;
|
|
}
|
|
|
|
QScrollBar:horizontal {
|
|
background: #435466;
|
|
}
|
|
QScrollBar:vertical {
|
|
background: #435466;
|
|
}
|
|
|
|
QLabel{
|
|
font-weight:normal;
|
|
text-align:right;
|
|
}
|
|
|
|
|
|
/*QWidget*/
|
|
QWidget {
|
|
background-color: #2D3E50;
|
|
color:white;
|
|
}
|
|
|
|
|
|
/*QLiberationWindow*/
|
|
QLiberationWindow{
|
|
background-color: #2D3E50;
|
|
color:white;
|
|
}
|
|
|
|
/*QTopPanel*/
|
|
QTopPanel,
|
|
QTopPanel * {
|
|
background-color: #1D2731;
|
|
color: #B7C0C6;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*QPushButton*/
|
|
QPushButton {
|
|
background: qlineargradient(x1:0, y1:0, x2:1, y2:1,stop:0 #A4B3B9, stop:1 #85989D);
|
|
border: 1px solid #97A9A9;
|
|
color:#fff;
|
|
padding: 6px 10px;
|
|
border-radius:2px;
|
|
}
|
|
|
|
QPushButton:hover {
|
|
background: #6c7b7f;
|
|
}
|
|
|
|
/*btn-primary*/
|
|
QPushButton[style="btn-primary"]{
|
|
background: qlineargradient(x1:0, y1:0, x2:1, y2:1,stop:0 #A4B3B9, stop:1 #85989D);
|
|
border: 1px solid #97A9A9;
|
|
color:#fff;
|
|
padding: 6px;
|
|
border-radius:2px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
}
|
|
QPushButton[style="btn-primary"]:hover{
|
|
background: #6c7b7f;
|
|
}
|
|
|
|
|
|
/*highlighted buttons*/
|
|
QPushButton[style="btn-success"] , QPushButton[style="start-button"]{
|
|
background-color:#82A466;
|
|
color: white;
|
|
border-radius:2px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
QPushButton[style="start-button"]{
|
|
padding: 8px 30px;
|
|
}
|
|
|
|
QPushButton[style="btn-success"]:hover , QPushButton[style="start-button"]:hover{
|
|
background:#5C863F;
|
|
}
|
|
|
|
|
|
|
|
/* Buy button */
|
|
QPushButton[style="btn-buy"]{
|
|
background-color:#82A466;
|
|
color: white;
|
|
border-radius:2px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
}
|
|
|
|
QPushButton[style="btn-buy"]:hover{
|
|
background:#5C863F;
|
|
}
|
|
|
|
/* Sell button */
|
|
QPushButton[style="btn-sell"]{
|
|
background-color:#9E3232;
|
|
color: white;
|
|
border-radius:2px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
}
|
|
|
|
QPushButton[style="btn-sell"]:hover{
|
|
background:#D84545;
|
|
}
|
|
|
|
/* Info button */
|
|
QPushButton[style="btn-info"]{
|
|
background-color:#329E9E;
|
|
color: white;
|
|
border-radius:2px;
|
|
font-weight:bold;
|
|
text-transform:lowercase;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
}
|
|
|
|
QPushButton[style="btn-info"]:hover{
|
|
background:#45D8D8;
|
|
}
|
|
|
|
|
|
|
|
QPushButton[style="btn-danger"]{
|
|
background-color:#9E3232;
|
|
color: white;
|
|
padding: 6px;
|
|
border-radius:2px;
|
|
border: 1px solid #9E3232;
|
|
}
|
|
|
|
QPushButton[style="btn-danger"]:hover{
|
|
background-color:#D84545;
|
|
}
|
|
|
|
QPushButton:disabled{
|
|
|
|
background:#d6d6d6;
|
|
}
|
|
|
|
/*QLabel*/
|
|
QLabel{
|
|
border: none;
|
|
}
|
|
|
|
QLabel[style="base-title"]{
|
|
font-size: 24px;
|
|
}
|
|
|
|
QLabel[style="budget-label"]{
|
|
font-size: 16px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
QLabel[style="icon-plane"]{
|
|
background-color:#48719D;
|
|
min-height:24px;
|
|
max-width: 84px;
|
|
border: 1px solid black;
|
|
text-align:center;
|
|
color:white;
|
|
}
|
|
|
|
QLabel[style="icon-armor"]{
|
|
background-color:#48719D;
|
|
min-height:24px;
|
|
max-width: 64px;
|
|
border: 1px solid black;
|
|
text-align:center;
|
|
color:white;
|
|
}
|
|
|
|
QLabel[style="BARCAP"]{
|
|
border: 1px solid black;
|
|
background-color: #445299;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="TARCAP"]{
|
|
border: 1px solid black;
|
|
background-color: #445299;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="CAP"]{
|
|
border: 1px solid black;
|
|
background-color: #445299;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="INTERCEPTION"]{
|
|
border: 1px solid black;
|
|
background-color: #7752bc;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="CAS"]{
|
|
border: 1px solid black;
|
|
background-color: #ab2244;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="BAI"]{
|
|
border: 1px solid black;
|
|
background-color: #ab2244;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="ANTISHIP"]{
|
|
border: 1px solid black;
|
|
background-color: #ab2244;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="STRIKE"]{
|
|
border: 1px solid black;
|
|
background-color: #ab2244;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="DEAD"]{
|
|
border: 1px solid black;
|
|
background-color: #cc8844;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="SEAD"]{
|
|
border: 1px solid black;
|
|
background-color: #aa7744;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QLabel[style="info-element"]{
|
|
border: 1px solid #435466;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
QTextBrowser[style="info-desc"]{
|
|
border: 1px solid #435466;
|
|
color:white;
|
|
padding:2px 6px;
|
|
}
|
|
|
|
/*QGroupBox these are the sections that look like fieldsets*/
|
|
QGroupBox {
|
|
margin-top: 1ex; /* leave space at the top for the title */
|
|
border:1px solid #435466;
|
|
padding:5px;
|
|
margin:5px;
|
|
}
|
|
|
|
QGroupBox[style="buy-box"]{
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
QGroupBox::title {
|
|
subcontrol-origin: margin;
|
|
subcontrol-position: top left; /* position at the top left */
|
|
padding: 5px;
|
|
color: #B7C0C6;
|
|
font-weight: 800;
|
|
}
|
|
|
|
|
|
/*checkboxes*/
|
|
QGroupBox::indicator , QCheckBox::indicator {
|
|
width: 14px;
|
|
height: 14px;
|
|
border: 1px solid #435466;
|
|
|
|
}
|
|
|
|
QGroupBox::indicator:hover , QCheckBox::indicator:hover {
|
|
border-color: #fff;
|
|
image: url(resources/stylesheets/check-hover.png);
|
|
}
|
|
|
|
QGroupBox::indicator:unchecked , QCheckBox::indicator:unchecked {
|
|
|
|
}
|
|
|
|
QGroupBox::indicator:checked , QCheckBox::indicator:checked {
|
|
image: url(resources/stylesheets/check.png);
|
|
}
|
|
|
|
|
|
/*QDialog*/
|
|
QDialog{
|
|
|
|
}
|
|
|
|
QListView {
|
|
border: 1px solid #14202B;
|
|
background-color: #14202B;
|
|
}
|
|
|
|
/*QTabWidget*/
|
|
QTabWidget::pane { /* The tab widget frame */
|
|
border: 1px solid #1D2731;
|
|
}
|
|
|
|
QTabWidget::tab-bar {
|
|
border: 1px solid #14202B;
|
|
}
|
|
|
|
QTabBar::tab {
|
|
color:#5B626B;
|
|
background: #202C3A;
|
|
border-right: 1px solid #14202B;
|
|
border-left: 1px solid #14202B;
|
|
border-top: 1px solid #14202B;
|
|
min-width: 8ex;
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
QTabBar::tab:hover {
|
|
background: #1D2731;
|
|
color:#fff;
|
|
}
|
|
|
|
QTabBar::tab:selected {
|
|
color:#3592C4;
|
|
background:#2C3E4C;
|
|
}
|
|
|
|
|
|
|
|
/*QComboBox*/
|
|
QComboBox {
|
|
border:1px solid #3B4656;
|
|
color: #fff;
|
|
padding: 4px 10px;
|
|
background: #1D2731;
|
|
}
|
|
|
|
QComboBox::editable {
|
|
border:4px solid red;
|
|
}
|
|
|
|
QComboBox:hover{
|
|
border-color: #3592C4;
|
|
}
|
|
|
|
QComboBox:disabled, QComboBox::drop-down:disabled{
|
|
color: #B7C0C6;
|
|
background: #435466;
|
|
}
|
|
|
|
QComboBox::drop-down {
|
|
subcontrol-origin: padding;
|
|
subcontrol-position: top right;
|
|
padding: 2px;
|
|
border:none;
|
|
color: #fff;
|
|
height: 20px;
|
|
}
|
|
|
|
QComboBox::down-arrow {
|
|
image: url(resources/stylesheets/chevron-down.png);
|
|
}
|
|
|
|
QComboBox QAbstractItemView {
|
|
padding: 4px;
|
|
border:1px solid #3B4656;
|
|
background: #465C74;
|
|
|
|
}
|
|
|
|
|
|
/*QSpinBox number input with up down arrows*/
|
|
QSpinBox{
|
|
border:1px solid #3B4656;
|
|
color: #fff;
|
|
padding: 4px 10px;
|
|
background: #1D2731;
|
|
min-width:40px;
|
|
}
|
|
|
|
QSpinBox:hover{
|
|
border-color: #3592C4;
|
|
}
|
|
|
|
QSpinBox::up-button , QSpinBox::down-button{
|
|
border:none;
|
|
}
|
|
|
|
QSpinBox::up-button{
|
|
image: url(resources/stylesheets/chevron-up.png);
|
|
}
|
|
|
|
QSpinBox::down-button{
|
|
image: url(resources/stylesheets/chevron-down.png);
|
|
}
|
|
|
|
|
|
|
|
QLineEdit{
|
|
padding: 4px 10px;
|
|
border:1px solid #3B4656;
|
|
background: #465C74;
|
|
color: #fff;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
|
|
/*table view*/
|
|
QHeaderView{
|
|
background: #4B5B74;
|
|
}
|
|
QHeaderView::section {
|
|
background: #4B5B74;
|
|
padding: 4px;
|
|
border-style: none;
|
|
border-bottom: 1px solid #1D2731;
|
|
}
|
|
|
|
QHeaderView::section:horizontal
|
|
{
|
|
/*border: none;*/
|
|
text-align:left;
|
|
background: #4B5B74;
|
|
}
|
|
|
|
QHeaderView::section:vertical
|
|
{
|
|
/*border: none;*/
|
|
text-align:left;
|
|
background: #4B5B74;
|
|
}
|
|
|
|
QTableWidget {
|
|
gridline-color: red;
|
|
background: #4B5B74;
|
|
}
|
|
|
|
QTableView QTableCornerButton::section {
|
|
background: #4B5B74;
|
|
}
|
|
|
|
/*helper modifiers*/
|
|
*[style="no-border"] {
|
|
border:none;
|
|
}
|
|
|
|
*[style="bordered"]{
|
|
border: 1px solid #1D2731;
|
|
}
|
|
|
|
|
|
/*
|
|
QBaseMenu{
|
|
background-color:#699245;
|
|
color:white;
|
|
}
|
|
|
|
QWidget[style="baseMenuHeader"]{
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color:white;
|
|
}*/
|
|
|
|
QLabel[style="small"], QLabel[style="text-xs"]{
|
|
font-size: 8px;
|
|
}
|
|
|
|
QLabel[style="text-sm"]{
|
|
font-size: 10px;
|
|
}
|
|
|
|
QLabel[style="text-md"] {
|
|
font-size: 12px;
|
|
}
|
|
|
|
QLabel[style="text-xl"] {
|
|
font-size: 14px;
|
|
}
|
|
|
|
QFrame[style="QConditionsWidget"] {
|
|
margin: 0px;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
}
|
|
|
|
QGroupBox[style="QWeatherWidget"] {
|
|
padding: 0px;
|
|
margin-left: 0px;
|
|
margin-right: 5px;
|
|
margin-top: 1px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
QGroupBox[style="QWeatherWidget"] QLabel[style="text-sm"] {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
font-size: 9px;
|
|
line-height: 9px;
|
|
}
|
|
|
|
QGroupBox[style="IntelSummary"] {
|
|
padding-left: 40px;
|
|
padding-right: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
margin-left: 0px;
|
|
margin-right: 5px;
|
|
margin-top: 1px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
QGroupBox[style="IntelSummary"] QLabel {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
font-size: 9px;
|
|
line-height: 9px;
|
|
} |