gtk-widgets.css (200486B)
1 /*Copyright 2012 2013 Joshua Brown-Williams a.k.a killhellokitty 2 * killhellokitty@gmail.com 3 * 4 * Dorian "Gray" Theme is distributed under the terms of the GNU General 5 * Public License 6 * 7 * This program is free software: you can redistribute it and/or modify 8 it under the terms of the GNU General Public License as published by 9 the Free Software Foundation, either version 3 of the License, or 10 (at your option) any later version. 11 12 This program is distributed in the hope that it will be useful, 13 but WITHOUT ANY WARRANTY; without even the implied warranty of 14 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 15 GNU General Public License for more details. 16 17 You should have received a copy of the GNU General Public License 18 along with this program. If not, see <http://www.gnu.org/licenses/>. 19 * 20 * Based on Adwaita Theme*/ 21 * { 22 engine: adwaita; 23 padding: 0; 24 25 background-clip: padding-box; 26 27 -GtkToolButton-icon-spacing: 4; 28 29 -GtkTextView-error-underline-color: @error_color; 30 31 -GtkPaned-handle-size: 5; 32 33 -GtkCheckButton-indicator-size: 16; 34 -GtkCheckMenuItem-indicator-size: 12; 35 36 /* The size for scrollbars. The slider is 2px smaller, but we keep it 37 * up so that the whole area is sensitive to button presses for the 38 * slider. The stepper button is larger in both directions, the slider 39 * only in the width 40 */ 41 42 -GtkScrolledWindow-scrollbar-spacing: 0; 43 -GtkScrolledWindow-scrollbars-within-bevel: 1; 44 45 -GtkToolItemGroup-expander-size: 11; 46 -GtkExpander-expander-size: 11; 47 48 -GtkMenu-horizontal-padding: 0; 49 -GtkMenu-vertical-padding: 0; 50 51 -GtkWidget-link-color: @link_color; 52 -GtkWidget-visited-link-color: shade(@link_color, 0.85); 53 -GtkIMHtml-hyperlink-color: @link_color; 54 -GtkHTML-link-color: @link_color; 55 56 -WnckTasklist-fade-overlay-rect: 0; 57 58 -GtkWidget-focus-line-width: 0; 59 -GtkWidget-focus-padding: 2; 60 /* -adwaita-focus-border-radius: 2; 61 -adwaita-focus-border-dashes: 1; 62 -adwaita-focus-border-color: alpha(@selected_bg_color, 0.6);*/ 63 64 -GtkWindow-resize-grip-width: 0; 65 -GtkWindow-resize-grip-height: 0; 66 67 -GtkWidget-cursor-color: @highlight_selected_bg; 68 -GtkWidget-cursor-aspect-ratio: 0.1; 69 -GtkWidget-secondary-cursor-color: @theme_text_color; 70 71 /* We use the outline properties to signal the focus properties 72 * to the adwaita engine: using real CSS properties is faster, 73 * and we don't use any outlines for now. 74 * not implimented untill 3.6.1*/ 75 outline-color: alpha(@theme_selected_bg_color, 0.20); 76 outline-style: dashed; 77 outline-offset: 2px; 78 } 79 80 /*************** 81 * Base States * 82 ***************/ 83 84 85 GtkWindow { 86 color: @theme_fg_color; 87 background-color: @theme_bg_color; 88 } 89 /* 90 GtkWindow:backdrop { 91 color: @theme_unfocused_fg_color; 92 }*/ 93 94 /* FIXME: why do we still need this? */ 95 GtkClutterOffscreen { 96 background-color: @theme_bg_color; 97 color: @theme_fg_color; 98 } 99 100 *:selected, 101 *:selected:focus { 102 background-color: @theme_selected_bg_color; 103 color: @theme_selected_fg_color; 104 } 105 /* 106 *:selected:backdrop { 107 background-color: @theme_unfocused_selected_bg_color; 108 color: @theme_unfocused_selected_fg_color; 109 }*/ 110 111 *:insensitive { 112 background-color: @insensitive_bg_color; 113 color: @insensitive_fg_color; 114 border-color: @insensitive_borders; 115 } 116 117 .notebook *:insensitive { 118 color: @notebook_insensitive_fg_color; 119 } 120 121 /* 122 *:backdrop { 123 color: @theme_unfocused_fg_color; 124 }*/ 125 /* 126 *:insensitive:backdrop { 127 color: @unfocused_insensitive_fg_color; 128 }*/ 129 130 .background { 131 background-color: @theme_bg_color; 132 background-image: none; 133 } 134 /* 135 .background:backdrop { 136 background-color: @theme_bg_color; 137 background-image: none; 138 }*/ 139 140 .gtkstyle-fallback { 141 background-color: @theme_bg_color; 142 color: @theme_fg_color; 143 } 144 145 .gtkstyle-fallback:prelight { 146 background-color: shade(@theme_bg_color, 1.10); 147 color: @theme_fg_color; 148 } 149 150 .gtkstyle-fallback:active { 151 background-color: shade(@theme_bg_color, 0.90); 152 color: @theme_fg_color; 153 } 154 155 .gtkstyle-fallback:insensitive { 156 background-color: @insensitive_bg_color; 157 color: @insensitive_fg_color; 158 } 159 160 .gtkstyle-fallback:selected { 161 background-color: @theme_selected_bg_color; 162 color: @theme_selected_fg_color; 163 } 164 165 GtkImage, 166 GtkImage:insensitive, 167 GtkLabel, 168 GtkLabel:insensitive { 169 background-color: transparent; 170 } 171 172 /************ 173 * Tooltips * 174 ************/ 175 .tooltip { 176 padding: 0 2px 0 2px; 177 border-style: solid; 178 border-width: 1px; 179 border-radius: 2px; 180 border-color: alpha(black, 0.12); 181 background-image: none; 182 183 background-color: alpha(@theme_bg_color, 0.9); 184 color: #bababa; 185 font: condensed 7; 186 text-shadow: 0 1px alpha(black, 0.4); 187 box-shadow: 1px 1px alpha(white, 0.03) inset, 188 -1px -1px alpha(black, 0.34) inset; 189 } 190 191 192 .tooltip * { 193 background-color: transparent; 194 } 195 196 /***************** 197 * Miscellaneous * 198 *****************/ 199 @keyframes spinner { 200 0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 201 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 202 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 203 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 204 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 205 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 206 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 207 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } 208 209 12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 210 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 211 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 212 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 213 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 214 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 215 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), 216 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); } 217 218 25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 219 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 220 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 221 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 222 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 223 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), 224 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 225 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); } 226 227 37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 228 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 229 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 230 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 231 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), 232 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 233 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 234 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); } 235 236 50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 237 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 238 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 239 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), 240 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 241 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 242 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 243 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); } 244 245 62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 246 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 247 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), 248 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 249 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 250 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 251 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 252 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); } 253 254 75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 255 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), 256 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 257 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 258 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 259 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 260 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 261 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); } 262 263 87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)), 264 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 265 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 266 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 267 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 268 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 269 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 270 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); } 271 272 100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 273 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)), 274 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)), 275 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)), 276 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)), 277 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)), 278 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)), 279 -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); } 280 } 281 282 .spinner { 283 background-color: transparent; 284 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 285 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 286 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 287 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 288 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 289 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 290 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)), 291 -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); 292 background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%; 293 background-size: 20% 20%; 294 background-repeat: no-repeat; 295 } 296 297 .spinner:active { 298 animation: spinner 1s infinite linear; 299 } 300 301 .floating-bar { 302 background-image: none; 303 background-color: alpha(#303030, 0.94); 304 border-color: alpha(black, 0.18); 305 color: mix (@theme_fg_color, @theme_base_color, 0.40); 306 text-shadow: 0 1px alpha(black, 0.12); 307 border-radius: 17px; 308 border-width: 1px; 309 border-style: solid; 310 box-shadow: 0 1px alpha(white, 0.08) inset, 311 0 -1px alpha(black, 0.36) inset; 312 } 313 314 .floating-bar.bottom.right { 315 background-color: @theme_base_color; 316 border-radius: 2px 0 0 0px; 317 border-width: 1px 0 0 1px; 318 box-shadow: 0 1px alpha(white, 0.03) inset, 319 1px 0 alpha(white, 0.02) inset; 320 } 321 322 .floating-bar.bottom.left { 323 background-color: @theme_bg_color; 324 border-radius: 0 2px 0 0; 325 border-width: 1px 1px 0 0; 326 box-shadow: 0 1px alpha(white, 0.06) inset, 327 1px 0 alpha(black, 0.36) inset, 328 -1px 0 alpha(black, 0.3) inset; 329 } 330 /* 331 .floating-bar:backdrop, 332 .floating-bar.bottom.left:backdrop, 333 .floating-bar.bottom.right:backdrop, 334 .floating-bar.left:backdrop, 335 .floating-bar.right:backdrop, 336 .floating-bar.top:backdrop { 337 background-color: alpha(@theme_base_color, 0.92); 338 text-shadow: 0 1px alpha(black, 0.06); 339 box-shadow: 0 1px alpha(white, 0.085) inset, 340 0 -1px alpha(black, 0.01) inset; 341 }*/ 342 343 .floating-bar .button { 344 background-color: alpha (@theme_base_color, 0.0); 345 background-image: none; 346 347 border-style: none; 348 border-image: none; 349 350 -GtkButton-image-spacing: 0; 351 -GtkButton-inner-border: 0; 352 } 353 354 .view.rubberband, 355 .rubberband { 356 background-color: alpha (@theme_selected_bg_color, 0.35); 357 358 border-color: @theme_selected_bg_color; 359 border-style: solid; 360 border-width: 1px; 361 border-radius: 2px; 362 } 363 364 GtkStatusbar { 365 padding: 5px; 366 color: mix (@theme_fg_color, @theme_base_color, 0.40); 367 text-shadow: @button_active_text_shadow 0 -1px; 368 -GtkStatusbar-shadow-type: none; 369 } 370 371 .dnd { 372 border-width: 1px; 373 border-style: solid; 374 border-color: @theme_selected_bg_color; 375 border-radius: 0; 376 } 377 378 GtkTreeView.view.separator, 379 GtkTreeView.separator, 380 /*GtkTreeView.view.separator:backdrop, 381 GtkTreeView.separator:backdrop,*/ 382 .sidebar.view.separator, 383 .sidebar.view .separator, 384 .sidebar.view.separator:hover, 385 .sidebar.view .separator:hover { 386 color: @view_separators; 387 } 388 389 /*.toolbar .separator:backdrop*/ 390 .toolbar .separator { 391 color: @toolbar_separator; 392 } 393 394 .separator, 395 .separator:hover, 396 .separator:backdrop, 397 .separator:hover:backdrop { 398 -GtkWidget-wide-separators: true; 399 -GtkWidget-separator-width: 3px; 400 -GtkWidget-separator-height: 3px; 401 402 border-width: 3px; 403 border-color: transparent; 404 border-style: solid; 405 border-image: url("borders/separator/separator.svg") 10 10 3 3/ 0px 0px 3px 3px repeat; 406 color: @menu_separator; 407 } 408 409 .separator.vertical, 410 .separator.vertical:hover, 411 .separator.vertical:backdrop, 412 .separator.vertical:hover:backdrop { 413 border-width: 3px; 414 border-color: transparent; 415 border-style: solid; 416 border-image: url("borders/separator/separator-vertical.svg") 3 3 10 10/ 3px 3px 0px 0px repeat; 417 color: @menu_separator; 418 } 419 420 .pane-separator { 421 color: shade (@inactive_frame_color, 0.80); 422 } 423 424 .pane-separator:hover, 425 .pane-separator:selected { 426 color: @theme_text_color; 427 } 428 429 .pane-separator { 430 background-color: transparent; 431 background-repeat: no-repeat; 432 background-position: center; 433 background-image: url("assets/pane-separator-grip.svg"); 434 } 435 436 .pane-separator.vertical { 437 background-color: transparent; 438 background-repeat: no-repeat; 439 background-position: center; 440 background-image: url("assets/pane-separator-grip-vertical.svg"); 441 } 442 /* 443 .pane-separator:backdrop, 444 .pane-separator:hover:backdrop { 445 background-color: transparent; 446 }*/ 447 448 .notebook .pane-separator, 449 .notebook .pane-separator:hover { 450 background-color: @theme_base_color; 451 } 452 /* 453 .notebook .pane-separator:backdrop, 454 .notebook .pane-separator:hover:backdrop { 455 background-color: @theme_base_color; 456 }*/ 457 458 /**************** 459 * Text Entries * 460 ****************/ 461 .entry, 462 GtkComboBox.combobox-entry .button { 463 border-style: solid; 464 padding: 4px; 465 color: mix(#505050, @theme_selected_bg_color, 0.06); 466 transition: all 200ms ease-out; 467 } 468 469 .entry:focus, 470 GtkComboBox.combobox-entry .button:hover { 471 color: @theme_fg_color; 472 transition: all 200ms ease-in; 473 } 474 475 .entry.progressbar, 476 .entry.progressbar:focus { 477 margin-left: 2px; 478 margin-right: 2px; 479 border-image: none; 480 border-style: none; 481 background-color: transparent; 482 background-image: linear-gradient(to top, 483 transparent 2px, 484 white 2px, 485 white 3px, 486 shade(@theme_selected_bg_color, 0.9) 3px, 487 shade(@theme_selected_bg_color, 0.9) 5px, 488 transparent 5px); 489 background-size: auto; 490 box-shadow: none; 491 } 492 493 .entry.progressbar.pulse, 494 .entry.progressbar.pulse:focus { 495 background-image: linear-gradient(to top, 496 transparent 2px, 497 white 2px, 498 white 3px, 499 @borders 3px, 500 @borders 5px, 501 transparent 5px); 502 } 503 /* 504 .entry.progressbar:backdrop { 505 margin-left: 2px; 506 margin-right: 2px; 507 border-image: none; 508 border-style: none; 509 background-color: transparent; 510 background-image: linear-gradient(to top, 511 transparent 2px, 512 white 2px, 513 white 3px, 514 @theme_unfocused_selected_bg_color 3px, 515 @theme_unfocused_selected_bg_color 5px, 516 transparent 5px); 517 box-shadow: none; 518 }*/ 519 520 .entry:selected, 521 .notebook .entry:selected, 522 GtkViewport .entry:selected { 523 color: #ffffff; 524 background-color: shade(@theme_selected_bg_color, 1.06); 525 background-image: none; 526 } 527 528 .entry:insensitive { 529 color: @insensitive_fg_color; 530 } 531 /* 532 .entry:backdrop, 533 GtkComboBox.combobox-entry .button:backdrop, 534 GtkComboBox.combobox-entry .button:backdrop:hover { 535 color: @theme_unfocused_text_color; 536 background-color: @button_gradient_active_backdrop_a; 537 background-image: none; 538 }*/ 539 /* 540 .entry:insensitive:backdrop { 541 color: @unfocused_insensitive_fg_color; 542 }*/ 543 /* 544 .entry:selected:backdrop { 545 color: @theme_unfocused_selected_fg_color; 546 background-color: @theme_unfocused_selected_bg_color 547 }*/ 548 549 /* needed for webkit/GtkStyle compatibility */ 550 .entry:active, 551 .entry:active:backdrop { 552 color: @theme_unfocused_selected_fg_color; 553 background-color: @theme_unfocused_selected_bg_color; 554 } 555 556 .cursor-handle.top, 557 .cursor-handle.bottom { 558 background-color: transparent; 559 box-shadow: none; 560 border-style: none; 561 border-image: none; 562 border-radius: 0px; 563 border-width: 0px; 564 565 /* background-image in assets */ 566 } 567 568 569 /******************* 570 * Symbolic images * 571 *******************/ 572 .image { 573 color: @internal_element_color; 574 } 575 576 .image:hover { 577 color: @internal_element_prelight; 578 } 579 580 .image:selected, 581 .image:selected:hover { 582 color: @theme_selected_fg_color; 583 } 584 585 .view.image, 586 .view.image:hover { 587 color: @view_symbolic_color; 588 } 589 590 .view.image:selected, 591 .view.image:selected:hover { 592 color: @theme_selected_fg_color; 593 } 594 595 /***************** 596 * GtkSpinButton * 597 *****************/ 598 .spinbutton .button, 599 .spinbutton .button:focus 600 /*.spinbutton .button:backdrop, 601 .spinbutton .button:insensitive, 602 .spinbutton .button:insensitive:backdrop, 603 .spinbutton .button:focus:backdrop, 604 .spinbutton .button:hover:backdrop*/ { 605 color: @internal_element_color; 606 padding: 2px 6px; 607 border-width: 0; 608 border-radius: 0; 609 border-style: none; 610 border-image: none; 611 box-shadow: inset 1px 0 alpha(black, 0.22); 612 } 613 614 .spinbutton .button 615 /*.spinbutton .button:backdrop, 616 .spinbutton .button:hover:backdrop*/ { 617 background-color: transparent; 618 background-image: none; 619 } 620 621 .spinbutton .button:insensitive { 622 color: @insensitive_fg_color; 623 box-shadow: inset 1px 0 alpha(black, 0.24); 624 } 625 /* 626 .spinbutton .button:insensitive:backdrop { 627 color: mix(@internal_element_color, @theme_unfocused_base_color, 0.7); 628 }*/ 629 630 .spinbutton .button:focus { 631 color: shade(@theme_text_color, 0.8); 632 box-shadow: inset 1px 0 alpha(black, 0.65); 633 } 634 635 .spinbutton .button:hover { 636 color: @theme_selected_fg_color; 637 } 638 639 .spinbutton .button:first-child { 640 border-radius: 2px 0 0 2px; 641 } 642 643 .spinbutton .button:last-child { 644 border-radius: 0 2px 2px 0; 645 /*box-shadow: inset 1px 0 @inset_dark_color;*/ 646 } 647 648 .spinbutton .button:active, 649 .spinbutton .button:hover, 650 .spinbutton .button:active:hover { 651 color: @internal_element_prelight; 652 box-shadow: inset 1px 0 alpha(black, 0.5), 653 inset -1px 0 alpha(black, 0.5); 654 } 655 656 .spinbutton .button:active:focus, 657 .spinbutton .button:active:hover:focus, 658 .spinbutton .button:hover:focus { 659 color: @internal_element_prelight; 660 box-shadow: inset 1px 0 alpha(black, 0.85), 661 inset -1px 0 alpha(black, 0.85); 662 } 663 /* 664 .spinbutton .button:first-child:active, 665 .spinbutton .button:first-child:active:focus, 666 .spinbutton .button:first-child:active:hover, 667 .spinbutton .button:first-child:active:hover:focus, 668 .spinbutton .button:first-child:hover, 669 .spinbutton .button:first-child:hover:focus { 670 box-shadow: inset 1px 0 alpha(black, 0.85), 671 inset -1px 0 alpha(black, 0.85); 672 }*/ 673 674 .spinbutton .button:last-child:active, 675 .spinbutton .button:last-child:active:hover, 676 .spinbutton .button:last-child:hover { 677 box-shadow: inset 1px 0 alpha(black, 0.5); 678 } 679 680 .spinbutton .button:last-child:active:focus, 681 .spinbutton .button:last-child:active:hover:focus, 682 .spinbutton .button:last-child:hover:focus{ 683 box-shadow: inset 1px 0 alpha(black, 0.85); 684 } 685 686 /***************Vertical*********************/ 687 688 .spinbutton.vertical .button { 689 padding: 4px; 690 icon-shadow: 0 1px @button_text_shadow; 691 transition: 250ms ease-in-out; 692 } 693 694 .spinbutton.vertical .button, 695 .spinbutton.vertical .button:hover { 696 color: @theme_fg_color; 697 } 698 699 .spinbutton.vertical .button:insensitive { 700 color: @insensitive_fg_color; 701 } 702 /* 703 .spinbutton.vertical .button:backdrop { 704 color: @theme_unfocused_fg_color; 705 icon-shadow: none; 706 }*/ 707 /* 708 .spinbutton.vertical .button:backdrop:insensitive { 709 color: @unfocused_insensitive_fg_color; 710 }*/ 711 712 .spinbutton.vertical .button:active { 713 color: @button_active_text; 714 icon-shadow: 0 1px @button_active_text_shadow; 715 } 716 717 /* :insensitive:insensitive to override the dark overriden style for 718 normal spinbutton buttons, yeah we lack !important */ 719 .spinbutton.vertical .button:insensitive:insensitive { 720 icon-shadow: none; 721 } 722 723 .spinbutton.vertical .button, 724 .spinbutton.vertical .button:focus:focus, 725 /* :active:active to override the dark overriden style for 726 normal spinbutton buttons, yeah we lack !important */ 727 .spinbutton.vertical .button:active:active, 728 .spinbutton.vertical .button:focus:focus:active:active { 729 box-shadow: none; 730 } 731 732 .spinbutton.vertical .button:first-child, 733 .spinbutton.vertical .button:active:first-child { 734 border-image-width: 4px 4px 0 4px; 735 border-width: 1px 1px 0 1px; 736 border-bottom-left-radius: 0; 737 border-bottom-right-radius: 0; 738 } 739 740 .spinbutton.vertical .button:hover:first-child { 741 border-image-width: 4px 4px 2px 4px; 742 border-width: 1px 1px 0 1px; 743 border-bottom-left-radius: 3px; 744 border-bottom-right-radius: 3px; 745 } 746 747 .spinbutton.vertical .button:last-child, 748 .spinbutton.vertical .button:active:last-child { 749 border-image-width: 0 4px 4px 4px; 750 border-width: 0 1px 1px 1px; 751 border-top-left-radius: 0; 752 border-top-right-radius: 0; 753 } 754 755 .spinbutton.vertical .button:hover:last-child { 756 border-image-width: 2px 4px 4px 4px; 757 border-width: 0 1px 1px 1px; 758 border-top-left-radius: 0; 759 border-top-right-radius: 0; 760 } 761 762 .spinbutton.vertical.entry { 763 border-image: none; 764 border-color: transparent; 765 border-width: 0 1px; 766 border-style: solid; 767 border-radius: 0; 768 box-shadow: 1px 0 alpha(black, 0.38) inset, 769 -1px 0 alpha(black, 0.36) inset, 770 0 1px rgba(0,0,0,0.26) inset, 771 0 -1px rgba(0,0,0,0.20) inset; 772 773 /* I'm using box-shadow as borders, so I need to compensate 774 with padding. Those two values need to be entry padding +1 */ 775 padding-top: 5px; 776 padding-bottom: 5px; 777 } 778 779 .spinbutton.vertical.entry:insensitive { 780 border-color: @insensitive_borders; 781 box-shadow: inset 0 1px @insensitive_borders, 782 inset 0 -1px @insensitive_borders; 783 } 784 785 .spinbutton.vertical.entry:focus { 786 box-shadow: 1px 0 alpha(black, 0.58) inset, 787 -1px 0 alpha(black, 0.56) inset, 788 0 1px rgba(0,0,0,0.36) inset, 789 0 -1px rgba(0,0,0,0.30) inset; 790 } 791 /* 792 .spinbutton.vertical.entry:backdrop { 793 794 border-color: @unfocused_borders; 795 box-shadow: inset 0 1px @unfocused_borders, 796 inset 0 -1px @unfocused_borders; 797 }*/ 798 /* 799 .spinbutton.vertical.entry:insensitive:backdrop { 800 801 box-shadow: inset 0 1px @unfocused_insensitive_borders, 802 inset 0 -1px @unfocused_insensitive_borders; 803 }*/ 804 805 806 /***************** 807 * Color Chooser * 808 *****************/ 809 GtkColorSwatch, 810 GtkColorSwatch:selected { 811 border-width: 1px; 812 border-style: solid; 813 border-radius: 1px; 814 border-color: alpha(black, 0.33); 815 box-shadow: inset 0 2px alpha(black, 0.08), 816 inset 1px 1px alpha(black, 0.09); 817 818 background-color: transparent; 819 background-clip: border-box; 820 } 821 822 GtkColorSwatch:hover, 823 GtkColorSwatch:selected:hover { 824 border-color: alpha(black, 0.45); 825 } 826 827 GtkColorSwatch.color-dark:hover { 828 background-image: linear-gradient(to bottom, 829 alpha(white, 0) 40%, 830 alpha(white, 0.2) 831 ); 832 } 833 834 GtkColorSwatch.color-light:hover { 835 background-image: linear-gradient(to top, 836 alpha(black, 0) 40%, 837 alpha(black, 0.2) 838 ); 839 } 840 841 GtkColorSwatch.color-light:selected:hover, 842 GtkColorSwatch.color-dark:selected:hover { 843 background-image: none; 844 } 845 /* 846 GtkColorSwatch:backdrop, 847 GtkColorSwatch:backdrop:selected { 848 box-shadow: none; 849 }*/ 850 /* 851 GtkColorSwatch:backdrop:hover { 852 border-color: alpha(black, 0.3); 853 background-image: none; 854 }*/ 855 856 GtkColorSwatch.left, 857 GtkColorSwatch:first-child { 858 border-top-left-radius: 6px; 859 border-bottom-left-radius: 6px; 860 } 861 862 GtkColorSwatch.right, 863 GtkColorSwatch:last-child { 864 border-top-right-radius: 6px; 865 border-bottom-right-radius: 6px; 866 } 867 868 GtkColorSwatch:only-child { 869 border-radius: 6px; 870 } 871 872 GtkColorSwatch.top { 873 border-top-left-radius: 6px; 874 border-top-right-radius: 6px; 875 } 876 877 GtkColorSwatch.bottom { 878 border-bottom-left-radius: 6px; 879 border-bottom-right-radius: 6px; 880 } 881 882 GtkColorChooserWidget #add-color-button { 883 background-clip: padding-box; 884 border-color: mix(@theme_base_color, @theme_bg_color, 0.52); 885 background-color: mix(@theme_base_color, @theme_bg_color, 0.6); 886 color: @theme_base_color; 887 box-shadow: none; 888 } 889 890 GtkColorChooserWidget #add-color-button:hover { 891 border-color: mix(@theme_base_color, @theme_bg_color, 0.32); 892 background-color: mix(@theme_base_color, @theme_bg_color, 0.42); 893 color: @theme_base_color; 894 } 895 /* 896 GtkColorChooserWidget #add-color-button:backdrop { 897 border-color: mix(@unfocused_borders, @theme_unfocused_bg_color, 0.3); 898 background-color: mix(@unfocused_borders, @theme_unfocused_bg_color, 0.3); 899 color: @theme_unfocused_bg_color; 900 }*/ 901 902 903 .color-active-badge, 904 .color-active-badge:selected { 905 border-style: solid; 906 border-width: 2px; 907 background-color: transparent; 908 } 909 910 .color-active-badge.color-light, 911 .color-active-badge.color-light:hover { 912 border-color: #444444; 913 color: #444444; 914 } 915 916 .color-active-badge.color-dark, 917 .color-active-badge.color-dark:hover { 918 border-color: #cccccc; 919 color: #cccccc; 920 } 921 922 GtkColorEditor GtkColorSwatch { 923 border-radius: 6px; 924 } 925 926 GtkColorEditor GtkColorSwatch.color-dark:hover, 927 GtkColorEditor GtkColorSwatch.color-light:hover { 928 background-image: none; 929 border-color: alpha(black, 0.4); 930 } 931 932 GtkColorButton.button { 933 padding: 1px 20px; 934 } 935 936 /**************** 937 * Progress bar * 938 ****************/ 939 940 /* FIXME: this should really be a margin... */ 941 GtkProgressBar { 942 padding: 2px; 943 } 944 945 946 /* progress component */ 947 .progressbar { 948 background-color: transparent; 949 border-radius: 17px; 950 border-width: 0px; 951 border-style: solid; 952 border-color: transparent; 953 box-shadow: inset -1px 1px alpha(white, 0.12), 954 inset 1px 0 alpha(white, 0.12), 955 inset 0 -1px alpha(black, 0.12); 956 } 957 /* 958 .progressbar:backdrop, 959 .progressbar.vertical:backdrop { 960 background-color: @unfocused_borders; 961 background-image:none; 962 border-radius: 2px; 963 border-width: 0px; 964 border-style: solid; 965 border-color: #1a1a1a; 966 border-image: none; 967 box-shadow: inset -1px 1px alpha(white, 0.02), 968 inset 1px 0 alpha(white, 0.02), 969 inset 0 -1px alpha(black, 0.02); 970 }*/ 971 972 .progressbar row, 973 GtkTreeView.progressbar row, 974 GtkTreeView .progressbar row, 975 GtkTreeView.progressbar row:hover, 976 GtkTreeView .progressbar row:hover, 977 .cell.progressbar row, 978 .cell.progressbar row:hover, 979 .progressbar row:hover { 980 background-color: @theme_selected_bg_color; 981 border-radius: 2px; 982 border-width: 1px; 983 border-style: solid; 984 border-color: shade(@theme_selected_bg_color, 0.3); 985 border-bottom-color: shade(@theme_selected_bg_color, 0.25); 986 border-image: none; 987 box-shadow: inset -1px 1px alpha(white, 0.14), 988 inset 1px 0 alpha(white, 0.14), 989 inset 0 -1px alpha(black, 0.06); 990 background-image: none; 991 } 992 993 .cell.progressbar row:hover:selected, 994 .cell.progressbar row:hover:selected:focus, 995 996 .cell.progressbar row:selected, 997 GtkTreeView .progressbar row:selected:hover, 998 GtkTreeView.progressbar row:selected:hover, 999 GtkTreeView .progressbar row:selected:focus, 1000 GtkTreeView.progressbar row:selected:focus, 1001 GtkTreeView .progressbar row:selected:hover:focus, 1002 GtkTreeView.progressbar row:selected:hover:focus, 1003 1004 .progressbar row:hover:selected, 1005 .progressbar row:hover:selected:focus, 1006 .progressbar row:selected, 1007 .progressbar row:selected:focus { 1008 background-color: shade(@theme_selected_bg_color, 1.4); 1009 border-radius: 2px; 1010 border-width: 1px; 1011 border-style: solid; 1012 border-color: shade(@theme_selected_bg_color, 0.7); 1013 border-bottom-color: shade(@theme_selected_bg_color, 0.6); 1014 border-image: none; 1015 box-shadow: inset -1px 1px alpha(white, 0.12), 1016 inset 1px 0 alpha(white, 0.12), 1017 inset 0 -1px alpha(black, 0.14); 1018 background-image: none; 1019 } 1020 1021 .cell.progressbar row:insensitive, 1022 GtkTreeView .progressbar row:insensitive, 1023 .progressbar row:insensitive { 1024 background-color: @insensitive_bg_color; 1025 border-radius: 2px; 1026 border-width: 1px; 1027 border-style: solid; 1028 border-color: shade(@insensitive_bg_color, 0.6); 1029 border-bottom-color: shade(@insensitive_bg_color, 0.5); 1030 border-image: none; 1031 box-shadow: inset -1px 1px alpha(white, 0.03), 1032 inset 1px 0 alpha(white, 0.03), 1033 inset 0 -1px alpha(black, 0.06); 1034 background-image: url("assets/stripe-3.png"); 1035 /*linear-gradient(to left top, 1036 alpha (@insensitive_stripes, 0.25), 1037 alpha (@insensitive_stripes, 0.25) 25%, 1038 transparent 25%, 1039 transparent 50%, 1040 alpha (@insensitive_stripes, 0.25) 50%, 1041 alpha (@insensitive_stripes, 0.25) 75%, 1042 transparent 75%, 1043 transparent 1044 );*/ 1045 background-size: 6px; 1046 background-repeat: repeat; 1047 background-position: top left; 1048 } 1049 1050 .cell.progressbar row:insensitive:selected, 1051 GtkTreeView .progressbar row:insensitive:selected, 1052 .progressbar row:insensitive:selected { 1053 background-color: @insensitive_bg_color; 1054 border-radius: 2px; 1055 border-width: 1px; 1056 border-style: solid; 1057 border-color: alpha(black, 0.1); 1058 border-bottom-color: alpha(black, 0.18); 1059 border-image: none; 1060 box-shadow: inset -1px 1px alpha(white, 0.05), 1061 inset 1px 0 alpha(white, 0.05), 1062 inset 0 -1px alpha(black, 0.06); 1063 background-image: url("assets/stripe-3.png"); /* 1064 linear-gradient(to left top, 1065 alpha (@insensitive_stripes, 0.25), 1066 alpha (@insensitive_stripes, 0.25) 25%, 1067 transparent 25%, 1068 transparent 50%, 1069 alpha (@insensitive_stripes, 0.25) 50%, 1070 alpha (@insensitive_stripes, 0.25) 75%, 1071 transparent 75%, 1072 transparent 1073 );*/ 1074 background-size: 6px; 1075 background-repeat: repeat; 1076 background-position: top left; 1077 } 1078 /* 1079 .progressbar row:backdrop, 1080 .progressbar row:hover:backdrop, 1081 1082 GtkTreeView.progressbar row:backdrop, 1083 GtkTreeView .progressbar row:backdrop, 1084 GtkTreeView.progressbar row:hover:backdrop, 1085 GtkTreeView .progressbar row:hover:backdrop, 1086 .cell.progressbar row:backdrop, 1087 .cell.progressbar row:hover:backdrop, 1088 .cell.progressbar row:hover:selected:backdrop, 1089 .cell.progressbar row:hover:selected:focus:backdrop, 1090 .cell.progressbar row:selected:backdrop, 1091 1092 .cell.progressbar row:selected:focus:backdrop, 1093 1094 GtkTreeView .progressbar row:hover:backdrop, 1095 GtkTreeView.progressbar row:hover:backdrop, 1096 GtkTreeView .progressbar row:selected:backdrop, 1097 GtkTreeView.progressbar row:selected:backdrop, 1098 1099 GtkTreeView .progressbar row:selected:hover:backdrop, 1100 GtkTreeView.progressbar row:selected:hover:backdrop, 1101 GtkTreeView .progressbar row:selected:focus:backdrop, 1102 GtkTreeView.progressbar row:selected:focus:backdrop, 1103 GtkTreeView .progressbar row:selected:hover:focus:backdrop, 1104 GtkTreeView.progressbar row:selected:hover:focus:backdrop, 1105 .progressbar row:hover:selected:backdrop, 1106 .progressbar row:hover:selected:focus:backdrop, 1107 .progressbar row:selected:backdrop, 1108 .progressbar row:selected:focus:backdrop { 1109 background-image: none; 1110 background-color: @unfocused_borders; 1111 border-color: #1a1a1a; 1112 box-shadow: none; 1113 border-radius: 2px; 1114 border-width: 1px; 1115 border-style: solid; 1116 border-image: none; 1117 }*/ 1118 /* 1119 .cell.progressbar row:insensitive:backdrop, 1120 GtkTreeView .progressbar row:insensitive:backdrop, 1121 .progressbar row:insensitive:backdrop { 1122 background-color: #292929; 1123 border-radius: 2px; 1124 border-width: 1px; 1125 border-style: solid; 1126 border-color: #1a1a1a; 1127 border-image: none; 1128 box-shadow: none; 1129 background-image: none; 1130 }*/ 1131 1132 .trough, 1133 .trough.vertical { 1134 border-radius: 17px; 1135 background-color:alpha(black,0.2); 1136 border-width: 0px; 1137 border-color: transparent; 1138 box-shadow: 0 1px alpha(black, 0.2) inset, 1139 0 -1px alpha(white, 0.08) inset, 1140 0 3px alpha(black, 0.08) inset; 1141 } 1142 1143 .trough.vertical { 1144 box-shadow: 1px 0 alpha(black, 0.18) inset, 1145 -1px 0 alpha(white, 0.05) inset, 1146 3px 0 alpha(black, 0.06) inset; 1147 } 1148 1149 /* for progressbars in cell renderers */ 1150 .trough row { 1151 padding: 0; 1152 } 1153 1154 .trough row, 1155 GtkTreeView.trough row, 1156 GtkTreeView .trough row, 1157 GtkTreeView.trough row:hover, 1158 GtkTreeView .trough row:hover, 1159 .cell.trough row, 1160 .cell.trough row:hover, 1161 .trough row:hover { 1162 border-image: none; 1163 box-shadow: inset 0 2px alpha(black, 0.1), 1164 inset 1px 1px alpha(black, 0.15), 1165 inset 0 -1px alpha(black, 0.12); 1166 border-radius: 2px; 1167 border-width: 1px 1px 1px 1px; 1168 border-style: solid; 1169 border-color: alpha(black, 0.54); 1170 border-bottom-color: alpha(white, 0.12); 1171 background-image: -gtk-gradient (linear, 1172 left top, left bottom, 1173 from (shade(@theme_base_color, 0.6)), 1174 to (shade(@theme_base_color, 0.9))); 1175 background-color: shade(@theme_base_color, 0.62); 1176 } 1177 1178 .cell.trough row:hover:selected, 1179 .cell.trough row:hover:selected:focus, 1180 1181 .cell.trough row:selected, 1182 .cell.trough row:selected:focus, 1183 GtkTreeView .trough row:selected:hover, 1184 GtkTreeView.trough row:selected:hover, 1185 GtkTreeView .trough row:selected:focus, 1186 GtkTreeView.trough row:selected:focus, 1187 GtkTreeView .trough row:selected:hover:focus, 1188 GtkTreeView.trough row:selected:hover:focus, 1189 1190 .trough row:hover:selected, 1191 .trough row:hover:selected:focus, 1192 .trough row:selected, 1193 .trough row:selected:focus { 1194 border-image: none; 1195 box-shadow: inset 0 3px alpha(black, 0.1), 1196 inset 1px 1px alpha(black, 0.12), 1197 inset 0 -1px alpha(black, 0.08); 1198 border-radius: 2px; 1199 border-width: 1px 1px 1px 1px; 1200 border-style: solid; 1201 border-color: mix(shade(@theme_base_color, 0.84), @theme_selected_bg_color, 0.1); 1202 border-bottom-color: alpha(white, 0.2); 1203 background-image: linear-gradient(to bottom, 1204 mix(shade(@theme_base_color, 0.7), @theme_selected_bg_color, 0.3), 1205 1206 mix(shade(@theme_base_color, 1.2), @theme_selected_bg_color, 0.2) 1207 ); 1208 background-color: shade(@theme_base_color, 0.82); 1209 } 1210 1211 .cell.trough row:insensitive, 1212 GtkTreeView .trough row:insensitive, 1213 .trough row:insensitive { 1214 border-image: none; 1215 box-shadow: inset 0 3px alpha(black, 0.1), 1216 inset 1px 1px alpha(black, 0.1), 1217 inset 0 -1px alpha(white, 0.04); 1218 border-radius: 2px; 1219 border-width: 1px 1px 1px 1px; 1220 border-style: solid; 1221 border-color: alpha(black, 0.26); 1222 border-bottom-color:alpha(black, 0.08); 1223 background-image: linear-gradient(to bottom, 1224 shade(@insensitive_bg_color, 0.7), 1225 shade(@insensitive_bg_color, 0.9) 1226 ); 1227 background-color: shade(@insensitive_bg_color, 0.72); 1228 } 1229 1230 .cell.trough row:insensitive:selected, 1231 GtkTreeView .trough row:insensitive:selected, 1232 .trough row:insensitive:selected { 1233 border-image: none; 1234 box-shadow: inset 0 3px alpha(black, 0.08), 1235 inset 1px 1px alpha(black, 0.1), 1236 inset 0 -1px alpha(white, 0.08); 1237 border-radius: 2px; 1238 border-width: 1px 1px 1px 1px; 1239 border-style: solid; 1240 border-color: alpha(black, 0.12); 1241 border-bottom-color: alpha(white, 0.03); 1242 background-image: linear-gradient(to bottom, 1243 mix(shade(@insensitive_bg_color, 0.7), @theme_selected_bg_color, 0.1), 1244 1245 mix(shade(@insensitive_bg_color, 1.2), @theme_selected_bg_color, 0.05) 1246 ); 1247 background-color: shade(@insensitive_bg_color, 0.72); 1248 } 1249 1250 /* 1251 .trough row:backdrop, 1252 GtkTreeView.trough row:backdrop, 1253 GtkTreeView .trough row:backdrop, 1254 GtkTreeView.trough row:hover:backdrop, 1255 GtkTreeView .trough row:hover:backdrop, 1256 .cell.trough row:backdrop, 1257 .cell.trough row:hover:backdrop, 1258 .trough row:hover:backdrop, 1259 .cell.trough row:hover:selected:backdrop, 1260 .cell.trough row:hover:selected:focus:backdrop, 1261 .cell.trough row:selected:backdrop, 1262 1263 .cell.trough row:selected:focus:backdrop, 1264 1265 GtkTreeView .trough row:hover:backdrop, 1266 GtkTreeView.trough row:hover:backdrop, 1267 GtkTreeView .trough row:selected:backdrop, 1268 GtkTreeView.trough row:selected:backdrop, 1269 1270 GtkTreeView .trough row:selected:hover:backdrop, 1271 GtkTreeView.trough row:selected:hover:backdrop, 1272 GtkTreeView .trough row:selected:focus:backdrop, 1273 GtkTreeView.trough row:selected:focus:backdrop, 1274 GtkTreeView .trough row:selected:hover:focus:backdrop, 1275 GtkTreeView.trough row:selected:hover:focus:backdrop, 1276 .trough row:hover:selected:backdrop, 1277 .trough row:hover:selected:focus:backdrop, 1278 .trough row:selected:backdrop, 1279 .trough row:selected:focus:backdrop { 1280 border-image: none; 1281 box-shadow: none; 1282 border-radius: 2px; 1283 border-width: 1px 1px 1px 1px; 1284 border-style: solid; 1285 border-color: alpha(black, 0.22); 1286 background-image: -gtk-gradient (linear, 1287 left top, left bottom, 1288 from (#1a1a1a), 1289 to (#1a1a1a)); 1290 background-color: shade(@theme_base_color, 0.75); 1291 }*/ 1292 /* 1293 .cell.trough row:insensitive:backdrop, 1294 GtkTreeView .trough row:insensitive:backdrop, 1295 .trough row:insensitive:backdrop { 1296 border-image: none; 1297 box-shadow: none; 1298 border-radius: 2px; 1299 border-width: 1px 1px 1px 1px; 1300 border-style: solid; 1301 border-color: #1A1A1A; 1302 background-image: none; 1303 background-color: #302F2F; 1304 color: mix(@insensitive_bg_color, @insensitive_fg_color, 0.5); 1305 1306 }*/ 1307 /* 1308 GtkProgressBar:backdrop, 1309 GtkProgressBar.vertical:backdrop{ 1310 background-color: transparent; 1311 background-image: -gtk-gradient (linear, 1312 left top, left bottom, 1313 from (#292827), 1314 to (#292827)); 1315 }*/ 1316 1317 /* level bars as used for password quality or remaining power */ 1318 GtkLevelBar { 1319 -GtkLevelBar-min-block-width: 34; 1320 -GtkLevelBar-min-block-height: 8; 1321 } 1322 1323 GtkLevelBar.vertical { 1324 -GtkLevelBar-min-block-width: 8; 1325 -GtkLevelBar-min-block-height: 34; 1326 } 1327 1328 .level-bar.trough { 1329 padding: 0px; 1330 border-image: none; 1331 border-width: 0; 1332 border-style: none; 1333 background-image: none; 1334 box-shadow: none; 1335 background-color: transparent; 1336 border-color: transparent; 1337 } 1338 1339 .level-bar.fill-block { 1340 background-color: @theme_selected_bg_color; 1341 background-image: linear-gradient(to top, 1342 rgba(255,255,255, 0.2), 1343 rgba(255,255,255, 0.0) 40%, 1344 rgba(0,0,0, 0.0) 41%, 1345 rgba(0,0,0,0.5) 1346 ); 1347 border-radius: 3px; 1348 border-width: 1px; 1349 border-style: solid; 1350 border-color: transparent; 1351 box-shadow: inset 0 3px alpha(black, 0.06), 1352 inset 0 -1px alpha(white, 0.02); 1353 } 1354 1355 .level-bar.indicator-continuous.fill-block { 1356 padding: 0px; 1357 border-radius: 3px; 1358 } 1359 /* 1360 .level-bar.fill-block:backdrop, 1361 .level-bar.fill-block.level-high:backdrop, 1362 .level-bar.fill-block.level-low:backdrop { 1363 background-color: @unfocused_borders; 1364 border-color: @unfocused_borders; 1365 background-image: none; 1366 }*/ 1367 1368 .level-bar.indicator-discrete.fill-block.horizontal { 1369 margin: 0 1px; 1370 } 1371 1372 .level-bar.indicator-discrete.fill-block.vertical { 1373 margin: 1px 0; 1374 } 1375 1376 /* discrete indicator border rounding, 1377 uncomment when :nth-child will be working 1378 on the widget 1379 1380 .level-bar.indicator-discrete.fill-block.horizontal:first-child { 1381 border-radius: 2px 0 0 2px; 1382 } 1383 1384 .level-bar.indicator-discrete.fill-block.horizontal:last-child { 1385 border-radius: 0 2px 2px 0; 1386 } 1387 1388 .level-bar.indicator-discrete.fill-block.vertical:first-child { 1389 border-radius: 2px 2px 0 0; 1390 } 1391 1392 .level-bar.indicator-discrete.fill-block.vertical:last-child { 1393 border-radius: 0 0 2px 2px; 1394 } 1395 1396 */ 1397 1398 .level-bar.fill-block.level-high { 1399 background-color: @success_color; 1400 } 1401 1402 .level-bar.fill-block.level-low { 1403 background-color: @warning_color; 1404 } 1405 1406 .level-bar.fill-block.empty-fill-block { 1407 border-radius: 3px; 1408 background-color:alpha(black,0.2); 1409 border-width: 0px; 1410 border-color: transparent; 1411 box-shadow: 0 1px alpha(black, 0.2) inset, 1412 0 -1px alpha(white, 0.08) inset, 1413 0 3px alpha(black, 0.08) inset; 1414 background-image: none; 1415 } 1416 /* 1417 .level-bar.fill-block.empty-fill-block:backdrop { 1418 border-color: transparent; 1419 background-color: transparent; 1420 }*/ 1421 1422 /************ 1423 * GtkScale * 1424 ************/ 1425 .scale { 1426 -GtkScale-slider-length: 18; 1427 -GtkRange-slider-width: 18; 1428 -GtkRange-trough-border: 0; 1429 } 1430 1431 1432 GtkScale.vertical { 1433 -GtkScale-slider-length: 18; 1434 -GtkRange-slider-width: 18; 1435 } 1436 1437 .menubar .menuitem GtkScale.trough { 1438 background-color: @theme_base_color; 1439 background-image: none; 1440 } 1441 1442 .menubar .menuitem .scale.highlight.left, 1443 .scale.highlight.left { 1444 background-color: @theme_selected_bg_color; 1445 background-image: linear-gradient(to bottom, 1446 rgba(255,255,255, 0.2), 1447 rgba(255,255,255, 0.0) 60%, 1448 rgba(255,255,255, 0.0) 1449 ); 1450 border-width: 1px; 1451 border-style: solid; 1452 border-color: transparent; 1453 border-image: url("borders/trough/scale-highlight-trough-border.svg") 4 / 4px stretch; 1454 box-shadow: none; 1455 } 1456 1457 .primary-toolbar .scale.highlight.left { 1458 border-image: url("borders/trough/toolbar-highlight-trough-border.svg") 4 / 4px stretch; 1459 } 1460 1461 .scale.highlight.bottom { 1462 background-color: @theme_selected_bg_color; 1463 background-image: linear-gradient(to right, 1464 rgba(255,255,255, 0.2), 1465 rgba(255,255,255, 0.0) 60%, 1466 rgba(255,255,255, 0.0) 1467 ); 1468 border-width: 1px; 1469 border-style: solid; 1470 border-color: shade(@theme_selected_bg_color, 1.1); 1471 border-image: url("borders/trough/scale-vertical-highlight-trough-border.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 1472 box-shadow: none; 1473 } 1474 1475 .scale.highlight.left:insensitive { 1476 background-color: shade(@theme_base_color, 2.40); 1477 background-image: url("assets/stripe-3.png"); 1478 /*linear-gradient(to left top, 1479 alpha (@insensitive_stripes, 0.25), 1480 alpha (@insensitive_stripes, 0.25) 25%, 1481 transparent 25%, 1482 transparent 50%, 1483 alpha (@insensitive_stripes, 0.25) 50%, 1484 alpha (@insensitive_stripes, 0.25) 75%, 1485 transparent 75%, 1486 transparent 1487 );*/ 1488 border-image: url("borders/trough/scale-insensitive-highlight-trough.svg") 3 / 3px stretch; 1489 background-size: 6px; 1490 background-repeat: repeat; 1491 background-position: top left; 1492 } 1493 1494 .scale.highlight.bottom:insensitive { 1495 background-color: shade(@theme_base_color, 2.40); 1496 background-image: url("assets/stripe-3.png"); /* 1497 linear-gradient(to left top, 1498 alpha (@insensitive_stripes, 0.25), 1499 alpha (@insensitive_stripes, 0.25) 25%, 1500 transparent 25%, 1501 transparent 50%, 1502 alpha (@insensitive_stripes, 0.25) 50%, 1503 alpha (@insensitive_stripes, 0.25) 75%, 1504 transparent 75%, 1505 transparent 1506 );*/ 1507 border-image: url("borders/trough/scale-vertical-insensitive-highlight-trough.svg") 3 / 3px stretch; 1508 background-size: 6px; 1509 background-repeat: repeat; 1510 background-position: top left; 1511 } 1512 1513 .scale.trough { 1514 margin: 5px 0; 1515 } 1516 1517 .scale.trough.vertical { 1518 margin: 0 6px; 1519 } 1520 1521 GtkScale.trough, 1522 GtkScale.trough row, 1523 GtkScale.trough row:hover, 1524 GtkScale.trough row:selected, 1525 GtkScale.trough row:selected:focused { 1526 border-image: url("borders/trough/trough-border.svg") 3 / 3px stretch; 1527 border-radius: 3px; 1528 border-width: 1px; 1529 border-style: solid; 1530 border-color: transparent; 1531 box-shadow: 3px 3px alpha(black, 0.08) inset; 1532 background-color: inherit; 1533 background-image: linear-gradient(to bottom, 1534 rgba(0,0,0, 0.2), 1535 rgba(0,0,0, 0.2) 50%, 1536 rgba(0,0,0, 0.2) 1537 ); 1538 } 1539 1540 .notebook GtkScale.trough, 1541 .notebook GtkScale.trough row, 1542 .notebook GtkScale.trough row:hover, 1543 .notebook GtkScale.trough row:selected, 1544 .notebook GtkScale.trough row:selected:focused { 1545 border-image: url("borders/trough/notebook-trough-border.svg") 3 / 3px stretch; 1546 } 1547 1548 .primary-toolbar GtkScale.trough { 1549 border-image: url("borders/trough/toolbar-trough-border.svg") 3 / 3px stretch; 1550 background-color: #343434; 1551 box-shadow: none; 1552 } 1553 1554 GtkScale.trough.vertical { 1555 border-image: url("borders/trough/scale-vertical-trough-border.svg") 3 / 3px stretch; 1556 border-radius: 3px; 1557 border-width: 1px; 1558 border-style: solid; 1559 border-color: transparent; 1560 box-shadow: 2px 2px alpha(black, 0.08) inset, 1561 -1px 0 alpha(black, 0.1) inset; 1562 } 1563 /* 1564 .scale.trough:backdrop { 1565 border-image: url("borders/button/button-backdrop.svg") 3 3 4 3 / 3px 3px 4px 3px stretch; 1566 border-radius: 3px; 1567 border-width: 1px; 1568 border-style: solid; 1569 border-color: transparent; 1570 background-image: -gtk-gradient (linear, 1571 left top, left bottom, 1572 from (#1a1a1a), 1573 to (#1a1a1a)); 1574 }*/ 1575 1576 .scale.trough:insensitive { 1577 background-color: @insensitive_bg_color; 1578 border-color: @insensitive_scale_borders; 1579 border-image: url("borders/trough/scale-insensitive-trough.svg") 3 / 3px stretch; 1580 box-shadow: none; 1581 background-image: none; 1582 } 1583 1584 .scale.trough.vertical:insensitive { 1585 border-image: url("borders/trough/scale-insensitive-trough-vertical.svg") 3 / 3px stretch; 1586 } 1587 1588 GtkScale.slider { 1589 color: alpha(black, 0.0); 1590 background-image: url("assets/scale-slider/scale-slider.svg"); 1591 background-repeat: no-repeat; 1592 background-position: center; 1593 } 1594 1595 1596 /* 1597 GtkScale.slider:backdrop, 1598 GtkScale.slider:hover:backdrop, 1599 GtkScale.slider:active:backdrop, 1600 GtkScale.slider.vertical:backdrop, 1601 GtkScale.slider:hover:active:backdrop, 1602 GtkScale.slider.horizontal:insensitive:backdrop, 1603 GtkScale.slider.vertical:insensitive:backdrop { 1604 color: alpha(black, 0.0); 1605 }*/ 1606 1607 .scale.progressbar /*used when uploading videos from youtube, etc in totem*/{ 1608 background-color: shade(@theme_selected_bg_color, 0.98); 1609 background-image: linear-gradient(to bottom, 1610 rgba(0,0,0, 0.2), 1611 rgba(0,0,0, 0.0) 20%, 1612 rgba(0,0,0, 0.0) 1613 ); 1614 box-shadow: none; 1615 border-image: none; 1616 border-width: 2px; 1617 border-color: transparent; 1618 } 1619 1620 1621 /* 1622 .scale.progressbar:backdrop { 1623 background-color: @unfocused_borders; 1624 }*/ 1625 1626 .scale.mark { 1627 color: alpha(@theme_fg_color, 0.3); 1628 } 1629 1630 1631 /* 1632 .scale.trough:backdrop { 1633 box-shadow: none; 1634 border-color: @unfocused_borders; 1635 background-color: @unfocused_dark_bg; 1636 background-image: none; 1637 }*/ 1638 /* 1639 .scale.trough:insensitive:backdrop { 1640 background-color: @unfocused_insensitive_bg_color; 1641 border-color: @unfocused_insensitive_borders; 1642 box-shadow: none; 1643 background-image: none; 1644 }*/ 1645 1646 /********** 1647 * Frames * 1648 **********/ 1649 .frame { 1650 border-image: url("assets/frame.png") 4 / 4px stretch; 1651 border-radius: 2px; 1652 border-width: 1px; 1653 border-style: solid; 1654 border-color: transparent; 1655 padding: 3px; 1656 background-color: transparent; 1657 box-shadow: none; 1658 border-image: none; 1659 border-style: solid; 1660 border-bottom-color: @frame; 1661 border-right-color: @frame; 1662 border-top-color: @frame; 1663 border-left-color: @frame; 1664 } 1665 /* 1666 .notebook.frame { 1667 border-image: url("assets/frame.png") 2 / 2px stretch; 1668 border-radius: 0; 1669 border-width: 2px; 1670 border-style: solid; 1671 border-color: transparent; 1672 padding: 4px; 1673 background-color: @theme_base_color; 1674 }*/ 1675 /* 1676 .frame:backdrop { 1677 border-image: url("assets/frame.png") 2 / 2px stretch; 1678 border-radius: 0; 1679 border-width: 2px; 1680 border-style: solid; 1681 border-color: transparent; 1682 padding: 0; 1683 background-color: @theme_base_color; 1684 }*/ 1685 1686 GtkScrolledWindow.frame { 1687 border-image: none; 1688 border-style: solid; 1689 border-bottom-color: @frame_highlight_brightest; 1690 border-right-color: @frame_highlight; 1691 border-top-color: @frame; 1692 border-left-color: @frame_highlight; 1693 /* border-color: alpha(black, 0.6);*/ 1694 border-width: 1px; 1695 border-radius: 0px; 1696 padding: 0; 1697 1698 border-image: url("assets/scrolledwindow.svg") 3 / 3px stretch; 1699 border-radius: 0px; 1700 border-width: 3px; 1701 border-style: solid; 1702 border-color: transparent; 1703 } 1704 /* 1705 GtkScrolledWindow.frame:backdrop { 1706 border-style: solid; 1707 border-bottom-color: shade(@unfocused_frame_highlight, 1.05); 1708 border-right-color: @unfocused_frame_highlight; 1709 border-top-color: @unfocused_frame; 1710 border-left-color: @unfocused_frame_highlight; 1711 border-width: 1px; 1712 border-radius: 0px; 1713 padding: 0; 1714 1715 }*/ 1716 1717 /* avoid double borders when a viewport is 1718 * packed into a GtkScrolledWindow */ 1719 /*GtkScrolledWindow GtkViewport.frame, 1720 GtkScrolledWindow GtkViewport.frame:backdrop { 1721 border-style: none; 1722 }*/ 1723 1724 /* this makes the background for scrollbars in notebooks the same color as notebook background 1725 * when having scrollbars outside of scrolledwindos, otherwise the background will be the background color*/ 1726 .notebook GtkScrolledWindow, 1727 GtkViewport GtkScrolledWindow { 1728 background-image: none; 1729 background-color: shade(@theme_base_color, 1.1); 1730 } 1731 /* 1732 .notebook GtkScrolledWindow:backdrop, 1733 GtkViewport GtkScrolledWindow:backdrop { 1734 background-color: @theme_unfocused_base_color; 1735 }*/ 1736 1737 /*********** 1738 * Buttons * 1739 ***********/ 1740 .button, 1741 .button.menuitem.menubar, 1742 GtkComboBox.combobox-entry .button { 1743 padding: 1px 4px; 1744 } 1745 1746 GtkColorButton.button { 1747 padding: 1px 1px; 1748 } 1749 1750 .button { 1751 -GtkButton-image-spacing: 4; 1752 -GtkButton-interior-focus: true; 1753 -GtkButton-default-border: 0; 1754 -GtkButton-inner-boder: 3; 1755 1756 -GtkWidget-focus-line-width: 0; 1757 -GtkWidget-focus-padding: 2; 1758 outline-color: alpha(@theme_base_color, 0.20); 1759 outline-style: dashed; 1760 outline-offset: 2px; 1761 1762 color: @theme_text_color; 1763 1764 border-style: solid; 1765 border-color: transparent; 1766 transition: all 250ms ease-in; 1767 text-shadow: 0 1px @button_text_shadow; 1768 } 1769 1770 .button.default { 1771 text-shadow: 0 1px alpha(black, 0.45); 1772 } 1773 1774 /* We may want a background for focused buttons, but in the meantime let's remove it too */ 1775 .primary-toolbar .button, 1776 .primary-toolbar .button:insensitive 1777 /*.primary-toolbar .button:backdrop, 1778 .primary-toolbar .button:hover:backdrop, 1779 .primary-toolbar .button *:hover:backdrop, 1780 .primary-toolbar .button:insensitive:backdrop, 1781 .primary-toolbar .button *:insensitive:backdrop*/ { 1782 background-image: none; 1783 background-color: transparent; 1784 color: shade(@theme_fg_color, 0.9); 1785 } 1786 1787 /* Remove borders from primary toolbar buttons*/ 1788 .primary-toolbar .button, 1789 .primary-toolbar .button:backdrop { 1790 border-image: none; 1791 background-color: transparent; 1792 background-image: none; 1793 /* setting border-style: none; here would override the border-width values 1794 * we set in gtk-widget-borders.css to zero. 1795 */ 1796 border-style: solid; 1797 border-width: 1px 1px 2px 1px; 1798 border-color: transparent; 1799 box-shadow: none; 1800 text-shadow: 0 1px @primary_toolbar_button_text_shadow, 1801 1px 1px @button_active_text_shadow_glow, 1802 -1px 1px @button_active_text_shadow_glow, 1803 0px -1px @button_active_text_shadow_glow, 1804 -1px -1px @button_active_text_shadow_glow; 1805 icon-shadow: 0px -1px shade(@button_active_text_shadow, 0.7); 1806 transition: 250ms ease-in-out; 1807 } 1808 1809 .button *:hover { 1810 color: shade (@theme_fg_color, 0.96); 1811 text-shadow: 0px 1px @button_text_shadow; 1812 } 1813 /* 1814 .button *:hover:backdrop { 1815 color: @theme_unfocused_fg_color; 1816 text-shadow: none; 1817 }*/ 1818 1819 .primary-toolbar .button *:hover { 1820 color: shade (@theme_fg_color, 1.05); 1821 text-shadow: 0 -1px @primary_toolbar_button_hover_text_shadow; 1822 icon-shadow: 0 -1px shade(@button_active_text_shadow, 0.9); 1823 } 1824 1825 .primary-toolbar .button *:active, 1826 .inline-toolbar .button *:active, 1827 .button *:active { 1828 color: @button_active_text; 1829 text-shadow: 0 -1px @button_active_text_shadow; 1830 } 1831 1832 .button *:insensitive, 1833 .button *:active:insensitive { 1834 color: @insensitive_fg_color; 1835 text-shadow: none; 1836 } 1837 1838 .primary-toolbar .button *:insensitive { 1839 color: shade(@insensitive_fg_color, 1.3); 1840 } 1841 1842 .notebook .button *:insensitive, 1843 .notebook .button *:active:insensitive, 1844 GtkViewport .button *:insensitive, 1845 GtkViewport .button *:active:insensitive { 1846 color: @notebook_insensitive_fg_color; 1847 text-shadow: none; 1848 } 1849 1850 .button *:hover:active, 1851 .primary-toolbar .button *:active:hover{ 1852 color: shade(@button_active_text, 1.1); 1853 text-shadow: 0 -1px black; 1854 } 1855 /* 1856 .button *:insensitive:backdrop { 1857 color: @unfocused_insensitive_fg_color; 1858 }*/ 1859 /* 1860 .primary-toolbar .button *:active:backdrop, 1861 .primary-toolbar .button *:active:hover:backdrop { 1862 color: shade(@insensitive_fg_color, 1.62); 1863 text-shadow: none; 1864 }*/ 1865 /* 1866 .button *:active:backdrop, 1867 .button *:active:hover:backdrop, 1868 .inline-toolbar .button *:active:backdrop, 1869 .inline-toolbar .button *:active:hover:backdrop, 1870 .button *:active:insensitive:backdrop { 1871 color: shade(@theme_unfocused_bg_color, 2.2); 1872 text-shadow: none; 1873 icon-shadow: none; 1874 }*/ 1875 1876 .toolbar .button.raised *, 1877 .toolbar .raised .button *, 1878 .inline-toolbar .button * { 1879 icon-shadow: 0 1px @button_text_shadow; 1880 text-shadow: 0 1px @button_text_shadow; 1881 } 1882 1883 .toolbar .button.raised *:active, 1884 .toolbar .raised .button *:active, 1885 .inline-toolbar .button *:active, 1886 .inline-toolbar .button *:hover { 1887 icon-shadow: 0 1px @button_active_text_shadow; 1888 text-shadow: 0 1px @button_active_text_shadow; 1889 } 1890 1891 .toolbar .button.raised *:insensitive, 1892 .toolbar .raised .button *:insensitive, 1893 .inline-toolbar .button *:insensitive { 1894 icon-shadow: none; 1895 text-shadow: none; 1896 } 1897 /* 1898 .toolbar .button.raised *:backdrop, 1899 .toolbar .raised .button *:backdrop, 1900 .inline-toolbar .button *:backdrop { 1901 text-shadow: none; 1902 icon-shadow: none; 1903 }*/ 1904 /* 1905 .primary-toolbar .button *:hover:backdrop, 1906 .primary-toolbar.button *:hover:backdrop { 1907 color: @theme_unfocused_fg_color; 1908 text-shadow: none; 1909 }*/ 1910 1911 /* linked buttons */ 1912 1913 /* Set up shadows and hilights for button visual separation */ 1914 .linked .button, 1915 .toolbar .button.raised.linked, 1916 .toolbar .raised.linked .button, 1917 .inline-toolbar.toolbar .button, 1918 .inline-toolbar.toolbar GtkToolButton > .button { 1919 box-shadow: 1px 0 alpha(black, 0.8) inset, 1920 2px 0 alpha(white, 0.04) inset, 1921 -1px 0 alpha(white, 0.04) inset; 1922 } 1923 1924 .primary-toolbar .linked .button, 1925 .primary-toolbar .button.raised.linked, 1926 .primary-toolbar .raised.linked .button { 1927 box-shadow: 1px 0 alpha(black, 0.4) inset, 1928 2px 0 alpha(white, 0.04) inset, 1929 -1px 0 alpha(white, 0.04) inset; 1930 } 1931 1932 .linked .button:first-child, 1933 .toolbar .button.raised.linked:first-child, 1934 .toolbar .raised.linked .button:first-child, 1935 .inline-toolbar.toolbar .button:first-child, 1936 .inline-toolbar.toolbar GtkToolButton:first-child > .button, 1937 .primary-toolbar .linked .button:first-child, 1938 .primary-toolbar .button.raised.linked:first-child, 1939 .primary-toolbar .raised.linked .button:first-child { 1940 box-shadow: -1px 0 alpha(white, 0.04) inset; 1941 } 1942 1943 .linked .button:last-child, 1944 .toolbar .button.raised.linked:last-child, 1945 .toolbar .raised.linked .button:last-child, 1946 .inline-toolbar.toolbar .button:last-child, 1947 .inline-toolbar.toolbar GtkToolButton:last-child > .button{ 1948 box-shadow: 1px 0 alpha(black, 0.8) inset, 1949 2px 0 alpha(white, 0.04) inset; 1950 } 1951 1952 .primary-toolbar .linked .button:last-child, 1953 .primary-toolbar .button.raised.linked:last-child, 1954 .primary-toolbar .raised.linked .button:last-child { 1955 box-shadow: 1px 0 alpha(black, 0.4) inset, 1956 2px 0 alpha(white, 0.04) inset; 1957 } 1958 1959 /* 1960 .linked .button:active, 1961 .toolbar .button.raised.linked:active, 1962 .toolbar .raised.linked .button:active, 1963 .inline-toolbar.toolbar .button:active, 1964 .inline-toolbar.toolbar GtkToolButton > .button:active { 1965 box-shadow: 1px 0 alpha(black, 0.8) inset, 1966 2px 0 alpha(white, 0.04) inset; 1967 }*/ 1968 /* 1969 .linked .button:insensitive, 1970 .toolbar .button.raised.linked:insensitive, 1971 .toolbar .raised.linked .button:insensitive, 1972 .inline-toolbar.toolbar .button:insensitive, 1973 .inline-toolbar.toolbar GtkToolButton > .button:insensitive { 1974 box-shadow: inset -1px 0 @inset_dark_color; 1975 }*/ 1976 /* 1977 .linked .button:backdrop, 1978 .toolbar .button.raised.linked:backdrop, 1979 .toolbar .raised.linked .button:backdrop, 1980 .inline-toolbar.toolbar .button:backdrop, 1981 .inline-toolbar.toolbar GtkToolButton > .button:backdrop , 1982 .primary-toolbar .linked .button:backdrop, 1983 .primary-toolbar .button.raised.linked:backdrop, 1984 .primary-toolbar .raised.linked .button:backdrop { 1985 box-shadow: inset -1px 0 alpha(black, 0.16); 1986 }*/ 1987 /* 1988 .linked .button:active:backdrop, 1989 .toolbar .button.raised.linked:active:backdrop, 1990 .toolbar .raised.linked .button:active:backdrop, 1991 .inline-toolbar.toolbar .button:active:backdrop, 1992 .inline-toolbar.toolbar GtkToolButton > .button:active:backdrop, 1993 .primary-toolbar .linked .button:active:backdrop, 1994 .primary-toolbar .button.raised.linked:active:backdrop, 1995 .primary-toolbar .raised.linked .button:active:backdrop { 1996 box-shadow: inset 1px 0 alpha(@inset_dark_color, 0.26), 1997 inset -1px 0 alpha(@inset_dark_color, 0.1), 1998 inset 3px -3px alpha(black, 0.03), 1999 inset -3px 3px alpha(black, 0.03) 2000 ; 2001 }*/ 2002 /* 2003 .linked .button:insensitive:backdrop, 2004 .toolbar .button.raised.linked:insensitive:backdrop, 2005 .toolbar .raised.linked .button:insensitive:backdrop, 2006 .inline-toolbar.toolbar .button:insensitive:backdrop, 2007 .inline-toolbar.toolbar GtkToolButton > .button:insensitive:backdrop, 2008 .primary-toolbar .linked .button:insensitive:backdrop, 2009 .primary-toolbar .button.raised.linked:insensitive:backdrop, 2010 .primary-toolbar .raised.linked .button:insensitive:backdrop { 2011 box-shadow: inset -1px 0 #222222; 2012 }*/ 2013 2014 /* remove box shadow from last-child and only-child */ 2015 .linked .button:backdrop:last-child, 2016 .linked .button:backdrop:insensitive:last-child, 2017 .linked .button:only-child, 2018 .linked .button:backdrop:only-child, 2019 .linked .button:backdrop:insensitive:only-child, 2020 .toolbar .button.raised.linked:backdrop:last-child, 2021 .toolbar .button.raised.linked:backdrop:insensitive:last-child, 2022 .toolbar .button.raised.linked:backdrop:only-child, 2023 .toolbar .button.raised.linked:backdrop:insensitive:only-child, 2024 .toolbar .raised.linked .button:backdrop:last-child, 2025 .toolbar .raised.linked .button:insensitive:backdrop:last-child, 2026 .toolbar .raised.linked .button:backdrop:only-child, 2027 .toolbar .raised.linked .button:backdrop:insensitive:only-child, 2028 .inline-toolbar.toolbar .button:backdrop:last-child, 2029 .inline-toolbar.toolbar .button:backdrop:insensitive:last-child, 2030 .inline-toolbar.toolbar .button:only-child, 2031 .inline-toolbar.toolbar .button:backdrop:only-child, 2032 .inline-toolbar.toolbar .button:backdrop:insensitive:only-child, 2033 .inline-toolbar.toolbar GtkToolButton:last-child > .button:backdrop, 2034 .inline-toolbar.toolbar GtkToolButton:last-child > .button:backdrop:insensitive, 2035 .inline-toolbar.toolbar GtkToolButton:only-child > .button, 2036 .inline-toolbar.toolbar GtkToolButton:only-child > .button:backdrop, 2037 .inline-toolbar.toolbar GtkToolButton:only-child > .button:backdrop:insensitive, 2038 .primary-toolbar .linked .button:backdrop:last-child, 2039 .primary-toolbar .linked .button:insensitive:backdrop:last-child, 2040 .primary-toolbar .linked .button:only-child, 2041 .primary-toolbar .linked .button:backdrop:only-child, 2042 .primary-toolbar .linked .button:insensitive:backdrop:only-child, 2043 .primary-toolbar .button.raised.linked:backdrop:last-child, 2044 .primary-toolbar .button.raised.linked:insensitive:backdrop:last-child, 2045 .primary-toolbar .button.raised.linked:only-child, 2046 .primary-toolbar .button.raised.linked:backdrop:only-child, 2047 .primary-toolbar .button.raised.linked:insensitive:backdrop:only-child, 2048 .primary-toolbar .raised.linked .button:backdrop:last-child, 2049 .primary-toolbar .raised.linked .button:insensitive:backdrop:last-child, 2050 .primary-toolbar .raised.linked .button:only-child, 2051 .primary-toolbar .raised.linked .button:backdrop:only-child, 2052 .primary-toolbar .raised.linked .button:insensitive:backdrop:only-child { 2053 box-shadow: none; 2054 } 2055 2056 /* Middle button */ 2057 .primary-toolbar .linked .button, 2058 .primary-toolbar .linked .button:active, 2059 .primary-toolbar .linked .button:active:hover, 2060 .primary-toolbar .linked .button:insensitive, 2061 .primary-toolbar .linked .button:backdrop, 2062 .primary-toolbar .button.raised.linked, 2063 .primary-toolbar .button.raised.linked:active, 2064 .primary-toolbar .button.raised.linked:active:hover, 2065 .primary-toolbar .button.raised.linked:insensitive, 2066 .primary-toolbar .button.raised.linked:backdrop, 2067 .primary-toolbar .raised.linked .button, 2068 .primary-toolbar .raised.linked .button:active, 2069 .primary-toolbar .raised.linked .button:active:hover, 2070 .primary-toolbar .raised.linked .button:insensitive, 2071 .primary-toolbar .raised.linked .button:backdrop, 2072 .linked .entry, 2073 .linked .button, 2074 .linked .button:active, 2075 .linked .button:active:hover, 2076 .linked .button:insensitive { 2077 border-right-width: 0; 2078 border-left-width: 0; 2079 border-image-width: 5px 0px 5px 0px; 2080 border-radius: 0; 2081 } 2082 2083 .primary-toolbar .linked .button:hover, 2084 .primary-toolbar .button.raised.linked:hover, 2085 .primary-toolbar .raised.linked .button:hover, 2086 .linked .button:hover { 2087 border-image-width: 4px 2px 4px 2px; 2088 border-radius: 3px; 2089 } 2090 2091 /* Leftmost button */ 2092 .primary-toolbar .linked .button:first-child, 2093 .primary-toolbar .linked .button:active:first-child, 2094 .primary-toolbar .linked .button:active:hover:first-child, 2095 .primary-toolbar .linked .button:insensitive:first-child, 2096 .primary-toolbar .linked .button:backdrop:first-child, 2097 .primary-toolbar .button.raised.linked:first-child, 2098 .primary-toolbar .button.raised.linked:active:first-child, 2099 .primary-toolbar .button.raised.linked:active:hover:first-child, 2100 .primary-toolbar .button.raised.linked:insensitive:first-child, 2101 .primary-toolbar .button.raised.linked:backdrop:first-child, 2102 .primary-toolbar .raised.linked .button:first-child, 2103 .primary-toolbar .raised.linked .button:active:first-child, 2104 .primary-toolbar .raised.linked .button:active:hover:first-child, 2105 .primary-toolbar .raised.linked .button:insensitive:first-child, 2106 .primary-toolbar .raised.linked .button:backdrop:first-child, 2107 .linked .entry:first-child, 2108 .linked .button:first-child, 2109 .linked .button:active:first-child, 2110 .linked .button:active:hover:first-child, 2111 .linked .button:insensitive:first-child { 2112 border-right-width: 0; 2113 border-left-width: 1px; 2114 border-image-width: 5px 0 5px 5px; 2115 border-bottom-right-radius: 0; 2116 border-top-right-radius: 0; 2117 } 2118 2119 .primary-toolbar .linked .button:hover:first-child, 2120 .primary-toolbar .button.raised.linked:hover:first-child, 2121 .primary-toolbar .raised.linked .button:hover:first-child, 2122 .linked .button:hover:first-child{ 2123 border-image-width: 4px 2px 4px 4px; 2124 border-bottom-right-radius: 3px; 2125 border-top-right-radius: 3px; 2126 } 2127 2128 /* Rightmost button */ 2129 .primary-toolbar .linked .button:last-child, 2130 .primary-toolbar .linked .button:active:last-child, 2131 .primary-toolbar .linked .button:active:hover:last-child, 2132 .primary-toolbar .linked .button:insensitive:last-child, 2133 .primary-toolbar .linked .button:backdrop:last-child, 2134 .primary-toolbar .button.raised.linked:last-child, 2135 .primary-toolbar .button.raised.linked:active:last-child, 2136 .primary-toolbar .button.raised.linked:active:hover:last-child, 2137 .primary-toolbar .button.raised.linked:insensitive:last-child, 2138 .primary-toolbar .button.raised.linked:backdrop:last-child, 2139 .primary-toolbar .raised.linked .button:last-child, 2140 .primary-toolbar .raised.linked .button:active:last-child, 2141 .primary-toolbar .raised.linked .button:active:hover:last-child, 2142 .primary-toolbar .raised.linked .button:insensitive:last-child, 2143 .primary-toolbar .raised.linked .button:backdrop:last-child, 2144 .linked .entry:last-child, 2145 .linked .button:last-child, 2146 .linked .button:active:last-child, 2147 .linked .button:active:hover:last-child, 2148 .linked .button:insensitive:last-child { 2149 border-left-width: 0; 2150 border-image-width: 5px 5px 5px 0; 2151 border-width: 1px 1px 1px 0; 2152 border-bottom-left-radius: 0; 2153 border-top-left-radius: 0; 2154 } 2155 2156 .primary-toolbar .linked .button:hover:last-child, 2157 .primary-toolbar .button.raised.linked:hover:last-child, 2158 .primary-toolbar .raised.linked .button:hover:last-child, 2159 .linked .button:hover:last-child{ 2160 border-image-width: 4px 4px 4px 2px; 2161 border-bottom-left-radius: 3px; 2162 border-top-left-radius: 3px; 2163 } 2164 2165 /* Linked single button */ 2166 .primary-toolbar .linked .button:only-child, 2167 .primary-toolbar .linked .button:active:only-child, 2168 .primary-toolbar .linked .button:active:hover:only-child, 2169 .primary-toolbar .linked .button:insensitive:only-child, 2170 .linked .entry:only-child, 2171 .linked .button:only-child, 2172 .linked .button:active:only-child, 2173 .linked .button:active:hover:only-child, 2174 .linked .button:insensitive:only-child { 2175 border-right-width: 1px; 2176 border-left-width: 1px; 2177 border-image-width: 5px; 2178 border-radius: 5px; 2179 } 2180 2181 .primary-toolbar .linked .button:only-child, 2182 .linked .button:hover:only-child { 2183 border-image-width: 4px; 2184 } 2185 2186 /*******Vertical******************************************/ 2187 2188 /* Middle button (vertical) */ 2189 .linked.vertical .entry, 2190 .linked.vertical .button, 2191 .linked.vertical .button:active, 2192 .linked.vertical .button:active:hover, 2193 .linked.vertical .button:focus, 2194 .linked.vertical .button:focus:active, 2195 .linked.vertical .button:insensitive { 2196 border-top-width: 0; 2197 border-bottom-width: 0; 2198 border-image-width: 0 5px; 2199 border-radius: 0; 2200 } 2201 2202 .linked.vertical .button:hover, 2203 .linked.vertical .button:focus:hover { 2204 border-image-width: 0 4px; 2205 } 2206 2207 /* Top button (vertical) */ 2208 .linked.vertical .entry:first-child, 2209 .linked.vertical .button:first-child, 2210 .linked.vertical .button:hover:first-child, 2211 .linked.vertical .button:active:first-child, 2212 .linked.vertical .button:active:hover:first-child, 2213 .linked.vertical .button:focus:first-child, 2214 .linked.vertical .button:focus:active:first-child, 2215 .linked.vertical .button:insensitive:first-child { 2216 border-bottom-width: 0; 2217 border-image-width: 5px 5px 0 5px; 2218 border-radius: 5px 5px 0 0; 2219 } 2220 2221 .linked.vertical .button:hover:first-child, 2222 .linked.vertical .button:focus:hover:first-child { 2223 border-image-width: 4px 4px 0 4px; 2224 } 2225 2226 /* Bottom button (vertical) */ 2227 .linked.vertical .entry:last-child, 2228 .linked.vertical .button:last-child, 2229 .linked.vertical .button:hover:last-child, 2230 .linked.vertical .button:active:last-child, 2231 .linked.vertical .button:active:hover:last-child, 2232 .linked.vertical .button:focus:last-child, 2233 .linked.vertical .button:focus:active:last-child, 2234 .linked.vertical .button:insensitive:last-child { 2235 border-top-width: 0; 2236 border-image-width: 0 5px 5px 5px; 2237 border-radius: 0 0 5px 5px; 2238 } 2239 2240 .linked.vertical .button:hover:last-child, 2241 .linked.vertical .button:focus:hover:last-child { 2242 border-image-width: 0 4px 4px 4px; 2243 } 2244 2245 /* Linked single button (vertical) */ 2246 .linked.vertical .entry:only-child, 2247 .linked.vertical .button:only-child, 2248 .linked.vertical .button:hover:only-child, 2249 .linked.vertical .button:active:only-child, 2250 .linked.vertical .button:active:hover:only-child, 2251 .linked.vertical .button:focus:only-child, 2252 .linked.vertical .button:focus:active:only-child, 2253 .linked.vertical .button:insensitive:only-child { 2254 border-top-width: 1px; 2255 border-bottom-width: 1px; 2256 border-image-width: 5px; 2257 border-radius: 5px; 2258 } 2259 2260 .linked.vertical .button:hover:only-child, 2261 .linked.vertical .button:focus:hover:only-child { 2262 border-image-width: 4px; 2263 } 2264 2265 /* Linked button shadows (vertical) */ 2266 .linked.vertical .button, 2267 .inline-toolbar.toolbar.vertical .button, 2268 .inline-toolbar.toolbar.vertical GtkToolButton > .button { 2269 box-shadow: inset 0 1px @inset_light_color, inset 0 -1px @inset_dark_color; 2270 } 2271 2272 .linked.vertical .button:first-child, 2273 .inline-toolbar.toolbar.vertical .button:first-child, 2274 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button { 2275 box-shadow: inset 0 -1px @inset_dark_color; 2276 } 2277 2278 .linked.vertical .button:last-child, 2279 .inline-toolbar.toolbar.vertical .button:last-child, 2280 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button { 2281 box-shadow: inset 0 -1px @inset_light_color; 2282 } 2283 2284 .linked.vertical .button:active, 2285 .inline-toolbar.toolbar.vertical .button:active, 2286 .inline-toolbar.toolbar.vertical GtkToolButton > .button:active { 2287 box-shadow: inset 0 1px @inset_dark_color, inset 0 -1px @inset_dark_color; 2288 } 2289 2290 .linked.vertical .button:insensitive, 2291 .inline-toolbar.toolbar.vertical .button:insensitive, 2292 .inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive { 2293 box-shadow: inset 0 -1px @inset_dark_color; 2294 } 2295 /* 2296 .linked.vertical .button:backdrop, 2297 .inline-toolbar.toolbar.vertical .button:backdrop, 2298 .inline-toolbar.toolbar.vertical GtkToolButton > .button:backdrop { 2299 box-shadow: inset 0 -1px @unfocused_borders; 2300 }*/ 2301 /* 2302 .linked.vertical .button:insensitive:backdrop, 2303 .inline-toolbar.toolbar.vertical .button:insensitive:backdrop, 2304 .inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive:backdrop { 2305 box-shadow: inset 0 -1px @unfocused_insensitive_borders; 2306 }*/ 2307 2308 .linked.vertical .button:only-child, 2309 .linked.vertical .button:backdrop:last-child, 2310 .linked.vertical .button:insensitive:last-child, 2311 .linked.vertical .button:insensitive:backdrop:last-child, 2312 .linked.vertical .button:backdrop:only-child, 2313 .linked.vertical .button:backdrop:insensitive:only-child, 2314 .inline-toolbar.toolbar.vertical .button:backdrop:last-child, 2315 .inline-toolbar.toolbar.vertical .button:insensitive:last-child, 2316 .inline-toolbar.toolbar.vertical .button:backdrop:insensitive:last-child, 2317 .inline-toolbar.toolbar.vertical .button:only-child, 2318 .inline-toolbar.toolbar.vertical .button:backdrop:only-child, 2319 .inline-toolbar.toolbar.vertical .button:backdrop:insensitive:only-child, 2320 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:backdrop, 2321 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive, 2322 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:backdrop:insensitive, 2323 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button, 2324 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:backdrop, 2325 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:backdrop:insensitive { 2326 box-shadow: none; 2327 } 2328 2329 /* Linked buttons on primary toolbars */ 2330 2331 /* Middle button */ 2332 2333 .inline-toolbar.toolbar .button, 2334 .inline-toolbar.toolbar .button:hover, 2335 .inline-toolbar.toolbar .button:hover:backdrop, 2336 .inline-toolbar.toolbar .button:active, 2337 .inline-toolbar.toolbar .button:active:hover, 2338 .inline-toolbar.toolbar .button:focus, 2339 .inline-toolbar.toolbar .button:focus:active, 2340 .inline-toolbar.toolbar .button:insensitive, 2341 .inline-toolbar.toolbar .button:backdrop, 2342 .inline-toolbar.toolbar .button:backdrop:insensitive, 2343 .inline-toolbar.toolbar GtkToolButton > .button, 2344 .inline-toolbar.toolbar GtkToolButton > .button:hover, 2345 .inline-toolbar.toolbar GtkToolButton > .button:active, 2346 .inline-toolbar.toolbar GtkToolButton > .button:active:hover, 2347 .inline-toolbar.toolbar GtkToolButton > .button:focus, 2348 .inline-toolbar.toolbar GtkToolButton > .button:focus:active, 2349 .inline-toolbar.toolbar GtkToolButton > .button:insensitive, 2350 .inline-toolbar.toolbar GtkToolButton > .button:backdrop, 2351 .inline-toolbar.toolbar GtkToolButton > .button:backdrop:active, 2352 .inline-toolbar.toolbar GtkToolButton > .button:backdrop:insensitive { 2353 border-right-width: 0; 2354 border-left-width: 0; 2355 border-image-width: 4px 0 4px 0; 2356 border-radius: 0; 2357 } 2358 2359 /* Leftmost button */ 2360 2361 .inline-toolbar.toolbar .button:first-child, 2362 .inline-toolbar.toolbar .button:hover:first-child, 2363 .inline-toolbar.toolbar .button:hover:backdrop:first-child, 2364 .inline-toolbar.toolbar .button:active:first-child, 2365 .inline-toolbar.toolbar .button:active:hover:first-child, 2366 .inline-toolbar.toolbar .button:focus:first-child, 2367 .inline-toolbar.toolbar .button:focus:active:first-child, 2368 .inline-toolbar.toolbar .button:insensitive:first-child, 2369 .inline-toolbar.toolbar .button:backdrop:first-child, 2370 .inline-toolbar.toolbar .button:backdrop:insensitive:first-child, 2371 .inline-toolbar.toolbar GtkToolButton:first-child > .button, 2372 .inline-toolbar.toolbar GtkToolButton:first-child > .button:hover, 2373 .inline-toolbar.toolbar GtkToolButton:first-child > .button:active, 2374 .inline-toolbar.toolbar GtkToolButton:first-child > .button:active:hover, 2375 .inline-toolbar.toolbar GtkToolButton:first-child > .button:focus, 2376 .inline-toolbar.toolbar GtkToolButton:first-child > .button:focus:active, 2377 .inline-toolbar.toolbar GtkToolButton:first-child > .button:insensitive, 2378 .inline-toolbar.toolbar GtkToolButton:first-child > .button:backdrop, 2379 .inline-toolbar.toolbar GtkToolButton:first-child > .button:backdrop:active, 2380 .inline-toolbar.toolbar GtkToolButton:first-child > .button:backdrop:insensitive { 2381 border-left-width: 2px; 2382 border-right-width: 0; 2383 border-image-width: 4px 0 4px 4px; 2384 border-bottom-right-radius: 0; 2385 border-top-right-radius: 0; 2386 } 2387 2388 /* Rightmost button */ 2389 2390 .inline-toolbar.toolbar .button:last-child, 2391 .inline-toolbar.toolbar .button:hover:last-child, 2392 .inline-toolbar.toolbar .button:hover:backdrop:last-child, 2393 .inline-toolbar.toolbar .button:active:last-child, 2394 .inline-toolbar.toolbar .button:active:hover:last-child, 2395 .inline-toolbar.toolbar .button:focus:last-child, 2396 .inline-toolbar.toolbar .button:focus:active:last-child, 2397 .inline-toolbar.toolbar .button:focus:active:hover:last-child, 2398 .inline-toolbar.toolbar .button:insensitive:last-child, 2399 .inline-toolbar.toolbar .button:backdrop:last-child, 2400 .inline-toolbar.toolbar .button:backdrop:insensitive:last-child, 2401 .inline-toolbar.toolbar GtkToolButton:last-child > .button, 2402 .inline-toolbar.toolbar GtkToolButton:last-child > .button:hover, 2403 .inline-toolbar.toolbar GtkToolButton:last-child > .button:active, 2404 .inline-toolbar.toolbar GtkToolButton:last-child > .button:active:hover, 2405 .inline-toolbar.toolbar GtkToolButton:last-child > .button:focus, 2406 .inline-toolbar.toolbar GtkToolButton:last-child > .button:focus:active, 2407 .inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive, 2408 .inline-toolbar.toolbar GtkToolButton:last-child > .button:backdrop, 2409 .inline-toolbar.toolbar GtkToolButton:last-child > .button:backdrop:active, 2410 .inline-toolbar.toolbar GtkToolButton:last-child > .button:backdrop:insensitive { 2411 border-left-width: 0; 2412 border-right-width: 2px; 2413 border-image-width: 4px 4px 4px 0; 2414 border-bottom-left-radius: 0; 2415 border-top-left-radius: 0; 2416 } 2417 2418 /* Single button */ 2419 .inline-toolbar.toolbar .button:only-child, 2420 .inline-toolbar.toolbar .button:hover:only-child, 2421 .inline-toolbar.toolbar .button:hover:backdrop:only-child, 2422 .inline-toolbar.toolbar .button:active:only-child, 2423 .inline-toolbar.toolbar .button:active:hover:only-child, 2424 .inline-toolbar.toolbar .button:focus:only-child, 2425 .inline-toolbar.toolbar .button:focus:active:only-child, 2426 .inline-toolbar.toolbar .button:insensitive:only-child, 2427 .inline-toolbar.toolbar .button:backdrop:only-child, 2428 .inline-toolbar.toolbar .button:backdrop:insensitive:only-child, 2429 .inline-toolbar.toolbar GtkToolButton:only-child > .button, 2430 .inline-toolbar.toolbar GtkToolButton:only-child > .button:hover, 2431 .inline-toolbar.toolbar GtkToolButton:only-child > .button:active, 2432 .inline-toolbar.toolbar GtkToolButton:only-child > .button:active:hover, 2433 .inline-toolbar.toolbar GtkToolButton:only-child > .button:focus, 2434 .inline-toolbar.toolbar GtkToolButton:only-child > .button:focus:active, 2435 .inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive, 2436 .inline-toolbar.toolbar GtkToolButton:only-child > .button:backdrop, 2437 .inline-toolbar.toolbar GtkToolButton:only-child > .button:backdrop:active, 2438 .inline-toolbar.toolbar GtkToolButton:only-child > .button:backdrop:insensitive { 2439 border-right-width: 2px; 2440 border-left-width: 2px; 2441 border-image-width: 4px; 2442 border-radius: 3px; 2443 } 2444 2445 /* Special-case GtkMenuToolButton, since it's a GtkToolButton, but it 2446 * has a box inside to pack the button and the actual menu */ 2447 .inline-toolbar.toolbar GtkMenuToolButton .button:first-child, 2448 .inline-toolbar.toolbar GtkMenuToolButton .button:hover:first-child, 2449 .inline-toolbar.toolbar GtkMenuToolButton .button:active:first-child, 2450 .inline-toolbar.toolbar GtkMenuToolButton .button:active:hover:first-child, 2451 .inline-toolbar.toolbar GtkMenuToolButton .button:focus:first-child, 2452 .inline-toolbar.toolbar GtkMenuToolButton .button:focus:active:first-child, 2453 .inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:first-child, 2454 .inline-toolbar.toolbar GtkMenuToolButton .button:backdrop:first-child, 2455 .inline-toolbar.toolbar GtkMenuToolButton .button:backdrop:insensitive:first-child, 2456 .inline-toolbar.toolbar GtkMenuToolButton .button:last-child, 2457 .inline-toolbar.toolbar GtkMenuToolButton .button:hover:last-child, 2458 .inline-toolbar.toolbar GtkMenuToolButton .button:active:last-child, 2459 .inline-toolbar.toolbar GtkMenuToolButton .button:active:hover:last-child, 2460 .inline-toolbar.toolbar GtkMenuToolButton .button:focus:last-child, 2461 .inline-toolbar.toolbar GtkMenuToolButton .button:focus:active:last-child, 2462 .inline-toolbar.toolbar GtkMenuToolButton .button:insensitive:last-child, 2463 .inline-toolbar.toolbar GtkMenuToolButton .button:backdrop:last-child, 2464 .inline-toolbar.toolbar GtkMenuToolButton .button:backdrop:insensitive:last-child { 2465 border-right-width: 0; 2466 border-left-width: 0; 2467 border-image-width: 4px 0 4px 0; 2468 border-radius: 0; 2469 } 2470 2471 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:first-child, 2472 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:hover:first-child, 2473 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:active:first-child, 2474 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:active:hover:first-child, 2475 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:focus:first-child, 2476 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:focus:active:first-child, 2477 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:insensitive:first-child, 2478 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:backdrop:first-child, 2479 .inline-toolbar.toolbar GtkMenuToolButton:first-child .button:backdrop:insensitive:first-child { 2480 border-left-width: 2px; 2481 border-right-width: 0; 2482 border-image-width: 4px 0 4px 4px; 2483 border-bottom-right-radius: 0; 2484 border-top-right-radius: 0; 2485 } 2486 2487 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:last-child, 2488 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:hover:last-child, 2489 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:active:last-child, 2490 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:active:hover:last-child, 2491 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:focus:last-child, 2492 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:focus:active:last-child, 2493 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:insensitive:last-child, 2494 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:backdrop:last-child, 2495 .inline-toolbar.toolbar GtkMenuToolButton:last-child .button:backdrop:insensitive:last-child { 2496 border-left-width: 0; 2497 border-right-width: 2px; 2498 border-image-width: 4px 4px 4px 0; 2499 border-bottom-left-radius: 0; 2500 border-top-left-radius: 0; 2501 } 2502 2503 /* Vertical inline toolbars */ 2504 2505 /* Middle button */ 2506 .inline-toolbar.toolbar.vertical .button, 2507 .inline-toolbar.toolbar.vertical .button:hover, 2508 .inline-toolbar.toolbar.vertical .button:active, 2509 .inline-toolbar.toolbar.vertical .button:active:hover, 2510 .inline-toolbar.toolbar.vertical .button:insensitive, 2511 .inline-toolbar.toolbar.vertical .button:backdrop, 2512 .inline-toolbar.toolbar.vertical .button:backdrop:active, 2513 .inline-toolbar.toolbar.vertical .button:backdrop:insensitive, 2514 .inline-toolbar.toolbar.vertical GtkToolButton > .button, 2515 .inline-toolbar.toolbar.vertical GtkToolButton > .button:hover, 2516 .inline-toolbar.toolbar.vertical GtkToolButton > .button:active, 2517 .inline-toolbar.toolbar.vertical GtkToolButton > .button:active:hover, 2518 .inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive, 2519 .inline-toolbar.toolbar.vertical GtkToolButton > .button:backdrop, 2520 .inline-toolbar.toolbar.vertical GtkToolButton > .button:backdrop:active, 2521 .inline-toolbar.toolbar.vertical GtkToolButton > .button:backdrop:insensitive { 2522 border-bottom-width: 0; 2523 border-top-width: 0; 2524 border-image-width: 0 3px 0 3px; 2525 border-radius: 0; 2526 } 2527 2528 /* Topmost button */ 2529 .inline-toolbar.toolbar.vertical .button:first-child, 2530 .inline-toolbar.toolbar.vertical .button:hover:first-child, 2531 .inline-toolbar.toolbar.vertical .button:active:first-child, 2532 .inline-toolbar.toolbar.vertical .button:active:hover:first-child, 2533 .inline-toolbar.toolbar.vertical .button:insensitive:first-child, 2534 .inline-toolbar.toolbar.vertical .button:backdrop:first-child, 2535 .inline-toolbar.toolbar.vertical .button:backdrop:active:first-child, 2536 .inline-toolbar.toolbar.vertical .button:backdrop:insensitive:first-child, 2537 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button, 2538 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:hover, 2539 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:active, 2540 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:active:hover, 2541 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:insensitive, 2542 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:backdrop, 2543 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:backdrop:active, 2544 .inline-toolbar.toolbar.vertical GtkToolButton:first-child > .button:backdrop:insensitive { 2545 border-width: 1px 1px 0 1px; 2546 border-image-width: 3px 3px 0 3px; 2547 border-bottom-left-radius: 0; 2548 border-bottom-right-radius: 0; 2549 } 2550 2551 /* Bottommost button */ 2552 .inline-toolbar.toolbar.vertical .button:last-child, 2553 .inline-toolbar.toolbar.vertical .button:hover:last-child, 2554 .inline-toolbar.toolbar.vertical .button:active:last-child, 2555 .inline-toolbar.toolbar.vertical .button:active:hover:last-child, 2556 .inline-toolbar.toolbar.vertical .button:insensitive:last-child, 2557 .inline-toolbar.toolbar.vertical .button:backdrop:last-child, 2558 .inline-toolbar.toolbar.vertical .button:backdrop:active:last-child, 2559 .inline-toolbar.toolbar.vertical .button:backdrop:insensitive:last-child, 2560 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button, 2561 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:hover, 2562 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active, 2563 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active:hover, 2564 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive, 2565 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:backdrop, 2566 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:backdrop:active, 2567 .inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:backdrop:insensitive { 2568 border-width: 0 1px 2px 1px; 2569 border-image-width: 0 3px 4px 3px; 2570 border-top-left-radius: 0; 2571 border-top-right-radius: 0; 2572 } 2573 2574 /* Single button */ 2575 .inline-toolbar.toolbar.vertical .button:only-child, 2576 .inline-toolbar.toolbar.vertical .button:hover:only-child, 2577 .inline-toolbar.toolbar.vertical .button:active:only-child, 2578 .inline-toolbar.toolbar.vertical .button:active:hover:only-child, 2579 .inline-toolbar.toolbar.vertical .button:insensitive:only-child, 2580 .inline-toolbar.toolbar.vertical .button:backdrop:only-child, 2581 .inline-toolbar.toolbar.vertical .button:backdrop:active:only-child, 2582 .inline-toolbar.toolbar.vertical .button:backdrop:insensitive:only-child, 2583 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button, 2584 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:hover, 2585 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active, 2586 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active:hover, 2587 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive, 2588 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:backdrop, 2589 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:backdrop:active, 2590 .inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:backdrop:insensitive { 2591 border-top-width: 1px; 2592 border-bottom-width: 2px; 2593 border-image-width: 3px 3px 3px 4px; 2594 border-radius: 3px; 2595 } 2596 2597 2598 GtkLinkButton.button, 2599 GtkLinkButton.button *:active { 2600 text-shadow: @link_button_text_shadow 0 1px; 2601 } 2602 2603 .button .separator { 2604 color: shade(@internal_element_color, 1.30); 2605 } 2606 2607 /***************** 2608 * Notebooks and * 2609 * tabs * 2610 *****************/ 2611 .notebook { 2612 padding: 5px 0 0 0; 2613 -GtkWidget-focus-line-width: 0; 2614 border-radius: 5px; 2615 border-style: solid; 2616 border-width: 1px; 2617 border-top-color: shade(@theme_base_color, 1.04); 2618 border-right-color: shade(@theme_base_color, 0.92); 2619 border-bottom-color: shade(@theme_base_color, 0.8); 2620 border-left-color: shade(@theme_base_color, 0.96); 2621 2622 background-clip: border-box; 2623 background-color: shade(@theme_base_color, 1.1); 2624 2625 -GtkNotebook-tab-overlap: 6; 2626 -GtkNotebook-tab-curvature: 7; 2627 /* FIXME - the gap should be applied only to top or bottom tabs */ 2628 -GtkNotebook-initial-gap: 8; 2629 } 2630 2631 .notebook GtkViewport { 2632 background-color: @theme_base_color; 2633 } 2634 /* 2635 .notebook:backdrop, 2636 .notebook GtkViewport:backdrop { 2637 background-color: @theme_unfocused_base_color; 2638 border-color: @unfocused_borders; 2639 border-style: solid; 2640 border-width: 1px; 2641 border-top-color: shade(@theme_unfocused_base_color, 0.8); 2642 border-right-color: shade(@theme_unfocused_base_color, 0.8); 2643 border-bottom-color: shade(@theme_unfocused_base_color, 0.65); 2644 border-left-color: shade(@theme_unfocused_base_color, 0.8); 2645 }*/ 2646 2647 .notebook tab { 2648 padding: 3px; 2649 border-style: none; 2650 /* we draw our own custom border here for now */ 2651 border-width: 0; 2652 border-color: transparent; 2653 -adwaita-border-gradient: none; 2654 background-color: alpha(@theme_base_color, 0.0); 2655 background-image: none; 2656 } 2657 2658 .notebook tab.bottom { 2659 } 2660 2661 /* 2662 .notebook tab:backdrop { 2663 background-image: none; 2664 background-color: @sidebar_bg_unfocused; 2665 border-color: shade(@sidebar_bg_unfocused, 0.9); 2666 }*/ 2667 2668 .notebook tab:active { 2669 background-image:linear-gradient(to bottom, 2670 rgba(255,255,255, 0.015), 2671 rgba(255,255,255, 0.0) 80%, 2672 rgba(255,255,255, 0.0) 2673 ); 2674 /*linear-gradient(to bottom, 2675 transparent, 2676 transparent 23%, 2677 alpha(white, 0.08) 24%, 2678 alpha(@theme_selected_bg_color, 1.0) 25%, 2679 alpha(@theme_selected_bg_color, 1.0) 75%, 2680 alpha(black, 0.65) 76%, 2681 transparent 77%, 2682 transparent 2683 );*/ 2684 background-color: shade(@theme_base_color, 1.1); 2685 box-shadow: 0 1px alpha(white, 0.02) inset; 2686 } 2687 2688 .notebook tab.top:active, 2689 .notebook tab.bottom:active { 2690 -adwaita-border-gradient: -gtk-gradient (linear, 2691 left top, left bottom, 2692 from (shade(@theme_base_color, 1.0)), 2693 to (shade(@theme_base_color, 0.9))); 2694 } 2695 2696 .notebook tab.top:active, 2697 .notebook tab.bottom:active { 2698 border-image-source: -gtk-gradient (linear, 2699 left top, left bottom, 2700 from (shade(@theme_base_color, 1.0)), 2701 to (shade(@theme_base_color, 0.9))); 2702 2703 } 2704 /* 2705 .notebook tab:active:backdrop { 2706 background-image: linear-gradient(to bottom, 2707 shade(@theme_unfocused_base_color, 1.0), 2708 shade(@theme_unfocused_base_color, 1.0) 18px, 2709 @theme_unfocused_base_color); 2710 background-color: @theme_unfocused_base_color; 2711 border-color: shade(@theme_unfocused_base_color, 0.98); 2712 }*/ 2713 /* 2714 .notebook tab.top:active:backdrop, 2715 .notebook tab.bottom:active:backdrop { 2716 2717 -adwaita-border-gradient: -gtk-gradient (linear, 2718 left top, left bottom, 2719 from (shade(@theme_unfocused_base_color, 0.8)), 2720 to (shade(@theme_unfocused_base_color, 0.8))); 2721 }*/ 2722 /* 2723 .notebook tab.top:active:backdrop, 2724 .notebook tab.bottom:active:backdrop { 2725 border-image-source: -gtk-gradient (linear, 2726 left top, left bottom, 2727 from (shade(@theme_unfocused_base_color, 0.8)), 2728 to (shade(@theme_unfocused_base_color, 0.8))); 2729 }*/ 2730 2731 .notebook tab GtkLabel { 2732 padding-top: 0px; 2733 } 2734 2735 .notebook tab.top { 2736 padding: 5px 2px 0; 2737 } 2738 2739 .notebook tab.top:active { 2740 padding: 7px 2px 0; 2741 } 2742 2743 .notebook tab.bottom { 2744 padding: 0 2px 4px; 2745 } 2746 2747 .notebook tab.bottom:active { 2748 padding: 0 2px 7px; 2749 } 2750 2751 .notebook tab.left { 2752 padding: 3px; 2753 background-color: transparent; 2754 background-image: none; 2755 border-image: linear-gradient(to left, 2756 alpha(black,0.4), 2757 alpha(black, 0.3) 35%, 2758 alpha(black, 0.0) 2759 ) 0 0 1 0; 2760 border-width: 0 0px 1px 0; 2761 border-radius: 0; 2762 border-style: solid; 2763 border-color: transparent; 2764 } 2765 2766 .notebook tab.right { 2767 padding: 3px; 2768 background-color: transparent; 2769 background-image: none; 2770 border-image: linear-gradient(to right, 2771 alpha(black,0.4), 2772 alpha(black, 0.3) 35%, 2773 alpha(black, 0.0) 2774 ) 0 0 1 0; 2775 border-width: 0 0px 1px 0; 2776 border-radius: 0; 2777 border-style: solid; 2778 border-color: transparent; 2779 } 2780 2781 .notebook tab.left { 2782 border-width: 0px 0 1px 0; 2783 } 2784 2785 .notebook tab.right { 2786 border-width: 0 0 1px 0; 2787 } 2788 2789 .notebook tab.left:active, 2790 .notebook tab.right:active { 2791 border-style: solid; 2792 border-width: 1px; 2793 border-color: shade(@theme_base_color, 0.9); 2794 border-top-color: shade(@theme_base_color, 1.0); 2795 background-color: shade(@theme_base_color, 1.1); 2796 box-shadow: 0 1px alpha(white, 0.013) inset; 2797 background-image:linear-gradient(to bottom, 2798 rgba(255,255,255, 0.015), 2799 rgba(255,255,255, 0.0) 80%, 2800 rgba(255,255,255, 0.0) 2801 ); 2802 } 2803 2804 /* 2805 .notebook tab.left:active:backdrop, 2806 .notebook tab.right:active:backdrop { 2807 background-image: none; 2808 background-color: @theme_unfocused_base_color; 2809 }*/ 2810 2811 .notebook tab.left:active { 2812 padding: 3px 3px 3px 5px; 2813 border-radius: 3px 0 0 3px; 2814 } 2815 2816 .notebook tab.right:active { 2817 padding: 3px 5px 3px 3px; 2818 border-radius: 0 3px 3px 0; 2819 } 2820 2821 /* close button styling */ 2822 .notebook tab .button, 2823 .notebook tab .button:active, 2824 .notebook tab .button:active:hover, 2825 .notebook tab .button:hover { 2826 border-image: none; 2827 border-style: none; 2828 background-image: none; 2829 background-color: transparent; 2830 } 2831 2832 .notebook tab .button GtkImage { 2833 border-radius: 3px; 2834 color: mix(@theme_fg_color, @theme_base_color, 0.6); 2835 border-style: solid; 2836 border-color: transparent; 2837 border-width: 1px; 2838 padding-top: 0px; 2839 2840 icon-shadow: 0 1px @button_text_shadow; 2841 } 2842 2843 .notebook tab .button GtkImage:hover { 2844 background-color: alpha(#7D0126, 0.34); 2845 color: @theme_fg_color; 2846 border-color: alpha(black, 0.1); 2847 icon-shadow: 0 1px alpha(black, 0.5); 2848 } 2849 2850 .notebook tab .button GtkImage:active, 2851 .notebook tab .button GtkImage:active:hover { 2852 background-color: #7D0126; 2853 box-shadow: inset 0 1px alpha(black, 0.05); 2854 color: @theme_base_color; 2855 icon-shadow: 0 1px @button_active_text_shadow; 2856 2857 border-color: alpha(black, 0.27) 2858 alpha(black, 0.13) 2859 alpha(black, 0.13) 2860 alpha(black, 0.13); 2861 } 2862 /* 2863 .notebook tab .button GtkImage:backdrop { 2864 color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.7); 2865 icon-shadow: none; 2866 }*/ 2867 /* 2868 .notebook tab .button GtkImage:backdrop:hover { 2869 color: @theme_unfocused_fg_color; 2870 }*/ 2871 2872 /************** 2873 * ComboBoxes * 2874 **************/ 2875 GtkComboBox { 2876 padding: 0px; 2877 2878 -GtkComboBox-arrow-scaling: 0.4; 2879 -GtkComboBox-shadow-type: none; 2880 2881 text-shadow: 0 1px @button_text_shadow; 2882 } 2883 /* 2884 GtkComboBox *:backdrop { 2885 color: @theme_unfocused_fg_color; 2886 }*/ 2887 /* 2888 GtkComboBox *:insensitive:backdrop { 2889 color: @unfocused_insensitive_fg_color; 2890 }*/ 2891 2892 GtkComboBox *:insensitive { 2893 text-shadow: none; 2894 color: @insensitive_fg_color; 2895 } 2896 2897 GtkComboBox .separator, 2898 GtkComboBox .separator.vertical, 2899 GtkComboBox .separator.vertical:hover, 2900 GtkComboBox .separator.vertical:backdrop, 2901 GtkComboBox .separator.vertical:hover:backdrop { 2902 /* always disable separators */ 2903 -GtkWidget-wide-separators: false; 2904 -GtkWidget-horizontal-separator: 0; 2905 -GtkWidget-vertical-separator: 0; 2906 color: transparent; 2907 } 2908 2909 GtkComboBox.combobox-entry .entry:first-child, 2910 GtkComboBox.combobox-entry .button:first-child, 2911 GtkComboBox.combobox-entry .button:hover:first-child { 2912 border-image-width: 3px 0 4px 3px; 2913 border-radius: 3px 0 0 3px; 2914 border-right-width: 0; 2915 } 2916 2917 GtkComboBox.combobox-entry .entry:last-child, 2918 GtkComboBox.combobox-entry .button:last-child, 2919 GtkComboBox.combobox-entry .button:hover:last-child { 2920 border-image-width: 3px 3px 4px 0; 2921 border-radius: 0 3px 3px 0; 2922 border-left-width: 0; 2923 } 2924 2925 .primary-toolbar GtkComboBox.combobox-entry .entry:first-child, 2926 .primary-toolbar GtkComboBox.combobox-entry .button:first-child { 2927 border-image-width: 4px 0 4px 4px; 2928 border-radius: 3px 0 0 3px; 2929 border-right-width: 0; 2930 2931 } 2932 2933 .primary-toolbar GtkComboBox.combobox-entry .entry:last-child, 2934 .primary-toolbar GtkComboBox.combobox-entry .button:last-child { 2935 border-image-width: 4px 4px 4px 0; 2936 border-radius: 0 3px 3px 0; 2937 border-left-width: 0; 2938 } 2939 2940 GtkComboBox.combobox-entry .entry:focus:first-child { 2941 } 2942 2943 GtkComboBox.combobox-entry .entry:focus:last-child { 2944 } 2945 2946 GtkComboBox.combobox-entry .button:last-child, 2947 GtkComboBox.combobox-entry .button:hover:last-child, 2948 GtkComboBox.combobox-entry .button:active:last-child, 2949 GtkComboBox.combobox-entry .button:hover:active:last-child, 2950 GtkComboBox.combobox-entry .button:focus:last-child, 2951 GtkComboBox.combobox-entry .button:focus:hover:last-child { 2952 } 2953 2954 GtkComboBox.combobox-entry .button:first-child, 2955 GtkComboBox.combobox-entry .button:hover:first-child, 2956 GtkComboBox.combobox-entry .button:active:first-child, 2957 GtkComboBox.combobox-entry .button:hover:active:first-child, 2958 GtkComboBox.combobox-entry .button:focus:first-child, 2959 GtkComboBox.combobox-entry .button:focus:hover:first-child { 2960 } 2961 2962 GtkComboBox.combobox-entry .button:insensitive:first-child { 2963 } 2964 2965 GtkComboBox.combobox-entry .button:insensitive:last-child { 2966 } 2967 /* 2968 GtkComboBox.combobox-entry .button:backdrop:first-child, 2969 GtkComboBox.combobox-entry .button:backdrop:last-child { 2970 box-shadow: none; 2971 }*/ 2972 2973 GtkComboBox.combobox-entry .button *:active, 2974 GtkComboBox.combobox-entry .button *:active:hover { 2975 color: @button_active_text; 2976 text-shadow: 0 -1px @button_active_text_shadow; 2977 icon-shadow: 0 -1px @button_active_text_shadow; 2978 } 2979 2980 GtkComboBox .button { 2981 padding: 2.5px 4px; 2982 color: @theme_text_color; 2983 text-shadow: 0 1px @button_text_shadow; 2984 icon-shadow: 0 1px @button_text_shadow; 2985 } 2986 2987 GtkComboBox .button *:hover { 2988 color: shade (@theme_fg_color, 0.96); 2989 text-shadow: 0px 1px @button_text_shadow; 2990 icon-shadow: 0px 1px @button_text_shadow; 2991 } 2992 2993 GtkComboBox.combobox-entry .button *:hover { 2994 color: shade (@theme_fg_color, 0.96); 2995 text-shadow: 0px 1px @button_text_shadow; 2996 icon-shadow: 0px 1px @button_text_shadow; 2997 } 2998 2999 /************** 3000 * Scrollbars * 3001 **************/ 3002 3003 .scrollbar { 3004 background-image: none; 3005 border-style: solid; 3006 -GtkRange-trough-border: 0; 3007 -GtkScrollbar-has-backward-stepper: false; 3008 -GtkScrollbar-has-forward-stepper: false; 3009 -GtkRange-slider-width: 12; 3010 -GtkScrollbar-min-slider-length: 42; /* minimum size for the slider. sadly can't be in '.slider' where it belongs */ 3011 3012 -GtkRange-stepper-spacing: 0; 3013 -GtkRange-trough-under-steppers: 1; 3014 } 3015 3016 .scrollbar.trough.horizontal { 3017 border-radius: 0; 3018 border-width: 0px; 3019 border-style: solid; 3020 border-color: transparent; 3021 border-image: none; 3022 background-color: shade(@theme_base_color, 0.6); 3023 background-image: linear-gradient(to bottom, 3024 alpha(black,0.1), 3025 alpha(black,0.0) 40%, 3026 alpha(black,0.0) 60%, 3027 alpha(black,0.1) 3028 ); 3029 box-shadow: 0 1px alpha(black, 0.86) inset, 3030 0 -1px alpha(white, 0.0) inset, 3031 1px 0 alpha(black, 0.16) inset, 3032 -1px 0 alpha(black, 0.16) inset; 3033 } 3034 3035 /* 3036 GtkTreeView * .scrollbar.trough.vertical { 3037 border-radius: 0; 3038 border-width: 0px; 3039 border-style: solid; 3040 border-color: shade(@button_hover_active_b, 0.78); 3041 border-image: none; 3042 background-color: shade(@button_gradient_active_c, 0.9); 3043 background-image: linear-gradient(to right, 3044 alpha(black,0.1), 3045 alpha(black,0.0) 3046 ); 3047 box-shadow: 1px 0 alpha(black, 0.6) inset, 3048 3049 -1px -1px alpha(black, 0.45) inset, 3050 3px 0 alpha(black, 0.1) inset; 3051 3052 }*/ 3053 3054 .scrollbar.trough.vertical { 3055 border-radius: 0; 3056 border-width: 0px; 3057 border-style: solid; 3058 border-color: transparent; 3059 border-image: none; 3060 background-color: shade(@theme_base_color, 0.6); 3061 background-image: linear-gradient(to right, 3062 alpha(black,0.1), 3063 alpha(black,0.0) 40%, 3064 alpha(black,0.0) 60%, 3065 alpha(black,0.1) 3066 ); 3067 /*linear-gradient(to left, 3068 rgba(255,255,255,0.04), 3069 rgba(255,255,255,0.04) 3070 );*/ 3071 box-shadow: 1px 0 alpha(black, 0.86) inset, 3072 -1px 0 alpha(white, 0.0) inset, 3073 0 1px alpha(black, 0.2) inset, 3074 0 -1px alpha(black, 0.4) inset; 3075 3076 } 3077 3078 /* .notebook .scrollbar.trough.vertical, 3079 GtkViewport .scrollbar.trough.vertical, 3080 NautilusNotebook.notebook .scrollbar.trough.vertical { 3081 border-radius: 2px 17px 17px 2px; 3082 border-image:none; 3083 border-width: 1px; 3084 border-style: solid; 3085 border-color: transparent; 3086 background-color:alpha(black,0.3); 3087 box-shadow: 1px 0 alpha(black, 0.4) inset, 3088 -1px 0 alpha(white, 0.05) inset, 3089 3px 0 alpha(black, 0.08) inset; 3090 3091 } */ 3092 /* 3093 .notebook .scrollbar.trough.horizontal, 3094 GtkViewport .scrollbar.trough.horizontal, 3095 NautilusNotebook.notebook .scrollbar.trough.horizontal { 3096 border-radius: 17px; 3097 border-image:none; 3098 border-width: 1px; 3099 border-style: solid; 3100 background-color: transparent; 3101 background-image: linear-gradient(to bottom, 3102 shade(@theme_base_color,0.8), 3103 shade(@theme_base_color, 1.35)); 3104 box-shadow: 1px 1px rgba(0,0,0,0.12) inset, 3105 -1px -1px alpha(white, 0.06) inset, 3106 -1px 0 rgba(0,0,0,0.12) inset, 3107 0 2px rgba(0,0,0,0.08) inset, 3108 2px 0 rgba(0,0,0,0.04) inset, 3109 -2px 0 rgba(0,0,0,0.04) inset, 3110 0 3px rgba(0,0,0,0.04) inset, 3111 0 4px rgba(0,0,0,0.02) inset; 3112 }*/ 3113 3114 .scrollbar.trough:insensitive { 3115 background-color: @insensitive_bg_color; 3116 border-color:transparent; 3117 border-image:none; 3118 background-image: -gtk-gradient (linear, 3119 left top, left bottom, 3120 from (@insensitive_button_gradient_color_c), 3121 to (@insensitive_button_gradient_color_a)); 3122 box-shadow: 1px 1px rgba(0,0,0,0.09) inset, 3123 -1px -1px alpha(white, 0.05) inset, 3124 0 2px rgba(0,0,0,0.08) inset, 3125 2px 0 rgba(0,0,0,0.04) inset, 3126 -2px 0 rgba(0,0,0,0.04) inset, 3127 0 3px rgba(0,0,0,0.02) inset; 3128 } 3129 /* 3130 .scrollbar.trough:backdrop, 3131 .scrollbar.trough:insensitive:backdrop, 3132 .notebook .scrollbar.trough:backdrop, 3133 .notebook .scrollbar.trough:insensitive:backdrop, 3134 GtkViewport .scrollbar.trough:backdrop, 3135 GtkViewport .scrollbar.trough:insensitive:backdrop, 3136 NautilusNotebook.notebook .scrollbar.trough:backdrop, 3137 NautilusNotebook.notebook .scrollbar.trough:insensitive:backdrop { 3138 background-color: transparent; 3139 background-image: none; 3140 box-shadow: none; 3141 } */ 3142 3143 .scrollbars-junction, 3144 .scrollbars-junction:backdrop { 3145 background-color: shade(@theme_base_color, 1.1); 3146 background-image: linear-gradient(to bottom, 3147 alpha(black,0.1), 3148 alpha(black,0.0) 40%, 3149 alpha(black,0.0) 60%, 3150 alpha(black,0.1) 3151 ), 3152 linear-gradient(to bottom, 3153 rgba(0,0,0,0.06), 3154 rgba(0,0,0,0.06) 3155 ); 3156 box-shadow: none; 3157 } 3158 3159 .scrollbar.button, 3160 .scrollbar.button:active, 3161 .scrollbar.button:active:hover, 3162 .scrollbar.button:insensitive, 3163 .scrollbar.button:insensitive:backdrop, 3164 .scrollbar.button:hover:backdrop, 3165 .scrollbar.button:active:hover:backdrop, 3166 .notebook .scrollbar.button, 3167 .notebook .scrollbar.button:active, 3168 .notebook .scrollbar.button:active:hover, 3169 .notebook .scrollbar.button:insensitive, 3170 .notebook .scrollbar.button:insensitive:backdrop, 3171 .notebook .scrollbar.button:hover:backdrop, 3172 .notebook .scrollbar.button:active:hover:backdrop, 3173 GtkViewport .scrollbar.button, 3174 GtkViewport .scrollbar.button:active, 3175 GtkViewport .scrollbar.button:active:hover, 3176 GtkViewport .scrollbar.button:insensitive, 3177 GtkViewport .scrollbar.button:insensitive:backdrop, 3178 GtkViewport .scrollbar.button:hover:backdrop, 3179 GtkViewport .scrollbar.button:active:hover:backdrop { 3180 border-style: solid; 3181 border-image: none; 3182 border-radius: 0; 3183 border-width: 0px; 3184 border-color: transparent; 3185 background-image: none; 3186 background-color: transparent; 3187 color: @theme_fg_color; 3188 background-repeat: no-repeat; 3189 background-position: center; 3190 } 3191 3192 NautilusNotebook.notebook .scrollbar.button.top, 3193 .scrollbar.button.top, 3194 NautilusNotebook.notebook .scrollbar.button.bottom, 3195 .scrollbar.button.bottom, 3196 NautilusNotebook.notebook .scrollbar.button.right, 3197 .scrollbar.button.right, 3198 NautilusNotebook.notebook .scrollbar.button.left, 3199 .scrollbar.button.left { 3200 background-image: url("assets/scroll/scroll-button.svg"); 3201 } 3202 3203 NautilusNotebook.notebook .scrollbar.button.top:hover, 3204 .scrollbar.button.top:hover, 3205 NautilusNotebook.notebook .scrollbar.button.bottom:hover, 3206 .scrollbar.button.bottom:hover, 3207 NautilusNotebook.notebook .scrollbar.button.right:hover, 3208 .scrollbar.button.right:hover, 3209 NautilusNotebook.notebook .scrollbar.button.left:hover, 3210 .scrollbar.button.left:hover { 3211 background-image: url("assets/scroll/scroll-button-hover.svg"); 3212 } 3213 3214 NautilusNotebook.notebook .scrollbar.button.top:active, 3215 .scrollbar.button.top:active, 3216 NautilusNotebook.notebook .scrollbar.button.bottom:active, 3217 .scrollbar.button.bottom:active, 3218 NautilusNotebook.notebook .scrollbar.button.right:active, 3219 .scrollbar.button.right:active, 3220 NautilusNotebook.notebook .scrollbar.button.left:active, 3221 .scrollbar.button.left:active { 3222 background-image: url("assets/scroll/scroll-button-active.svg"); 3223 } 3224 3225 NautilusNotebook.notebook .scrollbar.button.top:insensitive, 3226 .scrollbar.button.top:insensitive, 3227 NautilusNotebook.notebook .scrollbar.button.bottom:insensitive, 3228 .scrollbar.button.bottom:insensitive, 3229 NautilusNotebook.notebook .scrollbar.button.right:insensitive, 3230 .scrollbar.button.right:insensitive, 3231 NautilusNotebook.notebook .scrollbar.button.left:insensitive, 3232 .scrollbar.button.left:insensitive { 3233 background-image: url("assets/scroll/scroll-button-insensitive.svg"); 3234 } 3235 /* 3236 NautilusNotebook.notebook .scrollbar.button.top:backdrop, 3237 NautilusNotebook.notebook .scrollbar.button.top:backdrop:hover, 3238 .scrollbar.button.top:backdrop, 3239 .scrollbar.button.top:backdrop:hover, 3240 NautilusNotebook.notebook .scrollbar.button.bottom:backdrop, 3241 NautilusNotebook.notebook .scrollbar.button.bottom:backdrop:hover, 3242 .scrollbar.button.bottom:backdrop, 3243 .scrollbar.button.bottom:backdrop:hover, 3244 NautilusNotebook.notebook .scrollbar.button.right:backdrop, 3245 NautilusNotebook.notebook .scrollbar.button.right:backdrop:hover, 3246 .scrollbar.button.right:backdrop, 3247 .scrollbar.button.right:backdrop:hover, 3248 NautilusNotebook.notebook .scrollbar.button.left:backdrop, 3249 NautilusNotebook.notebook .scrollbar.button.left:backdrop:hover, 3250 .scrollbar.button.left:backdrop, 3251 .scrollbar.button.left:backdrop:hover { 3252 background-image: url("assets/scroll/arrow-backdrop.svg"); 3253 }*/ 3254 /* 3255 .scrollbar.slider { 3256 border-image: none; 3257 border-radius: 0; 3258 border-width: 0; 3259 border-left-width: 1px; 3260 border-right-width: 0px; 3261 border-style: solid; 3262 border-color: transparent; 3263 background-image: linear-gradient(to right, 3264 alpha(shade(@theme_bg_color, 0.8), 0.9), 3265 alpha(shade(@theme_bg_color, 0.7), 0.9) 40%, 3266 alpha(shade(@theme_bg_color, 0.7), 0.9) 60%, 3267 alpha(shade(@theme_bg_color, 0.62), 0.9) 3268 ); */ 3269 /* background-image: linear-gradient(to right, 3270 rgba(255,255,255, 0.025), 3271 rgba(255,255,255, 0.0) 35%, 3272 rgba(255,255,255, 0.0) 3273 ), 3274 linear-gradient(to right, 3275 shade(@theme_bg_color, 0.92), 3276 shade(@theme_bg_color, 0.8) 40%, 3277 shade(@theme_bg_color, 0.8) 60%, 3278 shade(@theme_bg_color, 0.69) 3279 ); */ 3280 /* background-image: -gtk-gradient (radial, 3281 -0.4 center, 0, 3282 0.1 center, 0.5, 3283 from(rgba(255,255,255,0.4)), 3284 to(transparent)), 3285 linear-gradient(to right, 3286 shade(#111111, 0.85), 3287 shade(#111111, 0.8) 40%, 3288 shade(#111111, 0.8) 60%, 3289 shade(#111111, 0.67) 3290 ); */ 3291 /* background-color: transparent; 3292 box-shadow: 0 1px rgba(255,255,255,0.01) inset, 3293 1px 0 rgba(255,255,255,0.00) inset, 3294 -1px 0 rgba(0,0,0,0.2) inset, 3295 0 -1px rgba(0,0,0,0.1) inset; 3296 }*/ 3297 3298 .scrollbar.slider { 3299 border-image: none; 3300 border-radius: 2px; 3301 border-width: 1px; 3302 border-left-width: 1px; 3303 border-right-width: 0px; 3304 border-style: solid; 3305 border-color: shade(@theme_base_color, 0.74); 3306 background-image: linear-gradient(to bottom, 3307 rgba(255,255,255, 0.05), 3308 rgba(255,255,255, 0.0) 3309 ), 3310 linear-gradient(to right, 3311 alpha(@theme_selected_bg_color, 0.7), 3312 alpha(shade(@theme_selected_bg_color, 0.9), 0.7) 40%, 3313 alpha(shade(@theme_selected_bg_color, 0.9), 0.7) 60%, 3314 alpha(shade(@theme_selected_bg_color, 0.9), 0.7) 3315 ); 3316 background-color: alpha(white, 0.015); 3317 box-shadow: 0 1px rgba(255,255,255,0.04) inset, 3318 1px 0 rgba(255,255,255,0.08) inset, 3319 -1px 0 rgba(0,0,0,0.68) inset, 3320 0 -1px rgba(0,0,0,0.74) inset; 3321 } 3322 /* 3323 .scrollbar.slider:backdrop, 3324 .scrollbar.slider:hover:backdrop { 3325 border-image: url("assets/slider-v-backdrop.svg") 7 / 7px stretch; 3326 border-radius: 20px; 3327 border-width: 2px; 3328 border-style: solid; 3329 border-color: transparent; 3330 }*/ 3331 3332 .scrollbar.slider.horizontal { 3333 border-image: none; 3334 border-radius: 2px; 3335 border-width: 1px; 3336 border-top-width: 1px; 3337 border-bottom-width: 0px; 3338 border-style: solid; 3339 border-color: transparent; 3340 background-image: linear-gradient(to bottom, 3341 rgba(255,255,255, 0.05), 3342 rgba(255,255,255, 0.0) 3343 ), 3344 linear-gradient(to bottom, 3345 alpha(@theme_selected_bg_color, 0.7), 3346 alpha(shade(@theme_selected_bg_color, 0.9), 0.7) 40%, 3347 alpha(shade(@theme_selected_bg_color, 0.9), 0.7) 60%, 3348 alpha(shade(@theme_selected_bg_color, 0.9), 0.7) 3349 ); 3350 background-color: alpha(white, 0.015); 3351 box-shadow: 1px 0 rgba(255,255,255,0.04) inset, 3352 0 1px rgba(255,255,255,0.08) inset, 3353 0 -1px rgba(0,0,0,0.68) inset, 3354 -1px 0 rgba(0,0,0,0.74) inset; 3355 } 3356 /* 3357 .scrollbar.slider.horizontal:backdrop, 3358 .scrollbar.slider.horizontal:hover:backdrop { 3359 border-image: url("assets/scroll/slider-h-backdrop.svg") 7 / 7px stretch; 3360 border-radius: 20px; 3361 border-width: 2px; 3362 border-style: solid; 3363 border-color: transparent; 3364 }*/ 3365 /* 3366 .scrollbar.slider:hover { 3367 3368 background-image: linear-gradient(to right, 3369 rgba(255,255,255, 0.018), 3370 rgba(255,255,255, 0.0) 95%, 3371 rgba(255,255,255, 0.0) 3372 ), 3373 linear-gradient(to right, 3374 shade(@theme_bg_color, 0.8), 3375 shade(@theme_bg_color, 0.7) 40%, 3376 shade(@theme_bg_color, 0.7) 60%, 3377 shade(@theme_bg_color, 0.62) 3378 ); 3379 box-shadow: 0 1px rgba(255,255,255,0.022) inset, 3380 1px 0 rgba(255,255,255,0.01) inset, 3381 -1px 0 rgba(0,0,0,0.3) inset, 3382 0 -1px rgba(0,0,0,0.2) inset; 3383 }*/ 3384 3385 .scrollbar.slider:hover { 3386 background-image: linear-gradient(to bottom, 3387 rgba(255,255,255, 0.06), 3388 rgba(255,255,255, 0.0) 3389 ), 3390 linear-gradient(to right, 3391 alpha(@theme_selected_bg_color, 0.86), 3392 alpha(shade(@theme_selected_bg_color, 0.9), 0.8) 40%, 3393 alpha(shade(@theme_selected_bg_color, 0.9), 0.8) 60%, 3394 alpha(shade(@theme_selected_bg_color, 0.9), 0.8) 3395 ); 3396 background-color: transparent; 3397 box-shadow: 0 1px rgba(255,255,255,0.05) inset, 3398 1px 0 rgba(255,255,255,0.09) inset, 3399 -1px 0 rgba(0,0,0,0.74) inset, 3400 0 -1px rgba(0,0,0,0.8) inset; 3401 } 3402 3403 .scrollbar.slider.horizontal:hover { 3404 background-image: linear-gradient(to bottom, 3405 rgba(255,255,255, 0.06), 3406 rgba(255,255,255, 0.0) 3407 ), 3408 linear-gradient(to bottom, 3409 alpha(@theme_selected_bg_color, 0.86), 3410 alpha(shade(@theme_selected_bg_color, 0.9), 0.8) 40%, 3411 alpha(shade(@theme_selected_bg_color, 0.9), 0.8) 60%, 3412 alpha(shade(@theme_selected_bg_color, 0.9), 0.8) 3413 ); 3414 background-color: transparent; 3415 box-shadow: 1px 0 rgba(255,255,255,0.05) inset, 3416 0 1px rgba(255,255,255,0.09) inset, 3417 0 -1px rgba(0,0,0,0.74) inset, 3418 -1px 0 rgba(0,0,0,0.8) inset; 3419 } 3420 /* 3421 .scrollbar.slider:prelight:active { 3422 background-image: linear-gradient(to left, 3423 rgba(255,255,255, 0.018), 3424 rgba(255,255,255, 0.0) 95%, 3425 rgba(255,255,255, 0.0) 3426 ), 3427 linear-gradient(to right, 3428 shade(@theme_bg_color, 0.4), 3429 shade(@theme_bg_color, 0.3) 40%, 3430 shade(@theme_bg_color, 0.3) 60%, 3431 shade(@theme_bg_color, 0.22) 3432 ); 3433 box-shadow: 0 1px rgba(255,255,255,0.022) inset, 3434 -1px 0 rgba(255,255,255,0.01) inset, 3435 1px 0 rgba(0,0,0,0.3) inset, 3436 0 -1px rgba(0,0,0,0.2) inset; 3437 }*/ 3438 3439 .scrollbar.slider:active:prelight { 3440 background-image: linear-gradient(to bottom, 3441 rgba(255,255,255, 0.12), 3442 rgba(255,255,255, 0.0) 3443 ), 3444 linear-gradient(to right, 3445 alpha(@theme_selected_bg_color, 0.98), 3446 alpha(shade(@theme_selected_bg_color, 0.94), 0.98) 40%, 3447 alpha(shade(@theme_selected_bg_color, 0.94), 0.98) 60%, 3448 alpha(shade(@theme_selected_bg_color, 0.94), 0.98) 3449 ); 3450 background-color: transparent; 3451 box-shadow: 0 1px rgba(255,255,255,0.1) inset, 3452 1px 0 rgba(255,255,255,0.16) inset, 3453 -1px 0 rgba(0,0,0,0.8) inset, 3454 0 -1px rgba(0,0,0,0.9) inset; 3455 } 3456 3457 .scrollbar.slider.horizontal:prelight:active { 3458 background-image: linear-gradient(to bottom, 3459 rgba(255,255,255, 0.12), 3460 rgba(255,255,255, 0.0) 3461 ), 3462 linear-gradient(to bottom, 3463 alpha(@theme_selected_bg_color, 0.98), 3464 alpha(shade(@theme_selected_bg_color, 0.94), 0.98) 40%, 3465 alpha(shade(@theme_selected_bg_color, 0.94), 0.98) 60%, 3466 alpha(shade(@theme_selected_bg_color, 0.94), 0.98) 3467 ); 3468 background-color: transparent; 3469 box-shadow: 1px 0 rgba(255,255,255,0.1) inset, 3470 0 1px rgba(255,255,255,0.16) inset, 3471 0 -1px rgba(0,0,0,0.8) inset, 3472 -1px 0 rgba(0,0,0,0.9) inset; 3473 } 3474 3475 .scrollbar.slider:insensitive { 3476 /*border-image: url("assets/slider-v-insensitive.svg") 7 / 7px stretch;*/ 3477 background-image: url("assets/stripe-2.png"), 3478 -gtk-gradient (linear, 3479 left top, right top, 3480 from (@insensitive_button_gradient_color_a), 3481 color-stop (0.4, @insensitive_button_gradient_color_b), 3482 to (@insensitive_button_gradient_color_c)); 3483 background-color: transparent; 3484 box-shadow: 1px 1px alpha(white, 0.03) inset, 3485 -1px -1px alpha(black, 0.12) inset; 3486 background-size: 6px; 3487 background-repeat: repeat; 3488 background-position: top left; 3489 } 3490 3491 .scrollbar.slider.horizontal:insensitive { 3492 /*border-image: url("assets/slider-h-insensitive.svg") 7 / 7px stretch;*/ 3493 background-image: url("assets/stripe-2.png"), 3494 -gtk-gradient (linear, 3495 left top, left bottom, 3496 from (@insensitive_button_gradient_color_a), 3497 color-stop (0.4, @insensitive_button_gradient_color_b), 3498 to (@insensitive_button_gradient_color_c)); 3499 background-color: transparent; 3500 box-shadow: 1px 1px alpha(white, 0.03) inset, 3501 -1px -1px alpha(black, 0.12) inset; 3502 background-size: 6px; 3503 background-repeat: repeat; 3504 background-position: top left; 3505 } 3506 3507 /********* 3508 * Menus * 3509 *********/ 3510 /* combobox menus */ 3511 GtkTreeMenu.menu { 3512 background-color: @menu_bg_color; 3513 border-style: solid; 3514 border-width: 1px 0 1px 0; 3515 border-top-color: rgba(255,255,255,0.15); 3516 border-bottom-color: shade(@menu_bg_color, 0.5); 3517 box-shadow: inset 0 -1px alpha(black, 0.08), 3518 inset -1px 0 alpha(black, 0.14), 3519 inset 1px 0 alpha(black, 0.12); 3520 } 3521 3522 GtkTreeMenu .menuitem { 3523 padding: 2px; 3524 text-shadow: none; 3525 border-style: none; 3526 } 3527 3528 GtkTreeMenu .menuitem * { 3529 color: @menu_fg_color; 3530 } 3531 3532 GtkTreeMenu .menuitem, 3533 .button .menuitem, 3534 .toolbar .button .menuitem * { 3535 text-shadow: none; 3536 } 3537 3538 .menu { 3539 -GtkMenu-horizontal-padding: 0; 3540 -GtkMenu-vertical-padding: 0; 3541 3542 background-color: @menu_bg_color; 3543 background-image: none; 3544 color: @menu_fg_color; 3545 text-shadow: 0 -1px alpha(black, 0.2); 3546 padding: 1px 0 0 0; 3547 border-style: solid; 3548 border-width: 1px; 3549 border-color: shade(@menu_bg_color, 0.6); 3550 border-bottom-color: shade(@menu_bg_color, 0.56); 3551 box-shadow: inset 0 -1px alpha(white, 0.03), 3552 inset 0 1px alpha(white, 0.03), 3553 inset -1px 0 alpha(white, 0.03), 3554 inset 1px 0 alpha(white, 0.03); 3555 } 3556 3557 .menu.button { 3558 background-image: none; 3559 background-color: @theme_base_color; 3560 color: @internal_element_color; 3561 3562 border-image: none; 3563 border-style: none; 3564 } 3565 3566 .menu.button:hover { 3567 background-image: none; 3568 background-color: @theme_base_color; 3569 color: @theme_text_color; 3570 3571 border-image: none; 3572 border-style: none; 3573 } 3574 3575 .menu.button:insensitive { 3576 background-color: @insensitive_bg_color; 3577 color: @insensitive_fg_color; 3578 3579 border-image: none; 3580 border-style: none; 3581 } 3582 3583 /* this controls the general appearance of the menubar */ 3584 .menubar { 3585 border-style: none; 3586 padding: 4px; 3587 3588 -GtkWidget-window-dragging: true; 3589 -GtkMenuBar-internal-padding: 0; 3590 } 3591 3592 .menubar .menuitem { 3593 border-style: none; 3594 color: shade(@menu_fg_color, 0.9); 3595 padding: 3px 5px; 3596 text-shadow: 0 1px @button_active_text_shadow; 3597 } 3598 3599 /* remove the image from the prelight areas */ 3600 .menubar .menuitem:hover { 3601 background-color: transparent; 3602 border-width: 0 0 1px 0; 3603 border-style: inset; 3604 border-radius: 0; 3605 border-image: none; 3606 border-bottom-color: alpha(@theme_selected_bg_color, 0.92); 3607 background-image: -gtk-gradient (radial, 3608 center 1.0, 0, 3609 center 1.1, 0.7, 3610 from(alpha(@theme_selected_bg_color, 0.4)), 3611 to(transparent)), 3612 linear-gradient(to bottom, 3613 alpha(black, 0.0), 3614 alpha(black, 0.0) 30%, 3615 alpha(black, 0.12) 3616 ); 3617 /*box-shadow: 0 -1px alpha(@theme_selected_bg_color, 0.36) inset;*/ 3618 border-color: transparent; 3619 border-image: linear-gradient(to right, 3620 alpha(@theme_selected_bg_color,0.0), 3621 alpha(@theme_selected_bg_color,1.0) 43%, 3622 alpha(@theme_selected_bg_color,0.0) 3623 ) 0 0 1 0; 3624 } 3625 3626 .menubar .menuitem *:hover { 3627 color: @theme_selected_fg_color; 3628 } 3629 3630 .menu .menuitem { 3631 -GtkMenuItem-arrow-scaling: 0.4; 3632 padding: 4px; 3633 color: @menu_fg_color; 3634 text-shadow: 0 -1px alpha(black, 0.2); 3635 } 3636 3637 .menu .menuitem:hover { 3638 border-radius: 0; 3639 } 3640 3641 .menu .menuitem:active, 3642 .menu .menuitem:hover { 3643 border-width: 1px 0px 1px 0px; 3644 border-style: solid; 3645 border-bottom-color: alpha(@theme_selected_bg_color, 0.4); 3646 border-top-color: alpha(@theme_selected_bg_color, 0.4); 3647 background-image: none; 3648 background-color: mix (shade(@menu_bg_color, 0.9), @theme_selected_bg_color, 0.4); 3649 box-shadow: none; 3650 border-image: none; 3651 } 3652 3653 .menu .menuitem:active, 3654 .menu .menuitem *:active, 3655 .menu .menuitem:hover, 3656 .menu .menuitem *:hover { 3657 color: @theme_selected_fg_color; 3658 text-shadow: 1px 1px alpha(black, 0.3); 3659 } 3660 3661 .menu .menuitem:insensitive, 3662 .menu .menuitem *:insensitive { 3663 color: shade(@insensitive_fg_color, 1.3); 3664 } 3665 3666 .menu .menuitem .accelerator:insensitive { 3667 color: shade(@insensitive_fg_color, 0.86); 3668 text-shadow: none; 3669 } 3670 3671 .menuitem .accelerator { 3672 color: alpha (@menu_fg_color, 0.55); 3673 text-shadow: 0 1px @button_text_shadow; 3674 } 3675 3676 .menuitem .accelerator:hover, 3677 .menuitem .accelerator:active { 3678 color: alpha (@menu_fg_color, 0.8); 3679 text-shadow: @button_text_shadow 0 1px; 3680 } 3681 3682 .menuitem.arrow { 3683 color: @menu_controls_color; 3684 } 3685 3686 .menuitem.arrow:hover, 3687 .menuitem.arrow:active { 3688 color: @theme_selected_fg_color; 3689 text-shadow: 1px 1px alpha(black, 0.3); 3690 } 3691 3692 .menuitem.separator { 3693 color: @menu_separator; 3694 border-width: 3px; 3695 border-color: transparent; 3696 border-style: solid; 3697 border-image: url("borders/separator/separator.svg") 10 10 3 3/ 0px 0px 3px 3px repeat; 3698 color: @menu_separator; 3699 -GtkMenuItem-horizontal-padding: 14; 3700 } 3701 3702 .menuitem.check, 3703 .menuitem.radio, 3704 .menuitem.check:hover, 3705 .menuitem.radio:hover, 3706 .menuitem.check:insensitive, 3707 .menuitem.radio:insensitive { 3708 background-image: none; 3709 background-color: transparent; 3710 } 3711 3712 .menuitem.check:active, 3713 .menuitem.radio:active { 3714 background-color: transparent; 3715 } 3716 3717 .menuitem.check:active { 3718 background-image: url("assets/menu-check/menu-check.svg"); 3719 } 3720 3721 .menuitem.check:active:hover { 3722 background-image: url("assets/menu-check/menu-check-hover.svg"); 3723 } 3724 3725 .menuitem.check:active:insensitive { 3726 background-image: url("assets/menu-check/menu-check-insensitive.svg"); 3727 } 3728 3729 .menuitem.check:inconsistent, 3730 .menuitem.radio:inconsistent { 3731 background-image: url("assets/menu-check/menu-inconsistant.svg"); 3732 } 3733 3734 .menuitem.check:inconsistent:insensitive, 3735 .menuitem.radio:inconsistent:insensitive { 3736 background-image: url("assets/menu-check/menu-inconsistant-insensitive.svg"); 3737 } 3738 3739 .menuitem.check:inconsistent:hover, 3740 .menuitem.radio:inconsistent:hover { 3741 background-image: url("assets/menu-check/menu-inconsistant-hover.svg"); 3742 } 3743 3744 .menuitem.radio:active { 3745 background-image: url("assets/menu-check/menu-radio.svg"); 3746 } 3747 3748 .menuitem.radio:active:hover { 3749 background-image: url("assets/menu-check/menu-radio-selected.svg"); 3750 } 3751 3752 .menuitem.radio:active:insensitive { 3753 background-image: url("assets/menu-check/menu-radio-insensitive.svg"); 3754 } 3755 3756 3757 /*************** 3758 * Menu Button * 3759 ***************/ 3760 .toolbar GtkMenuButton.button:active, 3761 .toolbar GtkMenuButton.button.raised:active, 3762 GtkMenuButton.button:active, 3763 .linked GtkMenuButton.button:active, 3764 .toolbar .linked.raised GtkMenuButton.button:active, 3765 .toolbar GtkMenuButton.button.linked.raised:active { 3766 border-image: url("borders/button/menu-button.svg") 5 / 5px stretch; 3767 border-radius: 5px; 3768 border-width: 1px ; 3769 border-style: solid; 3770 border-color: transparent; 3771 background-image: -gtk-gradient (radial, 3772 center 0.5, 0, 3773 center 0.5, 0.7, 3774 from(rgba(255,255,255,0.5)), 3775 to(transparent)), 3776 linear-gradient(to top, 3777 shade(@button_default_gradient_color_a, 1.0), 3778 shade(@button_default_gradient_color_b, 1.0) 40%, 3779 shade(@button_default_gradient_color_c, 1.0) 3780 ); 3781 background-color: transparent; 3782 transition: 350ms ease-in-out; 3783 box-shadow: none; 3784 } 3785 3786 GtkMenuButton.button *:active, 3787 .linked GtkMenuButton.button *:active, 3788 .toolbar .linked.raised GtkMenuButton.button *:active, 3789 .toolbar GtkMenuButton.button.linked.raised *:active { 3790 text-shadow: none; 3791 icon-shadow: none; 3792 color: @theme_selected_fg_color; 3793 } 3794 3795 .linked GtkMenuButton.button:active:last-child, 3796 .toolbar .linked.raised GtkMenuButton.button:active:last-child, 3797 .toolbar GtkMenuButton.button.linked.raised:active:last-child { 3798 border-left-width: 0; 3799 border-image-width: 5px 5px 5px 0; 3800 border-width: 1px 1px 1px 0; 3801 border-bottom-left-radius: 0; 3802 border-top-left-radius: 0; 3803 box-shadow: 1px 0 alpha(black, 0.6) inset, 3804 2px 0 alpha(white, 0.04) inset; 3805 } 3806 3807 .linked GtkMenuButton.button:active:first-child, 3808 .toolbar .linked.raised GtkMenuButton.button:active:first-child, 3809 .toolbar GtkMenuButton.button.linked.raised:active:first-child { 3810 border-right-width: 0; 3811 border-left-width: 1px; 3812 border-image-width: 5px 0 5px 5px; 3813 border-bottom-right-radius: 0; 3814 border-top-right-radius: 0; 3815 box-shadow: -1px 0 alpha(white, 0.04) inset; 3816 } 3817 3818 .button.menuitem.menubar:active { 3819 background-image: none; 3820 background-color: @menu_bg_color; 3821 3822 border-radius: 5px 5px 0 0; 3823 border-image: none; 3824 border-width: 1px 1px 0 1px; 3825 border-color: shade(@borders, 1.30); 3826 border-style: solid; 3827 } 3828 3829 .button.menuitem.menubar *:active, 3830 GtkMenuButton.button *:active, 3831 .toolbar GtkMenuButton.button *:active { 3832 color: @theme_selected_fg_color; 3833 } 3834 3835 GtkMenuButton .menu { 3836 text-shadow: none; 3837 } 3838 3839 /**************** 3840 * Radiobuttons * 3841 ****************/ 3842 3843 .check, 3844 .radio, 3845 .check:insensitive, 3846 .radio:insensitive { 3847 background-color: transparent; 3848 border-style: none; 3849 } 3850 3851 GtkCheckButton:hover, 3852 GtkCheckButton:active:hover, 3853 GtkCheckButton:selected, 3854 GtkCheckButton:selected:focus { 3855 background-color: transparent; 3856 } 3857 3858 GtkCheckButton row *:hover, 3859 GtkCheckButton *:hover, 3860 GtkRadioButton row *:hover, 3861 GtkRadioButton *:hover, 3862 GtkCheckButton row:selected:focused *:hover, 3863 GtkRadioButton row:selected:focused *:hover { 3864 color: shade(@theme_text_color, 1.12); 3865 text-shadow: 1px 1px @button_text_shadow; 3866 } 3867 /* 3868 GtkCheckButton *:backdrop, 3869 GtkCheckButton row *:backdrop, 3870 GtkCheckButton *:hover:backdrop, 3871 GtkCheckButton row *:hover:backdrop, 3872 GtkRadioButton *:backdrop, 3873 GtkRadioButton row *:backdrop, 3874 GtkRadioButton *:hover:backdrop, 3875 GtkRadioButton row *:hover:backdrop, 3876 GtkCheckButton row *:hover:backdrop, 3877 GtkCheckButton *:hover:backdrop, 3878 GtkRadioButton row *:hover:backdrop, 3879 GtkRadioButton *:hover:backdrop, 3880 GtkCheckButton row:selected:focused *:hover:backdrop, 3881 GtkRadioButton row:selected:focused *:hover:backdrop { 3882 color: shade(@theme_unfocused_fg_color, 0.7); 3883 text-shadow: none; 3884 }*/ 3885 3886 GtkCheckButton *, 3887 GtkRadioButton * { 3888 color: @theme_text_color; 3889 text-shadow: 1px 1px @button_text_shadow; 3890 } 3891 3892 GtkCheckButton row *:active, 3893 GtkRadioButton row *:active, 3894 GtkCheckButton *:active, 3895 GtkRadioButton *:active { 3896 color: @theme_fg_color; 3897 text-shadow: 1px 1px @button_active_text_shadow; 3898 } 3899 3900 GtkCheckButton row *:active:hover, 3901 GtkRadioButton row *:active:hover, 3902 GtkCheckButton *:active:hover, 3903 GtkRadioButton *:active:hover { 3904 color: @theme_selected_fg_color; 3905 text-shadow: 1px 1px @button_active_text_shadow; 3906 } 3907 /* 3908 GtkCheckButton row *:active:backdrop, 3909 GtkRadioButton row *:active:backdrop, 3910 GtkCheckButton *:active:backdrop, 3911 GtkRadioButton *:active:backdrop 3912 GtkCheckButton row *:active:hover:backdrop, 3913 GtkRadioButton row *:active:hover:backdrop, 3914 GtkCheckButton *:active:hover:backdrop, 3915 GtkRadioButton *:active:hover:backdrop { 3916 color: shade(@theme_unfocused_fg_color, 1.1); 3917 text-shadow: none; 3918 }*/ 3919 3920 GtkCheckButton row *:active:insensitive, 3921 GtkRadioButton row *:active:insensitive, 3922 GtkCheckButton *:active:insensitive, 3923 GtkRadioButton *:active:insensitive { 3924 color: @insensitive_active_fg; 3925 text-shadow: 1px 1px @button_active_text_shadow; 3926 } 3927 /* 3928 GtkCheckButton row *:active:insensitive:backdrop, 3929 GtkRadioButton row *:active:insensitive:backdrop, 3930 GtkCheckButton *:active:insensitive:backdrop, 3931 GtkRadioButton *:active:insensitive:backdrop { 3932 color: #202020; 3933 text-shadow:none; 3934 }*/ 3935 /* 3936 GtkCheckButton row *:insensitive:backdrop, 3937 GtkRadioButton row *:insensitive:backdrop, 3938 GtkCheckButton *:insensitive:backdrop, 3939 GtkRadioButton *:insensitive:backdrop, 3940 GtkCheckButton row *:insensitive:hover:backdrop, 3941 GtkRadioButton row *:insensitive:hover:backdrop, 3942 GtkCheckButton *:insensitive:hover:backdrop, 3943 GtkRadioButton *:insensitive:hover:backdrop { 3944 color: #202020; 3945 text-shadow: none; 3946 }*/ 3947 3948 /************ 3949 * Toolbars * 3950 ************/ 3951 .toolbar { 3952 border-style: none; 3953 border-color: darker (@theme_bg_color); 3954 padding: 4px; 3955 3956 /*background-color: @theme_bg_color;*/ 3957 } 3958 3959 .toolbar .button { 3960 padding: 1px; 3961 } 3962 3963 .toolbar:insensitive { 3964 color: alpha (@theme_fg_color, 0.6); 3965 /*background-color: @insensitive_bg_color;*/ 3966 } 3967 3968 /******************** 3969 * Menubar Toolbars * 3970 ********************/ 3971 .toolbar.menubar { 3972 -GtkToolbar-button-relief: normal; 3973 padding: 4px 4px 2px 4px; /* weird padding to compensate border-images 3974 and eventual top border presence, 3975 see selection mode toolbars */ 3976 3977 } 3978 3979 /******************** 3980 * Primary Toolbars * 3981 ********************/ 3982 3983 /* applications using EggEditableToolbar usually set the primary-toolbar 3984 * hint on the containing vbox, so we need to handle both these cases here. 3985 */ 3986 .primary-toolbar .toolbar, 3987 .primary-toolbar.toolbar { 3988 -GtkWidget-window-dragging: true; 3989 -GtkToolbar-button-relief: normal; 3990 3991 border-width: 1px 0 1px 0; 3992 border-radius: 0px; 3993 border-style: solid; 3994 margin: 0 20px 0 20px; 3995 border-top-color: alpha(@toolbar_border_top, 0.2); 3996 border-bottom-color: alpha(@toolbar_border_top, 0.2); 3997 box-shadow: inset 0 1px alpha(white, 0.07), 3998 inset 1px 0 alpha(white, 0.04), 3999 inset 0 -1px alpha(black, 0.6), 4000 inset -1px 0 alpha(black, 0.3); 4001 text-shadow: 0 1px @primary_toolbar_button_text_shadow; 4002 } 4003 4004 .primary-toolbar .toolbar:insensitive, 4005 .primary-toolbar.toolbar:insensitive { 4006 background-image: url("assets/stripe-2.png"); 4007 background-color: shade (@theme_bg_color, 0.97); 4008 border-color: shade (@theme_bg_color, 0.91); 4009 text-shadow: none; 4010 background-size: 6px; 4011 background-repeat: repeat; 4012 background-position: top left; 4013 } 4014 /* 4015 .primary-toolbar .toolbar:backdrop, 4016 .primary-toolbar.toolbar:backdrop { 4017 4018 box-shadow: none; 4019 text-shadow: none; 4020 border-color: #232323; 4021 border-top-color: #232323; 4022 border-bottom-color: #333333; 4023 }*/ 4024 4025 /* progressbars on primary toolbar entries are special */ 4026 .primary-toolbar .toolbar .entry.progressbar, 4027 .primary-toolbar.toolbar .entry.progressbar { 4028 background-image: linear-gradient(to bottom, 4029 @trough_bg_color_a, 4030 @trough_bg_color_b 4031 ); 4032 border-width: 1px; 4033 border-radius: 2px; 4034 border-style: solid; 4035 border-color: shade(@internal_element_color, 1.10); 4036 border-image: none; 4037 color: @theme_text_color; 4038 } 4039 4040 /******************* 4041 * Inline toolbars * 4042 *******************/ 4043 4044 .inline-toolbar.toolbar { 4045 -GtkToolbar-button-relief: normal; 4046 4047 border-width: 1px; 4048 border-radius: 0; 4049 border-style: solid; 4050 border-bottom-color: @frame_highlight_brightest; 4051 border-right-color: @frame_highlight; 4052 border-top-color: @frame; 4053 border-left-color: @frame_highlight; 4054 } 4055 /* 4056 .inline-toolbar.toolbar:backdrop { 4057 border-bottom-color: shade(@unfocused_frame_highlight, 1.05); 4058 border-right-color: @unfocused_frame_highlight; 4059 border-top-color: @unfocused_frame; 4060 border-left-color: @unfocused_frame_highlight; 4061 }*/ 4062 4063 .inline-toolbar.toolbar:last-child { 4064 border-top-width: 0; 4065 padding-top: 4px; 4066 4067 border-radius: 0 0 3px 3px; 4068 } 4069 4070 .inline-toolbar.toolbar.vertical:last-child { 4071 border-left-width: 0; 4072 padding-left: 4px; 4073 4074 border-radius: 0; 4075 } 4076 4077 /*********** 4078 * Sidebar * 4079 ***********/ 4080 .sidebar, 4081 .sidebar .view, 4082 .sidebar .cell, 4083 .sidebar GtkScrolledWindow { 4084 color: shade(@theme_text_color, 1.1); 4085 background: @sidebar_bg; 4086 border-width: 0; 4087 border-style: solid; 4088 border-color: transparent; 4089 background-image: linear-gradient(to right, 4090 rgba(0,0,0,0.0), 4091 rgba(0,0,0,0.0) 35%, 4092 rgba(0,0,0,0.2) 4093 ); 4094 } 4095 4096 .sidebar .cell:hover{ 4097 color: @theme_selected_fg_color; 4098 border-radius: 0; 4099 background-color: shade(@sidebar_bg, 1.0); 4100 background-image: linear-gradient(to bottom, 4101 rgba(0,0,0,0.1), 4102 rgba(0,0,0,0.16) 4103 ); 4104 box-shadow: 0 1px alpha(black, 0.04) inset, 4105 0 -1px alpha(black, 0.06) inset; 4106 } 4107 4108 .sidebar .cell:hover { 4109 /* border-style: solid; 4110 border-width: 0; 4111 border-radius: 0 ; 4112 border-color: transparent; 4113 color: @theme_fg_color; 4114 background-color: alpha(#343434, 0.4); 4115 background-image: url("assets/sidebar-arrow-left.svg"), 4116 linear-gradient(to bottom, 4117 rgba(255,255,255,0.03), 4118 rgba(255,255,255,0.0) 40%, 4119 rgba(255,255,255,0.0) 4120 ); 4121 text-shadow: 0 1px alpha(black, 0.12); 4122 box-shadow: 0 1px alpha(white, 0.06) inset, 4123 0 -1px alpha(black, 0.5) inset, 4124 1px 0 alpha(white, 0.03) inset;*/ 4125 box-shadow: none; 4126 border-radius: 0; 4127 border-width: 0; 4128 background:@sidebar_bg; 4129 background-image: 4130 linear-gradient(to right, 4131 rgba(0,0,0,0.0), 4132 rgba(0,0,0,0.0) 35%, 4133 rgba(0,0,0,0.2) 4134 ), 4135 linear-gradient(to right, 4136 mix (shade(@sidebar_bg, 0.9), @theme_selected_bg_color, 0.2), 4137 mix (shade(@sidebar_bg, 0.9), @theme_selected_bg_color, 0.2) 35%, 4138 alpha(mix (shade(@sidebar_bg, 0.9), @theme_selected_bg_color, 0.2), 0.0) 4139 ) ; 4140 4141 background-repeat: no-repeat; 4142 background-position: left; 4143 } 4144 .sidebar .cell:selected, 4145 .sidebar .cell:selected:focus, 4146 .sidebar .cell:selected:hover:focus, 4147 .sidebar .cell:selected:hover { 4148 border-width: 0; 4149 border-color: transparent; 4150 border-radius: 0; 4151 background-color: @sidebar_bg; 4152 color: @theme_selected_fg_color; 4153 text-shadow: 0 1px alpha(black, 0.2); 4154 background-image: 4155 linear-gradient(to right, 4156 rgba(0,0,0,0.0), 4157 rgba(0,0,0,0.0) 35%, 4158 rgba(0,0,0,0.2) 4159 ), 4160 /* linear-gradient(to right, 4161 alpha(#141414, 0.35), 4162 alpha(#141414, 0.0) 25%, 4163 alpha(#141414, 0.0) 26%, 4164 alpha(#141414, 0.0) 4165 ),*/ 4166 linear-gradient(to right, 4167 @theme_selected_bg_color, 4168 @theme_selected_bg_color 35%, 4169 alpha(@theme_selected_bg_color, 0.1) 4170 ) ; 4171 box-shadow: 0 -1px alpha(black,0.08) inset, 4172 1px 1px alpha(white, 0.02) inset; 4173 4174 } 4175 /* 4176 .sidebar .cell:selected:backdrop, 4177 .sidebar .cell:selected:hover:focus:backdrop, 4178 .sidebar .cell:selected:hover:backdrop { 4179 background: @unfocused_borders; 4180 color: @theme_unfocused_bg_color; 4181 box-shadow: 0 1px alpha(white, 0.02) inset, 4182 0 -1px alpha(black, 0.08) inset, 4183 1px 0 alpha(white, 0.01) inset; 4184 }*/ 4185 /* 4186 .sidebar:backdrop, 4187 .sidebar .view:backdrop, 4188 .sidebar .cell:backdrop, 4189 .sidebar GtkScrolledWindow:backdrop, 4190 .sidebar .cell:hover:backdrop { 4191 color: @theme_unfocused_fg_color; 4192 background-color: @sidebar_bg_unfocused; 4193 background-image: none; 4194 }*/ 4195 4196 .sidebar .scrollbar, 4197 NautilusWindow .sidebar .scrollbar { 4198 -GtkRange-slider-width: 10; 4199 -GtkRange-trough-border: 0; 4200 -GtkScrollbar-has-backward-stepper: true; 4201 -GtkScrollbar-has-forward-stepper: false; 4202 -GtkRange-trough-under-steppers: 0; 4203 4204 } 4205 4206 .sidebar .scrollbar.trough, 4207 .sidebar .scrollbar.trough.vertical, 4208 .sidebar .scrollbar.trough.horizontal { 4209 box-shadow: none; 4210 background-image: none; 4211 border-width: 0px; 4212 border-radius: 17px; 4213 border-style:solid; 4214 border-color: transparent; 4215 border-image: none; 4216 background-color:alpha(black,0.3); 4217 box-shadow: 0 1px alpha(black, 0.2) inset, 4218 0 -1px alpha(white, 0.08) inset, 4219 0 3px alpha(black, 0.08) inset; 4220 } 4221 4222 .sidebar .scrollbar.trough.vertical { 4223 box-shadow: 1px 0 alpha(black, 0.28) inset, 4224 -1px 0 alpha(white, 0.06) inset, 4225 3px 0 alpha(black, 0.06) inset; 4226 } 4227 4228 NautilusWindow .sidebar .scrollbar.trough.vertical { 4229 border-radius: 17px 17px 0 0; 4230 } 4231 /* 4232 .sidebar .scrollbar.trough:backdrop, 4233 .sidebar .scrollbar.trough.vertical:backdrop { 4234 background-color: shade(@sidebar_bg_unfocused, 0.96) 4235 }*/ 4236 4237 .sidebar .scrollbar.button, 4238 .sidebar .scrollbar.button:hover, 4239 .sidebar .scrollbar.button:active, 4240 .sidebar .scrollbar.button:active:hover, 4241 .sidebar .scrollbar.button:insensitive, 4242 .sidebar .scrollbar.button:insensitive:backdrop, 4243 .sidebar .scrollbar.button:backdrop, 4244 .sidebar .scrollbar.button:hover:backdrop, 4245 .sidebar .scrollbar.button:active:hover:backdrop { 4246 border-style: solid; 4247 border-image: none; 4248 border-radius: 0; 4249 border-width: 0px 0 0 0; 4250 border-color: alpha(black,0.3); 4251 background-image: none; 4252 background-color: transparent; 4253 color: transparent; 4254 } 4255 4256 .sidebar .scrollbar.button:hover, 4257 .sidebar .scrollbar.button:active, 4258 .sidebar .scrollbar.button:active:hover { 4259 color: @theme_selected_fg_color; 4260 } 4261 4262 .sidebar .scrollbar.button:insensitive 4263 /*.sidebar .scrollbar.button:insensitive:backdrop, 4264 .sidebar .scrollbar.button:backdrop, 4265 .sidebar .scrollbar.button:hover:backdrop, 4266 .sidebar .scrollbar.button:active:hover:backdrop*/ { 4267 color: transparent; 4268 } 4269 4270 .sidebar .scrollbar.button.top, 4271 .sidebar .scrollbar.button.top:hover, 4272 .sidebar .scrollbar.button.top:activer, 4273 .sidebar .scrollbar.button.top:insensitive, 4274 .sidebar .scrollbar.button.top:backdrop, 4275 .sidebar .scrollbar.button.top:backdrop:hover { 4276 background-image: url("assets/scroll/sidebar-null.svg"); 4277 background-position: top; 4278 background-repeat: no-repeat; 4279 } 4280 4281 .sidebar .scrollbar.button.bottom, 4282 .sidebar .scrollbar.button.bottom:hover, 4283 .sidebar .scrollbar.button.bottom:activer, 4284 .sidebar .scrollbar.button.bottom:insensitive, 4285 .sidebar .scrollbar.button.bottom:backdrop, 4286 .sidebar .scrollbar.button.bottom:backdrop:hover { 4287 background-image: url("assets/scroll/sidebar-null.svg"); 4288 background-position: bottom; 4289 background-repeat: no-repeat; 4290 } 4291 4292 .sidebar .scrollbar.slider { 4293 border-image: none; 4294 border-radius: 17px 17px 0 0; 4295 border-width: 1px; 4296 border-style: solid; 4297 background-color: shade(@sidebar_bg, 1.08); 4298 border-color: transparent; 4299 background-image: linear-gradient(to right, 4300 rgba(0,0,0,0.2), 4301 rgba(0,0,0,0.2) 35%, 4302 rgba(0,0,0,0.2) 4303 ), 4304 linear-gradient(to right, 4305 shade(@sidebar_bg, 1.12), 4306 shade(@sidebar_bg, 1.04) 40%, 4307 shade(@sidebar_bg, 0.92) 4308 ); 4309 4310 box-shadow: 1px 0 rgba(255,255,255,0.03) inset, 4311 -1px 0 rgba(0,0,0,0.4) inset; 4312 } 4313 4314 .sidebar .scrollbar.slider:prelight:active { 4315 border-image: none; 4316 border-radius: 17px 17px 0 0; 4317 border-width: 1px; 4318 border-color: transparent; 4319 background-image: linear-gradient(to right, 4320 shade(@theme_selected_bg_color, 1.22), 4321 shade(@theme_selected_bg_color, 1.04) 40%, 4322 shade(@theme_selected_bg_color, 0.82) 4323 ); 4324 background-color: @theme_selected_bg_color; 4325 box-shadow: 1px 0 alpha(white, 0.12) inset, 4326 -1px 0 alpha(black, 0.8) inset; 4327 } 4328 /* 4329 .sidebar .scrollbar.slider:backdrop { 4330 border-image: url("assets/scroll/slider-sidebar-backdrop.svg") 7 / 7px stretch; 4331 border-radius: 20px; 4332 border-width: 2px; 4333 border-style: solid; 4334 border-color: transparent; 4335 }*/ 4336 4337 .sidebar .radio, 4338 .sidebar .radio:focus, 4339 .sidebar .radio:selected { 4340 background-image: none; 4341 background-color: transparent; 4342 } 4343 4344 /******* 4345 * OSD * 4346 *******/ 4347 GtkWindow.osd { 4348 color: @osd_fg; 4349 background-color: @osd_bg; 4350 } 4351 /* 4352 GtkWindow.osd:backdrop { 4353 background-color: @osd_bg_backdrop; 4354 }*/ 4355 4356 GtkOverlay.osd { 4357 background-color: transparent; 4358 } 4359 4360 .osd .button, 4361 .osd .button:active, 4362 .osd .button:active:hover { 4363 border-width: 1px; 4364 border-style: solid; 4365 border-image: none; 4366 border-color: @osd_button_border; 4367 border-radius: 5px; 4368 } 4369 4370 .osd .button { 4371 padding: 4px; 4372 4373 background-image: linear-gradient(to bottom, 4374 @osd_button_bg_a, 4375 @osd_button_bg_b 68%, 4376 @osd_button_bg_c 4377 ); 4378 4379 color: @osd_button_fg; 4380 4381 text-shadow: 0 -1px @osd_button_shadow; 4382 icon-shadow: 0 -1px @osd_button_shadow; 4383 } 4384 4385 .osd .button, 4386 .osd .button:prelight, 4387 .osd .button:active, 4388 .osd .button:active:hover { 4389 background-color: transparent; 4390 } 4391 4392 .osd .button:insensitive { 4393 background-image: none; 4394 background-color: @osd_button_bg_insensitive; 4395 } 4396 4397 .osd .button:active:insensitive { 4398 background-image: none; 4399 background-color: @osd_button_bg_insensitive_active; 4400 } 4401 /* 4402 .osd .button:backdrop { 4403 background-image: none; 4404 background-color: @osd_button_bg_backdrop; 4405 }*/ 4406 /* 4407 .osd .button:backdrop:hover, 4408 .osd .button:backdrop:active:hover { 4409 background-image: none; 4410 background-color: @osd_button_bg_backdrop_hover; 4411 }*/ 4412 /* 4413 .osd .button:backdrop:active { 4414 background-image: none; 4415 background-color: @osd_button_bg_backdrop_active; 4416 }*/ 4417 /* 4418 .osd .button:backdrop:insensitive, 4419 .osd .button:backdrop:insensitive:active { 4420 background-image: none; 4421 background-color: @osd_button_bg_backdrop_insensitive; 4422 }*/ 4423 4424 .osd .button *:hover { 4425 color: @osd_button_fg_hover; 4426 } 4427 4428 .osd .button *:active, 4429 .osd .button *:hover:active { 4430 color: @osd_button_fg_active; 4431 } 4432 4433 .osd .button *:insensitive, 4434 .osd .button *:insensitive:active { 4435 color: @osd_button_fg_insensitive; 4436 } 4437 /* 4438 .osd .button *:backdrop, 4439 .osd .button *:backdrop:insensitive, 4440 .osd .button *:backdrop:insensitive:active { 4441 color: @osd_button_fg_backdrop; 4442 }*/ 4443 /* 4444 .osd .button *:backdrop:active { 4445 color: @osd_button_fg_backdrop_active; 4446 }*/ 4447 4448 .osd .button:hover { 4449 background-image: linear-gradient(to bottom, 4450 @osd_button_bg_hover_a, 4451 @osd_button_bg_hover_b 68%, 4452 @osd_button_bg_hover_c 4453 ); 4454 } 4455 4456 .osd .button:active, 4457 .osd .button:active:hover, 4458 .osd GtkMenuButton.button:active { 4459 background-image: linear-gradient(to bottom, 4460 @osd_button_bg_active_a, 4461 @osd_button_bg_active_b 68%, 4462 @osd_button_bg_active_c 4463 ); 4464 } 4465 4466 .osd GtkMenuButton.button:active, 4467 .osd GtkMenuButton.button:active:hover { 4468 background-color: transparent; 4469 border-color: @osd_button_border; 4470 } 4471 4472 .osd GtkMenuButton.button *:active { 4473 color: @osd_button_fg_active; 4474 text-shadow: 0 -1px @osd_button_shadow; 4475 } 4476 4477 .osd.toolbar { 4478 color: @osd_fg; 4479 text-shadow: 0 1px @osd_text_shadow; 4480 4481 padding: 10px; 4482 border-style: none; 4483 border-radius: 7px; 4484 background-image: -gtk-gradient (radial, 4485 center 0, 0, 4486 center 0.3, 0.7, 4487 from(rgba(255,255,255,0.14)), 4488 to(transparent)), 4489 linear-gradient(to bottom, 4490 @osd_toolbar_bg_a, 4491 @osd_toolbar_bg_b 35%, 4492 @osd_toolbar_bg_d 55%, 4493 @osd_toolbar_bg_b 75%, 4494 @osd_toolbar_bg_c 4495 ), 4496 linear-gradient(to right, 4497 @osd_toolbar_bg_e, 4498 transparent 10%, 4499 transparent 90%, 4500 @osd_toolbar_bg_e 4501 ); 4502 background-color: alpha(black, 0.42); 4503 box-shadow: 1px 1px alpha(white, 0.1) inset, 4504 -1px -1px alpha(white, 0.06) inset; 4505 -GtkToolbar-button-relief: normal; 4506 } 4507 /* 4508 .osd.toolbar:backdrop { 4509 background-image: none; 4510 background-color: @osd_bg_backdrop; 4511 }*/ 4512 4513 .osd.toolbar .button { 4514 padding: 4px; 4515 border-width: 1px 0; 4516 border-radius: 0; 4517 box-shadow: inset -1px 0 @osd_button_inset; 4518 } 4519 4520 .osd.toolbar .button:first-child { 4521 border-radius: 5px 0 0 5px; 4522 border-width: 1px 0 1px 1px; 4523 box-shadow: inset -1px 0 @osd_button_inset; 4524 } 4525 4526 .osd.toolbar .button:last-child { 4527 box-shadow: none; 4528 border-radius: 0 5px 5px 0; 4529 border-width: 1px 1px 1px 0; 4530 } 4531 4532 .osd.toolbar .button:only-child, 4533 .osd.toolbar GtkToolButton .button, 4534 .osd.toolbar GtkToolButton:only-child .button, 4535 .osd.toolbar GtkToolButton:last-child .button, 4536 .osd.toolbar GtkToolButton:first-child .button { 4537 border-width: 1px; 4538 border-radius: 5px; 4539 border-style: solid; 4540 4541 box-shadow: none; 4542 } 4543 4544 .osd.toolbar .separator { 4545 color: shade(@osd_lowlight, 0.80); 4546 } 4547 4548 /* used by gnome-settings-daemon's media-keys OSD */ 4549 .osd.trough { 4550 background-color: @osd_trough_bg; 4551 } 4552 4553 .osd.progressbar { 4554 background-color: @osd_fg; 4555 } 4556 4557 .osd .scale.trough { 4558 border-color: @osd_button_border; 4559 background-image: linear-gradient(to bottom, 4560 shade(@osd_button_border, 0.70), 4561 shade(@osd_button_border, 0.90) 4562 ); 4563 background-color: transparent; 4564 } 4565 4566 .osd GtkProgressBar { 4567 padding: 0; 4568 -GtkProgressBar-xspacing: 0; 4569 -GtkProgressBar-yspacing: 3px; 4570 -GtkProgressBar-min-horizontal-bar-height: 3px; 4571 } 4572 4573 .osd GtkProgressBar.trough { 4574 padding: 0; 4575 border-image: none; 4576 border-style: none; 4577 border-width: 0; 4578 background-image: none; 4579 background-color: transparent; 4580 border-radius: 0; 4581 } 4582 4583 .osd GtkProgressBar.progressbar { 4584 border-style: none; 4585 background-color: @theme_selected_bg_color; 4586 background-image: none; 4587 border-radius: 0; 4588 } 4589 4590 /**************************** 4591 * Suggested action buttons * 4592 ****************************/ 4593 .suggested-action.button { 4594 background-image: linear-gradient(to bottom, 4595 @suggested_action_button_a, 4596 @suggested_action_button_b); 4597 border-image: none; 4598 border-color: @suggested_action_button_border; 4599 border-width: 1px; 4600 4601 color: @suggested_action_button_fg; 4602 text-shadow: 0 -1px @suggested_action_button_shadow; 4603 } 4604 4605 .suggested-action.button:hover { 4606 background-image: linear-gradient(to bottom, 4607 shade(@suggested_action_button_a, 1.10), 4608 shade(@suggested_action_button_b, 1.05)); 4609 } 4610 4611 .suggested-action.button:active, 4612 .suggested-action.button:hover:active { 4613 background-image: linear-gradient(to bottom, 4614 @suggested_action_button_b, 4615 @suggested_action_button_a); 4616 } 4617 /* 4618 .suggested-action.button:backdrop { 4619 background-image: none; 4620 border-image: none; 4621 border-color: @unfocused_borders; 4622 }*/ 4623 4624 .suggested-action.button *:hover, 4625 .suggested-action.button *:active, 4626 .suggested-action.button *:hover:active { 4627 color: @suggested_action_button_fg; 4628 } 4629 4630 .suggested-action.button *:active, 4631 .suggested-action.button *:hover:active { 4632 text-shadow: 0 -1px shade(@suggested_action_button_shadow, 1.15); 4633 } 4634 /* 4635 .suggested-action.button *:backdrop { 4636 text-shadow: none; 4637 }*/ 4638 4639 /************************** 4640 * Selection Mode classes * 4641 **************************/ 4642 .selection-mode.toolbar { 4643 color: @selection_toolbar_fg; 4644 text-shadow: 1px 1px @primary_toolbar_button_text_shadow; 4645 padding-top: 3px; 4646 border-width: 1px 0 1px 0; 4647 border-radius: 0px; 4648 border-style: solid; 4649 border-top-color: alpha(@toolbar_border_top, 0.2); 4650 border-bottom-color: alpha(@toolbar_border_top, 0.25); 4651 background-color: @theme_bg_color; 4652 background-image: linear-gradient(to bottom, 4653 rgba(255,255,255,0.04), 4654 rgba(0,0,0,0.04)), 4655 url("assets/selection-toolbar.png"); 4656 background-repeat: repeat; 4657 background-position: top left; 4658 box-shadow: inset 0 1px alpha(white, 0.085), 4659 inset 1px 0 alpha(white, 0.04), 4660 inset 0 -1px alpha(black, 0.45), 4661 inset -1px 0 alpha(black, 0.3); 4662 } 4663 /* 4664 .selection-mode.toolbar:backdrop { 4665 background-color:transparent; 4666 background-image: 4667 linear-gradient(to bottom, 4668 rgba(255,255,255,0.03), 4669 rgba(255,255,255,0.03)); 4670 4671 }*/ 4672 4673 .selection-mode.toolbar .selection-menu.button { 4674 background-image: none; 4675 border-image: none; 4676 color: @selection_menu_fg; 4677 } 4678 /* 4679 .selection-mode.toolbar .selection-menu.button:backdrop { 4680 background-color: @selection_toolbar_bg; 4681 }*/ 4682 4683 .selection-mode.toolbar .selection-menu.button .dim-label { 4684 color: @selection_menu_dim; 4685 } 4686 4687 .selection-mode.toolbar .selection-menu.button:hover, 4688 .selection-mode.toolbar .selection-menu.button:active { 4689 color: @selection_menu_strong; 4690 } 4691 4692 .selection-mode.toolbar .selection-menu.button:active { 4693 border-color: @selection_menu_border; 4694 border-radius: 3px; 4695 border-width: 1px; 4696 } 4697 4698 .selection-mode.toolbar .suggested-action.button, 4699 .selection-mode.toolbar GtkToolButton.suggested-action .button { 4700 background-image: linear-gradient(to bottom, 4701 rgba(255,255,255, 0.07), 4702 rgba(255,255,255, 0.0) 25%, 4703 rgba(255,255,255, 0.0) 4704 ), 4705 linear-gradient(to bottom, 4706 @selection_toolbar_suggested_button_a, 4707 @selection_toolbar_suggested_button_b 40%, 4708 @selection_toolbar_suggested_button_c); 4709 padding-left: 6px; 4710 padding-right: 6px; 4711 text-shadow: 1px 1px @selection_toolbar_suggested_button_shadow; 4712 icon-shadow: 1px 1px @selection_toolbar_suggested_button_shadow; 4713 color: @selection_toolbar_suggested_button_fg; 4714 } 4715 4716 4717 .selection-mode.toolbar .suggested-action.button:hover, 4718 .selection-mode.toolbar GtkToolButton.suggested-action .button:hover { 4719 background-image: -gtk-gradient (radial, 4720 center -0.5, 0, 4721 center -0.3, 0.9, 4722 from(rgba(255,255,255,0.9)), 4723 to(transparent)), 4724 linear-gradient(to bottom, 4725 shade(@selection_toolbar_suggested_button_a, 1.20), 4726 shade(@selection_toolbar_suggested_button_b, 1.20) 40%, 4727 shade(@selection_toolbar_suggested_button_c, 1.20)); 4728 transition: 250ms ease-in-out; 4729 } 4730 4731 .selection-mode.toolbar .suggested-action.button:active, 4732 .selection-mode.toolbar .suggested-action.button:hover:active, 4733 .selection-mode.toolbar GtkToolButton.suggested-action .button:active, 4734 .selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active { 4735 background-image: linear-gradient(to bottom, 4736 @selection_toolbar_suggested_button_b, 4737 shade(@selection_toolbar_suggested_button_a, 0.90)); 4738 box-shadow: none; 4739 4740 text-shadow: 0 1px @button_active_text_shadow; 4741 icon-shadow: 0 1px @button_active_text_shadow; 4742 4743 background-image: -gtk-gradient (radial, 4744 center -0.2, 0, 4745 center -0.1, 1.1, 4746 from(rgba(0,0,0,0.4)), 4747 to(transparent)), 4748 linear-gradient(to bottom, 4749 rgba(255,255,255,0.0), 4750 rgba(255,255,255,0.0) 40%, 4751 rgba(255,255,255,0.055) 4752 ), 4753 linear-gradient(to bottom, 4754 @selection_toolbar_suggested_button_a, 4755 @selection_toolbar_suggested_button_b 40%, 4756 @selection_toolbar_suggested_button_c); 4757 transition: 250ms ease-in-out; 4758 } 4759 /* 4760 .selection-mode.toolbar .suggested-action.button:backdrop, 4761 .selection-mode.toolbar GtkToolButton.suggested-action .button:backdrop { 4762 text-shadow: none; 4763 icon-shadow: none; 4764 4765 background-image: none; *//* remove custom bg, we want colored buttons to look like normal buttons in backdrop*/ 4766 4767 /*box-shadow: none; 4768 4769 color: @theme_unfocused_fg_color;*/ 4770 4771 /* compensate different border images border-width settings */ 4772 /* padding-left: 5px; 4773 padding-right: 5px; 4774 }*/ 4775 4776 .selection-mode.toolbar .suggested-action.button *, 4777 .selection-mode.toolbar GtkToolButton.suggested-action .button * { 4778 text-shadow: inherit; 4779 icon-shadow: inherit; 4780 color: inherit; 4781 } 4782 4783 /**************** 4784 * GtkAssistant * 4785 ****************/ 4786 GtkAssistant .sidebar .highlight { 4787 background-color: transparent; 4788 color: @theme_fg_color; 4789 font: bold; 4790 } 4791 4792 GtkAssistant .sidebar { 4793 padding: 12px; 4794 4795 border-width: 1px; 4796 border-radius: 2px; 4797 border-style: solid; 4798 border-color: @inactive_frame_color; 4799 4800 color: mix (@theme_fg_color, @theme_bg_color, 0.40); 4801 background-image: none; 4802 background-color: shade (@theme_bg_color, 0.95); 4803 /* shall we make it like sidebars in general? */ 4804 4805 } 4806 4807 /************* 4808 * GtkSwitch * 4809 *************/ 4810 4811 GtkSwitch { 4812 font: condensed 9; 4813 -GtkSwitch-slider-width:48; 4814 padding: 2px 0 4px 0; 4815 } 4816 4817 GtkSwitch.trough { 4818 color: @theme_fg_color; 4819 } 4820 4821 GtkSwitch.trough:active { 4822 color: @theme_fg_color; 4823 } 4824 4825 .scale.progressbar { 4826 color: @switch_trough_active_color; 4827 } 4828 4829 GtkSwitch.trough:insensitive { 4830 color: @insensitive_fg_color; 4831 } 4832 4833 /* 4834 GtkSwitch.trough:backdrop { 4835 color: @theme_unfocused_fg_color; 4836 }*/ 4837 /* 4838 GtkSwitch.trough:active:backdrop { 4839 color: @theme_unfocused_bg_color; 4840 }*/ 4841 /* 4842 GtkSwitch.trough:insensitive:backdrop { 4843 color: @unfocused_insensitive_borders; 4844 }*/ 4845 4846 GtkSwitch.slider { 4847 /* background-image: url("assets/switch/switch-slider.svg"); 4848 background-color: transparent; 4849 padding: 0px; 4850 background-repeat: no-repeat; 4851 background-position: center; 4852 border-image: none;*/ 4853 } 4854 4855 .primary-toolbar GtkSwitch.slider { 4856 padding: 0px; 4857 } 4858 4859 GtkSwitch.slider:insensitive { 4860 /* background-image: url("assets/switch/switch-slider-insensitive.svg");*/ 4861 background-color: transparent; 4862 } 4863 /* 4864 GtkSwitch.slider:backdrop { 4865 background-color: #252525; 4866 4867 background-image: none; 4868 4869 border-color: @unfocused_borders; 4870 4871 box-shadow: none; 4872 4873 color: @theme_unfocused_base_color; 4874 }*/ 4875 /* 4876 GtkSwitch.slider:insensitive:backdrop { 4877 background-color: @theme_unfocused_base_color; 4878 border-color: #202020; 4879 }*/ 4880 4881 /*********************** 4882 * Tree and Icon views * 4883 ***********************/ 4884 GtkTreeView { 4885 -GtkTreeView-vertical-separator: 0; 4886 -GtkTreeView-expander-size: 17; 4887 4888 -GtkWidget-focus-line-width: 1; 4889 -GtkWidget-focus-padding: 3; 4890 /*-adwaita-focus-border-radius: 2; 4891 -adwaita-focus-border-dashes: 1; 4892 -adwaita-focus-border-color: alpha(white, 0.14);*/ 4893 4894 outline-style: dashed; 4895 outline-offset: 2px; 4896 outline-color: alpha(@theme_selected_bg_color, 0.4); 4897 } 4898 4899 GtkTreeView.dnd { 4900 border-color: @internal_element_color; 4901 border-radius: 2px; 4902 border-width: 1px; 4903 border-style: solid; 4904 } 4905 4906 GtkViewport { 4907 background-color: shade(@theme_base_color, 1.1); 4908 } 4909 /* 4910 GtkViewport:backdrop { 4911 background-color: @theme_unfocused_base_color; 4912 }*/ 4913 4914 GtkIconView.view.cell:selected, 4915 GtkIconView.view.cell:selected:focus { 4916 background-color: alpha(@theme_selected_bg_color, 0.2); 4917 color: @theme_selected_fg_color; 4918 border-radius: 3px; 4919 border-width: 1px; 4920 border-style: solid; 4921 border-color: alpha(@theme_selected_bg_color, 0.3); 4922 box-shadow: inset -1px -1px alpha(black, 0.12), 4923 inset 1px 1px alpha(black, 0.12); 4924 4925 /* FIXME: this probably needs to be better; 4926 * see https://bugzilla.gnome.org/show_bug.cgi?id=644157 4927 */ 4928 outline-color: @treeview_focus_border; 4929 outline-style: solid; 4930 outline-offset: 3px; 4931 } 4932 4933 .view, 4934 GtkTreeView { 4935 background-color: shade(@theme_base_color, 1.1); 4936 color: @theme_text_color; 4937 } 4938 4939 .notebook GtkTreeView { 4940 background-color: mix(shade(@theme_base_color, 0.8), shade(@theme_selected_bg_color, 1.0),0.02); 4941 color: @theme_text_color; 4942 } 4943 4944 .view:selected, 4945 GtkTreeView:selected { 4946 background-color: @theme_selected_bg_color; 4947 color: @theme_fg_color; 4948 text-shadow: 0 -1px alpha(black, 0.2); 4949 } 4950 4951 .view:insensitive, 4952 GtkTreeView:insensitive { 4953 background-color: @insensitive_bg_color; 4954 color: @insensitive_fg_color; 4955 background-image: url("assets/stripe-3.png"); 4956 background-size: 6px; 4957 background-repeat: repeat; 4958 background-position: top left; 4959 } 4960 /* 4961 .view:backdrop, 4962 GtkTreeView:backdrop, 4963 .view:hover:backdrop, 4964 GtkTreeView:hover:backdrop { 4965 background-color: @theme_unfocused_base_color; 4966 color: shade(@theme_unfocused_text_color, 1.22); 4967 border-color: @theme_base_color; 4968 }*/ 4969 /* 4970 .cell:backdrop:selected, 4971 GtkIconView.view.cell:backdrop:selected { 4972 background-color: @theme_unfocused_selected_bg_color; 4973 color: @theme_unfocused_selected_fg_color; 4974 }*/ 4975 /* 4976 .view:selected:backdrop, 4977 GtkTreeView:selected:backdrop { 4978 color: @theme_unfocused_bg_color; 4979 background-color: @unfocused_borders; 4980 }*/ 4981 4982 GtkTreeView:selected:focus { 4983 outline-color: mix(@theme_selected_fg_color, @theme_selected_bg_color, 0.30); 4984 } 4985 4986 column-header.button, 4987 column-header .button { 4988 color: @theme_selected_bg_color 4989 } 4990 /* 4991 .notebook column-header.button, 4992 .notebook column-header .button { 4993 color: #8d8d8d; 4994 }*/ 4995 4996 column-header.button, 4997 column-header .button, 4998 column-header.button:insensitive, 4999 column-header .button:insensitive, 5000 column-header.button:hover, 5001 column-header .button:hover, 5002 column-header.button:focus:hover, 5003 column-header .button:focus:hover { 5004 background-color: alpha(black, 0.35); 5005 background-image: /*linear-gradient(to bottom, 5006 rgba(0,0,0,0.12), 5007 rgba(0,0,0,0.0) 20%, 5008 rgba(0,0,0,0.0) 80%, 5009 rgba(0,0,0,0.08) 5010 ); */ 5011 linear-gradient(to bottom, 5012 shade(@theme_bg_color, 0.62), 5013 shade(@theme_bg_color, 0.84) 40%, 5014 shade(@theme_bg_color, 0.84) 90%, 5015 shade(@theme_bg_color, 0.7) 5016 ); 5017 5018 padding: 0 4px; 5019 text-shadow: none; 5020 icon-shadow: none; 5021 font-weight: bold; /* Not sure about this one */ 5022 } 5023 5024 .notebook column-header.button, 5025 .notebook column-header .button, 5026 .notebook column-header.button:insensitive, 5027 .notebook column-header .button:insensitive, 5028 .notebook column-header.button:hover, 5029 .notebook column-header .button:hover, 5030 .notebook column-header.button:focus:hover, 5031 .notebook column-header .button:focus:hover { 5032 background-image: linear-gradient(to bottom, 5033 shade(@theme_base_color, 0.72), 5034 shade(@theme_base_color,0.94) 40%, 5035 shade(@theme_base_color, 0.94) 80%, 5036 shade(@theme_base_color, 0.82) 5037 ); 5038 5039 } 5040 /* 5041 column-header.button:backdrop, 5042 column-header .button:backdrop { 5043 background-color: @theme_unfocused_base_color; 5044 }*/ 5045 5046 column-header.button:insensitive, 5047 column-header .button:insensitive 5048 /*column-header.button:insensitive:backdrop, 5049 column-header .button:insensitive:backdrop*/ { 5050 background-color: @insensitive_bg_color; 5051 border-color: @insensitive_bg_color; 5052 background-image: url("assets/stripe-2.png"); 5053 background-size: 6px; 5054 background-repeat: repeat; 5055 background-position: top left; 5056 } 5057 5058 column-header.button:hover, 5059 column-header .button:hover, 5060 column-header.button:focus:hover, 5061 column-header .button:focus:hover { 5062 border-color: shade(#1a1a1a, 0.7); 5063 background-image: -gtk-gradient (linear, 5064 left top, left bottom, 5065 from (#1a1a1a), 5066 to (shade(#1a1a1a, 0.7))); 5067 text-shadow: none; 5068 icon-shadow: none; 5069 } 5070 5071 column-header.button *:hover, 5072 column-header .button *:hover, 5073 column-header.button *:focus:hover, 5074 column-header .button *:focus:hover { 5075 color: #adadad; 5076 } 5077 /* 5078 .notebook column-header.button *:hover, 5079 .notebook column-header .button *:hover, 5080 .notebook column-header.button *:focus:hover, 5081 .notebook column-header .button *:focus:hover { 5082 color: #8d8d8d; 5083 }*/ 5084 5085 column-header.button:active:focus:hover, 5086 column-header .button:active:focus:hover, 5087 column-header.button:active:focus, 5088 column-header .button:active:focus, 5089 column-header.button:active:hover, 5090 column-header .button:active:hover, 5091 column-header.button *:active, 5092 column-header .button *:active, 5093 column-header.button *:active:hover, 5094 column-header .button *:active:hover { 5095 border-color: shade(#1a1a1a, 0.7); 5096 background-image: -gtk-gradient (linear, 5097 left top, left bottom, 5098 from (#1a1a1a), 5099 to (shade(#1a1a1a, 0.6))); 5100 color: #ffffff; 5101 text-shadow: none; 5102 icon-shadow: none; 5103 } 5104 /* 5105 .notebook column-header.button:hover, 5106 .notebook column-header .button:hover, 5107 .notebook column-header.button:focus:hover, 5108 .notebook column-header .button:focus:hover, 5109 .notebook column-header.button:active:focus:hover, 5110 .notebook column-header .button:active:focus:hover, 5111 .notebook column-header.button:active:focus, 5112 .notebook column-header .button:active:focus, 5113 .notebook column-header.button:active:hover, 5114 .notebook column-header .button:active:hover, 5115 .notebook column-header.button *:active, 5116 .notebook column-header .button *:active, 5117 .notebook column-header.button *:active:hover, 5118 .notebook column-header .button *:active:hover { 5119 border-color: shade(@theme_base_color, 0.5); 5120 background-image: -gtk-gradient (linear, 5121 left top, left bottom, 5122 from (shade(@theme_base_color,1.1)), 5123 to (shade(@theme_base_color, 0.5))); 5124 color: @theme_base_text_color; 5125 text-shadow: none; 5126 icon-shadow: none; 5127 }*/ 5128 /* 5129 .notebook column-header.button:active:focus:hover, 5130 .notebook column-header .button:active:focus:hover, 5131 .notebook column-header.button:active:focus, 5132 .notebook column-header .button:active:focus, 5133 .notebook column-header.button:active:hover, 5134 .notebook column-header .button:active:hover, 5135 .notebook column-header.button *:active, 5136 .notebook column-header .button *:active, 5137 .notebook column-header.button *:active:hover, 5138 .notebook column-header .button *:active:hover { 5139 border-color: shade(@theme_base_color, 0.5); 5140 background-image: -gtk-gradient (linear, 5141 left top, left bottom, 5142 from (shade(@theme_base_color,1.1)), 5143 to (shade(@theme_base_color, 0.4))); 5144 color: @theme_fg_color; 5145 text-shadow: none; 5146 icon-shadow: none; 5147 }*/ 5148 /* 5149 column-header.button:backdrop, 5150 column-header .button:backdrop, 5151 column-header.button *:backdrop, 5152 column-header .button *:backdrop, 5153 column-header.button *:hover:backdrop, 5154 column-header .button *:hover:backdrop, 5155 column-header.button:hover:focus:backdrop, 5156 column-header .button:hover:focus:backdrop, 5157 column-header.button:hover:backdrop, 5158 column-header .button:hover:backdrop { 5159 color: @theme_unfocused_text_color; 5160 5161 background-color: transparent; 5162 background-image: -gtk-gradient (linear, 5163 left top, left bottom, 5164 from (#1a1a1a), 5165 to (shade(#1a1a1a, 0.86))); 5166 border-color: shade(#1a1a1a, 0.86); 5167 }*/ 5168 /* 5169 .notebook column-header.button:backdrop, 5170 .notebook column-header .button:backdrop, 5171 .notebook column-header.button *:backdrop, 5172 .notebook column-header .button *:backdrop, 5173 .notebook column-header.button *:hover:backdrop, 5174 .notebook column-header .button *:hover:backdrop, 5175 .notebook column-header.button:hover:focus:backdrop, 5176 .notebook column-header .button:hover:focus:backdrop, 5177 .notebook column-header.button:hover:backdrop, 5178 .notebook column-header .button:hover:backdrop { 5179 color: @theme_unfocused_text_color; 5180 background-color: transparent; 5181 background-image: -gtk-gradient (linear, 5182 left top, left bottom, 5183 from (@theme_unfocused_base_color), 5184 to (shade(@theme_unfocused_base_color, 0.94))); 5185 border-color: shade(@theme_unfocused_base_color, 1.04); 5186 }*/ 5187 5188 row:hover { 5189 border-width: 0; 5190 } 5191 5192 row:insensitive { 5193 border-width: 0; 5194 } 5195 5196 row:selected:focus { 5197 border-width: 0; 5198 background-color: @theme_selected_bg_color; 5199 } 5200 5201 row:selected { 5202 border-width: 0; 5203 } 5204 5205 .cell { 5206 color: @theme_text_color; 5207 padding: 2px; 5208 border-style: solid; 5209 border-width: 1px 0 1px 0; 5210 border-color: transparent; 5211 } 5212 5213 .cell:selected { 5214 background-color: @theme_selected_bg_color; 5215 color: @theme_selected_fg_color; 5216 text-shadow: 0 -1px alpha(black, 0.12); 5217 } 5218 /* 5219 .cell:backdrop { 5220 background-color: @theme_unfocused_base_color; 5221 color: shade(@theme_unfocused_text_color, 1.22); 5222 }*/ 5223 .cell row, 5224 GtkTreeView row { 5225 border-style: solid; 5226 border-width: 1px 0 1px 0; 5227 border-color: transparent; 5228 background-color: transparent; 5229 } 5230 5231 .notebook GtkTreeView row { 5232 border-style: solid; 5233 border-width: 1px 0px 1px 0px; 5234 border-color: mix(shade(@theme_base_color, 0.8), shade(@theme_selected_bg_color, 1.0),0.02); 5235 background-color: mix(shade(@theme_base_color, 0.8), shade(@theme_selected_bg_color, 1.0),0.02); 5236 } 5237 5238 5239 5240 GtkTreeView row:hover { 5241 color: shade(@theme_base_text_color, 1.06); 5242 border-width: 1px 0px 1px 0px; 5243 border-style: solid; 5244 border-bottom-color: alpha(@theme_selected_bg_color, 0.2); 5245 border-top-color: alpha(@theme_selected_bg_color, 0.2); 5246 background-image: none; 5247 background-color: mix (shade(@theme_base_color, 0.9), @theme_selected_bg_color, 0.2); 5248 } 5249 /* 5250 .notebook GtkTreeView row:hover { 5251 color: shade(@theme_base_text_color, 1.06); 5252 border-width: 1px 0px 1px 0px; 5253 border-style: solid; 5254 border-bottom-color: rgba(0,0,0, 0.22); 5255 border-top-color: rgb(20,20,20); 5256 background-image: -gtk-gradient (linear, 5257 left top, left bottom, 5258 from (rgba(0,0,0, 0.24)), 5259 to (rgba(0,0,0, 0.24))); 5260 }*/ 5261 5262 GtkTreeView row:insensitive, 5263 GtkTreeView row:hover:insensitive, 5264 .notebook GtkTreeView row:insensitive, 5265 .notebook GtkTreeView row:hover:insensitive { 5266 color: @unfocused_insensitive_fg_color; 5267 background-image: url("assets/stripe-3.png"); 5268 background-color: @unfocused_insensitive_bg_color; 5269 border-width: 1px 0px 1px 0px; 5270 border-style: solid; 5271 border-color: @unfocused_insensitive_bg_color; 5272 background-size: 6px; 5273 background-repeat: repeat; 5274 background-position: top left; 5275 } 5276 5277 5278 /* 5279 GtkTreeView row:backdrop , 5280 GtkTreeView row:hover:backdrop, 5281 .cell row:hover:backdrop, 5282 .notebook GtkTreeView row:backdrop , 5283 .notebook GtkTreeView row:hover:backdrop, 5284 .notebook .cell row:hover:backdrop { 5285 border-top-color: @theme_unfocused_base_color; 5286 border-bottom-color:@theme_unfocused_base_color; 5287 background-color: @theme_unfocused_base_color; 5288 background-image: -gtk-gradient (linear, 5289 left top, left bottom, 5290 from (@theme_unfocused_base_color), 5291 to (@theme_unfocused_base_color)); 5292 }*/ 5293 5294 .cell row:selected { 5295 color: @theme_fg_color; 5296 border-style: solid; 5297 border-width: 1px 0px 1px 0px; 5298 background: alpha(@theme_selected_bg_color, 0.5); 5299 border-color: alpha(@theme_selected_bg_color, 0.5); 5300 /*box-shadow: 0 1px alpha(white, 0.06) inset;*/ 5301 } 5302 5303 GtkTreeView row:selected:hover { 5304 color: @theme_selected_fg_color; 5305 border-style: solid; 5306 border-width: 1px 0px 1px 0px; 5307 background: alpha(@theme_selected_bg_color, 0.64); 5308 border-color: alpha(@theme_selected_bg_color, 0.64); 5309 } 5310 /* 5311 .cell row:selected:backdrop, 5312 .cell row:selected:hover:backdrop, 5313 GtkTreeView row:selected:hover:backdrop { 5314 color: @theme_unfocused_bg_color; 5315 border-style: solid; 5316 border-width: 1px 0 1px 0; 5317 background-color: @unfocused_borders; 5318 background-image: -gtk-gradient (linear, 5319 left top, left bottom, 5320 from (@unfocused_borders), 5321 to (@unfocused_borders)); 5322 border-color: transparent; 5323 }*/ 5324 5325 GtkTreeView row:selected:focus { 5326 border-style: solid; 5327 border-width: 1px 0px 1px 0px; 5328 border-color: @theme_selected_bg_color; 5329 background: @theme_selected_bg_color; 5330 color: @theme_selected_fg_color; 5331 box-shadow: none; 5332 } 5333 5334 GtkTreeView row:selected:hover:focus { 5335 border-style: solid; 5336 border-width: 1px 0px 1px 0px; 5337 background: shade(@theme_selected_bg_color, 1.1); 5338 border-color: shade(@theme_selected_bg_color, 1.1); 5339 color: @theme_selected_fg_color; 5340 box-shadow: 0 1px alpha(white, 0.06) inset 5341 } 5342 /* 5343 GtkTreeView row:selected:focus:backdrop, 5344 GtkTreeView row:selected:focus:hover:backdrop { 5345 color: shade(@theme_unfocused_fg_color, 1.32); 5346 border-style: solid; 5347 border-width: 0px 0 1px 0; 5348 background: shade(@theme_selected_bg_color, 0.76); 5349 border-color: transparent; 5350 }*/ 5351 5352 GtkTreeView row:nth-child(even) { 5353 border-style: solid; 5354 border-width: 1px 0px 1px 0px; 5355 border-color: mix(shade(@theme_base_color, 0.76), shade(@theme_selected_bg_color, 1.0),0.02); 5356 background-color:mix(shade(@theme_base_color, 0.76), shade(@theme_selected_bg_color, 1.0),0.02); 5357 } 5358 5359 GtkTreeView row:nth-child(odd) { 5360 border-style: solid; 5361 border-width: 1px 0px 1px 0px; 5362 border-color: shade(@theme_base_color, 1.1); 5363 background-color: shade(@theme_base_color, 1.1); 5364 } 5365 /* 5366 GtkTreeView row:nth-child(even):hover, 5367 GtkTreeView row:nth-child(odd):hover { 5368 color: @theme_fg_color; 5369 border-width: 1px 0px 1px 0px; 5370 border-style: solid; 5371 border-color: alpha(black, 0.34); 5372 border-bottom-color: transparent; 5373 background-image: none; 5374 background-color: alpha(black, 0.34); 5375 box-shadow: none; 5376 }*/ 5377 5378 GtkTreeView row:nth-child(even):hover, 5379 GtkTreeView row:nth-child(odd):hover { 5380 color: @theme_fg_color; 5381 border-width: 1px 0px 1px 0px; 5382 border-style: solid; 5383 5384 border-color: alpha(@theme_selected_bg_color, 0.2); 5385 background-image: none; 5386 background-color: mix (shade(@theme_base_color, 0.9), @theme_selected_bg_color, 0.2); 5387 } 5388 5389 GtkTreeView row:nth-child(even) *:selected:focus:hover, 5390 GtkTreeView row:nth-child(odd) *:selected:focus:hover { 5391 border-style: solid; 5392 border-width: 1px 0px 1px 0px; 5393 background: shade(@theme_selected_bg_color, 1.1); 5394 border-color: shade(@theme_selected_bg_color, 1.1); 5395 color: @theme_selected_fg_color; 5396 box-shadow: 0 1px alpha(white, 0.06) inset 5397 } 5398 5399 GtkTreeView row:nth-child(even) *:selected:hover, 5400 GtkTreeView row:nth-child(odd) *:selected:hover { 5401 color: @theme_selected_fg_color; 5402 border-style: solid; 5403 border-width: 1px 0px 1px 0px; 5404 background-color: alpha(@theme_selected_bg_color, 0.64); 5405 border-color: alpha(@theme_selected_bg_color, 0.64); 5406 /*box-shadow: 0 1px alpha(white, 0.08) inset; */ 5407 box-shadow: 0 1px alpha(white, 0.06) inset 5408 } 5409 /* 5410 GtkTreeView row:nth-child(even) *:selected:backdrop, 5411 GtkTreeView row:nth-child(odd) *:selected:backdrop, 5412 GtkTreeView row:nth-child(even) *:selected:hover:backdrop, 5413 GtkTreeView row:nth-child(odd) *:selected:hover:backdrop { 5414 color: @theme_unfocused_bg_color; 5415 border-style: solid; 5416 border-width: 0px 0 1px 0; 5417 background: @unfocused_borders; 5418 border-color: transparent; 5419 }*/ 5420 /* 5421 GtkTreeView row:nth-child(even) *:selected:focus:backdrop, 5422 GtkTreeView row:nth-child(odd) *:selected:focus:backdrop, 5423 GtkTreeView row:nth-child(even) *:selected:focus:hover:backdrop, 5424 GtkTreeView row:nth-child(odd) *:selected:focus:hover:backdrop { 5425 color: @theme_unfocused_bg_color; 5426 border-style: solid; 5427 border-width: 0px 0 1px 0; 5428 background: shade(@unfocused_borders, 1.06); 5429 border-color: transparent; 5430 }*/ 5431 /* 5432 GtkTreeView row:nth-child(even):backdrop, 5433 GtkTreeView row:nth-child(odd):backdrop, 5434 GtkTreeView row:nth-child(even):hover:backdrop, 5435 GtkTreeView row:nth-child(odd):hover:backdrop { 5436 border-style: solid; 5437 border-width: 0px 0px 1px 0px; 5438 border-top-color: @theme_unfocused_base_color; 5439 border-bottom-color: @theme_unfocused_base_color; 5440 background-color: @theme_unfocused_base_color; 5441 background-image: -gtk-gradient (linear, 5442 left top, left bottom, 5443 from (@theme_unfocused_base_color), 5444 to (@theme_unfocused_base_color)); 5445 }*/ 5446 5447 GtkTreeView row:nth-child(even):insensitive, 5448 GtkTreeView row:nth-child(odd):insensitive, 5449 /*GtkTreeView row:nth-child(even):insensitive:backdrop, 5450 GtkTreeView row:nth-child(odd):insensitive:backdrop,*/ 5451 GtkTreeView row:nth-child(even):insensitive:hover, 5452 GtkTreeView row:nth-child(odd):insensitive:hover 5453 /*GtkTreeView row:nth-child(even):insensitive:hover:backdrop, 5454 GtkTreeView row:nth-child(odd):insensitive:hover:backdrop*/ { 5455 border-style: solid; 5456 border-width: 1px 0px 1px 0px; 5457 border-color: shade(@theme_unfocused_base_color, 0.86); 5458 background-color: shade(@theme_unfocused_base_color, 0.86); 5459 background-image: url("assets/stripe-2.png"); 5460 background-size: 6px; 5461 background-repeat: repeat; 5462 background-position: top left; 5463 } 5464 5465 .expander { 5466 border-style: solid; 5467 border-width: 1px; 5468 border-radius: 2px; 5469 border-color: shade (@internal_element_color, 1.20); 5470 5471 color: @internal_element_color; 5472 background-color: alpha(black, 0.2); 5473 } 5474 5475 .expander:active { 5476 border-style: solid; 5477 border-width: 1px; 5478 5479 color: @internal_element_color; 5480 border-color: shade (@internal_element_color, 1.20); 5481 5482 background-color: alpha(black, 0.35); 5483 } 5484 /* 5485 .expander:active:backdrop, 5486 .expander:active:hover:backdrop { 5487 border-style: solid; 5488 border-width: 1px; 5489 color:shade(@internal_element_color, 0.58); 5490 border-color: shade (@internal_element_color, 0.59); 5491 background-color: alpha(black, 0.1); 5492 }*/ 5493 5494 .expander:hover { 5495 border-style: solid; 5496 border-width: 1px; 5497 5498 color: shade(@internal_element_color,1.42); 5499 border-color: shade (@internal_element_color, 1.40); 5500 5501 background-color: alpha(black, 0.45); 5502 } 5503 5504 GtkTreeView row.expander, 5505 .expander row { 5506 border-radius: 2px; 5507 border-color: shade (@internal_element_color, 1.20); 5508 border-style: solid; 5509 border-width: 1px; 5510 color: @internal_element_color; 5511 background-color: alpha(black, 0.2); 5512 } 5513 5514 GtkTreeView .expander .cell row:selected, 5515 GtkTreeView .expander .cell row:selected:hover, 5516 GtkTreeView .expander .cell row:hover, 5517 GtkTreeView .expander .cell row:selected:focus, 5518 GtkTreeView .expander .cell row:selected:focus:hover, 5519 GtkTreeView .cell row.expander:selected, 5520 GtkTreeView .cell row.expander:selected:hover, 5521 GtkTreeView .cell row.expander:hover, 5522 GtkTreeView .cell row.expander:selected:focus, 5523 GtkTreeView .cell row.expander:selected:focus:hover, 5524 GtkTreeView row.expander:hover, 5525 GtkTreeView row.expander:selected, 5526 GtkTreeView row.expander:selected:hover, 5527 GtkTreeView row.expander:focus:hover, 5528 GtkTreeView row.expander:selected:focus, 5529 GtkTreeView row.expander:selected:focus:hover, 5530 .expander row:selected, 5531 .expander row:selected:hover, 5532 .expander row:selected:focus, 5533 .expander row:focus:hover, 5534 .expander row:selected:focus, 5535 .expander row:selected:focus:hover { 5536 border-style: solid; 5537 border-width: 1px; 5538 border-radius: 2px; 5539 border-color: shade(@theme_bg_color, 1.2); 5540 color: @theme_bg_color; 5541 background-image: none; 5542 background-color: transparent; 5543 } 5544 /* 5545 GtkTreeView row.expander:backdrop, 5546 .expander row:backdrop, 5547 .expander:backdrop { 5548 border-radius: 2px; 5549 border-style: solid; 5550 border-width: 1px; 5551 background-color: alpha(black, 0.1); 5552 color:shade(@internal_element_color, 0.58); 5553 border-color: shade (@internal_element_color, 0.59); 5554 }*/ 5555 /* 5556 GtkTreeView .expander .cell row:selected:backdrop, 5557 GtkTreeView .expander .cell row:selected:hover:backdrop, 5558 GtkTreeView .expander .cell row:hover:backdrop, 5559 GtkTreeView .expander .cell row:selected:focus:backdrop, 5560 GtkTreeView .expander .cell row:selected:focus:hover:backdrop, 5561 GtkTreeView .cell row.expander:selected:backdrop, 5562 GtkTreeView .cell row.expander:selected:hover:backdrop, 5563 GtkTreeView .cell row.expander:hover:backdrop, 5564 GtkTreeView .cell row.expander:selected:focus:backdrop, 5565 GtkTreeView .cell row.expander:selected:focus:hover:backdrop, 5566 GtkTreeView row.expander:hover:backdrop, 5567 GtkTreeView row.expander:selected:backdrop, 5568 GtkTreeView row.expander:selected:hover:backdrop, 5569 GtkTreeView row.expander:focus:hover:backdrop, 5570 GtkTreeView row.expander:selected:focus:backdrop, 5571 GtkTreeView row.expander:selected:focus:hover:backdrop, 5572 .expander row:selected:backdrop, 5573 .expander row:selected:hover:backdrop, 5574 .expander row:selected:focus:backdrop, 5575 .expander row:focus:hover:backdrop, 5576 .expander row:selected:focus:backdrop, 5577 .expander row:selected:focus:hover:backdrop { 5578 border-radius: 2px; 5579 border-style: solid; 5580 border-width: 1px; 5581 background-color: @unfocused_borders; 5582 color: shade(@internal_element_color, 0.88); 5583 border-color: shade (@internal_element_color, 0.9); 5584 }*/ 5585 5586 .sidebar .expander { 5587 border-style: solid; 5588 border-width: 1px; 5589 border-radius: 2px; 5590 border-color: shade (@internal_element_color, 1.20); 5591 5592 color: @internal_element_color; 5593 background-color: @sidebar_bg; 5594 } 5595 5596 .sidebar .expander:active { 5597 border-style: solid; 5598 border-width: 1px; 5599 color: @internal_element_color; 5600 border-color: shade (@internal_element_color, 1.20); 5601 background-color: shade(@sidebar_bg, 0.9); 5602 } 5603 /* 5604 .sidebar .expander:active:backdrop, 5605 .sidebar .expander:active:hover:backdrop { 5606 border-style: solid; 5607 border-width: 1px; 5608 color:shade(@internal_element_color, 0.58); 5609 border-color: shade (@internal_element_color, 0.59); 5610 background-color: alpha(black, 0.1); 5611 }*/ 5612 5613 .sidebar .expander:hover { 5614 border-style: solid; 5615 border-width: 1px; 5616 5617 color: shade(@internal_element_color,1.42); 5618 border-color: shade (@internal_element_color, 1.40); 5619 5620 background-color: shade (@sidebar_bg, 0.84); 5621 } 5622 5623 .sidebar .expander row { 5624 border-radius: 2px; 5625 border-color: shade (@internal_element_color, 1.20); 5626 border-style: solid; 5627 border-width: 1px; 5628 color: @internal_element_color; 5629 background-color: @sidebar_bg; 5630 } 5631 5632 .sidebar .expander row:selected, 5633 .sidebar .expander row:selected:hover, 5634 .sidebar .expander row:selected:focus, 5635 .sidebar .expander row:selected:focus:hover, 5636 .sidebar .expander .cell row:selected, 5637 .sidebar .expander .cell row:selected:hover, 5638 .sidebar .expander .cell row:selected:focus, 5639 .sidebar .expander .cell row:selected:focus:hover { 5640 border-style: solid; 5641 border-width: 1px; 5642 border-radius: 2px; 5643 border-color: shade(@theme_bg_color, 1.2); 5644 color: @theme_bg_color; 5645 background-image: none; 5646 background-color: transparent; 5647 } 5648 /* 5649 .sidebar .expander row:selected:backdrop, 5650 .sidebar .expander .cell row:selected:backdrop, 5651 .sidebar .expander row:selected:hover:backdrop, 5652 .sidebar .expander .cell row:selected:hover:backdrop, 5653 .sidebar .expander .cell row:selected:focus:backdrop, 5654 .sidebar .expander .cell row:selected:focus:hover:backdrop { 5655 border-style: solid; 5656 border-width: 1px; 5657 border-radius: 2px; 5658 background-color: @unfocused_borders; 5659 color: shade(@internal_element_color, 0.88); 5660 border-color: shade (@internal_element_color, 0.9); 5661 }*/ 5662 /* 5663 .sidebar .expander:backdrop 5664 .sidebar .expander:hover:backdrop { 5665 border-style: solid; 5666 border-width: 1px; 5667 border-radius: 2px; 5668 5669 background-color: alpha(black, 0.1); 5670 color:shade(@internal_element_color, 0.58); 5671 border-color: shade (@internal_element_color, 0.59); 5672 }*/ 5673 5674 /**************** 5675 * Content view * 5676 ****************/ 5677 .content-view.view { 5678 background-color: @content_view_bg; 5679 } 5680 5681 .content-view.view:hover { 5682 border-width: 1px 0px 1px 0px; 5683 border-style: solid; 5684 border-color: alpha(@theme_selected_bg_color, 0.2); 5685 background-color: mix (shade(@content_view_bg, 0.9), @theme_selected_bg_color, 0.2); 5686 color: @theme_text_color; 5687 } 5688 5689 .content-view.view:selected, 5690 .content-view.view:active { 5691 background-color: @theme_selected_bg_color; 5692 border-color: @theme_selected_bg_color; 5693 } 5694 5695 .content-view.view:insensitive { 5696 background-color: @theme_unfocused_base_color; 5697 border-color: @theme_unfocused_base_color; 5698 } 5699 /* 5700 .content-view.view:backdrop, 5701 .content-view.view:hover:backdrop { 5702 background-color: @sidebar_bg_unfocused; 5703 }*/ 5704 /* 5705 .content-view.view:selected:backdrop { 5706 background-color: @theme_unfocused_selected_bg_color; 5707 }*/ 5708 /* 5709 .content-view.view .separator:backdrop { 5710 color: @theme_unfocused_bg_color; 5711 }*/ 5712 5713 GdMainIconView.content-view { 5714 -GdMainIconView-icon-size: 40; 5715 } 5716 5717 GtkIconView.content-view.check { 5718 background-image: url("assets/grid-selection-unchecked.svg"); 5719 background-color: transparent; 5720 } 5721 5722 GtkIconView.content-view.check:active { 5723 background-image: url("assets/grid-selection-checked.svg"); 5724 background-color: transparent; 5725 } 5726 5727 .content-view.view.check, 5728 .content-view.view.check:active { 5729 background-color: transparent; 5730 } 5731 5732 GtkIconView.content-view.check:hover, 5733 GtkIconView.content-view.check:insensitive, 5734 /*GtkIconView.content-view.check:backdrop,*/ 5735 GtkIconView.content-view.check:selected { 5736 background-color: transparent; 5737 } 5738 5739 /********************* 5740 * App Notifications * 5741 *********************/ 5742 .app-notification { 5743 border-style: solid; 5744 border-color: @app_notification_border; 5745 border-width: 0 1px 1px 1px; 5746 border-radius: 0 0 5px 5px; 5747 padding: 8px; 5748 5749 background-image: linear-gradient(to bottom, 5750 @app_notification_a, 5751 @app_notification_b 18%, 5752 @app_notification_c); 5753 5754 color: @warning_color; 5755 text-shadow: 0 1px rgba(0,0,0,0.24); 5756 } 5757 5758 /* Calendars */ 5759 GtkCalendar { 5760 padding: 2px; 5761 -GtkWidget-focus-line-width: 0; 5762 -GtkCalendar-vertical-separation: 2; 5763 color: @theme_text_color; 5764 } 5765 5766 GtkCalendar.view { 5767 border-radius: 2px; 5768 border-style: solid; 5769 border-width: 1px; 5770 padding: 2px; 5771 border-color: rgba(255,255,255,0.032); 5772 box-shadow: inset 1px 1px rgba(0,0,0,0.18), 5773 inset -1px -1px rgba(0,0,0,0.18); 5774 background-color: alpha(black, 0.21); 5775 } 5776 5777 GtkCalendar.header { 5778 /* background-image: -gtk-gradient (linear, 5779 left top, 5780 left bottom, 5781 from (shade (@theme_selected_bg_color, 1.04)), 5782 to (shade (@theme_selected_bg_color, 0.89)));*/ 5783 border-width: 0px; 5784 border-style: solid; 5785 border-color: shade (@theme_selected_bg_color, 0.9); 5786 border-top-color: rgba(255,255,255,0.18); 5787 border-bottom-color: shade (@theme_selected_bg_color, 0.79); 5788 border-radius: 0px; 5789 color: @theme_text_color; 5790 background-color: alpha(black, 0.26); 5791 box-shadow: 0 -1px rgba(255,255,255,0.036) inset; 5792 text-shadow: 1px 1px alpha(black, 0.4); 5793 5794 } 5795 5796 GtkCalendar.button, 5797 GtkCalendar.button:insensitive 5798 /*GtkCalendar.button:backdrop, 5799 GtkCalendar.button:insensitive:backdrop */{ 5800 background-image: none; 5801 border-style: none; 5802 background-color: transparent; 5803 border-radius: 0px; 5804 color: @theme_fg_color; 5805 } 5806 5807 GtkCalendar.button:hover{ 5808 border-style: none; 5809 } 5810 5811 .highlight, 5812 GtkCalendar.highlight { 5813 background-color: shade(@theme_bg_color, 0.66); 5814 color: #525252; 5815 border-radius: 0; 5816 padding: 0; 5817 text-shadow: 1px 1px alpha(black, 0.22); 5818 } 5819 5820 GtkCalendar:selected { 5821 background-image: none; 5822 border-radius: 2px; 5823 color: @theme_fg_color; 5824 background-color: @theme_selected_bg_color; 5825 } 5826 5827 GtkCalendar:selected:hover { 5828 background-image: none; 5829 border-radius: 2px; 5830 color: @theme_selected_fg_color; 5831 background-color: shade(@theme_selected_bg_color, 1.4); 5832 } 5833 5834 /************** 5835 * GtkInfoBar * 5836 **************/ 5837 GtkInfoBar { 5838 border-width: 0; 5839 border-style: none; 5840 } 5841 5842 .info { 5843 text-shadow: 0 1px @info_text_shadow; 5844 } 5845 5846 .warning { 5847 text-shadow: 0 1px @warning_text_shadow; 5848 } 5849 5850 .question { 5851 text-shadow: 0 1px rgba(255,255,255,0.25); 5852 } 5853 5854 .error { 5855 text-shadow: 0 1px @error_text_shadow; 5856 } 5857 /* 5858 .info:backdrop, 5859 .warning:backdrop, 5860 .question:backdrop, 5861 .error:backdrop { 5862 text-shadow: none; 5863 background-color: @theme_base_color; 5864 color: @theme_unfocused_fg_color; 5865 border-color: shade(@theme_base_color,0.9); 5866 }*/ 5867 5868 /* NOT SURE ABOUT THIS -- 5869 5870 5871 .info .entry, 5872 .info .entry:focus, 5873 .info .button, 5874 .info .button:insensitive, 5875 .info .button:active, 5876 .warning .entry, 5877 .warning .entry:focus, 5878 .warning .button, 5879 .warning .button:insensitive, 5880 .warning .button:active, 5881 .error .entry, 5882 .error .entry:focus, 5883 .error .button, 5884 .error .button:insensitive, 5885 .error .button:active { 5886 border-image: none; 5887 5888 border-color: shade(@borders, 0.9); 5889 border-style: solid; 5890 border-width: 1px; 5891 } 5892 5893 .question .entry, 5894 .question .entry:focus, 5895 .question .button, 5896 .question .button:insensitive, 5897 .question .button:active { 5898 border-image: none; 5899 5900 border-color: darker(@question_bg_color); 5901 border-style: solid; 5902 border-width: 1px; 5903 } 5904 5905 .info .entry:backdrop, 5906 .info .button:backdrop, 5907 .info .button:insensitive:backdrop, 5908 .info .button:active:backdrop, 5909 .warning .entry:backdrop, 5910 .warning .button:backdrop, 5911 .warning .button:insensitive:backdrop, 5912 .warning .button:active:backdrop, 5913 .question .entry:backdrop, 5914 .question .button:backdrop, 5915 .question .button:insensitive:backdrop, 5916 .question .button:active:backdrop, 5917 .error .entry:backdrop, 5918 .error .button:backdrop, 5919 .error .button:insensitive:backdrop, 5920 .error .button:active:backdrop { 5921 border-image: none; 5922 5923 border-color: @unfocused_borders; 5924 border-style: solid; 5925 border-width: 1px; 5926 } 5927 */ 5928 5929 GtkInfoBar:last-child, 5930 .info:last-child, 5931 .warning:last-child, 5932 .question:last-child, 5933 .error:last-child { 5934 /* only apply a border on the last infobar if 5935 * there's more than one packed in */ 5936 border-bottom-width: 1px; 5937 border-style: solid; 5938 } 5939 5940 .info { 5941 background-color: @info_bg_color; 5942 color: @info_fg_color; 5943 5944 border-color: darker(@info_bg_color); 5945 } 5946 5947 .warning { 5948 background-color: @warning_bg_color; 5949 color: @warning_fg_color; 5950 5951 border-color: darker(@warning_bg_color); 5952 } 5953 5954 .question { 5955 background-color: @question_bg_color; 5956 color: @theme_bg_color; 5957 5958 border-color: darker(@question_bg_color); 5959 } 5960 5961 .error { 5962 background-color: @error_bg_color; 5963 color: @error_fg_color; 5964 5965 border-color: darker(@error_bg_color); 5966 } 5967 5968 /************** 5969 * Dim labels * 5970 **************/ 5971 .view.dim-label, 5972 .dim-label, 5973 .dim-label:hover, 5974 .dim-label:focus { 5975 color: mix(shade(@theme_fg_color, 0.66), @theme_selected_bg_color, 0.06); 5976 } 5977 /* 5978 .view.dim-label:backdrop, 5979 .dim-label:backdrop, 5980 .dim-label:hover:backdrop, 5981 .dim-label:focus:backdrop { 5982 color: mix(mix(@theme_fg_color, @theme_base_color, 0.45), @theme_selected_bg_color, 0.14); 5983 }*/ 5984 5985 .dim-label:selected, 5986 .dim-label:selected:focus { 5987 color: mix(shade(@theme_selected_fg_color, 0.88), @theme_selected_bg_color, 0.06); 5988 } 5989 5990 /********************** 5991 * Fallback Mode Panel 5992 **********************/ 5993 5994 .gnome-panel-menu-bar, 5995 PanelApplet > GtkMenuBar.menubar, 5996 PanelToplevel, 5997 PanelWidget, 5998 PanelAppletFrame, 5999 PanelApplet { 6000 background-color: @theme_bg_color; 6001 background-image: -gtk-gradient (linear, left top, left bottom, 6002 from (shade(@theme_bg_color, 1.26)), 6003 color-stop (0.1, shade(@theme_bg_color,1.01)), 6004 color-stop (0.2, @theme_bg_color), 6005 color-stop (0.8, @theme_bg_color), 6006 color-stop (0.98, shade(@theme_bg_color,0.99)), 6007 to (shade(@theme_bg_color, 0.4))); 6008 color: @os_chrome_fg_color; 6009 padding: 0px; 6010 } 6011 6012 ClockBox, 6013 .gnome-panel-menu-bar.menubar, 6014 PanelApplet > GtkMenuBar.menubar { 6015 font: bold; 6016 } 6017 6018 .gnome-panel-menu-bar.menubar .menuitem *:hover, 6019 PanelApplet > GtkMenuBar.menubar .menuitem *:hover { 6020 color: @theme_selected_fg_color; 6021 text-shadow: 0 1px alpha(black, 0.32); 6022 } 6023 6024 .gnome-panel-menu-bar.menubar .menu, 6025 PanelApplet > GtkMenuBar.menubar .menu { 6026 font: regular; 6027 } 6028 6029 .gnome-panel-menu-bar.menubar .menu *:hover, 6030 PanelApplet > GtkMenuBar.menubar .menu *:hover { 6031 6032 } 6033 6034 .gnome-panel-menu-bar .menuitem, 6035 PanelApplet > GtkMenuBar.menubar .menuitem, 6036 .gnome-panel-menu-bar .menuitem, 6037 PanelApplet > GtkMenuBar.menubar .menuitem { 6038 } 6039 6040 .gnome-panel-menu-bar .menuitem:hover, 6041 PanelApplet > GtkMenuBar.menubar .menuitem:hover, 6042 .gnome-panel-menu-bar .menuitem *:hover, 6043 PanelApplet > GtkMenuBar.menubar .menuitem *:hover { 6044 /*background-color: transparent;*/ 6045 color: @os_chrome_selected_fg_color; 6046 } 6047 6048 .gnome-panel-menu-bar .menuitem *:hover, 6049 PanelApplet > GtkMenuBar.menubar .menuitem *:hover { 6050 } 6051 6052 PanelApplet *:hover { 6053 color: @os_chrome_selected_fg_color; 6054 } 6055 6056 PanelApplet *:active, 6057 PanelApplet *:hover:active { 6058 color: @os_chrome_selected_fg_color; 6059 text-shadow: 0 1px @os_chrome_bg_color; 6060 } 6061 6062 PanelApplet .button { 6063 -PanelMenuBar-icon-visible: true; 6064 padding: 4px; 6065 border-image: none; 6066 border-radius: 10px 10px 0 0; 6067 border-style: solid; 6068 border-width: 0px 1px 1px 1px; 6069 border-color: alpha(black, 0.45); 6070 background-image: none; 6071 background-color: alpha(white, 0.032); 6072 font: regular; 6073 color: @theme_text_color; 6074 text-shadow: 1px 1px alpha(black, 0.3); 6075 box-shadow: inset 1px 1px alpha(white, 0.03), 6076 inset -1px -1px alpha(white, 0.018); 6077 } 6078 6079 PanelApplet .button:hover, 6080 PanelApplet .button:hover:focus { 6081 border-image: none; 6082 border-radius: 10px 10px 0 0; 6083 border-style: solid; 6084 border-width: 0px 1px 1px 1px; 6085 border-color: alpha(black, 0.65); 6086 background-color: alpha(black, 0.08); 6087 box-shadow: inset 1px 1px alpha(white, 0.03), 6088 inset -1px -1px alpha(white, 0.018); 6089 } 6090 6091 PanelApplet .button:active, 6092 PanelApplet .button:active:focus { 6093 border-image: none; 6094 border-radius: 10px 10px 0 0; 6095 border-style: solid; 6096 border-width: 0px 1px 1px 1px; 6097 border-color: alpha(black, 0.65); 6098 background-color: shade(@theme_base_color, 1.0); 6099 box-shadow: inset 1px 1px alpha(white, 0.066), 6100 inset -1px -1px alpha(white, 0.028), 6101 inset 0 3px alpha(white, 0.014); 6102 } 6103 6104 PanelApplet .button:active:hover, 6105 PanelApplet .button:active:hover:focus { 6106 border-image: none; 6107 border-radius: 10px 10px 0 0; 6108 border-style: solid; 6109 border-width: 0px 1px 1px 1px; 6110 border-color: alpha(black, 0.8); 6111 background-color: shade(@theme_base_color, 0.94); 6112 box-shadow: inset 1px 1px alpha(white, 0.066), 6113 inset -1px -1px alpha(white, 0.028), 6114 inset 0 3px alpha(white, 0.014); 6115 } 6116 6117 PanelApplet .button *:hover, 6118 PanelApplet .button *:hover:focus { 6119 text-shadow: 1px 1px alpha(black, 0.36); 6120 color: @theme_selected_fg_color; 6121 6122 } 6123 6124 PanelApplet .button *:active, 6125 PanelApplet .button *:active:focus { 6126 color: @theme_selected_fg_color; 6127 text-shadow: 1px 1px alpha(black, 0.38); 6128 } 6129 6130 PanelApplet .button *:active:hover, 6131 PanelApplet .button *:active:hover:focus { 6132 color:@theme_fg_color; 6133 text-shadow: 0 1px alpha(black, 0.45); 6134 } 6135 6136 WnckPager { 6137 background-color: alpha(white, 0.16); 6138 } 6139 6140 WnckTasklist { 6141 background-color: @theme_selected_bg_color; 6142 } 6143 6144 NaTrayApplet { 6145 -NaTrayApplet-icon-padding: 5; 6146 -NaTrayApplet-icon-size: 16; 6147 } 6148 6149 GsmFailWhaleDialog { 6150 background-color: @os_chrome_bg_color; 6151 background-image: none; 6152 color: @os_chrome_fg_color; 6153 } 6154 6155 GsmFailWhaleDialog .button, 6156 GsmFailWhaleDialog .button:focus, 6157 GsmFailWhaleDialog .button:active, 6158 GsmFailWhaleDialog .button:active:focus { 6159 } 6160