1// 2// Alerts 3// -------------------------------------------------- 4 5 6// Base styles 7// ------------------------- 8 9.alert { 10 padding: 8px 35px 8px 14px; 11 margin-bottom: @baseLineHeight; 12 text-shadow: 0 1px 0 rgba(255,255,255,.5); 13 background-color: @warningBackground; 14 border: 1px solid @warningBorder; 15 .border-radius(@baseBorderRadius); 16} 17.alert, 18.alert h4 { 19 // Specified for the h4 to prevent conflicts of changing @headingsColor 20 color: @warningText; 21} 22.alert h4 { 23 margin: 0; 24} 25 26// Adjust close link position 27.alert .close { 28 position: relative; 29 top: -2px; 30 right: -21px; 31 line-height: @baseLineHeight; 32} 33 34 35// Alternate styles 36// ------------------------- 37 38.alert-success { 39 background-color: @successBackground; 40 border-color: @successBorder; 41 color: @successText; 42} 43.alert-success h4 { 44 color: @successText; 45} 46.alert-danger, 47.alert-error { 48 background-color: @errorBackground; 49 border-color: @errorBorder; 50 color: @errorText; 51} 52.alert-danger h4, 53.alert-error h4 { 54 color: @errorText; 55} 56.alert-info { 57 background-color: @infoBackground; 58 border-color: @infoBorder; 59 color: @infoText; 60} 61.alert-info h4 { 62 color: @infoText; 63} 64 65 66// Block alerts 67// ------------------------- 68 69.alert-block { 70 padding-top: 14px; 71 padding-bottom: 14px; 72} 73.alert-block > p, 74.alert-block > ul { 75 margin-bottom: 0; 76} 77.alert-block p + p { 78 margin-top: 5px; 79} 80