← Back to branch summary

~dashua/+junk/light_themes_new_check_and_radio_assets

« back to all changes in this revision

Viewing changes to Ambiance/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:
Ambiance/gtk-3.0/gtk-widgets.css
51
51
    -GtkWidget-focus-line-width: 1px;
52
52
    -GtkWidget-link-color: @link_color;
53
53
    -GtkWidget-visited-link-color: @link_color;
54
 
    -GtkWindow-resize-grip-default: false;
 
54
    -GtkWindow-resize-grip-width: 0;
 
55
    -GtkWindow-resize-grip-height: 0; 
55
56
    -WnckTasklist-fade-overlay-rect: 0;
56
57
 
57
58
    border-width: 1px;
114
115
.button,
115
116
.frame,
116
117
.notebook {
 
118
    border-style: solid;
 
119
 
117
120
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
118
121
                                           from (shade (@bg_color, 0.8)),
119
122
                                           to (shade (@bg_color, 0.76)));
215
218
}
216
219
 
217
220
GtkComboBox,
218
 
GtkScale.slider,
219
221
.button {
220
222
    background-image: -gtk-gradient (linear, left top, left bottom,
221
223
                                     from (shade (@button_bg_color, 1.1)),
239
241
    -unico-inner-stroke-width: 1px;
240
242
}
241
243
 
242
 
GtkScale.slider:hover,
243
244
.button:hover {
244
245
    background-image: -gtk-gradient (linear, left top, left bottom,
245
246
                                     from (shade (@button_bg_color, 1.16)),
538
539
    border-radius: 10px;
539
540
}
540
541
 
 
542
/* FIXME (Cimi) this is horrible */
541
543
.check:active,
542
544
.check row:selected:active,
543
545
.check row:selected:focused:active,
545
547
.notebook .radio:active,
546
548
.radio:active,
547
549
.radio row:selected:active,
548
 
.radio row:selected:focused:active {
 
550
.radio row:selected:focused:active,
 
551
.check:inconsistent,
 
552
.check row:selected:inconsistent,
 
553
.check row:selected:focused:inconsistent,
 
554
.notebook .check:inconsistent,
 
555
.notebook .radio:inconsistent,
 
556
.radio:inconsistent,
 
557
.radio row:selected:inconsistent,
 
558
.radio row:selected:focused:inconsistent {
549
559
    background-image: -gtk-gradient (linear, left top, left bottom,
550
560
                                     from (shade (@selected_bg_color, 1.2)),
551
561
                                     color-stop (0.5, shade (@selected_bg_color, 1.0)),
566
576
    -unico-outer-stroke-width: 1px;
567
577
}
568
578
 
 
579
/* FIXME (Cimi) this is horrible */
569
580
.check:active:hover,
570
581
.check row:selected:active:hover,
571
582
.check row:selected:focused:active:hover,
573
584
.notebook .radio:active:hover,
574
585
.radio:active:hover,
575
586
.radio row:selected:active:hover,
576
 
.radio row:selected:focused:active:hover {
 
587
.radio row:selected:focused:active:hover,
 
588
.check:active:hover:inconsistent,
 
589
.check row:selected:active:hover:inconsistent,
 
590
.check row:selected:focused:active:hover:inconsistent,
 
591
.notebook .check:active:hover:inconsistent,
 
592
.notebook .radio:active:hover:inconsistent,
 
593
.radio:active:hover:inconsistent,
 
594
.radio row:selected:active:hover:inconsistent,
 
595
.radio row:selected:focused:active:hover:inconsistent {
577
596
    background-image: -gtk-gradient (linear, left top, left bottom,
578
597
                                     from (shade (@selected_bg_color, 1.26)),
579
598
                                     color-stop (0.5, shade (@selected_bg_color, 1.05)),
609
628
}
610
629
 
611
630
.check:insensitive:active,
612
 
.radio:insensitive:active {
 
631
.radio:insensitive:active,
 
632
.check:insensitive:inconsistent,
 
633
.radio:insensitive:inconsistent {
613
634
    background-image: -gtk-gradient (linear, left top, left bottom,
614
635
                                     from (shade (@bg_color, 0.96)),
615
636
                                     to (shade (@bg_color, 0.9)));
772
793
    background-color: shade (@bg_color, 0.96);
773
794
    background-image: none;
774
795
 
 
796
    color: mix (@text_color, @base_color, 0.4);
 
797
 
775
798
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
776
799
                                                 from (alpha (shade (@bg_color, 0.05), 0.04)),
777
800
                                                 to (alpha (shade (@bg_color, 0.05), 0.02)));
1033
1056
    border-radius: 0;
1034
1057
    border-style: solid;
1035
1058
    border-width: 1px;
1036
 
    padding: 2px;
 
1059
    padding: 3px 2px 3px 2px;
1037
1060
 
1038
1061
    -unico-inner-stroke-width: 1px;
1039
1062
}
1180
1203
 
1181
1204
.notebook tab {
1182
1205
    background-image: -gtk-gradient (linear, left top, left bottom,
1183
 
                                     from (shade (@bg_color, 0.97)),
1184
 
                                     color-stop (0.80, shade (@bg_color, 0.95)),
 
1206
                                     from (shade (@bg_color, 0.98)),
 
1207
                                     color-stop (0.80, shade (@bg_color, 0.96)),
1185
1208
                                     to (shade (@bg_color, 0.92)));
1186
1209
 
1187
1210
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1188
 
                                           from (shade (@bg_color, 0.86)),
1189
 
                                           to (shade (@bg_color, 0.84)));
1190
 
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.34);
 
1211
                                           from (shade (@bg_color, 0.89)),
 
1212
                                           to (shade (@bg_color, 0.86)));
 
1213
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
1191
1214
    -unico-inner-stroke-gradient: none;
1192
1215
    -unico-inner-stroke-width: 1px;
1193
1216
    -unico-outer-stroke-color: @transparent;
1195
1218
    -unico-outer-stroke-width: 1px;
1196
1219
}
1197
1220
 
1198
 
.notebook tab GtkLabel:active {
 
1221
.notebook tab:active {
1199
1222
    color: @fg_color;
1200
1223
}
1201
1224
 
1202
 
.notebook tab GtkLabel {
 
1225
.notebook tab {
1203
1226
    color: shade (@bg_color, 0.48);
1204
1227
}
1205
1228
 
1209
1232
 
1210
1233
.notebook tab.top {
1211
1234
    padding: 2px 5px 0 5px;
1212
 
 
1213
 
    color: shade (@bg_color, 0.9);
1214
1235
}
1215
1236
 
1216
1237
.notebook tab.right:active {
1284
1305
    background-image: -gtk-gradient (linear, left top, left bottom,
1285
1306
                                     from (shade (@selected_bg_color, 1.13)),
1286
1307
                                     to (shade (@selected_bg_color, 0.9)));
 
1308
    border-style: solid;
1287
1309
    border-width: 1px;
1288
1310
 
1289
1311
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1303
1325
    background-image: -gtk-gradient (linear, left top, right top,
1304
1326
                                    from (shade (@selected_bg_color, 1.13)),
1305
1327
                                    to (shade (@selected_bg_color, 0.9)));
 
1328
    border-style: solid;
 
1329
    border-width: 1px;
1306
1330
 
1307
1331
    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1308
1332
                                           from (shade (@selected_bg_color, 0.75)),
1312
1336
                                                 to (shade (@selected_bg_color, 1.0)));
1313
1337
}
1314
1338
 
 
1339
.scale.highlight.left:insensitive {
 
1340
    background-image: -gtk-gradient (linear, left top, left bottom,
 
1341
                                     from (shade (@bg_color, 0.95)),
 
1342
                                     to (shade (@bg_color, 0.85)));
 
1343
 
 
1344
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
 
1345
                                           from (shade (@bg_color, 0.75)),
 
1346
                                           to (shade (@bg_color, 0.75)));
 
1347
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
1348
                                                 from (shade (@bg_color, 0.97)),
 
1349
                                                 to (shade (@bg_color, 0.865)));
 
1350
}
 
1351
 
 
1352
.scale.highlight.bottom:insensitive {
 
1353
    background-image: -gtk-gradient (linear, left top, right top,
 
1354
                                     from (shade (@bg_color, 0.95)),
 
1355
                                     to (shade (@bg_color, 0.85)));
 
1356
 
 
1357
    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
 
1358
                                           from (shade (@bg_color, 0.75)),
 
1359
                                           to (shade (@bg_color, 0.75)));
 
1360
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
 
1361
                                                 from (shade (@bg_color, 0.97)),
 
1362
                                                 to (shade (@bg_color, 0.865)));
 
1363
}
 
