← Back to branch summary

~dashua/+junk/light_themes_new_check_and_radio_assets

« back to all changes in this revision

Viewing changes to Radiance/gtk-3.0/gtk-widgets.css

  • Committer: Andrea Cimitan
  • Date: 2012-02-27 14:51:05 UTC
  • Revision ID: andrea.cimitan@canonical.com-20120227145105-nll8018fw8w068uf
New unfocused theme

Show diffs side-by-side

added added

removed removed

Lines of Context:
Radiance/gtk-3.0/gtk-widgets.css
52
52
    -GtkWidget-focus-line-width: 1px;
53
53
    -GtkWidget-link-color: @link_color;
54
54
    -GtkWidget-visited-link-color: @link_color;
55
 
    -GtkWindow-resize-grip-default: false;
 
55
    -GtkWindow-resize-grip-width: 0;
 
56
    -GtkWindow-resize-grip-height: 0;
56
57
    -WnckTasklist-fade-overlay-rect: 0;
57
58
 
58
59
    border-width: 1px;
115
116
.button,
116
117
.frame,
117
118
.notebook {
 
119
    border-style: solid;
 
120
 
118
121
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
119
122
                                           from (shade (@bg_color, 0.8)),
120
123
                                           to (shade (@bg_color, 0.76)));
216
219
}
217
220
 
218
221
GtkComboBox,
219
 
