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