1364
 
1315
1365
.trough,
1316
1366
.trough row,
1317
1367
.trough row:hover,
1320
1370
    background-image: -gtk-gradient (linear, left top, left bottom,
1321
1371
                                     from (shade (@bg_color, 0.92)),
1322
1372
                                     to (shade (@bg_color, 0.96)));
 
1373
    border-style: solid;
1323
1374
    border-width: 1px;
1324
1375
 
1325
1376
    color: @text_color;
1361
1412
    background-image: url("assets/slider_prelight.png");
1362
1413
}
1363
1414
 
 
1415
GtkScale.slider:insensitive {
 
1416
    background-image: url("assets/slider_insensitive.png");
 
1417
}
 
1418
 
1364
1419
GtkScale.slider.vertical {
1365
1420
    background-image: url("assets/slider_vertical.png");
1366
1421
}
1369
1424
    background-image: url("assets/slider_prelight_vertical.png");
1370
1425
}
1371
1426
 
 
1427
GtkScale.slider.vertical:insensitive {
 
1428
    background-image: url("assets/slider_vertical_insensitive.png");
 
1429
}
 
1430
 
1372
1431
GtkScale.mark {
1373
1432
    border-color: shade (@bg_color, 0.8);
1374
1433
}
1506
1565
    -unico-inner-stroke-gradient: none;