GtkScale.slider,
220
222
.button {
221
223
    background-image: -gtk-gradient (linear, left top, left bottom,
222
224
                                     from (shade (@button_bg_color, 1.1)),
240
242
    -unico-inner-stroke-width: 1px;
241
243
}
242
244
 
243
 
GtkScale.slider:hover,
244
245
.button:hover {
245
246
    background-image: -gtk-gradient (linear, left top, left bottom,
246
247
                                     from (shade (@button_bg_color, 1.16)),
539
540
    border-radius: 10px;
540
541
}
541
542
 
 
543
/* FIXME (Cimi) this is horrible */
542
544
.check:active,
543
545
.check row:selected:active,
544
546
.check row:selected:focused:active,
546
548
.notebook .radio:active,
547
549
.radio:active,
548
550
.radio row:selected:active,
549
 
.radio row:selected:focused:active {
 
551
.radio row:selected:focused:active,
 
552
.check:inconsistent,
 
553
.check row:selected:inconsistent,
 
554
.check row:selected:focused:inconsistent,
 
555
.notebook .check:inconsistent,
 
556
.notebook .radio:inconsistent,
 
557
.radio:inconsistent,
 
558
.radio row:selected:inconsistent,
 
559
.radio row:selected:focused:inconsistent {
550
560
    background-image: -gtk-gradient (linear, left top, left bottom,
551
561
                                     from (shade (@selected_bg_color, 1.2)),
552
562
                                     color-stop (0.5, shade (@selected_bg_color, 1.0)),
567
577
    -unico-outer-stroke-width: 1px;
568
578
}
569
579
 
 
580
/* FIXME (Cimi) this is horrible */
570
581
.check:active:hover,
571
582
.check row:selected:active:hover,
572
583
.check row:selected:focused:active:hover,
574
585
.notebook .radio:active:hover,
575
586
.radio:active:hover,
576
587
.radio row:selected:active:hover,
577
 
.radio row:selected:focused:active:hover {
 
588
.radio row:selected:focused:active:hover,
 
589
.check:active:hover:inconsistent,
 
590
.check row:selected:active:hover:inconsistent,
 
591
.check row:selected:focused:active:hover:inconsistent,
 
592
.notebook .check:active:hover:inconsistent,
 
593
.notebook .radio:active:hover:inconsistent,
 
594
.radio:active:hover:inconsistent,
 
595
.radio row:selected:active:hover:inconsistent,
 
596
.radio row:selected:focused:active:hover:inconsistent {
578
597
    background-image: -gtk-gradient (linear, left top, left bottom,
579
598
                                     from (shade (@selected_bg_color, 1.26)),
580
599
                                     color-stop (0.5, shade (@selected_bg_color, 1.05)),
610
629
}
611
630
 
612
631
.check:insensitive:active,
613
 
.radio:insensitive:active {
 
632
.radio:insensitive:active,
 
633
.check:insensitive:inconsistent,
 
634
.radio:insensitive:inconsistent {
614
635
    background-image: -gtk-gradient (linear, left top, left bottom,
615
636
                                     from (shade (@bg_color, 0.96)),
616
637
                                     to (shade (@bg_color, 0.9)));
743
764
    border-left-color: shade (@bg_color, 0.76);
744
765
    border-radius: 3px;
745
766
    border-style: solid;
 
767
    padding: 3px 5px 3px 5px;
746
768
 
747
769
    color: @text_color;
748
770
 
772
794
    background-color: shade (@bg_color, 0.96);
773
795
    background-image: none;
774
796
 
 
797
    color: mix (@text_color, @base_color, 0.4);
 
798
 
775
799
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
776
800
                                                 from (alpha (shade (@bg_color, 0.05), 0.04)),
777
801
                                                 to (alpha (shade (@bg_color, 0.05), 0.02)));
1034
1058
    border-radius: 0;
1035
1059
    border-style: solid;
1036
1060
    border-width: 1px;
1037
 
    padding: 2px;
 
1061
    padding: 3px 2px 3px 2px;
1038
1062
 
1039
1063
    -unico-inner-stroke-width: 1px;
1040
1064
}
1099
1123
.primary-toolbar .menuitem:insensitive,
1100
1124
.primary-toolbar .menuitem *:insensitive {
1101
1125
    color: mix (@dark_fg_color, @dark_bg_color, 0.5);
1102
 
    text-shadow: 0 -1 shade (@dark_bg_color, 0.6);
 
1126
    text-shadow: 0 1 shade (@bg_color, 1.1);
1103
1127
}
1104
1128
 
1105
1129
.menubar .menuitem.check:active,
1226
1250
 
1227
1251
.notebook tab.top {
1228
1252
    padding: 2px 5px 0 5px;
1229
 
 
1230
 
    color: shade (@bg_color, 0.9);
1231
1253
}
1232
1254
 
1233
1255
.notebook tab.right:active {
1300
1322
    background-image: -gtk-gradient (linear, left top, left bottom,
1301
1323
                                     from (shade (@selected_bg_color, 1.13)),
1302
1324
                                     to (shade (@selected_bg_color, 0.9)));
 
1325
    border-style: solid;
1303
1326
    border-width: 1px;
1304
1327
 
1305
1328
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1319
1342
    background-image: -gtk-gradient (linear, left top, right top,
1320
1343
                                    from (shade (@selected_bg_color, 1.13)),
1321
1344
                                    to (shade (@selected_bg_color, 0.9)));
 
1345
    border-style: solid;
 
1346
    border-width: 1px;
1322
1347
 
1323
1348
    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1324
1349
                                           from (shade (@selected_bg_color, 0.75)),
1328
1353
                                                 to (shade (@selected_bg_color, 1.0)));
1329
1354
}
1330
1355
 
 
1356
.scale.highlight.left:insensitive {
 
1357
    background-image: -gtk-gradient (linear, left top, left bottom,
 
1358
                                     from (shade (@bg_color, 0.95)),
 
1359
                                     to (shade (@bg_color, 0.85)));
 
1360
 
 
1361
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1362
                                           from (shade (@bg_color, 0.75)),
 
1363
                                           to (shade (@bg_color, 0.75)));
 
1364
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1365
                                                 from (shade (@bg_color, 0.97)),
 
1366
                                                 to (shade (@bg_color, 0.865)));
 
1367
}
 
1368
 
 
1369
.scale.highlight.bottom:insensitive {
 
1370
    background-image: -gtk-gradient (linear, left top, right top,
 
1371
                                     from (shade (@bg_color, 0.95)),
 
1372
                                     to (shade (@bg_color, 0.85)));
 
1373
 
 
1374
    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
 
1375
                                           from (shade (@bg_color, 0.75)),
 
1376
                                           to (shade (@bg_color, 0.75)));
 
1377
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
 
1378
                                                 from (shade (@bg_color, 0.97)),
 
1379
                                                 to (shade (@bg_color, 0.865)));
 
1380
}
 
1381
 
1331
1382
.trough,
1332
1383
.trough row,
1333
1384
.trough row:hover,
1336
1387
    background-image: -gtk-gradient (linear, left top, left bottom,
1337
1388
                                     from (shade (@bg_color, 0.92)),
1338
1389
                                     to (shade (@bg_color, 0.96)));
 
1390
    border-style: solid;
1339
1391
    border-width: 1px;
1340
1392
 
1341
1393
    color: @text_color;
1377
1429
    background-image: url("assets/slider_prelight.png");
1378
1430
}
1379
1431
 
 
1432
GtkScale.slider:insensitive {
 
1433
    background-image: url("assets/slider_insensitive.png");
 
1434
}
 
