gtk-widgets-borders.css (36112B)
1 /* Borders */ 2 3 .trough, 4 .trough.vertical, 5 .trough.highlight { 6 /*border-image: url("borders/trough/progress-trough-border.svg") 10 / 10px stretch;*/ 7 border-image: none; 8 border-radius: 17px; 9 border-width: 1px; 10 border-style: solid; 11 border-color: transparent; 12 border-top-color: #0e0e0e; 13 border-left-color: #141414; 14 border-right-color: #141414; 15 border-bottom-color: #262626; 16 } 17 18 .trough.vertical { 19 border-left-color: #0e0e0e; 20 border-top-color: #141414; 21 border-bottom-color: #141414; 22 border-right-color: #212121; 23 } 24 25 .entry, 26 GtkComboBox.combobox-entry .entry, 27 GtkComboBox.combobox-entry .button, 28 GtkComboBox.combobox-entry .button:focus, 29 .menubar .menuitem GtkScale.trough { 30 border-image: url("borders/entry/entry.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 31 border-radius: 2px; 32 border-width: 1px 1px 2px 1px; 33 border-style: solid; 34 border-color: transparent; 35 } 36 37 .primary-toolbar .entry, 38 .primary-toolbar GtkComboBox.combobox-entry .entry, 39 .primary-toolbar GtkComboBox.combobox-entry .button, 40 .primary-toolbar GtkComboBox.combobox-entry .button:focus, 41 .notebook .primary-toolbar .entry, 42 .notebook .primary-toolbar GtkComboBox.combobox-entry .entry, 43 .notebook .primary-toolbar GtkComboBox.combobox-entry .button, 44 .notebook .primary-toolbar GtkComboBox.combobox-entry .button:focus { 45 border-image: url("borders/entry/toolbar-entry.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 46 border-radius: 2px; 47 border-width: 1px 1px 2px 1px; 48 border-style: solid; 49 border-color: transparent; 50 } 51 52 .notebook .entry, 53 .notebook GtkComboBox.combobox-entry .button, 54 .notebook GtkComboBox.combobox-entry .entry, 55 .notebook GtkComboBox.combobox-entry .button:focus { 56 border-image: url("borders/entry/entry-notebook.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 57 border-radius: 3px; 58 border-width: 1px 1px 2px 1px; 59 border-style: solid; 60 border-color: transparent; 61 } 62 63 .notebook .entry:focus, 64 .notebook GtkComboBox.combobox-entry .entry:focus, 65 .notebook GtkComboBox.combobox-entry .button:hover, 66 .notebook GtkComboBox.combobox-entry .button:hover:focus, 67 .notebook GtkComboBox.combobox-entry .button:active, 68 .notebook GtkComboBox.combobox-entry .button:active:hover { 69 border-image: url("borders/entry/entry-notebook-focus.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 70 border-radius: 3px; 71 border-width: 1px 1px 2px 1px; 72 border-style: solid; 73 border-color: transparent; 74 } 75 76 .entry:focus, 77 .primary-toolbar .entry:focus, 78 GtkComboBox.combobox-entry .entry:focus, 79 GtkComboBox.combobox-entry .button:hover, 80 GtkComboBox.combobox-entry .button:hover:focus, 81 GtkComboBox.combobox-entry .button:active, 82 GtkComboBox.combobox-entry .button:active:hover, 83 .primary-toolbar GtkComboBox.combobox-entry .entry:focus, 84 .primary-toolbar GtkComboBox.combobox-entry .button:hover, 85 .primary-toolbar GtkComboBox.combobox-entry .button:hover:focus, 86 .primary-toolbar GtkComboBox.combobox-entry .button:active, 87 .primary-toolbar GtkComboBox.combobox-entry .button:active:hover { 88 border-image: url("borders/entry/entry-focus.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 89 border-radius: 3px; 90 border-width: 1px 1px 2px 1px; 91 border-style: solid; 92 border-color: transparent; 93 } 94 95 /* scale & switch borders */ 96 GtkScale.slider, 97 GtkScale.slider.vertical { 98 border-image: none; 99 border-radius: 0px; 100 border-width: 0px; 101 border-style: none; 102 border-color: transparent; 103 } 104 105 GtkScale.slider:hover, 106 GtkScale.slider:active, 107 GtkScale.slider:hover:active { 108 background-image: url("assets/scale-slider/scale-slider-hover.svg"); 109 background-repeat: no-repeat; 110 background-position: center; 111 } 112 113 GtkScale.slider:insensitive, 114 GtkScale.slider.horizontal:insensitive, 115 GtkScale.slider.vertical:insensitive { 116 background-image: url("assets/scale-slider/scale-slider-insensitive.svg"); 117 background-repeat: no-repeat; 118 background-position: center; 119 } 120 /* 121 GtkScale.slider:backdrop, 122 GtkScale.slider:hover:backdrop, 123 GtkScale.slider:active:backdrop, 124 GtkScale.slider.vertical:backdrop, 125 GtkScale.slider:hover:active:backdrop, 126 GtkScale.slider.horizontal:insensitive:backdrop, 127 GtkScale.slider.vertical:insensitive:backdrop { 128 border-image: url("borders/scale/scale-slider-backdrop.svg") 3 / 3px stretch; 129 border-radius: 3px; 130 border-width: 1px; 131 border-style: solid; 132 border-color: transparent; 133 }*/ 134 /* 135 GtkSwitch.slider, 136 GtkSwitch.slider:hover { 137 border-image: url("borders/scale/scale-slider.svg") 3 / 3px stretch; 138 border-radius: 2px; 139 border-width: 1px; 140 border-style: solid; 141 border-color: transparent; 142 }*/ 143 /* 144 GtkSwitch.slider:active, 145 GtkSwitch.slider:active:hover { 146 border-image: url("borders/scale/scale-slider-active.svg") 3 / 3px stretch; 147 }*/ 148 /* 149 GtkSwitch.slider:backdrop, 150 GtkSwitch.slider:hover:backdrop, 151 GtkSwitch.slider:active:backdrop, 152 GtkSwitch.slider:active:hover:backdrop { 153 color: alpha(black, 0.0); 154 border-image: url("borders/scale/scale-slider-backdrop.svg") 3 / 3px stretch; 155 border-radius: 3px; 156 border-width: 1px 1px 1px 1px; 157 border-style: solid; 158 border-color: transparent; 159 }*/ 160 161 /* button borders */ 162 163 .primary-toolbar .button.raised:active, 164 .primary-toolbar .raised .button:active, 165 .primary-toolbar GtkComboBox .button:active, 166 167 .button:active, 168 .button.default:active, 169 .button.default:active:hover, 170 .button:hover:active, 171 .button.default:active:insensitive, 172 .button:active:insensitive, 173 .toolbar .button:active:insensitive, 174 .toolbar GtkComboBox .button:active:insensitive { 175 border-image: url("borders/button/button-active.svg") 5 / 5px stretch; 176 border-radius: 5px; 177 border-width: 1px; 178 border-style: solid; 179 border-color: transparent; 180 box-shadow: inset 0 1px alpha(black, 0.12), 181 1px 0 alpha(black, 0.06) inset, 182 -1px 0 alpha(black, 0.06) inset; 183 } 184 185 .linked .button:active, 186 .linked .button:active:hover, 187 .linked .button:active:insensitive, 188 .linked .button.default:active:insensitive, 189 .toolbar .button:active, 190 .toolbar .button:hover:active, 191 .toolbar .button:active:insensitive, 192 .toolbar .button.default:active:insensitive, 193 .spinbutton.vertical .button:active, 194 .spinbutton.vertical .button:active:focus, 195 .spinbutton.vertical .button:active:insensitive { 196 /*border-image: url("borders/button/toolbar-button-active-2.svg") 4 / 4px stretch;*/ 197 border-image: url("borders/button/button.svg") 5 / 5px stretch; 198 border-radius: 5px; 199 border-width: 1px; 200 border-style: solid; 201 border-color: transparent; 202 } 203 /* 204 .entry:backdrop, 205 .trough:backdrop, 206 .trough.vertical:backdrop, 207 .trough.highlight:backdrop, 208 GtkSwitch.trough:backdrop, 209 GtkSwitch.trough:active:insensitive:backdrop, 210 GtkSwitch.trough:active:backdrop, 211 .button:active:backdrop, 212 .button:active:hover:backdrop, 213 .button.default:active:backdrop, 214 .button.default:active:hover:backdrop, 215 GtkComboBox.combobox-entry .entry:backdrop, 216 GtkComboBox.combobox-entry .button:backdrop, 217 GtkComboBox.combobox-entry .button:hover:backdrop, 218 GtkComboBox.combobox-entry .button:hover:focus:backdrop, 219 GtkComboBox.combobox-entry .button:focus:backdrop, 220 .primary-toolbar GtkComboBox.combobox-entry .entry:focus:backdrop, 221 .primary-toolbar GtkComboBox.combobox-entry .button:focus:backdrop, 222 .primary-toolbar GtkComboBox.combobox-entry .entry:backdrop, 223 .primary-toolbar GtkComboBox.combobox-entry .button:backdrop { 224 border-image: url("borders/button/button-active-backdrop.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 225 border-radius: 3px; 226 border-width: 1px 1px 2px 1px; 227 border-style: solid; 228 border-color: transparent; 229 box-shadow: none; 230 }*/ 231 232 .button, 233 .spinbutton.vertical .button, 234 .spinbutton.vertical .button:focus, 235 .inline-toolbar.toolbar.vertical .button, 236 GtkSwitch.trough, 237 GtkSwitch.trough:active { 238 border-image: url("borders/button/button.svg") 5 / 5px stretch; 239 border-radius: 5px; 240 border-width: 1px ; 241 border-style: solid; 242 border-color: transparent; 243 } 244 /* 245 .button:backdrop, 246 .button:hover:backdrop, 247 .button:insensitive:backdrop, 248 .button.default:hover:backdrop, 249 .selection-mode.toolbar .suggested-action.button:backdrop, 250 .selection-mode.toolbar GtkToolButton.suggested-action .button:backdrop, 251 .inline-toolbar.toolbar.vertical .button:backdrop, 252 .inline-toolbar.toolbar.vertical .button:backdrop:insensitive, 253 .inline-toolbar.toolbar.vertical .button:backdrop:active { 254 border-image: url("borders/button/button-backdrop.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 255 border-radius: 3px; 256 border-width: 1px 1px 2px 1px; 257 border-style: solid; 258 border-color: transparent; 259 }*/ 260 261 .button:insensitive, 262 .button.default:insensitive, 263 .toolbar GtkComboBox .button:insensitive, 264 .toolbar .button.raised:insensitive, 265 .toolbar .raised .button:insensitive, 266 /*.button.default:backdrop,*/ 267 .spinbutton.vertical .button:insensitive, 268 .primary-toolbar .button.raised:insensitive, 269 .primary-toolbar .raised .button:insensitive, 270 .primary-toolbar .button.raised.default:insensitive, 271 .primary-toolbar .raised .button.default:insensitive, 272 .primary-toolbar GtkComboBox .button:insensitive, 273 GtkSwitch.trough:insensitive { 274 border-image: url("borders/button/button-insensitive.svg") 5 / 5px stretch; 275 border-radius: 5px; 276 border-width: 1px; 277 border-style: solid; 278 border-color: transparent; 279 } 280 281 .entry:insensitive, 282 .primary-toolbar .entry:insensitive, 283 GtkComboBox.combobox-entry .entry:insensitive, 284 GtkComboBox.combobox-entry .button:insensitive, 285 .primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, 286 .primary-toolbar GtkComboBox.combobox-entry .button:insensitive { 287 border-image: url("borders/entry/entry-insensitive.svg") 4 / 4px stretch; 288 border-radius: 3px; 289 border-width: 1px; 290 border-style: solid; 291 border-color: transparent; 292 } 293 294 .notebook .entry:insensitive, 295 /*.notebook .button:insensitive, 296 .notebook .button.default:insensitive, 297 .notebook .button.default:active:insensitive, 298 .notebook .button:active:insensitive, 299 .notebook .primary-toolbar .entry:insensitive, 300 .notebook GtkComboBox.combobox-entry .entry:insensitive, 301 .notebook GtkComboBox.combobox-entry .button:insensitive, 302 .notebook .primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, 303 .notebook .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, 304 .notebook .primary-toolbar .button.raised:insensitive, 305 .notebook .primary-toolbar .raised .button:insensitive, 306 .notebook .primary-toolbar .button.raised.default:insensitive, 307 .notebook .primary-toolbar .raised .button.default:insensitive, 308 .notebook .primary-toolbar GtkComboBox .button:insensitive,*/ 309 310 /*GtkViewport .button:insensitive, 311 GtkViewport .button.default:insensitive, 312 GtkViewport .button.default:active:insensitive, 313 GtkViewport .button:active:insensitive, 314 GtkViewport .primary-toolbar .entry:insensitive, 315 GtkViewport GtkComboBox.combobox-entry .entry:insensitive, 316 GtkViewport GtkComboBox.combobox-entry .button:insensitive, 317 GtkViewport .primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, 318 GtkViewport .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, 319 GtkViewport .primary-toolbar .button.raised:insensitive, 320 GtkViewport .primary-toolbar .raised .button:insensitive, 321 GtkViewport .primary-toolbar .button.raised.default:insensitive, 322 GtkViewport .primary-toolbar .raised .button.default:insensitive, 323 GtkViewport .primary-toolbar GtkComboBox .button:insensitive, */ 324 GtkViewport .entry:insensitive { 325 border-image: url("borders/entry/entry-notebook.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 326 border-radius: 3px; 327 border-width: 1px 1px 2px 1px; 328 } 329 /* 330 .notebook .entry:insensitive:backdrop, 331 .notebook .button:insensitive:backdrop, 332 .notebook .button.default:insensitive:backdrop, 333 .notebook .button.default:active:insensitive:backdrop, 334 .notebook .button:active:insensitive:backdrop, 335 .notebook .primary-toolbar .entry:insensitive:backdrop, 336 .notebook GtkComboBox.combobox-entry .entry:insensitive:backdrop, 337 .notebook GtkComboBox.combobox-entry .button:insensitive:backdrop, 338 .notebook .primary-toolbar GtkComboBox.combobox-entry .entry:insensitive:backdrop, 339 .notebook .primary-toolbar GtkComboBox.combobox-entry .button:insensitive:backdrop, 340 .notebook .primary-toolbar .button.raised:insensitive:backdrop, 341 .notebook .primary-toolbar .raised .button:insensitive:backdrop, 342 .notebook .primary-toolbar .button.raised.default:insensitive:backdrop, 343 .notebook .primary-toolbar .raised .button.default:insensitive:backdrop, 344 .notebook .primary-toolbar GtkComboBox .button:insensitive:backdrop, 345 GtkViewport .entry:insensitive:backdrop, 346 GtkViewport .button:insensitive:backdrop, 347 GtkViewport .button.default:insensitive:backdrop, 348 GtkViewport .button.default:active:insensitive:backdrop, 349 GtkViewport .button:active:insensitive:backdrop, 350 GtkViewport .primary-toolbar .entry:insensitive:backdrop, 351 GtkViewport GtkComboBox.combobox-entry .entry:insensitive:backdrop, 352 GtkViewport GtkComboBox.combobox-entry .button:insensitive:backdrop, 353 GtkViewport .primary-toolbar GtkComboBox.combobox-entry .entry:insensitive:backdrop, 354 GtkViewport .primary-toolbar GtkComboBox.combobox-entry .button:insensitive:backdrop, 355 GtkViewport .primary-toolbar .button.raised:insensitive:backdrop, 356 GtkViewport .primary-toolbar .raised .button:insensitive:backdrop, 357 GtkViewport .primary-toolbar .button.raised.default:insensitive:backdrop, 358 GtkViewport .primary-toolbar .raised .button.default:insensitive:backdrop, 359 GtkViewport .primary-toolbar GtkComboBox .button:insensitive:backdrop { 360 border-image: url("borders/button/button-backdrop.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 361 border-radius: 3px; 362 border-width: 1px 1px 2px 1px; 363 border-style: solid; 364 border-color: transparent; 365 }*/ 366 367 .button:hover, 368 .button.default:hover, 369 .spinbutton.vertical .button:hover, 370 .spinbutton.vertical .button:hover:focus { 371 border-image: url("borders/button/button-hover.svg") 4 / 4px stretch; 372 border-radius: 3px; 373 border-width: 1px; 374 border-style: solid; 375 border-color: transparent; 376 } 377 378 .button.default { 379 border-image: url("borders/button/button-default.svg") 5 / 5px stretch; 380 border-radius: 5px; 381 border-width: 1px; 382 border-style: solid; 383 border-color: transparent; 384 } 385 386 /* tooltip elements borders */ 387 .tooltip .entry, 388 .tooltip .button { 389 border-image: url("borders/tooltip/tooltip-borders.svg") 3 / 3px stretch; 390 border-width: 1px; 391 border-style: solid; 392 border-color: transparent; 393 } 394 395 /* tooltip focused elements borders */ 396 .tooltip .entry:focus { 397 border-image: url("borders/tooltip/tooltip-borders-focus.svg") 3 / 3px stretch; 398 border-width: 1px; 399 border-style: solid; 400 border-color: transparent; 401 } 402 403 /* inline-toolbar buttons */ 404 .inline-toolbar.toolbar .button, 405 .inline-toolbar.toolbar .button:hover, 406 .inline-toolbar.toolbar .button.default, 407 .inline-toolbar.toolbar .button.default:hover, 408 .inline-toolbar.toolbar .button:insensitive, 409 .inline-toolbar.toolbar GtkToolButton .button:insensitive, 410 .inline-toolbar.toolbar.vertical .button:active, 411 .inline-toolbar.toolbar.vertical .button:insensitive, 412 .inline-toolbar.toolbar.vertical .button.default:insensitive { 413 border-image: url("borders/inline/inline-button.svg") 4 / 4px stretch; 414 border-radius: 3px; 415 border-width: 2px; 416 border-style: solid; 417 border-color: transparent; 418 } 419 420 .inline-toolbar.toolbar .button:active, 421 .inline-toolbar.toolbar .button:active:hover, 422 .inline-toolbar.toolbar .button.default:active, 423 .inline-toolbar.toolbar .button.default:active:hover, 424 .inline-toolbar.toolbar GtkToolButton .button:active, 425 .inline-toolbar.toolbar GtkToolButton .button:active:hover, 426 .inline-toolbar.toolbar.vertical .button.default:active { 427 border-image: url("borders/inline/inline-button.svg") 4 / 4px stretch; 428 border-radius: 3px; 429 border-width: 2px; 430 border-style: solid; 431 border-color: transparent; 432 } 433 434 435 /* 436 .inline-toolbar.toolbar .button:backdrop, 437 .inline-toolbar.toolbar .button:hover:backdrop, 438 .inline-toolbar.toolbar .button:focus:active:backdrop, 439 .inline-toolbar.toolbar .button.default:backdrop, 440 .inline-toolbar.toolbar .button.default:hover:backdrop, 441 .inline-toolbar.toolbar .button:backdrop:insensitive, 442 .inline-toolbar.toolbar.vertical .button:backdrop, 443 .inline-toolbar.toolbar.vertical .button:hover:backdrop, 444 .inline-toolbar.toolbar.vertical .button:active:backdrop, 445 .inline-toolbar.toolbar.vertical .button:insensitive:backdrop, 446 .inline-toolbar.toolbar.vertical .button.default:insensitive:backdrop { 447 border-image: url("borders/inline/inline-button-backdrop.svg") 4 / 4px stretch; 448 border-radius: 3px; 449 border-width: 2px; 450 border-style: solid; 451 border-color: transparent; 452 }*/ 453 454 /* primary toolbar - generic button borders */ 455 456 .primary-toolbar .button:hover { 457 box-shadow: none; 458 459 border-image: url("borders/primary/primary-hover-3.svg") 6 / 6px stretch; 460 border-radius: 3px; 461 border-width: 1px 1px 2px 1px; 462 border-style: solid; 463 border-color: transparent; 464 } 465 /* 466 .primary-toolbar .button:hover:backdrop { 467 border-image: none; 468 border-radius: 3px; 469 border-width: 2px; 470 border-style: solid; 471 border-color: transparent; 472 }*/ 473 474 .primary-toolbar .button:active:hover, 475 .primary-toolbar .button:active:focus, 476 .primary-toolbar .button:active { 477 border-image: url("borders/primary/primary-active.svg") 6 / 6px stretch; 478 border-radius: 3px; 479 border-width: 1px 1px 2px 1px; 480 border-style: solid; 481 border-color: transparent; 482 /*box-shadow: inset 0 1px alpha(black, 0.08), 483 inset 0 2px alpha(black, 0.03), 484 inset 0 4px alpha(black, 0.03), 485 1px 0 alpha(black, 0.03) inset, 486 -1px 0 alpha(black, 0.03) inset, 487 -2px 0 alpha(black, 0.03) inset, 488 -3px 0 alpha(black, 0.03) inset, 489 2px 0 alpha(black, 0.03) inset, 490 3px 0 alpha(black, 0.03) inset;*/ 491 box-shadow: 1px 0 alpha(black, 0.06) inset; 492 } 493 494 .primary-toolbar .button:active:hover { 495 border-image: url("borders/primary/primary-active-hover.svg") 6 / 6px stretch; 496 border-radius: 3px; 497 border-width: 1px 1px 2px 1px; 498 border-style: solid; 499 border-color: transparent; 500 box-shadow: 1px 0 alpha(black, 0.06) inset; 501 } 502 503 /* 504 .primary-toolbar .button:active:hover{ 505 border-image: url("borders/primary/primary-active.svg") 4 / 4px stretch; 506 border-radius: 2px 2px 0 0 ; 507 border-width: 1px ; 508 border-style: solid; 509 border-color: transparent; 510 511 box-shadow: 1px 1px alpha(black, 0.08) inset, 512 -1px 0 alpha(black, 0.08) inset; 513 }*/ 514 /* 515 .primary-toolbar .button:active:backdrop, 516 .primary-toolbar .button:active:hover:backdrop, 517 .primary-toolbar .button:active:focus:backdrop { 518 border-image: url("borders/primary/primary-active-backdrop.svg") 4 / 4px stretch; 519 border-radius: 3px; 520 border-width: 2px; 521 border-style: solid; 522 border-color: transparent; 523 }*/ 524 525 526 /* raised buttons */ 527 .primary-toolbar .button.raised, 528 .primary-toolbar .raised .button, 529 .primary-toolbar GtkComboBox .button { 530 border-image: url("borders/raised/raised-button.svg") 5 / 5px stretch; 531 border-radius: 5px; 532 border-width: 1px ; 533 border-style: solid; 534 border-color: transparent; 535 transition: 275ms ease-in-out; 536 } 537 538 .primary-toolbar .button.raised.default, 539 .primary-toolbar .raised .button.default, 540 .primary-toolbar GtkComboBox .button.default { 541 border-image: url("borders/raised/raised-button.svg") 5 / 5px stretch; 542 border-radius: 5px; 543 border-width: 1px ; 544 border-style: solid; 545 border-color: transparent; 546 } 547 548 .primary-toolbar .button.raised:active, 549 .primary-toolbar .raised .button:active, 550 .primary-toolbar .button.raised:active:hover, 551 .primary-toolbar .raised .button:active:hover, 552 .primary-toolbar .button.raised.default:active, 553 .primary-toolbar .raised .button.default:active, 554 .primary-toolbar .button.raised.default:active:hover, 555 .primary-toolbar .raised .button.default:active:hover, 556 .primary-toolbar GtkComboBox .button:active { 557 border-image: url("borders/raised/raised-button.svg") 5 / 5px stretch; 558 border-radius: 5px; 559 border-width: 1px; 560 border-style: solid; 561 border-color: transparent; 562 transition: 275ms ease-in-out; 563 } 564 565 .primary-toolbar .button.raised:hover, 566 .primary-toolbar .raised .button:hover, 567 .primary-toolbar .raised .button.default:hover, 568 .primary-toolbar .button.raised.default:hover, 569 .primary-toolbar GtkComboBox .button:hover { 570 border-image: url("borders/raised/raised-button-hover.svg") 4 / 4px stretch; 571 border-radius: 3px; 572 border-width: 1px; 573 border-style: solid; 574 border-color: transparent; 575 } 576 /*Nesassary for some reason it doesnt draw backdrops of these buttons without this*/ 577 .primary-toolbar .button.raised:backdrop, 578 .primary-toolbar .raised .button:backdrop, 579 /*.primary-toolbar .button.raised.default:hover:backdrop, 580 .primary-toolbar .raised .button:hover:backdrop, 581 .primary-toolbar .raised .button.default:hover:backdrop,*/ 582 .primary-toolbar GtkComboBox .button:backdrop 583 .primary-toolbar GtkComboBox *:backdrop /* 584 .primary-toolbar GtkComboBox *:backdrop:insensitive*/ { 585 border-image: url("borders/raised/raised-button.svg") 5 / 5px stretch; 586 border-radius: 5px; 587 border-width: 1px ; 588 border-style: solid; 589 border-color: transparent; 590 } 591 592 .primary-toolbar .button.raised.default:hover:backdrop, 593 .primary-toolbar .raised .button:hover:backdrop, 594 .primary-toolbar .raised .button.default:hover:backdrop, 595 .primary-toolbar GtkComboBox .button:hover:backdrop { 596 border-image: url("borders/raised/raised-button-hover.svg") 4 / 4px stretch; 597 border-radius: 3px; 598 border-width: 1px; 599 border-style: solid; 600 border-color: transparent; 601 } 602 603 .primary-toolbar .button.raised:active:backdrop, 604 .primary-toolbar .raised .button:active:backdrop, 605 .primary-toolbar .button.raised:active:hover:backdrop, 606 .primary-toolbar .raised .button:active:hover:backdrop, 607 .primary-toolbar .button.raised.default:active:backdrop, 608 .primary-toolbar .raised .button.default:active:backdrop, 609 .primary-toolbar .button.raised.default:active:hover:backdrop, 610 .primary-toolbar .raised .button.default:active:hover:backdrop, 611 .primary-toolbar GtkComboBox .button:active:backdrop { 612 border-image: url("borders/raised/raised-button.svg") 5 / 5px stretch; 613 border-radius: 5px; 614 border-width: 1px; 615 border-style: solid; 616 border-color: transparent; 617 transition: 275ms ease-in-out; 618 } 619 /***********************/ 620 621 /* column-headers borders */ 622 column-header.button, 623 column-header .button, 624 column-header.button:hover, 625 column-header .button:hover, 626 column-header.button:focus, 627 column-header .button:focus, 628 column-header.button:focus:hover, 629 column-header .button:focus:hover, 630 column-header.button:active, 631 column-header .button:active, 632 column-header.button:active:hover, 633 column-header .button:active:hover, 634 column-header.button:active:hover:focus, 635 column-header .button:active:hover:focus, 636 column-header.button:active:focus, 637 column-header .button:active:focus { 638 border-image: linear-gradient(to top, 639 alpha(black,0.36), 640 shade(@theme_bg_color, 0.8) 8%, 641 shade(@theme_bg_color, 0.4) 642 ) 0 1 1 0; 643 border-width: 0 1px 1px 0; 644 border-radius: 0; 645 border-style: solid; 646 border-color: @theme_bg_color; 647 box-shadow: inset 1px 0 alpha(white, 0.014); 648 } 649 650 .notebook column-header.button, 651 .notebook column-header .button, 652 .notebook column-header.button:hover, 653 .notebook column-header .button:hover, 654 .notebook column-header.button:focus, 655 .notebook column-header .button:focus, 656 .notebook column-header.button:focus:hover, 657 .notebook column-header .button:focus:hover, 658 .notebook column-header.button:active, 659 .notebook column-header .button:active, 660 .notebook column-header.button:active:hover, 661 .notebook column-header .button:active:hover, 662 .notebook column-header.button:active:hover:focus, 663 .notebook column-header .button:active:hover:focus, 664 .notebook column-header.button:active:focus, 665 .notebook column-header .button:active:focus { 666 border-image: linear-gradient(to top, 667 alpha(black,0.45), 668 shade(@theme_base_color, 0.8) 8%, 669 shade(@theme_base_color, 0.25) 670 ) 0 1 1 0; 671 border-width: 0 1px 1px 0; 672 border-radius: 0; 673 border-style: solid; 674 border-color: black; 675 box-shadow: inset 1px 0 alpha(white, 0.014); 676 } 677 /* 678 column-header.button:backdrop, 679 column-header .button:backdrop, 680 column-header.button:hover:backdrop, 681 column-header .button:hover:backdrop, 682 column-header.button:focus:backdrop, 683 column-header .button:focus:backdrop, 684 column-header.button:focus:hover:backdrop, 685 column-header .button:focus:hover:backdrop, 686 column-header.button:active:backdrop, 687 column-header .button:active:backdrop, 688 column-header.button:active:hover:backdrop, 689 column-header .button:active:hover:backdrop, 690 column-header.button:active:focus:backdrop, 691 column-header .button:active:focus:backdrop, 692 column-header.button:active:focus:hover:backdrop, 693 column-header .button:active:focus:hover:backdrop, 694 column-header.button:insensitive:backdrop, 695 column-header .button:insensitive:backdrop { 696 border-image: none; 697 border-radius: 0px; 698 border-width: 0px 1px 1px 0px; 699 border-style: solid; 700 border-color: transparent; 701 }*/ 702 /* 703 .notebook column-header.button:backdrop, 704 .notebook column-header .button:backdrop, 705 .notebook column-header.button:hover:backdrop, 706 .notebook column-header .button:hover:backdrop, 707 .notebook column-header.button:focus:backdrop, 708 .notebook column-header .button:focus:backdrop, 709 .notebook column-header.button:focus:hover:backdrop, 710 .notebook column-header .button:focus:hover:backdrop, 711 .notebook column-header.button:active:backdrop, 712 .notebook column-header .button:active:backdrop, 713 .notebook column-header.button:active:hover:backdrop, 714 .notebook column-header .button:active:hover:backdrop, 715 .notebook column-header.button:active:hover:focus:backdrop, 716 .notebook column-header .button:active:hover:focus:backdrop, 717 .notebook column-header.button:active:focus:backdrop, 718 .notebook column-header .button:active:focus:backdrop, 719 .notebook column-header.button:insensitive:backdrop, 720 .notebook column-header .button:insensitive:backdrop { 721 border-image: url("borders/column/notebook-column-header-backdrop.svg") 0 0 1 0 / 0px 0px 1px 0px stretch; 722 border-radius: 0px; 723 border-width: 0px 0px 1px 0px; 724 border-style: solid; 725 border-color: transparent; 726 box-shadow: inset 1px 0 alpha(@inset_light_color, 0.3), 727 inset -1px 0 alpha(@inset_dark_color, 0.14); 728 }*/ 729 730 column-header.button:insensitive, 731 column-header .button:insensitive { 732 border-image: linear-gradient(to top, 733 mix(@insensitive_borders, @insensitive_bg_color, 0.5), 734 @insensitive_bg_color 735 ) 0 1 1 0; 736 border-width: 0 1px 1px 0; 737 border-radius: 0; 738 border-style: solid; 739 border-color: transparent; 740 } 741 /* 742 .notebook column-header.button:insensitive, 743 .notebook column-header .button:insensitive { 744 border-image: url("borders/column/notebook-column-header.svg") 0 0 1 0 / 0px 0px 1px 0px stretch; 745 border-radius: 0px; 746 border-width: 0px 0px 1px 0px; 747 border-style: solid; 748 border-color: transparent; 749 box-shadow: inset 1px 0 @inset_light_color, 750 inset -1px 0 alpha(@inset_dark_color, 0.45); 751 }*/ 752 753 column-header.button:last-child, 754 column-header:last-child .button, 755 column-header.button:last-child:hover, 756 column-header:last-child .button:hover, 757 column-header.button:last-child:focus, 758 column-header:last-child .button:focus, 759 column-header.button:last-child:focus:hover, 760 column-header:last-child .button:focus:hover, 761 column-header.button:last-child:active, 762 column-header:last-child .button:active, 763 column-header.button:last-child:active:hover, 764 column-header:last-child .button:active:hover, 765 column-header.button:last-child:active:hover:focus, 766 column-header:last-child .button:active:hover:focus, 767 column-header.button:last-child:active:focus, 768 column-header:last-child .button:active:focus { 769 border-right-width: 0; 770 } 771 772 .notebook column-header.button:last-child, 773 .notebook column-header:last-child .button, 774 .notebook column-header.button:last-child:hover, 775 .notebook column-header:last-child .button:hover, 776 .notebook column-header.button:last-child:focus, 777 .notebook column-header:last-child .button:focus, 778 .notebook column-header.button:last-child:focus:hover, 779 .notebook column-header:last-child .button:focus:hover, 780 .notebook column-header.button:last-child:active, 781 .notebook column-header:last-child .button:active, 782 .notebook column-header.button:last-child:active:hover, 783 .notebook column-header:last-child .button:active:hover, 784 .notebook column-header.button:last-child:active:hover:focus, 785 .notebook column-header:last-child .button:active:hover:focus, 786 .notebook column-header.button:last-child:active:focus, 787 .notebook column-header:last-child .button:active:focus { 788 border-right-width: 0; 789 } 790 /* 791 column-header.button:last-child:backdrop, 792 column-header:last-child .button:backdrop, 793 column-header.button:last-child:hover:backdrop, 794 column-header:last-child .button:hover:backdrop, 795 column-header.button:last-child:focus:backdrop, 796 column-header:last-child .button:focus:backdrop, 797 column-header.button:last-child:focus:hover:backdrop, 798 column-header:last-child .button:focus:hover:backdrop, 799 column-header.button:last-child:active:backdrop, 800 column-header:last-child .button:active:backdrop, 801 column-header.button:last-child:active:hover:backdrop, 802 column-header:last-child .button:active:hover:backdrop, 803 column-header.button:last-child:active:hover:focus:backdrop, 804 column-header:last-child .button:active:hover:focus:backdrop, 805 column-header.button:last-child:active:focus:backdrop, 806 column-header:last-child .button:active:focus:backdrop { 807 border-left-width: 0; 808 border-image-width: 0px; 809 box-shadow: inset 1px 0 alpha(@inset_light_color, 0.3); 810 }*/ 811 /* 812 .notebook column-header.button:last-child:backdrop, 813 .notebook column-header:last-child .button:backdrop, 814 .notebook column-header.button:last-child:hover:backdrop, 815 .notebook column-header:last-child .button:hover:backdrop, 816 .notebook column-header.button:last-child:focus:backdrop, 817 .notebook column-header:last-child .button:focus:backdrop, 818 .notebook column-header.button:last-child:focus:hover:backdrop, 819 .notebook column-header:last-child .button:focus:hover:backdrop, 820 .notebook column-header.button:last-child:active:backdrop, 821 .notebook column-header:last-child .button:active:backdrop, 822 .notebook column-header.button:last-child:active:hover:backdrop, 823 .notebook column-header:last-child .button:active:hover:backdrop, 824 .notebook column-header.button:last-child:active:hover:focus:backdrop, 825 .notebook column-header:last-child .button:active:hover:focus:backdrop, 826 .notebook column-header.button:last-child:active:focus:backdrop, 827 .notebook column-header:last-child .button:active:focus:backdrop { 828 border-image: url("borders/column/notebook-column-header-backdrop.svg") 0 1 1 0 / 0px 1px 1px 0px stretch; 829 border-radius: 0px; 830 border-width: 0px 1px 1px 0px; 831 border-style: solid; 832 border-color: transparent; 833 box-shadow: inset 1px 0 alpha(@inset_light_color, 0.3); 834 }*/ 835 836 column-header.button:first-child, 837 column-header:first-child .button, 838 column-header.button:first-child:hover, 839 column-header:first-child .button:hover, 840 column-header.button:first-child:focus, 841 column-header:first-child .button:focus, 842 column-header.button:first-child:focus:hover, 843 column-header:first-child .button:focus:hover, 844 column-header.button:first-child:active, 845 column-header:first-child .button:active, 846 column-header.button:first-child:active:hover, 847 column-header:first-child .button:active:hover, 848 column-header.button:first-child:active:hover:focus, 849 column-header:first-child .button:active:hover:focus, 850 column-header.button:first-child:active:focus, 851 column-header:first-child .button:active:focus { 852 box-shadow: none; 853 } 854 855 .notebook column-header.button:first-child, 856 .notebook column-header:first-child .button, 857 .notebook column-header.button:first-child:hover, 858 .notebook column-header:first-child .button:hover, 859 .notebook column-header.button:first-child:focus, 860 .notebook column-header:first-child .button:focus, 861 .notebook column-header.button:first-child:focus:hover, 862 .notebook column-header:first-child .button:focus:hover, 863 .notebook column-header.button:first-child:active, 864 .notebook column-header:first-child .button:active, 865 .notebook column-header.button:first-child:active:hover, 866 .notebook column-header:first-child .button:active:hover, 867 .notebook column-header.button:first-child:active:hover:focus, 868 .notebook column-header:first-child .button:active:hover:focus, 869 .notebook column-header.button:first-child:active:focus, 870 .notebook column-header:first-child .button:active:focus { 871 box-shadow: none; 872 } 873 /* 874 column-header.button:first-child:backdrop, 875 column-header:first-child .button:backdrop, 876 column-header.button:first-child:hover:backdrop, 877 column-header:first-child .button:hover:backdrop, 878 column-header.button:first-child:focus:backdrop, 879 column-header:first-child .button:focus:backdrop, 880 column-header.button:first-child:focus:hover:backdrop, 881 column-header:first-child .button:focus:hover:backdrop, 882 column-header.button:first-child:active:backdrop, 883 column-header:first-child .button:active:backdrop, 884 column-header.button:first-child:active:hover:backdrop, 885 column-header:first-child .button:active:hover:backdrop, 886 column-header.button:first-child:active:hover:focus:backdrop, 887 column-header:first-child .button:active:hover:focus:backdrop, 888 column-header.button:first-child:active:focus:backdrop, 889 column-header:first-child .button:active:focus:backdrop { 890 border-right-width: 0; 891 border-left-width: 1px; 892 border-image-width: 0px; 893 box-shadow: inset -1px 0 alpha(@inset_dark_color,0.12); 894 }*/ 895 /* 896 .notebook column-header.button:first-child:backdrop, 897 .notebook column-header:first-child .button:backdrop, 898 .notebook column-header.button:first-child:hover:backdrop, 899 .notebook column-header:first-child .button:hover:backdrop, 900 .notebook column-header.button:first-child:focus:backdrop, 901 .notebook column-header:first-child .button:focus:backdrop, 902 .notebook column-header.button:first-child:focus:hover:backdrop, 903 .notebook column-header:first-child .button:focus:hover:backdrop, 904 .notebook column-header.button:first-child:active:backdrop, 905 .notebook column-header:first-child .button:active:backdrop, 906 .notebook column-header.button:first-child:active:hover:backdrop, 907 .notebook column-header:first-child .button:active:hover:backdrop, 908 .notebook column-header.button:first-child:active:hover:focus:backdrop, 909 .notebook column-header:first-child .button:active:hover:focus:backdrop, 910 .notebook column-header.button:first-child:active:focus:backdrop, 911 .notebook column-header:first-child .button:active:focus:backdrop { 912 border-image: url("borders/column/notebook-column-header-backdrop.svg") 0 0 1 1 / 0px 0px 1px 1px stretch; 913 border-radius: 0px; 914 border-width: 0px 0px 1px 1px; 915 border-style: solid; 916 border-color: transparent; 917 box-shadow: inset -1px 0 alpha(@inset_dark_color,0.12); 918 }*/ 919 920 /* Selection-Mode Toolbar Buttons */ 921 .selection-mode.toolbar .button, 922 .selection-mode.toolbar .button:active, 923 .selection-mode.toolbar .button:active:hover, 924 .selection-mode.toolbar .suggested-action.button, 925 .selection-mode.toolbar GtkToolButton.suggested-action .button { 926 border-image: url("borders/button/selection-toolbar-button.svg") 5 / 5px stretch; 927 border-radius: 5px; 928 border-width: 1px; 929 border-style: solid; 930 border-color: transparent; 931 } 932 933 .selection-mode.toolbar .suggested-action.button, 934 .selection-mode.toolbar GtkToolButton.suggested-action .button { 935 border-image: url("borders/button/suggested-action-button.svg") 5 / 5px stretch; 936 border-radius: 5px; 937 border-width: 1px; 938 border-style: solid; 939 border-color: transparent; 940 } 941 942 .selection-mode.toolbar .button:hover, 943 .selection-mode.toolbar .suggested-action.button:hover, 944 .selection-mode.toolbar GtkToolButton.suggested-action .button:hover { 945 border-image: url("borders/button/selection-toolbar-button-hover.svg") 4 / 4px stretch; 946 border-radius: 3px; 947 border-width: 1px; 948 border-style: solid; 949 border-color: transparent; 950 }