Files
federated-calendar/data/theme/gtk-styles.css
T
Erick Pérez Castellanos c3f8a4b973 Updated EditaDialog to match mockups.
Note: There's still missing one pixel border, I can't find the reason today.
And there's still need to theme better the background of the readonly header.
But the major changes are done.
2012-09-13 13:29:24 -04:00

130 lines
2.3 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);
GtkClutterOffscreen.contents {
background-color: #fafafa;
background-image: none;
}
GtkClutterOffscreen.contents .frame {
border: 0;
border-top: 1px lightgrey solid;
border-radius: 0px;
margin: 0;
}
.main-toolbar {
padding: 12px;
}
.main-toolbar .button, .toolbar-button {
padding: 2px;
}
.osd.view {
color: @osd_fg;
background-color: transparent;
}
.calendar-view header {
font: bold 12;
padding: 12px;
}
.calendar-view {
padding: 6px;
font: 10;
}
.calendar-view:selected {
color: #0C73E5;
background-color: shade (#fff, 0.5);
font: bold;
}
.event {
border: darker(@borders) 1px solid;
border-radius: 2px;
margin-top: 3px;
margin-left: 6px;
margin-bottom: 3px;
margin-right: 6px;
padding: 4px;
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;
}
GtkOverlay > GtkButton {
padding-top: 0px;
padding-right: 0px;
background-color: transparent;
background-image: none;
border: 0;
}
.new-event-view {
padding: 18px;
border: darker(@borders) 1px solid;
color: @theme_fg_color;
background-color: @theme_bg_color;
-GcalArrowBin-arrow-size: 12px;
-GcalArrowContainer-shadow-span: 3px;
}
.edit-dialog {
-GtkDialog-content-area-border: 0;
-GtkDialog-action-area-border: 18;
}
.readonly {
background-repeat: repeat;
background-image: linear-gradient(to bottom,
@borders,
shade(@theme_bg_color, 1.0));
}