Merge branch 'MDL-25760' of git://github.com/ptrkmkl/moodle
[moodle.git] / theme / binarius / style / core.css
1 /* Global
2 --------------------------*/
4 body {
5     background: #555;
6     margin: 0;
7     padding: 0;
8     color: #000;
9 }
11 body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
12   font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
13 }
15 #wrapper {
16     margin: 25px 75px;
17     background: #fff;
18     -webkit-border-radius: 6px;
19     -moz-border-radius: 6px;
20     border-radius: 6px;
21     -webkit-box-shadow: 0px 0px 10px #000000;
22     -moz-box-shadow: 0px 0px 10px #000000;
23     box-shadow: 0px 0px 10px #000000;
24     padding: 10px;
25 }
27 a:link,a:visited {
28   color: #f14e16;
29 }
31 a:hover,a:active {
32     color:#fb961c;
33 }
35 a img {
36     border: none;
37 }
39 a:active {
40     outline: none;
41 }
43 fieldset#general {
44     border-color: #ddd;
45 }
47 /* Header
48 ------------------------------*/
50 #page-header {
51     background: #f04916 url([[pix:theme|header]]) repeat-x 0 0;
52     -webkit-border-radius: 6px;
53     -moz-border-radius: 6px;
54     border-radius: 6px;
55 }
57 #page-header .headermain {
58     color: #fff;
59     padding: 0.8em 0.5em;
60     font-size: 2.75em;
61 }
63 .headermenu {
64     color: #fff;
65 }
67 .headermenu a {
68     text-decoration: underline;
69     color: #fff;
70 }
72 .navbar {
73     font-size: 0.9em;
74     padding: 10px;color: #555;
75 }
77 .navbar .sep {
78     font-size: 0.85em;
79     padding-left: 5px;
80 }
82 /* Blocks 
83 -----------------------------*/
85 .block {
86     border: none;
87 }
89 .block .header {
90     background: #fb931c url([[pix:theme|sideblock]]) repeat-x 0 50%;
91     padding: 2px 5px;
92     -webkit-border-radius: 6px;
93     -moz-border-radius: 6px;
94     border-radius: 6px;
95 }
97 .block.hidden .header {
98     border-bottom: none;
99 }
101 .block .header h2 {
102     color: #fff;
103     font-size: 1.25em;
106 .editing .block .header .commands {
107     padding: 2px 10px;
110 .block .header .block_action {
111     margin-top: 3px;
114 .block .content {
115     padding:10px;
118 /* Course
119 -------------------------------*/
121 .course-content .main {
122     border: 1px solid #eee;
123     background: #eee;
126 .course-content .current {
127     background: #f14e16;
130 .course-content .current .left {
131     color: #fff;
134 .course-content .main .content {
135     background: #fff;
138 /* Forum 
139 --------------------------*/
141 .forumpost .topic {
142     background: #fb931c url([[pix:theme|header]]) repeat-x 0 50%;
143     color: #fff;
144     border: none;
145     padding: 0 10px;
146     -webkit-border-radius: 6px;
147     -moz-border-radius: 6px;
148     border-radius: 6px;
151 .forumpost .subject {
152     font-size: 1.2em;
153     font-weight: bold;
156 .forumpost .author {
157     font-size: 0.85em;
158     font-style: italic;
161 .forumpost .topic a:link,
162 .forumpost .topic a:visited {
163     color: #fff;
164     text-decoration: underline;
166 /* Footer
167 --------------------------*/
169 #page-footer {
170     color: #fff;
173 #footer {
174     color: #fff;
175     text-align: center;
177 /* Dock
178 -----------------------------*/
180 body.has_dock { 
181     margin: 0;
184 #dock { 
185     left: 75px;
186     margin-left: -30px;
187     border-width: 0;
188     background-color: transparent;
191 #dock .controls { 
192     bottom: auto;
193     background-color: #fb931c;
194     -webkit-border-bottom-left-radius: 6px;
195     -moz-border-radius-bottomleft: 6px;
196     border-bottom-left-radius: 6px;
199 #dock .dockeditem_container { 
200     position: relative;
203 #dock .dockeditem.firstdockitem { 
204     margin-top: 50px;
205     -webkit-border-top-left-radius: 6px;
206     -moz-border-radius-topleft: 6px;
207     border-top-left-radius: 6px;
210 #dock .dockeditem { 
211     background-color: #fff;
212     padding: 2px;
213     padding-right: 0px;
216 #dock .dockedtitle { 
217     border-width: 0;
220 #dock .dockedtitle h2 { 
221     margin: 0;
222     padding: 10px 3px;
225 #dock .dockedtitle.activeitem { 
226     background-color: #fb931c;
227     width: 35px;
228     -webkit-border-top-left-radius: 6px;
229     -moz-border-radius-topleft: 6px;
230     border-top-left-radius: 6px;
231     -webkit-border-bottom-left-radius: 6px;
232     -moz-border-radius-bottomleft: 6px;
233     border-bottom-left-radius: 6px;
236 #dockeditempanel { 
237     margin-left: 4px;
240 #dockeditempanel .dockeditempanel_content { 
241     background-color: #fff;
242     margin: 0 3px;
243     position: relative;
244     min-height: 100px;
245     border-color: #fb931c;
246     -webkit-border-radius: 6px;
247     -webkit-border-top-left-radius: 0;
248     -moz-border-radius: 6px;
249     -moz-border-radius-topleft: 0;
250     border-radius: 6px;
251     border-top-left-radius: 0;
254 #dockeditempanel .dockeditempanel_hd { 
255     border-width: 0;
256     background: #fb931c;
257     padding: 2px;
260 #dockeditempanel .dockeditempanel_hd h2 { 
261     font-size: 0.9em;
262     color: #fff;
265 .myclear {
266     clear: both;
269 .has-custom-menu #page-header .headermain {
270     padding-bottom: 0.4em;
273 #custommenu .yui3-menu-horizontal .yui3-menu-content,
274 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
275 #custommenu .yui3-menu-horizontal .yui3-menu-content ul,
276 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul,
277 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover > a,
278 #custommenu .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
279     border-width:0;
282 /*YUI Reset */
283 /*full menu bar */
284 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
285     background: none !important;
287 /*single items */
288 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
289     background: none !important;
291 /*active items */
292 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
293     background: none !important;
294     border-color:inherit;
297 .yui3-menuitem, .yui3-menuitem .yui3-menuitem-content {
298     border: none !important;
301 #custommenu .yui3-menu-horizontal .yui3-menu-content ul ul,
302 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul ul {
303     background-color:#F9F9F9;
304     border:1px solid #F14E16;
305     border-top-width:0;
308 #custommenu .yui3-menu-horizontal .yui3-menu-content .yui3-menu-label, .yui3-menuitem .yui3-menuitem-content, .yui3-menuitem {
309     color:#FFF !important;
312 .yui3-skin-sam #custommenu .yui3-menu-content,
313 .yui3-skin-sam #custommenu .yui3-menu .yui3-menu .yui3-menu-content {
314     padding:0;
317 #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label, .custom_menu_submenu .yui3-menuitem .yui3-menuitem-content {
318     color: #000 !important;
321 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover,
322 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover a,
323 .yui3-skin-sam #custommenu .yui3-menu .custom_menu_submenu .yui3-menuitem.yui3-menuitem-active .yui3-menuitem-content {
324     background-color:#F14E16 !important;
325     color:#FFF !important;
328 .yui3-skin-sam .yui3-menu-label-active,
329 .yui3-skin-sam .yui3-menu-label-menuvisible,
330 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
331 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible, #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label-active, #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label-menuvisible {
332     background-color:#F14E16 !important;
333     color:#FFF !important;
336 #custommenu .yui3-menu-horizontal .yui3-menu-content li a {
337     cursor:pointer;
340 .pagelayout-redirect #content p,
341 .pagelayout-redirect #content div {color:#FFF;}