← Back to branch summary

~charlesk/ubuntu-themes/lp-1289465-add-display-brightness-icons-to-ubuntu-mobile

« back to all changes in this revision

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

  • Committer: CI Train Bot
  • Author(s): Lars Uebernickel
  • Date: 2015-03-19 12:00:34 UTC
  • mfrom: (420.2.4 titlebar)
  • Revision ID: ci-train-bot@canonical.com-20150319120034-gy393tn6quo3fp8q
Enhance header bar styling

Make window controls look more like unity's, add some padding, and make subtitles less prominent. Fixes: #1376565
Approved by: Sebastien Bacher, PS Jenkins bot, Dmitry Shachnev

Show diffs side-by-side

added added

removed removed

Lines of Context:
Ambiance/gtk-3.0/gtk-widgets.css
1488
1488
}
1489
1489
 
1490
1490
.header-bar {
1491
 
    padding: 2px;
 
1491
    padding: 2px 6px;
1492
1492
}
1493
1493
 
1494
1494
/*
1520
1520
    font: bold;
1521
1521
}
1522
1522
 
 
1523
.titlebar.header-bar .subtitle {
 
1524
    font-size: smaller;
 
1525
    opacity: 0.5;
 
1526
}
 
1527
 
1523
1528
.titlebar.header-bar:backdrop {
1524
1529
    color: @backdrop_fg_color;
1525
1530
    background-image: none;
1534
1539
}
1535
1540
 
1536
1541
.titlebar.header-bar .button.titlebutton {
1537
 
    border-image-width: 0;
 
1542
    background-clip: padding-box;
 
1543
    border: 1px solid #383734;
 
1544
    color: #3d3c37;
 
1545
    icon-shadow: 0 1px rgba(255, 255, 255, 0.1);
 
1546
    border-radius: 9px;
 
1547
    padding: 0;
1538
1548
    box-shadow: none;
1539
 
}
1540
 
 
1541
 
.titlebar.header-bar .button.titlebutton:hover {
1542
 
    border-image-width: 12px;
1543
 
}
 
1549
    background-image: linear-gradient(to top, #5a5955, #75746d 50%, #8e8d88);
 
1550
}
 
1551
 
 
1552
.titlebar.header-bar .button.titlebutton.close {
 
1553
    color: #323112;
 
1554
    icon-shadow: 0 1px rgba(255, 255, 255, 0.25);
 
1555
    background-image: linear-gradient(to top, #de4c19, #e55e30 50%, #f58d6e);
 
1556
}
 
1557
 
 
1558
.titlebar.header-bar .button.titlebutton.close:hover {
 
1559
    background-image: linear-gradient(to top, #e24f1b, #f17750 50%, #fba992);
 
1560
}
 
1561
 
 
1562
.titlebar.header-bar .button.titlebutton:hover,
 
1563
.titlebar.header-bar .button.titlebutton:backdrop:hover {
 
1564
    background-image: linear-gradient(to top, #969696, #bdbdbd 50%, #cacaca);
 
1565
}
 
1566
 
 
1567
.titlebar.header-bar .button.titlebutton:active {
 
1568
    icon-shadow: none;
 
1569
    background-image: linear-gradient(to top, #77766f, #74736c);
 
1570
}
 
1571
 
 
1572
.titlebar.header-bar .button.titlebutton.close:active {
 
1573
    background-image: linear-gradient(to top, #ec6e44, #e76b41);
 
1574
}
 
1575
 
 
1576
.titlebar.header-bar .button.titlebutton:backdrop {
 
1577
    color: #3d3c37;
 
1578
    icon-shadow: none;
 
1579
    background-image: linear-gradient(to top, #605f59, #5b5a54);
 
1580
}
 
1581
 
1544
1582
 
1545
1583
/***********
1546
1584
 * toolbar *