← Back to branch summary

~ubuntu-branches/ubuntu/utopic/moodle/utopic

« back to all changes in this revision

Viewing changes to theme/bootstrapbase/less/moodle/blocks.less

  • Committer: Package Import Robot
  • Author(s): Thijs Kinkhorst
  • Date: 2014-05-12 16:10:38 UTC
  • mfrom: (36.1.3 sid)
  • Revision ID: package-import@ubuntu.com-20140512161038-puyqf65k4e0s8ytz
Tags: 2.6.3-1
New upstream release.

Show diffs side-by-side

added added

removed removed

Lines of Context:
theme/bootstrapbase/less/moodle/blocks.less
 
1
// General block styles.
1
2
.block {
2
3
    .well;
3
4
    padding: 8px 0;
4
 
}
5
 
 
6
 
.block .header h2 {
7
 
    padding: .2em 0 0 .2em;
8
 
    margin: 0;
9
 
}
10
 
.block .header .title h2,
11
 
.block h3.main {
12
 
  .nav-header;
13
 
  font-size: 1.1em;
14
 
}
15
 
 
16
 
.block .header .title .commands,
17
 
.block_adminblock .content,
18
 
.block .footer {
19
 
    display: block;
20
 
    padding: 3px 15px;
21
 
}
22
 
.block .header .block_action {
23
 
    float: right;
24
 
}
25
 
.block .header .commands {
26
 
    clear: both;
27
 
    text-align: right;
28
 
}
29
 
.block .header .commands > a {
30
 
    margin: 0 3px;
31
 
}
32
 
.block .header .commands .icon img {
33
 
    width: 12px;
34
 
    height: 12px;
35
 
}
36
 
 
37
 
.block .content {
38
 
    padding: 4px 14px;
39
 
}
40
 
.block .content hr {
41
 
    margin: 5px 0;
42
 
}
43
 
 
 
5
 
 
6
    .header {
 
7
        h2 {
 
8
            .nav-header;
 
9
            font-size: 1.1em;
 
10
            word-wrap: break-word;
 
11
            margin: 0;
 
12
        }
 
13
        .block_action {
 
14
            padding: 3px 15px;
 
15
            float: right;
 
16
            > * {
 
17
                margin-left:3px;
 
18
            }
 
19
            .block-hider-show,
 
20
            .block-hider-hide {
 
21
                cursor: pointer;
 
22
            }
 
23
            .block-hider-show {
 
24
                display: none;
 
25
            }
 
26
        }
 
27
        .commands {
 
28
            clear: both;
 
29
            text-align: right;
 
30
            display: block;
 
31
            padding: 3px 15px;
 
32
 
 
33
            > a {
 
34
                margin: 0 3px;
 
35
            }
 
36
            .icon img {
 
37
                width: 12px;
 
38
                height: 12px;
 
39
            }
 
40
            img.actionmenu {
 
41
                width:auto;
 
42
            }
 
43
        }
 
44
    }
 
45
    .content {
 
46
        padding: 4px 14px;
 
47
        word-wrap: break-word;
 
48
 
 
49
        h3 {
 
50
            .nav-header;
 
51
            font-size: 1.1em;
 
52
        }
 
53
        hr {
 
54
            margin: 5px 0;
 
55
        }
 
56
        .userpicture {
 
57
            width: 16px;
 
58
            height: 16px;
 
59
            margin-right: 6px;
 
60
        }
 
61
        .list {
 
62
            li.listentry {
 
63
                clear: both;
 
64
            }
 
65
            .c0 {
 
66
                display: inline;
 
67
            }
 
68
            .c1 {
 
69
                margin-left: 5px;
 
70
                display: inline;
 
71
            }
 
72
        }
 
73
    }
 
74
    .footer {
 
75
        margin-bottom: 4px;
 
76
        display: block;
 
77
        padding: 3px 5px;
 
78
    }
 
79
    &.beingmoved {
 
80
        border-width: 2px;
 
81
        border-style: dashed;
 
82
    }
 
83
    &.invisible {
 
84
        .opacity(50);
 
85
    }
 
