← 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 Radiance/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:
Radiance/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
/*
1519
1519
    font: bold;
1520
1520
}
1521
1521
 
 
1522
.titlebar.header-bar .subtitle {
 
1523
    font-size: smaller;
 
1524
    opacity: 0.5;
 
1525
}
 
1526
 
1522
1527
.titlebar.header-bar:backdrop {
1523
1528
    color: @backdrop_fg_color;
1524
1529
    background-image: none;
1532
1537
}
1533
1538
 
1534
1539
.titlebar.header-bar .button.titlebutton {
1535
 
    border-image-width: 0;
 
1540
    background-clip: padding-box;
 
1541
    border: 1px solid #d0c7bf;
 
1542
    color: #8b8379;
 
1543
    icon-shadow: 0 1px rgba(255, 255, 255, 0.5);
 
1544
    border-radius: 9px;
 
1545
    padding: 0;
1536
1546
    box-shadow: none;
1537
 
}
1538
 
 
1539
 
.titlebar.header-bar .button.titlebutton:hover {
1540
 
    border-image-width: 12px;
 
1547
    background-image: linear-gradient(to top, #d5d2ce, #ece8e4 50%, #f7f4f3);
 
1548
}
 
1549
 
 
1550
.titlebar.header-bar .button.titlebutton.close {
 
1551
    color: #7f4025;
 
1552
    icon-shadow: 0 1px rgba(255, 255, 255, 0.25);
 
1553
    background-image: linear-gradient(to top, #e77041, #f17d4e 50%, #f9b39c);
 
1554
}
 
1555
 
 
1556
.titlebar.header-bar .button.titlebutton.close:hover {
 
1557
    background-image: linear-gradient(to top, #e67144, #ed8b67 50%, #f9cbbd);
 
1558
}
 
1559
 
 
1560
.titlebar.header-bar .button.titlebutton:hover,
 
1561
.titlebar.header-bar .button.titlebutton:backdrop:hover {
 
1562
    background-image: linear-gradient(to top, #e2e1df, #f8f6f3 50%, #fcfbf9);
 
1563
}
 
1564
 
 
1565
.titlebar.header-bar .button.titlebutton:active {
 
1566
    icon-shadow: none;
 
1567
    background-image: linear-gradient(to top, #fcfbf8, #fbf9f6);
 
1568
}
 
1569
 
 
1570
.titlebar.header-bar .button.titlebutton.close:active {
 
1571
    background-image: linear-gradient(to top, #f08054, #f07c4e);
 
1572
}
 
1573
 
 
1574
.titlebar.header-bar .button.titlebutton:backdrop {
 
1575
    color: #8b8379;
 
1576
    icon-shadow: none;
 
1577
    background-image: linear-gradient(to top, #ece9e6, #e8e4e1);
1541
1578
}
1542
1579
 
1543
1580
/***********