MDL-40205 theme: fixed overflow of block headers
[moodle.git] / theme / bootstrapbase / less / moodle / blocks.less
1 .block {
2     .well;
3     padding: 8px 0;
4 }
6 .block .header .title h2,
7 .block h3 {
8   .nav-header;
9   font-size: 1.1em;
10 }
12 .block .header .title .commands,
13 .block_adminblock .content,
14 .block .footer {
15     display: block;
16     padding: 3px 5px;
17 }
18 .block .header .block_action {
19     padding:4px;
20     float: right;
21 }
22 .block .header .commands {
23     clear: both;
24     text-align: right;
25 }
26 .block .header .commands > a {
27     margin: 0 3px;
28 }
29 .block .header .commands .icon img {
30     width: 12px;
31     height: 12px;
32 }
34 .block .header .commands img.actionmenu {
35     width:auto;
36 }
38 .block {
39     .header h2 {
40         word-wrap: break-word;
41         padding: .2em 0 0 .2em;
42         margin: 0;
43     }
44     .content {
45         padding: 4px 14px;
46         word-wrap: break-word;
47         hr {
48             margin: 5px 0;
49         }
50     }
51 }
53 .jsenabled .block.hidden .content {
54     display: none;
55 }
57 .block .content .userpicture {
58     width: 16px;
59     height: 16px;
60     margin-right: 6px;
61 }
62 .block .content .list li.listentry {
63     clear: both;
64 }
65 .block .content .list .c0 {
66     display: inline;
67 }
68 .block .content .list .c1 {
69     margin-left: 5px;
70     display: inline;
71 }
73 .block .footer {
74     margin-bottom: 4px;
75 }
77 .block .blockannotation {
78     font-size: 0.75em;
79     margin: -1em 0 1em;
80 }
82 .block.list_block .unlist > li > .column {
83     display: inline-block;
84     .ie7-inline-block();
85 }
87 .blockmovetarget,
88 .block.beingmoved {
89     border-width: 2px;
90     border-style: dashed;
91 }
92 .blockmovetarget {
93     display: block;
94     height: 1em;
95     margin-bottom: 1em;
96 }
98 .block.invisible {
99     .opacity(50);
102 .block .block-hider-show,
103 .block .block-hider-hide {
104     cursor: pointer;
105     padding-right: 5px;
106     padding-left: 5px;
108 .block .block-hider-show,
109 .block.hidden .block-hider-hide {
110     display: none;
112 .block.hidden .block-hider-show {
113     display: inline;
116 .block_calendar_upcoming {
117     .footer {
118         margin-top: .5em;
119     }
120     .content {
121         .date {
122             padding-left: 22px;
123         }
124         .footer {
125             padding-top: 10px;
126             padding-left: 0px;
127         }
128     }
131 #adminsearchquery,
132 #blogsearchquery,
133 #searchform_search,
134 .block_adminblock select {
135     max-width: 92%;
137 .block_adminblock .singleselect {
138     display: block;
140 #searchform_search {
141     width: auto;
143 .block_rss_client {
144     .content li {
145         margin-bottom: 10px;
146         padding: 5px;
147         border: 1px solid #ddd;
148         .border-radius(@baseBorderRadius);
149         .link {
150             font-weight: inherit;
151         }
152     }
153     .list li:first-child {
154         border-top-width: 1px; // undo the style provided by the block's styles.css
155     }
158 .block_news_items .content {
159     .newlink {
160         padding-bottom: 10px;
161     }
162     ul li {
163         border-top: 1px rgba(0,0,0,0.05) solid;
164         padding: 2px;
165         display: table;
166         width: 100%;
167         .info {
168             display: table-header-group;
169         }
170         .date {
171             font-size: @fontSizeSmall;
172             display: inline;
173         }
174         .name {
175             font-size: @fontSizeSmall;
176             padding-left: 1ex;
177             display: inline;
178         }
179     }
180     .footer {
181         padding-top: 10px;
182         padding-left: 0px;
183     }
186 // Overide for RTL layout.
187 .dir-rtl {
188     .block .header,
189     .block h2.header {
190         text-align:right;
191     }
192     .block .header .commands {
193         text-align: left;
194     }
195     .block .header .block_action {
196         float: left;
197     }
198     .block_calendar_upcoming {
199         .content {
200             .date {
201                 padding-right: 22px;
202             }
203             .footer {
204                 padding-right: 0px;
205             }
206         }
207     }
208     .block_news_items .content {
209         ul li {
210             .name {
211                 padding-right: 1ex;
212             }
213         }
214         .footer {
215             padding-left: 0px;
216         }
217     }