fc5038930014696e4aeba527746c64bf2ceec24d
[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 {
43     .content {
44         padding: 4px 14px;
45         word-wrap: break-word;
46         hr {
47             margin: 5px 0;
48         }
49     }
50 }
52 .jsenabled .block.hidden .content {
53     display: none;
54 }
56 .block .content .userpicture {
57     width: 16px;
58     height: 16px;
59     margin-right: 6px;
60 }
61 .block .content .list li.listentry {
62     clear: both;
63 }
64 .block .content .list .c0 {
65     display: inline;
66 }
67 .block .content .list .c1 {
68     margin-left: 5px;
69     display: inline;
70 }
72 .block .footer {
73     margin-bottom: 4px;
74 }
76 .block .blockannotation {
77     font-size: 0.75em;
78     margin: -1em 0 1em;
79 }
81 .block.list_block .unlist > li > .column {
82     display: inline-block;
83     .ie7-inline-block();
84 }
86 .blockmovetarget,
87 .block.beingmoved {
88     border-width: 2px;
89     border-style: dashed;
90 }
91 .blockmovetarget {
92     display: block;
93     height: 1em;
94     margin-bottom: 1em;
95 }
97 .block.invisible {
98     .opacity(50);
99 }
101 .block .block-hider-show,
102 .block .block-hider-hide {
103     cursor: pointer;
104     padding-right: 5px;
105     padding-left: 5px;
107 .block .block-hider-show,
108 .block.hidden .block-hider-hide {
109     display: none;
111 .block.hidden .block-hider-show {
112     display: inline;
115 .block_calendar_upcoming {
116     .footer {
117         margin-top: .5em;
118     }
119     .content {
120         .date {
121             padding-left: 22px;
122         }
123         .footer {
124             padding-top: 10px;
125             padding-left: 0px;
126         }
127     }
130 #adminsearchquery,
131 #blogsearchquery,
132 #searchform_search,
133 .block_adminblock select {
134     max-width: 92%;
136 .block_adminblock .singleselect {
137     display: block;
139 #searchform_search {
140     width: auto;
142 .block_rss_client {
143     .content li {
144         margin-bottom: 10px;
145         padding: 5px;
146         border: 1px solid #ddd;
147         .border-radius(@baseBorderRadius);
148         .link {
149             font-weight: inherit;
150         }
151     }
152     .list li:first-child {
153         border-top-width: 1px; // undo the style provided by the block's styles.css
154     }
157 .block_news_items .content {
158     .newlink {
159         padding-bottom: 10px;
160     }
161     ul li {
162         border-top: 1px rgba(0,0,0,0.05) solid;
163         padding: 2px;
164         display: table;
165         width: 100%;
166         .info {
167             display: table-header-group;
168         }
169         .date {
170             font-size: @fontSizeSmall;
171             display: inline;
172         }
173         .name {
174             font-size: @fontSizeSmall;
175             padding-left: 1ex;
176             display: inline;
177         }
178     }
179     .footer {
180         padding-top: 10px;
181         padding-left: 0px;
182     }
185 // Overide for RTL layout.
186 .dir-rtl {
187     .block .header,
188     .block h2.header {
189         text-align:right;
190     }
191     .block .header .commands {
192         text-align: left;
193     }
194     .block .header .block_action {
195         float: left;
196     }
197     .block_calendar_upcoming {
198         .content {
199             .date {
200                 padding-right: 22px;
201             }
202             .footer {
203                 padding-right: 0px;
204             }
205         }
206     }
207     .block_news_items .content {
208         ul li {
209             .name {
210                 padding-right: 1ex;
211             }
212         }
213         .footer {
214             padding-left: 0px;
215         }
216     }