86
 
 
87
    &.hidden .header .block_action {
 
88
        .block-hider-hide {
 
89
            display: none;
 
90
        }
 
91
        .block-hider-show {
 
92
            display: inline;
 
93
        }
 
94
    }
 
95
    &.list_block .unlist > li > .column {
 
96
        display: inline-block;
 
97
        .ie7-inline-block();
 
98
    }
 
99
}
 
100
 
 
101
// Hide the block content when the block has been minimised.
44
102
.jsenabled .block.hidden .content {
45
103
    display: none;
46
104
}
47
105
 
48
 
.block .content .userpicture {
49
 
    width: 16px;
50
 
    height: 16px;
51
 
    margin-right: 6px;
52
 
}
53
 
.block .content .list li.listentry {
54
 
    clear: both;
55
 
}
56
 
.block .content .list .c0 {
57
 
    display: inline;
58
 
}
59
 
.block .content .list .c1 {
60
 
    margin-left: 5px;
61
 
    display: inline;
62
 
}
63
 
 
64
 
.block .footer {
65
 
    margin-bottom: 4px;
66
 
}
67
 
 
68
 
.block .blockannotation {
69
 
    font-size: 0.75em;
70
 
    margin: -1em 0 1em;
71
 
}
72
 
 
73
 
.block.list_block .unlist > li > .column {
74
 
    display: inline-block;
75
 
    .ie7-inline-block();
76
 
}
77
 
 
78
 
.blockmovetarget,
79
 
.block.beingmoved {
 
106
// Style the div used as a move target for non-drag+drop block moves.
 
107
.blockmovetarget {
80
108
    border-width: 2px;
81
109
    border-style: dashed;
82
 
}
83
 
.blockmovetarget {
84
110
    display: block;
85
111
    height: 1em;
86
 
    margin-bottom: 1em;
87
 
}
88
 
 
89
 
.block.invisible {
90
 
    .opacity(50);
91
 
}
92
 
 
93
 
.block .block-hider-show,
94
 
.block .block-hider-hide {
95
 
    cursor: pointer;
96
 
    padding-right: 5px;
97
 
    padding-left: 5px;
98
 
}
99
 
.block .block-hider-show,
100
 
.block.hidden .block-hider-hide {
101
 
    display: none;
102
 
}
103
 
.block.hidden .block-hider-show {
104
 
    display: inline;
105
 
}
106
 
 
107
 
.block_calendar_upcoming .footer {
108
 
    margin-top: .5em;
109
 
}
110
 
#adminsearchquery,
111
 
#blogsearchquery,
112
 
#searchform_search,
113
 
.block_adminblock select {
 
112
    margin-bottom: 20px;
 
113
}
 
114
 
 
115
// Style the div that contains the cancel link for moving a block with JS disabled.
 
116
.blockannotation {
 
117
    // Blocks have a bottom margin of 20px, to associate this link with the block being moved
 
118
    // we move it up 10px, and then give it a bottom margin of 10px giving it a better visual association
 
119
    position: relative;
 
120
    top: -10px;
 
121
    margin-bottom: 10px;
 
122
}
 
123
 
 
124
// Styles for the blog menu block.
 
125
.block_blog_menu #blogsearchquery {
114
126
    max-width: 92%;
115
127
}
116
 
.block_adminblock .singleselect {
117
 
    display: block;
118
 
}
119
 
#searchform_search {
120
 
    width: auto;
121
 
}
122
 
.block_rss_client .list li {
123
 
    border-top-color: darken(@wellBackground, 7%);
124
 
}
125
 
 
126
 
// Overide for RTL layout.
 
128
 
 
129
// Styles for the admin block.
 
130
.block_settings {
 
131
    #adminsearchquery {
 
132
        max-width: 92%;
 
133
    }
 
134
}
 
135
 
 
136
// Styles for the search forums block.
 
137
.block_search_forums {
 
138
    #searchform_search {
 
139
        width: auto;
 
140
        max-width: 92%;
 
141
    }
 
142
}
 
