1/* Customization of Dokwuki element */
2
3
4/* In the config page, the label are no wrap with bootstrap */
5/* Very hugely */
6#config__manager td.label label {
7    clear: left;
8    display: block;
9    white-space: normal;
10    color: #000000;
11    font-size: 100%;
12    font-weight: normal;
13    padding-right: 0.8em;
14}
15
16#config__manager fieldset td.value {
17    width: 33em;
18}
19
20#config__manager td.label {
21    padding-bottom: 0.6em;
22    padding-left: 1em;
23    padding-right: 0;
24    padding-top: 0.8em;
25    vertical-align: top;
26    border-bottom-left-radius: 0.25em;
27    border-bottom-right-radius: 0.25em;
28    border-top-left-radius: 0.25em;
29    border-top-right-radius: 0.25em;
30    display: inline;
31    font-size: 100%;
32    font-weight: normal;
33    line-height: 1;
34    white-space: nowrap;
35}
36
37#config__manager fieldset td {
38    text-align: left;
39}
40
41#config__manager td.label span.outkey {
42    background-color: #fff;
43    color: #666;
44    display: block;
45    float: left;
46    font-size: 70%;
47    margin-left: -1em;
48    margin-top: 0em;
49    padding-bottom: 0;
50    padding-left: 0.1em;
51    padding-right: 0.1em;
52    padding-top: 0;
53    position: relative;
54    z-index: 1;
55}
56
57#config__manager tr.default .input, #config__manager tr.default input {
58    background-color: #ffffff;
59}
60
61#config__manager tr.default select {
62   background-color: #ffffff;
63}
64
65#config__manager .selectiondefault,
66#config__manager tr.default td.value div.input {
67    background-color: unset;
68}
69
70#config__manager tr.default textarea  {
71    background-color: unset;
72}
73
74#config__manager tr .input {
75    background-color: unset;
76}
77
78
79/* The edit button */
80div.secedit button {
81    float: right;
82    font-size: 10px;
83}
84
85/* The text area in the edit form */
86textarea {
87    width: 100%;
88}
89
90/* Preview in the edit form */
91div.preview {
92    -moz-border-bottom-colors: none;
93    -moz-border-left-colors: none;
94    -moz-border-right-colors: none;
95    -moz-border-top-colors: none;
96    background-color: #f5f5f5;
97    border-bottom-color: #000;
98    border-bottom-style: dashed;
99    border-bottom-width: 1px;
100    border-image-outset: 0 0 0 0;
101    border-image-repeat: stretch stretch;
102    border-image-slice: 100% 100% 100% 100%;
103    border-image-source: none;
104    border-image-width: 1 1 1 1;
105    border-left-color: #000;
106    border-left-style: dashed;
107    border-left-width: 1px;
108    border-right-color: #000;
109    border-right-style: dashed;
110    border-right-width: 1px;
111    border-top-color: #000;
112    border-top-style: dashed;
113    border-top-width: 1px;
114    margin-bottom: 0;
115    margin-left: 2em;
116    margin-right: 0;
117    margin-top: 0;
118    padding-bottom: 4px;
119    padding-left: 4px;
120    padding-right: 4px;
121    padding-top: 4px;
122}
123
124/* No float when the media query is too small */
125@media (min-width: 0px) and (max-width: 576px) {
126
127	.mediaright {
128		float: none;
129	}
130
131	.medialeft {
132		float: none;
133	}
134
135}
136
137/* To resolve the overlapping of right element on the left picture */
138/* See http://stackoverflow.com/questions/710158/why-do-my-list-item-bullets-overlap-floating-elements */
139/* Conflict with the header menu, then only for the content inside the dokuwiki class */
140.dokuwiki ul {
141	overflow: hidden;
142}
143