1507
1566
}
1508
1567
 
1509
 
.notebook .button .separator,
1510
 
.notebook .button.separator {
1511
 
    border-color: shade (@bg_color, 0.9);
1512
 
 
1513
 
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
1514
 
    -unico-inner-stroke-gradient: none;
1515
 
}
1516
 
 
1517
1568
.button .separator:insensitive,
1518
1569
.button.separator:insensitive {
1519
1570
    border-color: shade (@button_insensitive_bg_color, 0.9);
1530
1581
    -unico-inner-stroke-gradient: none;
1531
1582
}
1532
1583
 
 
1584
.notebook .button .separator:insensitive,
 
1585
.notebook .button.separator:insensitive {
 
1586
    border-color: shade (@bg_color, 0.9);
 
1587
 
 
1588
    -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
 
1589
    -unico-inner-stroke-gradient: none;
 
1590
}
 
1591
 
1533
1592
.menuitem.separator {
1534
1593
    -GtkMenuItem-horizontal-padding: 0;
1535
1594
    -GtkWidget-separator-height: 4;
1587
1646
    background-image: -gtk-gradient (linear, left top, left bottom,
1588
1647
                                     from (shade (@bg_color, 1.1)),
1589
1648
                                     to (shade (@bg_color, 0.9)));
 
1649
    border-top-color: shade (@bg_color, 0.64);
 
1650
    border-right-color: shade (@bg_color, 0.76);
 
1651
    border-bottom-color: shade (@bg_color, 0.82);
 
1652
    border-left-color: shade (@bg_color, 0.76);
1590
1653
 
1591
 
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1592
 
                                           from (shade (@bg_color, 0.65)),
1593
 
                                           to (shade (@bg_color, 0.7)));
 
1654
    -unico-border-gradient: none;
1594
1655
}
1595
1656
 
1596
1657
.spinbutton,
1611
1672
 * statusbar *
1612
1673
 *************/
1613
1674
GtkStatusbar {
1614
 
    color: @fg_color;
1615
1675
}
1616
1676
 
1617
1677
/**********
1679
1739
    background-image: -gtk-gradient (linear, left top, left bottom,
1680
1740
                                     from (shade (@bg_color, 1.1)),
1681
1741
                                     to (shade (@bg_color, 0.9)));
 
1742
    border-style: solid;
1682
1743
 
1683
1744
    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1684
1745
                                           from (shade (@bg_color, 0.65)),
1774
1835
    transition: 0ms ease-in-out;
1775
1836
 
1776
1837
    -unico-focus-border-radius: 3;
1777
 
    -unico-focus-fill-color: @transparent;
 
1838
    -unico-focus-fill-color: alpha (@selected_bg_color, 0.15);
1778
1839
    -unico-focus-border-color: @transparent;
1779
1840
    -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.5);
1780
1841
 
1954
2015
                                                 from (shade (@bg_color, 1.16)),
1955
2016
                                                 to (shade (@bg_color, 0.98)));
1956
2017
    -unico-outer-stroke-width: 1px 0 1px 0;
 
2018
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
 
2019
                                                 from (alpha (shade (@bg_color, 0.05), 0.015)),
 
2020
                                                 to (alpha (shade (@bg_color, 0.05), 0.04)));
1957
2021
}
1958
2022
 
1959
2023
.inline-toolbar.toolbar .button *:active,
1962
2026
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
1963
2027
    -unico-outer-stroke-width: 1px 0 1px 0;
1964
2028
    -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1965
 
                                                 from (alpha (shade (@bg_color, 0.05), 0.02)),
1966
 
                                                 to (alpha (shade (@bg_color, 0.05), 0.06)));
 
2029
                                                 from (alpha (shade (@bg_color, 0.05), 0.01)),
 
2030
                                                 to (alpha (shade (@bg_color, 0.05), 0.03)));
1967
2031
}
1968
2032
 
1969
2033
.inline-toolbar.toolbar .button *:insensitive,