bootstrap.css (5285B)
1 /** 2 * Bootstrap extras 3 * By Dreamvention 4 */ 5 6 /* callouts */ 7 .bs-callout { 8 padding: 20px; 9 margin: 0 0 20px 0; 10 border: 1px solid #eee; 11 border-left-width: 5px; 12 border-radius: 3px; 13 background: #fff; 14 } 15 .bs-callout h4 { 16 margin-top: 0; 17 margin-bottom: 5px; 18 } 19 .bs-callout p:last-child { 20 margin-bottom: 0; 21 } 22 .bs-callout code { 23 border-radius: 3px; 24 } 25 .bs-callout+.bs-callout { 26 margin-top: -5px; 27 } 28 .bs-callout-default { 29 border-left-color: #777; 30 } 31 .bs-callout-default h4 { 32 color: #777; 33 } 34 .bs-callout-primary { 35 border-left-color: #428bca; 36 } 37 .bs-callout-primary h4 { 38 color: #428bca; 39 } 40 .bs-callout-success { 41 border-left-color: #5cb85c; 42 } 43 .bs-callout-success h4 { 44 color: #5cb85c; 45 } 46 .bs-callout-danger { 47 border-left-color: #d9534f; 48 } 49 .bs-callout-danger h4 { 50 color: #d9534f; 51 } 52 .bs-callout-warning { 53 border-left-color: #f0ad4e; 54 } 55 .bs-callout-warning h4 { 56 color: #f0ad4e; 57 } 58 .bs-callout-info { 59 border-left-color: #5bc0de; 60 } 61 .bs-callout-info h4 { 62 color: #5bc0de; 63 } 64 /* margins & paddings */ 65 .p-xxs { 66 padding: 5px; 67 } 68 .p-xs { 69 padding: 10px; 70 } 71 .p-sm { 72 padding: 15px; 73 } 74 .p-m { 75 padding: 20px; 76 } 77 .p-md { 78 padding: 25px; 79 } 80 .p-lg { 81 padding: 30px; 82 } 83 .p-xl { 84 padding: 40px; 85 } 86 .p-n{ 87 padding: 0 !important; 88 } 89 .m-xxs { 90 margin: 2px 4px; 91 } 92 .m-xs { 93 margin: 5px; 94 } 95 .m-sm { 96 margin: 10px; 97 } 98 .m { 99 margin: 15px; 100 } 101 .m-md { 102 margin: 20px; 103 } 104 .m-lg { 105 margin: 30px; 106 } 107 .m-xl { 108 margin: 50px; 109 } 110 .m-n { 111 margin: 0 !important; 112 } 113 .m-l-none { 114 margin-left: 0; 115 } 116 .m-l-xs { 117 margin-left: 5px; 118 } 119 .m-l-sm { 120 margin-left: 10px; 121 } 122 .m-l { 123 margin-left: 15px; 124 } 125 .m-l-md { 126 margin-left: 20px; 127 } 128 .m-l-lg { 129 margin-left: 30px; 130 } 131 .m-l-xl { 132 margin-left: 40px; 133 } 134 .m-l-n-xxs { 135 margin-left: -1px; 136 } 137 .m-l-n-xs { 138 margin-left: -5px; 139 } 140 .m-l-n-sm { 141 margin-left: -10px; 142 } 143 .m-l-n { 144 margin-left: -15px; 145 } 146 .m-l-n-md { 147 margin-left: -20px; 148 } 149 .m-l-n-lg { 150 margin-left: -30px; 151 } 152 .m-l-n-xl { 153 margin-left: -40px; 154 } 155 .m-t-none { 156 margin-top: 0; 157 } 158 .m-t-xxs { 159 margin-top: 1px; 160 } 161 .m-t-xs { 162 margin-top: 5px; 163 } 164 .m-t-sm { 165 margin-top: 10px; 166 } 167 .m-t { 168 margin-top: 15px; 169 } 170 .m-t-md { 171 margin-top: 20px; 172 } 173 .m-t-lg { 174 margin-top: 30px; 175 } 176 .m-t-xl { 177 margin-top: 40px; 178 } 179 .m-t-n-xxs { 180 margin-top: -1px; 181 } 182 .m-t-n-xs { 183 margin-top: -5px; 184 } 185 .m-t-n-sm { 186 margin-top: -10px; 187 } 188 .m-t-n { 189 margin-top: -15px; 190 } 191 .m-t-n-md { 192 margin-top: -20px; 193 } 194 .m-t-n-lg { 195 margin-top: -30px; 196 } 197 .m-t-n-xl { 198 margin-top: -40px; 199 } 200 .m-r-none { 201 margin-right: 0; 202 } 203 .m-r-xxs { 204 margin-right: 1px; 205 } 206 .m-r-xs { 207 margin-right: 5px; 208 } 209 .m-r-sm { 210 margin-right: 10px; 211 } 212 .m-r { 213 margin-right: 15px; 214 } 215 .m-r-md { 216 margin-right: 20px; 217 } 218 .m-r-lg { 219 margin-right: 30px; 220 } 221 .m-r-xl { 222 margin-right: 40px; 223 } 224 .m-r-n-xxs { 225 margin-right: -1px; 226 } 227 .m-r-n-xs { 228 margin-right: -5px; 229 } 230 .m-r-n-sm { 231 margin-right: -10px; 232 } 233 .m-r-n { 234 margin-right: -15px; 235 } 236 .m-r-n-md { 237 margin-right: -20px; 238 } 239 .m-r-n-lg { 240 margin-right: -30px; 241 } 242 .m-r-n-xl { 243 margin-right: -40px; 244 } 245 .m-b-none { 246 margin-bottom: 0; 247 } 248 .m-b-xxs { 249 margin-bottom: 1px; 250 } 251 .m-b-xs { 252 margin-bottom: 5px; 253 } 254 .m-b-sm { 255 margin-bottom: 10px; 256 } 257 .m-b { 258 margin-bottom: 15px; 259 } 260 .m-b-md { 261 margin-bottom: 20px; 262 } 263 .m-b-lg { 264 margin-bottom: 30px; 265 } 266 .m-b-xl { 267 margin-bottom: 40px; 268 } 269 .m-b-n-xxs { 270 margin-bottom: -1px; 271 } 272 .m-b-n-xs { 273 margin-bottom: -5px; 274 } 275 .m-b-n-sm { 276 margin-bottom: -10px; 277 } 278 .m-b-n { 279 margin-bottom: -15px; 280 } 281 .m-b-n-md { 282 margin-bottom: -20px; 283 } 284 .m-b-n-lg { 285 margin-bottom: -30px; 286 } 287 .m-b-n-xl { 288 margin-bottom: -40px; 289 } 290 .space-15 { 291 margin: 15px 0; 292 } 293 .space-20 { 294 margin: 20px 0; 295 } 296 .space-25 { 297 margin: 25px 0; 298 } 299 .space-30 { 300 margin: 30px 0; 301 } 302 303 /* 304 * Opencart fixes 305 */ 306 .modal-dialog .form-group{ 307 margin-left: 0px; 308 margin-right: 0px; 309 } 310 311 .alert-inline{ 312 padding: 8px; 313 min-height: 35px; 314 margin-bottom: 0px; 315 } 316 @media (min-width:1200px){ 317 .row-clear .col-lg-1:nth-child(12n+1){clear:left;} 318 .row-clear .col-lg-2:nth-child(6n+1){clear:left;} 319 .row-clear .col-lg-3:nth-child(4n+1){clear:left;} 320 .row-clear .col-lg-4:nth-child(3n+1){clear:left;} 321 .row-clear .col-lg-6:nth-child(odd){clear:left;} 322 .row-clear .col-md-1:nth-child(12n+1){clear:left;} 323 .row-clear .col-md-2:nth-child(6n+1){clear:left;} 324 .row-clear .col-md-3:nth-child(4n+1){clear:left;} 325 .row-clear .col-md-4:nth-child(3n+1){clear:left;} 326 .row-clear .col-md-6:nth-child(odd){clear:left;} 327 } 328 @media (min-width:992px) and (max-width:1199px){ 329 .row-clear .col-md-1:nth-child(12n+1){clear:left;} 330 .row-clear .col-md-2:nth-child(6n+1){clear:left;} 331 .row-clear .col-md-3:nth-child(4n+1){clear:left;} 332 .row-clear .col-md-4:nth-child(3n+1){clear:left;} 333 .row-clear .col-md-6:nth-child(odd){clear:left;} 334 } 335 @media (min-width:768px) and (max-width:991px){ 336 .row-clear .col-sm-1:nth-child(12n+1){clear:left;} 337 .row-clear .col-sm-2:nth-child(6n+1){clear:left;} 338 .row-clear .col-sm-3:nth-child(4n+1){clear:left;} 339 .row-clear .col-sm-4:nth-child(3n+1){clear:left;} 340 .row-clear .col-sm-6:nth-child(odd){clear:left;} 341 } 342 @media (max-width:767px){ 343 .row-clear .col-xs-1:nth-child(12n+1){clear:left;} 344 .row-clear .col-xs-2:nth-child(6n+1){clear:left;} 345 .row-clear .col-xs-3:nth-child(4n+1){clear:left;} 346 .row-clear .col-xs-4:nth-child(3n+1){clear:left;} 347 .row-clear .col-xs-6:nth-child(odd){clear:left;} 348 }