root / templates / muncollapse / static / css / style-munstrap.css @ 12ded312
Historique | Voir | Annoter | Télécharger (3,85 ko)
| 1 | bc2dc914 | JTSage | @media (min-width: 992px) { |
|---|---|---|---|
| 2 | .modal-lg {
|
||
| 3 | width: 940px !important; |
||
| 4 | } |
||
| 5 | } |
||
| 6 | |||
| 7 | img.i { |
||
| 8 | display: block; |
||
| 9 | margin: 10px auto; |
||
| 10 | } |
||
| 11 | |||
| 12 | img.img-zoom { |
||
| 13 | cursor: pointer; |
||
| 14 | } |
||
| 15 | |||
| 16 | div.service-alert { |
||
| 17 | margin-top: 10px; |
||
| 18 | } |
||
| 19 | |||
| 20 | img#zoom_image { |
||
| 21 | 12ded312 | JTSage | border: none; |
| 22 | bc2dc914 | JTSage | } |
| 23 | |||
| 24 | ul.groupview, ul.groupview ul { |
||
| 25 | list-style-type: none; |
||
| 26 | } |
||
| 27 | |||
| 28 | .munin-icon {
|
||
| 29 | background: url(../img/logo-munin.png) left top; |
||
| 30 | 12ded312 | JTSage | width: 115px; |
| 31 | height: 30px; |
||
| 32 | bc2dc914 | JTSage | display: block; |
| 33 | } |
||
| 34 | |||
| 35 | |||
| 36 | img {
|
||
| 37 | box-sizing: content-box; |
||
| 38 | border: 2px solid transparent; |
||
| 39 | } |
||
| 40 | |||
| 41 | img.warn { |
||
| 42 | border: 2px solid #8a6d3b; |
||
| 43 | } |
||
| 44 | |||
| 45 | img.crit { |
||
| 46 | border: 2px solid #a94442; |
||
| 47 | } |
||
| 48 | |||
| 49 | img.unkn { |
||
| 50 | border: 2px solid #ffaa00; |
||
| 51 | } |
||
| 52 | |||
| 53 | |||
| 54 | html {
|
||
| 55 | position: relative; |
||
| 56 | min-height: 100%; |
||
| 57 | } |
||
| 58 | body {
|
||
| 59 | margin-bottom: 75px; /* Margin bottom by footer height */ |
||
| 60 | } |
||
| 61 | .footer {
|
||
| 62 | position: absolute; |
||
| 63 | bottom: 0; |
||
| 64 | width: 100%; |
||
| 65 | height: 60px; /* Set the fixed height of the footer here */ |
||
| 66 | line-height: 60px; /* Vertically center the text there */ |
||
| 67 | background-color: #f5f5f5; |
||
| 68 | } |
||
| 69 | |||
| 70 | .breadcrumb-item-svc::before { |
||
| 71 | display: inline-block; |
||
| 72 | color: #6c757d; |
||
| 73 | content: "["; |
||
| 74 | } |
||
| 75 | .breadcrumb-item-svc::after { |
||
| 76 | display: inline-block; |
||
| 77 | padding-right: .5rem; |
||
| 78 | color: #6c757d; |
||
| 79 | content: "]"; |
||
| 80 | } |
||
| 81 | |||
| 82 | .custom-collapse {
|
||
| 83 | color: #6c757d; |
||
| 84 | font-size: 75%; |
||
| 85 | } |
||
| 86 | .custom-collapse::before { |
||
| 87 | display: inline-block; |
||
| 88 | color: #6c757d; |
||
| 89 | content: "["; |
||
| 90 | } |
||
| 91 | .custom-collapse::after { |
||
| 92 | display: inline-block; |
||
| 93 | padding-right: .5rem; |
||
| 94 | color: #6c757d; |
||
| 95 | content: "]"; |
||
| 96 | } |
||
| 97 | |||
| 98 | .custom-collapse-all {
|
||
| 99 | color: #6c757d; |
||
| 100 | font-size: 75%; |
||
| 101 | } |
||
| 102 | .custom-collapse-all::before { |
||
| 103 | display: inline-block; |
||
| 104 | color: #6c757d; |
||
| 105 | content: "["; |
||
| 106 | } |
||
| 107 | .custom-collapse-all::after { |
||
| 108 | display: inline-block; |
||
| 109 | padding-right: .5rem; |
||
| 110 | color: #6c757d; |
||
| 111 | content: "]"; |
||
| 112 | } |
||
| 113 | |||
| 114 | .cat-list::before { |
||
| 115 | display: inline-block; |
||
| 116 | color: #6c757d; |
||
| 117 | content: "[ "; |
||
| 118 | } |
||
| 119 | .cat-list::after { |
||
| 120 | display: inline-block; |
||
| 121 | color: #6c757d; |
||
| 122 | content: " ]"; |
||
| 123 | } |
||
| 124 | |||
| 125 | span.twitter-typeahead .tt-menu { |
||
| 126 | cursor: pointer; |
||
| 127 | } |
||
| 128 | |||
| 129 | span.twitter-typeahead .tt-menu { |
||
| 130 | position: absolute; |
||
| 131 | top: 100%; |
||
| 132 | left: 0; |
||
| 133 | width: 100%; |
||
| 134 | z-index: 1000; |
||
| 135 | display: none; |
||
| 136 | float: left; |
||
| 137 | min-width: 160px; |
||
| 138 | padding: 5px 0; |
||
| 139 | margin: 2px 0 0; |
||
| 140 | font-size: 1rem; |
||
| 141 | color: #373a3c; |
||
| 142 | text-align: left; |
||
| 143 | list-style: none; |
||
| 144 | background-color: #fff; |
||
| 145 | background-clip: padding-box; |
||
| 146 | border: 1px solid rgba(0, 0, 0, 0.15); |
||
| 147 | border-radius: 0.25rem; |
||
| 148 | overflow: hidden; |
||
| 149 | } |
||
| 150 | |||
| 151 | span.twitter-typeahead .tt-suggestion { |
||
| 152 | display: block; |
||
| 153 | width: 100%; |
||
| 154 | padding: 3px 20px; |
||
| 155 | clear: both; |
||
| 156 | font-weight: normal; |
||
| 157 | line-height: 1.5; |
||
| 158 | color: #373a3c; |
||
| 159 | text-align: inherit; |
||
| 160 | white-space: nowrap; |
||
| 161 | background: none; |
||
| 162 | border: 0; |
||
| 163 | } |
||
| 164 | |||
| 165 | span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover { |
||
| 166 | color: #2b2d2f; |
||
| 167 | text-decoration: none; |
||
| 168 | background-color: #f5f5f5; |
||
| 169 | } |
||
| 170 | |||
| 171 | span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover { |
||
| 172 | color: #fff; |
||
| 173 | text-decoration: none; |
||
| 174 | background-color: #0275d8; |
||
| 175 | outline: 0; |
||
| 176 | } |
||
| 177 | |||
| 178 | span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover { |
||
| 179 | color: #818a91; |
||
| 180 | } |
||
| 181 | |||
| 182 | span.twitter-typeahead { |
||
| 183 | width: 100%; |
||
| 184 | } |
||
| 185 | |||
| 186 | .input-group span.twitter-typeahead { |
||
| 187 | display: block !important; |
||
| 188 | } |
||
| 189 | .input-group span.twitter-typeahead .tt-menu { |
||
| 190 | top: 2.375rem !important; |
||
| 191 | } |
||
| 192 | |||
| 193 | span.hangindent2 { padding-left: 1em; } |
||
| 194 | span.hangindent3 { padding-left: 2em; } |
||
| 195 | span.hangindent4 { padding-left: 3em; } |
||
| 196 | span.hangindent5 { padding-left: 4em; } |
||
| 197 | span.hangindent6 { padding-left: 5em; } |