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