143
 
 
144
// Styles for the Calendar Upcoming block.
 
145
.block_calendar_upcoming {
 
146
    .content {
 
147
        .date {
 
148
            padding-left: 22px;
 
149
        }
 
150
        .footer {
 
151
            margin-top: .5em;
 
152
            padding-top: 10px;
 
153
            padding-left: 0px;
 
154
        }
 
155
    }
 
156
}
 
157
 
 
158
// Styles for the RSS client block.
 
159
.block_rss_client {
 
160
    .content li {
 
161
        margin-bottom: 10px;
 
162
        padding: 5px;
 
163
        border: 1px solid #ddd;
 
164
        .border-radius(@baseBorderRadius);
 
165
        .link {
 
166
            font-weight: inherit;
 
167
        }
 
168
    }
 
169
    .list li:first-child {
 
170
        border-top-width: 1px; // undo the style provided by the block's styles.css
 
171
    }
 
172
}
 
173
 
 
174
// Styles for the news items block.
 
175
.block_news_items .content {
 
176
    .newlink {
 
177
        padding-bottom: 10px;
 
178
    }
 
179
    ul li {
 
180
        border-top: 1px rgba(0,0,0,0.05) solid;
 
181
        padding: 2px;
 
182
        display: table;
 
183
        width: 100%;
 
184
        .info {
 
185
            display: table-header-group;
 
186
        }
 
187
        .date {
 
188
            font-size: @fontSizeSmall;
 
189
            display: inline;
 
190
        }
 
191
        .name {
 
192
            font-size: @fontSizeSmall;
 
193
            padding-left: 1ex;
 
194
            display: inline;
 
195
        }
 
196
    }
 
197
    .footer {
 
198
        padding-top: 10px;
 
199
        padding-left: 0px;
 
200
    }
 
201
}
 
202
 
 
203
// Overide for login block.
 
204
.block_login {
 
205
    input#login_username,
 
206
    input#login_password {
 
207
        width: 95%;
 
208
    }
 
209
    .content {
 
210
        margin-left: auto;
 
211
        margin-right: auto;
 
212
        max-width: 280px;
 
213
    }
 
214
    input[type="submit"] {
 
215
        margin: 10px 0;
 
216
    }
 
217
}
 
218
 
 
219
// Styles for the special "Add block" block shown while editing.
 
220
.block_adminblock {
 
221
    .content {
 
222
        display: block;
 
223
        padding: 3px 5px;
 
224
    }
 
225
    select {
 
226
        max-width: 92%;
 
227
    }
 
228
}
 
229
 
 
230
// RTL styles for blocks.
127
231
.dir-rtl {
128
 
    .block .header,
129
 
    .block h2.header {
130
 
        text-align:right;
131
 
    }
132
 
    .block .header .commands {
133
 
        text-align: left;
134
 
    }
135
 
    .block .header .block_action {
136
 
        float: left;
 
232
 
 
233
    // RTL styles for blocks in general.
 
234
    .block {
 
235
        .header {
 
236
            text-align:right;
 
237
            h2 {
 
238
                text-align:right;
 
239
            }
 
240
            .commands {
 
241
                text-align: left;
 
242
                > * {
 
243
                    margin-left:0;
 
244
                    margin-right:3px;
 
245
                }
 
246
            }
 
247
            .block_action {
 
248
                float: left;
 
249
            }
 
250
        }
 
251
    }
 
252
 
 
253
    // LTR styles for the calendar upcoming block.
 
254
    .block_calendar_upcoming {
 
255
        .content {
 
256
            .date {
 
257
                padding-right: 22px;
 
258
            }
 
259
            .footer {
 
260
                padding-right: 0px;
 
261
            }
 
262
        }
 
263
    }
 
264
 
 
265
    // RTL styles for the news items block.
 
266
    .block_news_items .content {
 
267
        ul li {
 
268
            .name {
 
269
                padding-right: 1ex;
 
270
            }
 
271
        }
 
272
        .footer {
 
273
            padding-left: 0px;
 
274
        }
137
275
    }
138
276
}