Files
federated-calendar/data/gtk-styles.css
T
Erick Pérez Castellanos d03c95e765 Implementing GcalWeekView to match the mockups.
What to say about this commit.
There's just one FIXME in gcal-week-view.c, about the size/width of the
GtkScrollbar used. That should not be hardcoded.
Also the background color applied to the scrollbar through css-theming might be
better placed inside the code, since the effectis part of the view.
About this view is still missing a way of signaling the current day. We are on
it, yet.
2012-07-19 00:58:35 -04:00

99 lines
1.7 KiB
CSS

/*******
* OSD *
*******/
@define-color osd_highlight #ffffff;
@define-color osd_base #212526;
@define-color osd_fg #ededed;
@define-color osd_bg alpha(@osd_base, 0.80);
@define-color osd_toolbar_bg_a alpha(@osd_base, 0.80);
@define-color osd_toolbar_bg_b alpha(#101010, 0.80);
@define-color osd_toolbar_bg_c alpha(shade(@osd_base, 1.02), 0.80);
.contents.frame {
border: 0;
border-top: 1px lightgrey solid;
border-radius: 0px;
margin: 0;
}
.sources-views {
padding: 12px;
border-radius: 0;
border-style: none;
background-image: -gtk-gradient(linear, left top, left bottom,
from(@osd_toolbar_bg_a),
color-stop(0.63, @osd_toolbar_bg_b),
to(@osd_toolbar_bg_c));
color: @osd_fg;
background-color: @osd_bg;
}
.osd.view {
color: @osd_fg;
background-color: transparent;
}
.calendar-view header {
font: bold 12;
background-color: @theme_bg_color;
}
.calendar-view {
padding: 6px;
font: 10;
}
.calendar-view:selected {
color: #0C73E5;
font: bold;
}
.event {
border-radius: 0;
padding-top: 3px;
padding-left: 6px;
padding-bottom: 3px;
padding-right: 6px;
font: 9;
}
.event-details .frame {
border-style: solid;
border-color: @borders;
border-width: 0.5px;
border-radius: 0;
}
.scrollbar.slider {
background-color: alpha (@scrollbar_slider, 0.5);
border: #6e6e6e 1px solid;
}
.scrollbar.trough {
background-color: transparent;
background-image: none;
}
.entry {
border-radius: 0;
}
GtkClutterOffscreen.overlay {
background-color: transparent;
background-image: none;
}
GtkClutterOffscreen.overlay .frame {
padding: 12px;
margin: 12px;
}
GtkClutterOffscreen.overlay .frame * {
color: @theme_fg_color;
}