← Back to branch summary

~ozonos/ozon-gtk-theme/master

« back to all changes in this revision

Viewing changes to gtk-3.0/scss/widgets/_misc.scss

  • Committer: Satyajit Sahoo
  • Date: 2015-05-22 16:28:34 UTC
  • Revision ID: git-v1:f6ead24b69fe7c0a411b920131b84a9313ec7d43
Change indentation to spaces

Show diffs side-by-side

added added

removed removed

Lines of Context:
gtk-3.0/scss/widgets/_misc.scss
3
3
****************/
4
4
 
5
5
@include exports("dimlabel") {
6
 
        .dim-label {
7
 
                opacity: 0.5;
8
 
                text-shadow: none;
9
 
        }
 
6
    .dim-label {
 
7
        opacity: 0.5;
 
8
        text-shadow: none;
 
9
    }
10
10
}
11
11
 
12
12
 
15
15
************/
16
16
 
17
17
@include exports("tooltip") {
18
 
        .tooltip {
19
 
                @include linear-gradient($tooltip_bg_color);
20
 
 
21
 
                border: none;
22
 
                border-radius: $roundness;
23
 
                color: $tooltip_fg_color;
24
 
 
25
 
                * { background-color: transparent; }
26
 
        }
 
18
    .tooltip {
 
19
        @include linear-gradient($tooltip_bg_color);
 
20
 
 
21
        border: none;
 
22
        border-radius: $roundness;
 
23
        color: $tooltip_fg_color;
 
24
 
 
25
        * { background-color: transparent; }
 
26
    }
27
27
}
28
28
 
29
29
 
32
32
************/
33
33
 
34
34
@include exports("dialogs") {
35
 
        GtkMessageDialog, .message-dialog, .prompt {
36
 
                -GtkDialog-content-area-border: 0;
37
 
                -GtkDialog-action-area-border: $spacing;
38
 
                -GtkDialog-button-spacing: 0;
 
35
    GtkMessageDialog, .message-dialog, .prompt {
 
36
        -GtkDialog-content-area-border: 0;
 
37
        -GtkDialog-action-area-border: $spacing;
 
38
        -GtkDialog-button-spacing: 0;
39
39
 
40
 
                margin: 0;
41
 
                padding: 0;
42
 
        }
 
40
        margin: 0;
 
41
        padding: 0;
 
42
    }
43
43
}
44
44
 
45
45
 
48
48
**********************/
49
49
 
50
50
@include exports("notifications") {
51
 
        .app-notification {
52
 
                border-style: solid;
53
 
                border-color: border_normal($base_color);
54
 
                border-width: 0 1px 1px 1px;
55
 
                border-radius: 0 0 $roundness $roundness;
56
 
                padding: $spacing * 3;
57
 
                background-color: $base_color;
58
 
                background-image: none;
59
 
                color: $text_color;
60
 
        }
 
51
    .app-notification {
 
52
        border-style: solid;
 
53
        border-color: border_normal($base_color);
 
54
        border-width: 0 1px 1px 1px;
 
55
        border-radius: 0 0 $roundness $roundness;
 
56
        padding: $spacing * 3;
 
57
        background-color: $base_color;
 
58
        background-image: none;
 
59
        color: $text_color;
 
60
    }
61
61
}
62
62
 
63
63
 
66
66
**************/
67
67
 
68
68
@include exports("expander") {
69
 
        GtkExpander {
70
 
                padding: $spacing;
71
 
                outline-offset: 1px;
72
 
        }
73
 
 
74
 
        .expander {
75
 
                color: alpha(currentColor, 0.7);
76
 
                border: alpha(currentColor, 0.7);
77
 
 
78
 
                &:hover {
79
 
                        color: alpha(currentColor, 0.8);
80
 
                        border-color: alpha(currentColor, 0.8);
81
 
                }
82
 
 
83
 
                &:active {
84
 
                        color: alpha(currentColor, 0.9);
85
 
                        border-color: alpha(currentColor, 0.9);
86
 
                }
87
 
        }
 
69
    GtkExpander {
 
70
        padding: $spacing;
 
71
        outline-offset: 1px;
 
72
    }
 
73
 
 
74
    .expander {
 
75
        color: alpha(currentColor, 0.7);
 
76
        border: alpha(currentColor, 0.7);
 
77
 
 
78
        &:hover {
 
79
            color: alpha(currentColor, 0.8);
 
80
            border-color: alpha(currentColor, 0.8);
 
81
        }
 
82
 
 
83
        &:active {
 
84
            color: alpha(currentColor, 0.9);
 
85
            border-color: alpha(currentColor, 0.9);
 
86
        }
 
87
    }
88
88
}
89
89
 
90
90
 
93
93
********************/
94
94
 
95
95
@include exports("symbolicimage") {
96
 
        .image {
97
 
                color: alpha(currentColor, 0.5);
98
 
 
99
 
                &:hover { color: alpha(currentColor, 0.9); }
100
 
 
101
 
                &:selected, &:selected:hover { color: $selected_fg_color; }
102
 
        }
 
96
    .image {
 
97
        color: alpha(currentColor, 0.5);
 
98
 
 
99
        &:hover { color: alpha(currentColor, 0.9); }
 
100
 
 
101
        &:selected, &:selected:hover { color: $selected_fg_color; }
 
102
    }
103
103
}
104
104
 
