mirror of
https://github.com/ynput/ayon-core.git
synced 2025-12-26 13:52:15 +01:00
514 lines
8.5 KiB
CSS
514 lines
8.5 KiB
CSS
/* Global CSS */
|
|
|
|
* {
|
|
outline: none;
|
|
color: #ddd;
|
|
font-family: "Open Sans";
|
|
font-style: normal;
|
|
}
|
|
|
|
/* General CSS */
|
|
|
|
QWidget {
|
|
background: #555;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
font-size: 12px;
|
|
}
|
|
|
|
QMenu {
|
|
background-color: #555; /* sets background of the menu */
|
|
border: 1px solid #222;
|
|
}
|
|
|
|
QMenu::item {
|
|
/* sets background of menu item. set this to something non-transparent
|
|
if you want menu color and menu item color to be different */
|
|
background-color: transparent;
|
|
padding: 5px;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
QMenu::item:selected { /* when user selects item using mouse or keyboard */
|
|
background-color: #666;
|
|
}
|
|
|
|
QDialog {
|
|
min-width: 300;
|
|
background: "#555";
|
|
}
|
|
|
|
QListView {
|
|
border: 0px;
|
|
background: "transparent"
|
|
}
|
|
|
|
QTreeView {
|
|
border: 0px;
|
|
background: "transparent"
|
|
}
|
|
|
|
QPushButton {
|
|
width: 27px;
|
|
height: 27px;
|
|
background: #555;
|
|
border: 1px solid #aaa;
|
|
border-radius: 4px;
|
|
font-family: "FontAwesome";
|
|
font-size: 11pt;
|
|
color: white;
|
|
padding: 0px;
|
|
}
|
|
|
|
QPushButton:pressed {
|
|
background: "#777";
|
|
}
|
|
|
|
QPushButton:hover {
|
|
color: white;
|
|
background: "#666";
|
|
}
|
|
|
|
QPushButton:disabled {
|
|
color: rgba(255, 255, 255, 50);
|
|
}
|
|
|
|
QTextEdit, QLineEdit {
|
|
background: #555;
|
|
border: 1px solid #333;
|
|
font-size: 9pt;
|
|
color: #fff;
|
|
}
|
|
|
|
QCheckBox {
|
|
min-width: 17px;
|
|
max-width: 17px;
|
|
border: 1px solid #222;
|
|
background: transparent;
|
|
}
|
|
|
|
QCheckBox::indicator {
|
|
width: 15px;
|
|
height: 15px;
|
|
/*background: #444;*/
|
|
background: transparent;
|
|
border: 1px solid #555;
|
|
}
|
|
|
|
QCheckBox::indicator:checked {
|
|
background: #222;
|
|
}
|
|
|
|
QComboBox {
|
|
background: #444;
|
|
color: #EEE;
|
|
font-size: 8pt;
|
|
border: 1px solid #333;
|
|
padding: 0px;
|
|
}
|
|
|
|
QComboBox[combolist="true"]::drop-down {
|
|
background: transparent;
|
|
}
|
|
|
|
QComboBox[combolist="true"]::down-arrow {
|
|
max-width: 0px;
|
|
width: 1px;
|
|
}
|
|
|
|
QComboBox[combolist="true"] QAbstractItemView {
|
|
background: #555;
|
|
}
|
|
|
|
QScrollBar:vertical {
|
|
border: none;
|
|
background: transparent;
|
|
width: 6px;
|
|
margin: 0;
|
|
}
|
|
|
|
QScrollBar::handle:vertical {
|
|
background: #333;
|
|
border-radius: 3px;
|
|
min-height: 20px;
|
|
}
|
|
|
|
QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
|
|
height: 0px;
|
|
}
|
|
|
|
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
|
|
border: 1px solid #444;
|
|
width: 3px;
|
|
height: 3px;
|
|
background: white;
|
|
}
|
|
|
|
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
|
|
background: none;
|
|
}
|
|
|
|
QToolTip {
|
|
color: #eee;
|
|
background-color: #555;
|
|
border: none;
|
|
padding: 5px;
|
|
}
|
|
|
|
QLabel {
|
|
border-radius: 0px;
|
|
}
|
|
|
|
QToolButton {
|
|
background-color: transparent;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border-radius: 0px;
|
|
border: none;
|
|
}
|
|
|
|
/* Specific CSS */
|
|
#PerspectiveToggleBtn {
|
|
border-bottom: 3px solid lightblue;
|
|
border-top: 0px;
|
|
border-radius: 0px;
|
|
border-right: 1px solid #232323;
|
|
border-left: 0px;
|
|
font-size: 26pt;
|
|
font-family: "FontAwesome";
|
|
}
|
|
|
|
#Terminal QComboBox::drop-down {
|
|
width: 60px;
|
|
}
|
|
|
|
#Header {
|
|
background: #555;
|
|
border: 1px solid #444;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
#Header QRadioButton {
|
|
border: 3px solid "transparent";
|
|
border-right: 1px solid #333;
|
|
left: 2px;
|
|
}
|
|
|
|
#Header QRadioButton::indicator {
|
|
width: 65px;
|
|
height: 40px;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
image: none;
|
|
}
|
|
|
|
#Header QRadioButton:hover {
|
|
background-color: rgba(255, 255, 255, 10);
|
|
}
|
|
|
|
#Header QRadioButton:checked {
|
|
background-color: rgba(255, 255, 255, 20);
|
|
border-bottom: 3px solid "lightblue";
|
|
}
|
|
|
|
#Body {
|
|
padding: 0px;
|
|
border: 1px solid #333;
|
|
background: #444;
|
|
}
|
|
|
|
#Body QWidget {
|
|
background: #444;
|
|
}
|
|
|
|
#Header #ArtistTab {
|
|
background-image: url("img/tab-home.png");
|
|
}
|
|
|
|
#Header #TerminalTab {
|
|
background-image: url("img/tab-terminal.png");
|
|
}
|
|
|
|
#Header #OverviewTab {
|
|
background-image: url("img/tab-overview.png");
|
|
}
|
|
|
|
#ButtonWithMenu {
|
|
background: #555;
|
|
border: 1px solid #fff;
|
|
border-radius: 4px;
|
|
font-family: "FontAwesome";
|
|
font-size: 11pt;
|
|
color: white;
|
|
}
|
|
|
|
#ButtonWithMenu:pressed {
|
|
background: #777;
|
|
}
|
|
|
|
#ButtonWithMenu:hover {
|
|
color: white;
|
|
background: #666;
|
|
}
|
|
#ButtonWithMenu:disabled {
|
|
background: #666;
|
|
color: #999;
|
|
border: 1px solid #999;
|
|
}
|
|
|
|
#FooterSpacer, #FooterInfo, #HeaderSpacer {
|
|
background: transparent;
|
|
}
|
|
|
|
#Footer {
|
|
background: #555;
|
|
min-height: 43px;
|
|
}
|
|
|
|
#Footer[success="1"] {
|
|
background: #458056
|
|
}
|
|
|
|
#Footer[success="0"] {
|
|
background-color: #AA5050
|
|
}
|
|
|
|
#Footer QPushButton {
|
|
background: #555;
|
|
border: 1px solid #aaa;
|
|
border-radius: 4px;
|
|
font-family: "FontAwesome";
|
|
font-size: 11pt;
|
|
color: white;
|
|
padding: 0px;
|
|
}
|
|
|
|
#Footer QPushButton:pressed:hover {
|
|
color: #3784c5;
|
|
background: #444;
|
|
}
|
|
|
|
#Footer QPushButton:hover {
|
|
background: #505050;
|
|
border: 2px solid #3784c5;
|
|
}
|
|
|
|
#Footer QPushButton:disabled {
|
|
border: 1px solid #888;
|
|
background: #666;
|
|
color: #999;
|
|
}
|
|
|
|
#ClosingPlaceholder {
|
|
background: rgba(0, 0, 0, 50);
|
|
}
|
|
|
|
#CommentIntentWidget {
|
|
background: transparent;
|
|
}
|
|
|
|
#CommentBox, #CommentPlaceholder {
|
|
font-family: "Open Sans";
|
|
font-size: 8pt;
|
|
padding: 5px;
|
|
background: #444;
|
|
}
|
|
|
|
#CommentBox {
|
|
selection-background-color: #222;
|
|
}
|
|
|
|
#CommentBox:disabled, #CommentPlaceholder:disabled, #IntentBox:disabled {
|
|
background: #555;
|
|
}
|
|
|
|
#CommentPlaceholder {
|
|
color: #888
|
|
}
|
|
|
|
#IntentBox {
|
|
background: #444;
|
|
font-size: 8pt;
|
|
padding: 5px;
|
|
min-width: 75px;
|
|
color: #EEE;
|
|
}
|
|
|
|
#IntentBox::drop-down:button {
|
|
border: 0px;
|
|
background: transparent;
|
|
}
|
|
|
|
#IntentBox::down-arrow {
|
|
image: url("/img/down_arrow.png");
|
|
}
|
|
|
|
#IntentBox::down-arrow:disabled {
|
|
image: url();
|
|
}
|
|
|
|
#TerminalView {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#TerminalView:item {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#TerminalView:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#TerminalView:selected {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#TerminalView:item:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
#TerminalView:item:selected {
|
|
color: #eeeeee;
|
|
}
|
|
|
|
#TerminalView QTextEdit {
|
|
padding:3px;
|
|
color: #aaa;
|
|
border-radius: 7px;
|
|
border-color: #222;
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
background-color: #333;
|
|
}
|
|
|
|
#TerminalView QTextEdit:hover {
|
|
background-color: #353535;
|
|
}
|
|
|
|
#TerminalView QTextEdit:selected {
|
|
background-color: #303030;
|
|
}
|
|
|
|
#ExpandableWidgetContent {
|
|
border: none;
|
|
background-color: #232323;
|
|
color:#eeeeee;
|
|
}
|
|
|
|
#EllidableLabel {
|
|
font-size: 16pt;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#PerspectiveScrollContent {
|
|
border: 1px solid #333;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
#PerspectiveWidgetContent{
|
|
padding: 0px;
|
|
}
|
|
|
|
#PerspectiveLabel {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
#PerspectiveIndicator {
|
|
font-size: 16pt;
|
|
font-weight: normal;
|
|
padding: 5px;
|
|
background-color: #ffffff;
|
|
color: #333333;
|
|
}
|
|
|
|
#PerspectiveIndicator[state="warning"] {
|
|
background-color: #ff9900;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#PerspectiveIndicator[state="active"] {
|
|
background-color: #99CEEE;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#PerspectiveIndicator[state="error"] {
|
|
background-color: #cc4a4a;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#PerspectiveIndicator[state="ok"] {
|
|
background-color: #69a567;
|
|
color: #ffffff;
|
|
}
|
|
|
|
#ExpandableHeader {
|
|
background-color: transparent;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border-radius: 0px;
|
|
border: none;
|
|
}
|
|
|
|
#ExpandableHeader QWidget {
|
|
color: #ddd;
|
|
}
|
|
|
|
#ExpandableHeader QWidget:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
#TerminalFilerBtn {
|
|
/* font: %(font_size_pt)spt; */
|
|
font-family: "FontAwesome";
|
|
text-align: center;
|
|
background-color: transparent;
|
|
border-width: 1px;
|
|
border-color: #777777;
|
|
border-style: none;
|
|
padding: 0px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#TerminalFilerBtn[type="info"]:checked {color: rgb(255, 255, 255);}
|
|
#TerminalFilerBtn[type="info"] {color: rgba(255, 255, 255, 63);}
|
|
|
|
#TerminalFilerBtn[type="error"]:checked {color: rgb(255, 74, 74);}
|
|
#TerminalFilerBtn[type="error"] {color: rgba(255, 74, 74, 63);}
|
|
|
|
#TerminalFilerBtn[type="log_debug"]:checked {color: rgb(255, 102, 232);}
|
|
#TerminalFilerBtn[type="log_debug"] {color: rgba(255, 102, 232, 63);}
|
|
|
|
#TerminalFilerBtn[type="log_info"]:checked {color: rgb(102, 171, 255);}
|
|
#TerminalFilerBtn[type="log_info"] {color: rgba(102, 171, 255, 63);}
|
|
|
|
#TerminalFilerBtn[type="log_warning"]:checked {color: rgb(255, 186, 102);}
|
|
#TerminalFilerBtn[type="log_warning"] {color: rgba(255, 186, 102, 63);}
|
|
|
|
#TerminalFilerBtn[type="log_error"]:checked {color: rgb(255, 77, 88);}
|
|
#TerminalFilerBtn[type="log_error"] {color: rgba(255, 77, 88, 63);}
|
|
|
|
#TerminalFilerBtn[type="log_critical"]:checked {color: rgb(255, 79, 117);}
|
|
#TerminalFilerBtn[type="log_critical"] {color: rgba(255, 79, 117, 63);}
|
|
|
|
#SuspendLogsBtn {
|
|
background: #444;
|
|
border: none;
|
|
border-top-right-radius: 7px;
|
|
border-bottom-right-radius: 7px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
font-family: "FontAwesome";
|
|
font-size: 11pt;
|
|
color: white;
|
|
padding: 0px;
|
|
}
|
|
|
|
#SuspendLogsBtn:hover {
|
|
background: #333;
|
|
}
|
|
|
|
#SuspendLogsBtn:disabled {
|
|
background: #4c4c4c;
|
|
}
|