Mercurial Mercurial > hedgewars / comparison
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
QTfrontend/res/css/christmas.css
changeset 13631 946b21a1fbf6
parent 9665 bfd62e380327
child 14551 1c623169a44d
equal deleted inserted replaced
13630:fe7d2bbf5f3f 13631:946b21a1fbf6 
     1 /******************************************************************************
 
     1 /******************************************************************************
 
     2  *
 
     2  *
 
     3  * CSS-like definition of Qt frontend appearance
 
     3  * CSS definition of Qt frontend appearance: Christmas style.
 
     4  *
 
     4  *
 
     5  ******************************************************************************
 
     5  ******************************************************************************
 
     6  *
 
     6  *
 
     7  * see http://doc.qt.nokia.com/4.5/stylesheet.html
 
     7  * see https://doc.qt.io/qt-5/style-reference.html
 
     8  *
 
     8  *
 
     9  ******************************************************************************
 
     9  ******************************************************************************
 
    10  *
 
    10  *
 
    11  * This file can be stored at different locations, but it will be read only
 
    11  * This file can be stored at different locations, but it will be read only
 
    12  * once, based on first file found in this order:
 
    12  * once, based on first file found in this order:
 
    13  *
 
    13  *
 
    14  *    <userdir>/Data/css/christmas.css
 
    14  *    <userdir>/Data/css/christmas.css
 
    15  *    <datadir>/css/christmas.css
 
    15  *    <datadir>/css/christmas.css
 
    16  *    <internal default style-sheet> (:/res/css/christmas.css)
 
    16  *    <internal default style-sheet> (:/res/css/christmas.css)
 
    17  *
 
    17  *
 
       
    18  *****************************************************************************
 
       
    19  *
 
       
    20  * This file is based off qt.css with minimal changes. The altered parts are
 
       
    21  * marked with “CUSTOM”.
 
       
    22  *
 
    18  *****************************************************************************/
 
    23  *****************************************************************************/
 
    19 
    24 
    20 HWForm,QDialog {
 
    25 #infoButton
 
    21 background-image: url(":/res/BackgroundChristmas.png");
 
    26 {
 
       
    27 border: transparent;
 
       
    28 background: transparent;
 
       
    29 }
 
       
    30 HWForm {
 
       
    31 background-image: url(":/res/BackgroundChristmas.png"); /* CUSTOM */
 
    22 background-position: bottom center;
 
    32 background-position: bottom center;
 
    23 background-repeat: repeat-x;
 
    33 background-repeat: repeat-x;
 
    24 background-color: #0c0f28;
 
    34 background-color: #0c0f28; /* CUSTOM */
 
    25 }
 
    35 }
 
       
    36 QDialog{ /* CUSTOM */
 
       
    37 background-color: #0c0f28; /* CUSTOM */
 
       
    38 } /* CUSTOM */
 
    26 
    39 
    27 * {
 
    40 * {
 
    28 color: #ffcc00;
 
    41 color: #ffcc00;
 
    29 selection-background-color: #ffcc00;
 
    42 selection-background-color: #ffcc00;
 
    30 selection-color: #00351d;
 
    43 selection-color: #00351d;
 
    31 }
 
    44 }
 
    32 
    45 
    33 a { color:#c8c8ff; }
 
    46 a { color:#c8c8ff; }
 
    34 
    47 
    35 QLineEdit, QListWidget, QListView, QTableView, QTextBrowser, QSpinBox, QComboBox,
 
    48 QLineEdit, QListWidget, QListView, QTableView, QTableWidget, QTextBrowser, QSpinBox, QComboBox,
 
    36 QComboBox QAbstractItemView, QPlainTextEdit, QMenu::item, #labelLikeLineEdit {
 
    49 QComboBox QAbstractItemView, QPlainTextEdit, QMenu::item, #labelLikeLineEdit {
 
    37 background-color: rgba(13, 5, 68, 70%);
 
    50 background-color: rgba(13, 5, 68, 70%);
 
    38 }
 
    51 }
 
    39 
    52 
       
    53 VertScrArea, QGraphicsView {
 
       
    54 border-style: solid; border-width: 2px; border-color: #cca300; border-radius: 3px;
 
       
    55 }
 
       
    56 #gameStatsView {
 
       
    57 border-color: #332816;
 
       
    58 }
 
       
    59 
       
    60 QSplitter::handle {
 
       
    61 background-image: url(":/res/splitter.png");
 
       
    62 background-clip: content;
 
       
    63 }
 
       
    64 QSplitter::handle:horizontal {
 
       
    65 width: 7px;
 
       
    66 background-repeat: repeat-y;
 
       
    67 }
 
       
    68 QSplitter::handle:vertical {
 
       
    69 height: 7px;
 
       
    70 background-repeat: repeat-x;
 
       
    71 }
 
       
    72 
    40 QComboBox::separator {
 
    73 QComboBox::separator {
 
    41 border: solid; border-width: 3px; border-color: #ffcc00;
 
    74 border: solid; border-width: 3px; border-color: #ffcc00;
 
    42 }
 
    75 }
 
    43 
    76 
    44 QPushButton, QListWidget, QListView, QTableView, QLineEdit, QHeaderView,
 
    77 QPushButton, QListWidget, QListView, QTableView, QTableWidget, QLineEdit,
 
    45 QTextBrowser, QSpinBox, QToolBox, QComboBox, QPlainTextEdit,
 
    78 QTextBrowser, QSpinBox, QToolBox, QComboBox, QPlainTextEdit,
 
    46 QComboBox QAbstractItemView, IconedGroupBox,
 
    79 QComboBox QAbstractItemView, IconedGroupBox,
 
    47 .QGroupBox, #gameStackContainer, TeamSelWidget, SelWeaponWidget,
 
    80 .QGroupBox, #gameStackContainer, TeamSelWidget, SelWeaponWidget,
 
    48 QTabWidget::pane, QTabBar::tab, #mapPreview, #labelLikeLineEdit {
 
    81 QTabWidget::pane, QTabBar::tab, #mapPreview, #labelLikeLineEdit {
 
    49 border: solid;
 
    82 border: solid;
 
    54 QPushButton:hover, QLineEdit:hover, QListWidget:hover, QListView:hover,
 
    87 QPushButton:hover, QLineEdit:hover, QListWidget:hover, QListView:hover,
 
    55 QSpinBox:hover, QToolBox:hover, QComboBox:hover {
 
    88 QSpinBox:hover, QToolBox:hover, QComboBox:hover {
 
    56 border-color: yellow;
 
    89 border-color: yellow;
 
    57 }
 
    90 }
 
    58 
    91 
       
    92 TeamShowWidget QPushButton {
 
       
    93 icon-size: 48px;
 
       
    94 text-align: left;
 
       
    95 background-color: #0d0544;
 
       
    96 color: orange;
 
       
    97 font: bold;
 
       
    98 border-width: 2px;
 
       
    99 margin: 6px 0px 6px 0px;
 
       
   100 }
 
       
   101 TeamShowWidget QPushButton:disabled {
 
       
   102 color: #a0a0a0;
 
       
   103 }
 
       
   104 
    59 QToolButton {
 
   105 QToolButton {
 
    60 background-color: #11084A;
 
   106 background-color: #11084A;
 
    61 }
 
   107 }
 
    62 
   108 
    63 QToolButton:hover {
 
   109 QToolButton:hover {
 
    66 
   112 
    67 QToolButton:pressed {
 
   113 QToolButton:pressed {
 
    68 background-color: #100744;
 
   114 background-color: #100744;
 
    69 }
 
   115 }
 
    70 
   116 
    71 QLineEdit, QListWidget, QListView, QTableView, QTextBrowser,
 
   117 QLineEdit, QListWidget, QListView, QTableView, QTableWidget, QTextBrowser,
 
    72 QSpinBox, QToolBox, QPlainTextEdit, QToolButton, #mapPreview, #labelLikeLineEdit {
 
   118 QSpinBox, QToolBox, QPlainTextEdit, QToolButton, #mapPreview, #labelLikeLineEdit {
 
    73 border-radius: 10px;
 
   119 border-radius: 10px;
 
    74 }
 
   120 }
 
    75 
   121 
    76 #mapPreview {
 
   122 #mapPreview {
 
    77 background-color: #0d0544;
 
   123 background-color: #0d0544;
 
    78 }
 
   124 }
 
       
   125 #mapPreview:disabled{
 
       
   126 border-color: #a0a0a0;
 
       
   127 background-color: #0d0544;
 
       
   128 color: #ffffff;
 
       
   129 }
 
    79 
   130 
    80 QLineEdit, QLabel, QHeaderView, QListWidget, QListView, QTableView,
 
   131 QLineEdit, QLabel, QHeaderView, QListWidget, QListView, QTableView,
 
    81 QSpinBox, QToolBox::tab, QComboBox, QComboBox QAbstractItemView,
 
   132 QTableWidget, QSpinBox, QToolBox::tab, QComboBox, QComboBox QAbstractItemView,
 
    82 IconedGroupBox, .QGroupBox, #gameStackContainer, TeamSelWidget,
 
   133 IconedGroupBox, .QGroupBox, #gameStackContainer, TeamSelWidget,
 
    83 SelWeaponWidget, QCheckBox, QRadioButton, QPushButton, QPlainTextEdit {
 
   134 SelWeaponWidget, QCheckBox, QRadioButton, QPushButton, QPlainTextEdit,
 
       
   135 #mapName {
 
    84 font: bold 13px;
 
   136 font: bold 13px;
 
       
   137 }
 
       
   138 .QLabel{
 
       
   139 background-color: transparent;
 
    85 }
 
   140 }
 
    86 SelWeaponWidget QTabWidget::pane, SelWeaponWidget QTabBar::tab:selected {
 
   141 SelWeaponWidget QTabWidget::pane, SelWeaponWidget QTabBar::tab:selected {
 
    87 background-position: bottom center;
 
   142 background-position: bottom center;
 
    88 background-repeat: repeat-x;
 
   143 background-repeat: repeat-x;
 
    89 background-color: #000000;
 
   144 background-color: #000000;
 
    92 background-position: bottom center;
 
   147 background-position: bottom center;
 
    93 background-repeat: repeat-x;
 
   148 background-repeat: repeat-x;
 
    94 border-radius: 16px;
 
   149 border-radius: 16px;
 
    95 background-color: rgba(13, 5, 68, 70%);
 
   150 background-color: rgba(13, 5, 68, 70%);
 
    96 padding: 6px;
 
   151 padding: 6px;
 
       
   152 margin-top: 4px;
 
    97 }
 
   153 }
 
    98 /*  Experimenting with PaintOnScreen and border-radius on IconedGroupBox children didn't work out well
 
   154 /*  Experimenting with PaintOnScreen and border-radius on IconedGroupBox children didn't work out well
 
    99 IconedGroupBox QComboBox, IconedGroupBox QPushButton, IconedGroupBox QLineEdit,
 
   155 IconedGroupBox QComboBox, IconedGroupBox QPushButton, IconedGroupBox QLineEdit,
 
   100 IconedGroupBox QSpinBox {
 
   156 IconedGroupBox QSpinBox {
 
   101 border-radius: 0;
 
   157 border-radius: 0;
 
   106 }
 
   162 }
 
   107 
   163 
   108 QTabWidget::pane {
 
   164 QTabWidget::pane {
 
   109 border-radius: 8px;
 
   165 border-radius: 8px;
 
   110 border-top-left-radius: 0px;
 
   166 border-top-left-radius: 0px;
 
   111 }
 
       
   112 
       
   113 QLineEdit:disabled, QSpinBox:disabled {
 
       
   114 border-color: gray;
 
       
   115 }
 
   167 }
 
   116 
   168 
   117 GameCFGWidget {
 
   169 GameCFGWidget {
 
   118 border: none;
 
   170 border: none;
 
   119 }
 
   171 }
 
   132 QPushButton:focus {
 
   184 QPushButton:focus {
 
   133 outline: none;
 
   185 outline: none;
 
   134 }
 
   186 }
 
   135 
   187 
   136 QHeaderView {
 
   188 QHeaderView {
 
   137 border-radius: 0;
 
   189 background-color: #00351d;
 
   138 border-width: 0;
 
   190 border: solid;
 
   139 border-bottom-width: 3px;
 
   191 border-bottom-width: 3px;
 
       
   192 border-top-width: 0px;
 
       
   193 border-left-width: 0px;
 
       
   194 border-right-width: 0px;
 
       
   195 border-color: #ffcc00;
 
       
   196 }
 
       
   197 QHeaderView::section {
 
       
   198 border-left-width: 1px;
 
       
   199 border-right-width: 1px;
 
       
   200 border-top-width: 0;
 
       
   201 border-bottom-width: 0px;
 
       
   202 border-color: #001d10;
 
       
   203 border-style: solid;
 
   140 background-color: #00351d;
 
   204 background-color: #00351d;
 
   141 }
 
   205 padding: 4px;
 
   142 QTableView {
 
   206 }
 
       
   207 QHeaderView::section:pressed {
 
       
   208 background-color: #00250d;
 
       
   209 }
 
       
   210 QHeaderView::up-arrow {
 
       
   211 image: url(":/res/sort_up.png");
 
       
   212 }
 
       
   213 QHeaderView::down-arrow{
 
       
   214 image: url(":/res/sort_down.png");
 
       
   215 }
 
       
   216 
       
   217 QTableView, QTableWidget {
 
   143 alternate-background-color: #2f213a;
 
   218 alternate-background-color: #2f213a;
 
   144 gridline-color: transparent;
 
   219 gridline-color: transparent;
 
   145 }
 
   220 }
 
   146 QTabWidget::pane { top: -2px; }
 
   221 QTabWidget::pane { top: -2px; }
 
   147 QTabBar::tab {
 
   222 QTabBar::tab {
 
   163 }
 
   238 }
 
   164 
   239 
   165 QSpinBox::up-arrow {
 
   240 QSpinBox::up-arrow {
 
   166 image: url(":/res/spin_up.png");
 
   241 image: url(":/res/spin_up.png");
 
   167 }
 
   242 }
 
       
   243 QSpinBox::up-arrow:disabled {
 
       
   244 image: url(":/res/spin_up_disabled.png");
 
       
   245 }
 
   168 
   246 
   169 QSpinBox::down-arrow {
 
   247 QSpinBox::down-arrow {
 
   170 image: url(":/res/spin_down.png");
 
   248 image: url(":/res/spin_down.png");
 
       
   249 }
 
       
   250 QSpinBox::down-arrow:disabled {
 
       
   251 image: url(":/res/spin_down_disabled.png");
 
   171 }
 
   252 }
 
   172 
   253 
   173 QSpinBox::down-button {
 
   254 QSpinBox::down-button {
 
   174 background: transparent;
 
   255 background: transparent;
 
   175 width: 16px;
 
   256 width: 16px;
 
   188 border: transparent;
 
   269 border: transparent;
 
   189 width: 25px;
 
   270 width: 25px;
 
   190 }
 
   271 }
 
   191 QComboBox::down-arrow {
 
   272 QComboBox::down-arrow {
 
   192 image: url(":/res/dropdown.png");
 
   273 image: url(":/res/dropdown.png");
 
       
   274 }
 
       
   275 QComboBox::down-arrow:disabled {
 
       
   276 image: url(":/res/dropdown_disabled.png");
 
   193 }
 
   277 }
 
   194 
   278 
   195 VertScrArea {
 
   279 VertScrArea {
 
   196 background-position: bottom center;
 
   280 background-position: bottom center;
 
   197 background-repeat: repeat-x;
 
   281 background-repeat: repeat-x;
 
   205 QGroupBox::title{
 
   289 QGroupBox::title{
 
   206 subcontrol-origin: margin;
 
   290 subcontrol-origin: margin;
 
   207 subcontrol-position: top left;
 
   291 subcontrol-position: top left;
 
   208 text-align: left;
 
   292 text-align: left;
 
   209 left: 15px;
 
   293 left: 15px;
 
   210 top: -4px;
 
       
   211 }
 
   294 }
 
   212 
   295 
   213 QCheckBox::indicator:checked{
 
   296 QCheckBox::indicator:checked{
 
   214 image: url(":/res/checked.png");
 
   297 image: url(":/res/checked.png");
 
   215 }
 
   298 }
 
       
   299 QCheckBox::indicator:checked:hover{
 
       
   300 image: url(":/res/checkedHover.png");
 
       
   301 }
 
       
   302 QCheckBox::indicator:checked:pressed{
 
       
   303 image: url(":/res/checkedPressed.png");
 
       
   304 }
 
   216 QCheckBox::indicator:unchecked{
 
   305 QCheckBox::indicator:unchecked{
 
   217 image: url(":/res/unchecked.png");
 
   306 image: url(":/res/unchecked.png");
 
       
   307 }
 
       
   308 QCheckBox::indicator:unchecked:hover{
 
       
   309 image: url(":/res/uncheckedHover.png");
 
       
   310 }
 
       
   311 QCheckBox::indicator:unchecked:pressed{
 
       
   312 image: url(":/res/uncheckedPressed.png");
 
       
   313 }
 
       
   314 
       
   315 QRadioButton::indicator:checked{
 
       
   316 image: url(":/res/radioButtonChecked.png");
 
       
   317 }
 
       
   318 QRadioButton::indicator:checked:hover{
 
       
   319 image: url(":/res/radioButtonCheckedHover.png");
 
       
   320 }
 
       
   321 QRadioButton::indicator:checked:pressed{
 
       
   322 image: url(":/res/radioButtonCheckedPressed.png");
 
       
   323 }
 
       
   324 QRadioButton::indicator:unchecked{
 
       
   325 image: url(":/res/radioButtonUnchecked.png");
 
       
   326 }
 
       
   327 QRadioButton::indicator:unchecked:hover{
 
       
   328 image: url(":/res/radioButtonUncheckedHover.png");
 
       
   329 }
 
       
   330 QRadioButton::indicator:unchecked:pressed{
 
       
   331 image: url(":/res/radioButtonUncheckedPressed.png");
 
   218 }
 
   332 }
 
   219 
   333 
   220 .QWidget{
 
   334 .QWidget{
 
   221 background: transparent;
 
   335 background: transparent;
 
   222 }
 
   336 }
 
   254 border: 1px solid #ffcc00;
 
   368 border: 1px solid #ffcc00;
 
   255 }
 
   369 }
 
   256 
   370 
   257 :disabled{
 
   371 :disabled{
 
   258 color: #a0a0a0;
 
   372 color: #a0a0a0;
 
       
   373 border-color: #a0a0a0;
 
       
   374 }
 
       
   375 QListWidget:item:selected:disabled, QListView:item:selected:disabled{
 
       
   376 color: rgba(13, 5, 68, 70%);
 
       
   377 background-color: #a0a0a0;
 
   259 }
 
   378 }
 
   260 SquareLabel, ItemNum {
 
   379 SquareLabel, ItemNum {
 
   261 background-color: #000000;
 
   380 background-color: #000000;
 
   262 }
 
   381 }
 
   263 
   382 
   264 QSlider::groove::horizontal {
 
   383 QSlider::groove::horizontal {
 
   265 height: 2px;
 
   384 height: 2px;
 
   266 margin: 2px 0px;
 
   385 margin: 2px 0px;
 
   267 background-color: #ffcc00;
 
   386 background-color: #ffcc00;
 
       
   387 }
 
       
   388 QSlider::groove::horizontal:disabled {
 
       
   389 background-color: #a0a0a0;
 
   268 }
 
   390 }
 
   269 
   391 
   270 QSlider::handle::horizontal {
 
   392 QSlider::handle::horizontal {
 
   271 border: 0px;
 
   393 border: 0px;
 
   272 margin: -8px 0px;
 
   394 margin: -8px 0px;
 
   273 background-color: #ffcc00;
 
   395 background-color: #ffcc00;
 
   274 width: 12px;
 
   396 width: 12px;
 
   275 height: 6px;
 
   397 height: 6px;
 
   276 border-radius: 3px;
 
   398 border-radius: 3px;
 
       
   399 }
 
       
   400 QSlider::handle::horizontal:disabled {
 
       
   401 background-color: #a0a0a0;
 
   277 }
 
   402 }
 
   278 
   403 
   279 HatButton, ThemeButton {
 
   404 HatButton, ThemeButton {
 
   280 text-align: left;
 
   405 text-align: left;
 
   281 }
 
   406 }
hedgewars