105
105
 
108
108
*****************/
109
109
 
110
110
@include exports("floatingbar") {
111
 
        .floating-bar {
112
 
                @include linear-gradient($bg_color);
113
 
 
114
 
                border: 1px solid border_normal($bg_color);
115
 
                border-radius: $roundness;
116
 
                color: $fg_color;
117
 
 
118
 
                &.top {
119
 
                        border-top-width: 0;
120
 
                        border-top-right-radius: 0;
121
 
                        border-top-left-radius: 0;
122
 
                }
123
 
 
124
 
                &.right {
125
 
                        border-right-width: 0;
126
 
                        border-top-right-radius: 0;
127
 
                        border-bottom-right-radius: 0;
128
 
                }
129
 
 
130
 
                &.bottom {
131
 
                        border-bottom-width: 0;
132
 
                        border-bottom-right-radius: 0;
133
 
                        border-bottom-left-radius: 0;
134
 
                }
135
 
 
136
 
                &.left {
137
 
                        border-left-width: 0;
138
 
                        border-bottom-left-radius: 0;
139
 
                        border-top-left-radius: 0;
140
 
                }
141
 
 
142
 
                .button {
143
 
                        -GtkButton-image-spacing: 0;
144
 
                        -GtkButton-inner-border: 0;
145
 
 
146
 
                        border: none;
147
 
                        background-color: transparent;
148
 
                        background-image: none;
149
 
                }
150
 
        }
 
111
    .floating-bar {
 
112
        @include linear-gradient($bg_color);
 
113
 
 
114
        border: 1px solid border_normal($bg_color);
 
115
        border-radius: $roundness;
 
116
        color: $fg_color;
 
117
 
 
118
        &.top {
 
119
            border-top-width: 0;
 
120
            border-top-right-radius: 0;
 
121
            border-top-left-radius: 0;
 
122
        }
 
123
 
 
124
        &.right {
 
125
            border-right-width: 0;
 
126
            border-top-right-radius: 0;
 
127
            border-bottom-right-radius: 0;
 
128
        }
 
129
 
 
130
        &.bottom {
 
131
            border-bottom-width: 0;
 
132
            border-bottom-right-radius: 0;
 
133
            border-bottom-left-radius: 0;
 
134
        }
 
135
 
 
136
        &.left {
 
137
            border-left-width: 0;
 
138
            border-bottom-left-radius: 0;
 
139
            border-top-left-radius: 0;
 
140
        }
 
141
 
 
142
        .button {
 
143
            -GtkButton-image-spacing: 0;
 
144
            -GtkButton-inner-border: 0;
 
145
 
 
146
            border: none;
 
147
            background-color: transparent;
 
148
            background-image: none;
 
149
        }
 
150
    }
151
151
}
152
152
 
153
153
 
156
156
**************************/
157
157
 
158
158
@include exports("touchbubble") {
159
 
        GtkBubbleWindow {
160
 
                border-radius: $roundness;
161
 
                background-clip: border-box;
162
 
 
163
 
                &.osd.background { background-color: $osd_bg; }
164
 
 
165
 
                .toolbar { background-color: transparent; }
166
 
        }
 
159
    GtkBubbleWindow {
 
160
        border-radius: $roundness;
 
161
        background-clip: border-box;
 
162
 
 
163
        &.osd.background { background-color: $osd_bg; }
 
164
 
 
165
        .toolbar { background-color: transparent; }
 
166
    }
167
167
}
168
168
 
169
169
/***************
171
171
****************/
172
172
 
173
173
@include exports("fontviewer") {
174
 
        SushiFontWidget {
175
 
                padding: $spacing ($spacing * 2);
176
 
        }
 
174
    SushiFontWidget {
 
175
        padding: $spacing ($spacing * 2);
 
176
    }
177
177
}
178
178
 
179
179
 
182
182
**************/
183
183
 
184
184
@include exports("charmap") {
185
 
        GucharmapChartable {
186
 
                background-color: $base_color;
187
 
                color: $text_color;
 
185
    GucharmapChartable {
 
186
        background-color: $base_color;
 
187
        color: $text_color;
188
188
 
189
 
                &:focus, &:hover, &:active, &:selected { @extend %selected; }
190
 
        }
 
189
        &:focus, &:hover, &:active, &:selected { @extend %selected; }
 
190
    }
191
191
}
192
192
 
193
193
 
196
196
**************/
197
197
 
198
198
@include exports("evolution") {
199
 
        EPreviewPane .entry {
200
 
                background-color: $base_color;
201
 
                color: $text_color;
202
 
        }
 
199
    EPreviewPane .entry {
 
200
        background-color: $base_color;
 
201
        color: $text_color;
 
202
    }
203
203
}
204
204
 
205
205
 
208
208
********************/
209
209
 
210
210
@include exports("gnome-bluetooth") {
211
 
        GtkEntry.entry.pin-entry {
212
 
                font: regular 50;
213
 
                padding-left: 25px;
214
 
                padding-right: 25px;
215
 
        }
 
211
    GtkEntry.entry.pin-entry {
 
212
        font: regular 50;
 
213
        padding-left: 25px;
 
214
        padding-right: 25px;
 
215
    }
216
216
 
217
 
        GtkLabel.pin-label { font: regular 50; }
 
217
    GtkLabel.pin-label { font: regular 50; }
218
218
}