1/**
2 * codologic CSS
3 *
4 * @link     http://codologic.com
5 *
6 * Author: Avinash D'Silva <avinash.roshan.dsilva@gmail.com|codologic.com>
7 *
8 * Previous Authors:
9 * @author   Anika Henke <anika@selfthinker.org>
10 * @author   Clarence Lee <clarencedglee@gmail.com>
11 * @license  GPL 2 (http://www.gnu.org/licenses/gpl.html)
12 */
13
14
15#dokuwiki__header {
16    padding: 2em 0 1.5em;
17
18    .headings,
19    .tools {
20        margin-bottom: 1.5em;
21        width: 49%;
22    }
23    .tools {
24        margin-top: .2em;
25    }
26
27    h1 {
28        margin: 0;
29        font-size: 1.5em;
30        font-weight: normal;
31
32        img {
33            float: left;
34            margin-right: .5em;
35        }
36
37        span {
38            display: block;
39            padding-top: 10px;
40        }
41
42        a {
43            text-decoration: none;
44            color: @ini_text;
45            background-color: inherit;
46        }
47    }
48
49    p.claim {
50        margin-bottom: 0;
51        font-size: 0.875em;
52    }
53}
54
55[dir=rtl] #dokuwiki__header h1 img {
56    float: right;
57    margin-left: .5em;
58    margin-right: 0;
59}
60
61/* tools
62********************************************************************/
63
64/* highlight selected tool */
65.mode_admin a.action.admin,
66.mode_login a.action.login,
67.mode_register a.action.register,
68.mode_profile a.action.profile,
69.mode_recent a.action.recent,
70.mode_index a.action.index,
71.mode_media a.action.media,
72.mode_revisions a.action.revs,
73.mode_backlink a.action.backlink,
74.mode_subscribe a.action.subscribe {
75    font-weight: bold;
76}
77
78#dokuwiki__header .tools {
79    ul {
80        padding-left: 0;
81        margin-bottom: 0;
82    }
83
84    li {
85        font-size: 0.875em;
86        margin-left: 1em;
87        list-style: none;
88        display: inline;
89    }
90
91    form.search div.ajax_qsearch li {
92        font-size: 1em;
93        margin-left: 0;
94        display: block;
95        overflow: hidden;
96
97        text-overflow: ellipsis;
98    }
99}
100
101[dir=rtl] #dokuwiki__header .tools li {
102    margin-right: 1em;
103    margin-left: 0;
104}
105
106#dokuwiki__usertools a.action {
107    padding-left: 20px;
108    background: transparent url(images/usertools.png) no-repeat 0 0;
109}
110
111[dir=rtl] #dokuwiki__usertools a.action {
112    padding-left: 0;
113    padding-right: 20px;
114}
115
116[dir=rtl] #IE7 #dokuwiki__usertools a.action {
117    display: inline-block;
118}
119
120#dokuwiki__header .mobileTools {
121    display: none; /* hide mobile tools dropdown to only show in mobile view */
122}
123
124/*____________ user tools ____________*/
125
126#dokuwiki__usertools {
127    position: absolute;
128    top: .5em;
129    right: .5em;
130    text-align: right;
131    width: 100%;
132
133    ul {
134        margin: 0 auto;
135        padding: 0;
136        max-width: @ini_site_width;
137    }
138
139    a.action.admin {
140        background-position: left 0;
141    }
142
143    a.action.profile {
144        background-position: left -32px;
145    }
146
147    a.action.register {
148        background-position: left -64px;
149    }
150
151    a.action.login {
152        background-position: left -96px;
153    }
154
155    a.action.logout {
156        background-position: left -128px;
157    }
158}
159
160[dir=rtl] #dokuwiki__usertools {
161    text-align: left;
162    left: 40px;
163    right: auto;
164
165    a.action.admin {
166        background-position: right 0;
167    }
168
169    a.action.profile {
170        background-position: right -32px;
171    }
172
173    a.action.register {
174        background-position: right -64px;
175    }
176
177    a.action.login {
178        background-position: right -96px;
179    }
180
181    a.action.logout {
182        background-position: right -128px;
183    }
184}
185
186/*____________ site tools ____________*/
187
188#dokuwiki__sitetools {
189    text-align: center;
190
191    form.search {
192        display: block;
193        font-size: 0.875em;
194        position: relative;
195
196        input.edit {
197            width: 19em;
198            border-radius:12px;
199            outline:none;
200
201            padding: .35em 22px .35em .1em;
202            padding-left:5px;
203        }
204
205          .ajax_qsearch{
206        display:none;
207        position:static;
208        margin-top:12px;
209        background: #FFFFFF;
210            ul{
211            text-align:right;
212
213                a{color:#2b73b7;}
214            }
215        }
216
217        input.button, button {
218            background: transparent url(images/search.png) no-repeat 0 0;
219            border-width: 0;
220            width: 19px;
221            height: 14px;
222            text-indent: -99999px;
223            margin-left: -20px;
224            box-shadow: none;
225            padding: 0;
226        }
227    }
228
229    ul {
230       margin-top: 0.5em;
231    }
232
233}
234
235[dir=rtl] #dokuwiki__sitetools {
236    text-align: left;
237
238    form.search {
239        input.edit {
240            padding: .35em .1em .35em 22px;
241        }
242
243
244
245        input.button {
246            background-position: 5px 0;
247            margin-left: 0;
248            margin-right: -20px;
249            position: relative;
250        }
251    }
252}
253
254#IE7 #dokuwiki__sitetools form.search {
255    min-height: 1px;
256    z-index: 21;
257}
258
259/*____________codo wiki ______________*/
260
261@pad_side:4px;
262
263.codowiki_west{
264
265background:#343131 !important;
266}
267
268.codo_active{
269
270
271        background:#FFF;
272        color:black !important;
273        font-weight:bold;
274
275
276}
277
278.codo_side_content{
279    ul{
280    padding:0px;
281    }
282    li{
283
284
285
286        a{
287        display:block;
288        color:#b3b3b3;
289        }
290
291        a:hover{
292        text-decoration:none;
293        background:#4e4a4a;
294        }
295
296
297            margin:0;
298    }
299
300}
301
302
303.codowiki_west_header{
304
305background-color: #2980B9;
306text-align: center;
307color: #FCFCFC;
308
309a{
310
311color:#FCFCFC;
312text-decoration:none !important;
313
314}
315
316
317
318h1{
319font-size:12pt;
320
321margin: 20px 0px 20px 0px;
322
323    span{
324        position: relative;
325        top: 1px;
326    }
327
328}
329
330}
331
332#codowiki_search_ul{
333
334    text-align:center;
335    padding: 0 0 0 0;
336       padding-bottom:5px;
337
338    ul {
339       margin-top: 0;
340
341    }
342
343    li{
344    font-size:10px;
345    display:inline;
346    list-style:none;
347    margin:0 0 0 0;
348    margin-right:6px;
349    }
350
351}
352
353/*remove the padding from the plugin
354refer:http://stackoverflow.com/questions/3293771/how-to-get-rid-of-margins-in-jquery-layout
355*/
356.ui-layout-pane {
357  padding: 0px !important;
358}
359
360
361/*____________ breadcrumbs ____________*/
362
363.dokuwiki div.breadcrumbs {
364    border-top: 1px solid @ini_border;
365    border-bottom: 1px solid @ini_background;
366    margin-bottom: .5em;
367    font-size: 0.875em;
368    clear: both;
369
370    div {
371        padding: .1em .35em;
372    }
373
374    div:only-child {
375        border-top: 1px solid @ini_background;
376        border-bottom: 1px solid @ini_border;
377    }
378
379    div:first-child {
380        border-top: 1px solid @ini_background;
381    }
382
383    div:last-child {
384        border-bottom: 1px solid @ini_border;
385    }
386
387    a {
388        color: @ini_link;
389        background-color: inherit;
390    }
391
392    .bcsep {
393        font-size: 0.75em;
394    }
395}
396
397#IE7 .dokuwiki div.breadcrumbs div,
398#IE8 .dokuwiki div.breadcrumbs div {
399    border-bottom: 1px solid @ini_border;
400}
401
402/* sidebar
403********************************************************************/
404
405#dokuwiki__aside {
406
407    > .pad {
408        font-size: 0.875em;
409        overflow: hidden;
410        word-wrap: break-word;
411    }
412
413    /* make sidebar more condensed */
414
415    h1 {
416        font-size: 1.714em;
417        margin-bottom: .292em;
418    }
419
420    h2 {
421        margin-bottom: .333em;
422    }
423
424    h3 {
425        margin-bottom: .444em;
426    }
427
428    h4 {
429        margin-bottom: .5em;
430    }
431
432    h5 {
433        margin-bottom: .5714em;
434    }
435
436    p,
437    ul,
438    ol,
439    dl,
440    pre,
441    table,
442    fieldset,
443    hr,
444    blockquote,
445    address {
446        margin-bottom: .7em;
447    }
448
449    ul,
450    ol {
451        padding-left: .5em;
452    }
453
454    li ul,
455    li ol {
456        margin-bottom: 0;
457        padding: 0;
458    }
459
460    a:link,
461    a:visited {
462        color: @ini_link;
463        background-color: inherit;
464    }
465}
466
467[dir=rtl] #dokuwiki__aside ul,
468[dir=rtl] #dokuwiki__aside ol {
469    padding-right: .5em;
470}
471
472/* content
473********************************************************************/
474
475.dokuwiki .pageId {
476    position: absolute;
477    top: -2.3em;
478    right: -1em;
479    overflow: hidden;
480    padding: 1em 1em 0;
481
482    span {
483        font-size: 0.875em;
484        border: solid @ini_background_alt;
485        border-width: 1px 1px 0;
486        background-color: @ini_background;
487        color: @ini_text_alt;
488        padding: .1em .35em;
489        border-top-left-radius: 2px;
490        border-top-right-radius: 2px;
491        box-shadow: 0 0 .5em @ini_text_alt;
492        display: block;
493    }
494}
495
496.dokuwiki div.page {
497    background: @ini_background;
498    color: inherit;
499    /*border: 1px solid @ini_background_alt;
500    box-shadow: 0 0 .5em @ini_text_alt;
501    border-radius: 2px;*/
502    padding: 1.556em 2em 2em;
503    margin-bottom: .5em;
504    overflow: hidden;
505    word-wrap: break-word;
506}
507
508.dokuwiki .docInfo {
509    font-size: 0.875em;
510    text-align: right;
511}
512
513/* license note under edit window */
514.dokuwiki div.license {
515    font-size: 93.75%;
516}
517
518[dir=rtl] .dokuwiki .docInfo {
519    text-align: left;
520}
521
522[dir=rtl] .dokuwiki .pageId {
523    right: auto;
524    left: -1em;
525}
526
527/* footer
528********************************************************************/
529
530.dokuwiki .wrapper {
531    margin-bottom: 1.4em;
532}
533
534#dokuwiki__footer {
535   /* margin-bottom: 1em;*/
536    text-align: center;
537
538    > .pad {
539        font-size: 0.875em;
540        padding-top:4px;
541    }
542
543    div.license {
544        margin-bottom: 0.5em;
545        font-size: 100%;
546    }
547
548    div.buttons a {
549        img {
550            opacity: 0.5;
551        }
552
553        &:hover img,
554        &:active img,
555        &:focus img {
556            opacity: 1;
557        }
558    }
559
560}
561
562[dir=rtl] #dokuwiki__footer .license img {
563    margin: 0 0 0 .5em;
564}
565