1435
 
1380
1436
GtkScale.slider.vertical {
1381
1437
    background-image: url("assets/slider_vertical.png");
1382
1438
}
1385
1441
    background-image: url("assets/slider_prelight_vertical.png");
1386
1442
}
1387
1443
 
 
1444
GtkScale.slider.vertical:insensitive {
 
1445
    background-image: url("assets/slider_vertical_insensitive.png");
 
1446
}
 
1447
 
1388
1448
GtkScale.mark {
1389
1449
    border-color: shade (@bg_color, 0.8);
1390
1450
}
1603
1663
    background-image: -gtk-gradient (linear, left top, left bottom,
1604
1664
                                     from (shade (@bg_color, 1.1)),
1605
1665
                                     to (shade (@bg_color, 0.9)));
 
1666
    border-top-color: shade (@bg_color, 0.64);
 
1667
    border-right-color: shade (@bg_color, 0.76);
 
1668
    border-bottom-color: shade (@bg_color, 0.82);
 
1669
    border-left-color: shade (@bg_color, 0.76);
1606
1670
 
1607
 
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1608
 
                                           from (shade (@bg_color, 0.65)),
1609
 
                                           to (shade (@bg_color, 0.7)));
 
1671
    -unico-border-gradient: none;
1610
1672
}
1611
1673
 
1612
1674
.spinbutton,
1624
1686
 * statusbar *
1625
1687
 *************/
1626
1688
GtkStatusbar {
1627
 
    color: @fg_color;
1628
1689
}
1629
1690
 
1630
1691
/**********
1688
1749
    background-image: -gtk-gradient (linear, left top, left bottom,
1689
1750
                                     from (shade (@bg_color, 1.1)),
1690
1751
                                     to (shade (@bg_color, 0.9)));
 
1752
    border-style: solid;
1691
1753
 
1692
1754
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1693
1755
                                           from (shade (@bg_color, 0.65)),
1957
2019
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1958
2020
                                                 from (shade (@bg_color, 1.16)),
1959
2021
                                                 to (shade (@bg_color, 0.98)));
 
2022
    -unico-outer-stroke-width: 1px 0 1px 0;
1960
2023
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1961
 
                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
1962
 
                                                 to (alpha (shade (@bg_color, 0.05), 0.06)));
1963
 
    -unico-outer-stroke-width: 1px 0 1px 0;
 
2024
                                                 from (alpha (shade (@bg_color, 0.05), 0.015)),
 
2025
                                                 to (alpha (shade (@bg_color, 0.05), 0.04)));
1964
2026
}
1965
2027
 
1966
2028
.inline-toolbar.toolbar .button *:active,
1969
2031
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
1970
2032
    -unico-outer-stroke-width: 1px 0 1px 0;
1971
2033
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1972
 
                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
1973
 
                                                 to (alpha (shade (@bg_color, 0.05), 0.06)));
 
2034
                                                 from (alpha (shade (@bg_color, 0.05), 0.01)),
 
2035
                                                 to (alpha (shade (@bg_color, 0.05), 0.03)));
1974
2036
}
1975
2037
 
1976
2038
.inline-toolbar.toolbar .button *:insensitive,