.border-radius (@radius) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } /* BUBBLE */ @bg-bubble: #f4efdc; /* #f8f7e2; */ @bg-bubble2: #fafafa; @bg-bubble3: #ffffff; .bubble { border: 1px solid @bg-bubble; background: @bg-bubble; font: 13px arial; color: #404040; line-height: 1.45; padding: 24px 20px; .border-radius(6px); h3 { font-size: 16px; font-weight: bold; } .form_title { font-size:13px; font-weight: bold; } p, ul, ol { margin-top: 15px; } } .bubble2 { border: 1px solid @bg-bubble2 - (#070707); background: @bg-bubble2; font: 13px arial; color: #404040; line-height: 1.45; padding: 24px 20px; .border-radius(6px); h3 { font-size: 16px; font-weight: bold; } p, ul, ol { margin-top: 15px; } ul.square_list { margin-top: 0; li { padding: 2px 10px 3px; } } } .bubble-mini { border: none; background: @bg-bubble2; font: 13px arial; color: #404040; line-height: 1.35; padding: 10px 15px; .border-radius(6px); h3 { font-size: 16px; font-weight: bold; } p { margin-top: 15px; } } .nobubble { background: white; border: none; padding: 1px 0 0 5px; h3 { font-size: 24px; font-weight: normal; } p { margin-top: 15px; } } /* ISSUES: TEMPORARY */ .issues { border: 2px solid #FAE25E; background: #FFF9D6; font: 13px arial; color: #404040; line-height: 1.35; padding: 15px 20px; margin-bottom: 15px; .border-radius(6px); h3 { font-size: 15px; font-weight: bold; } ul { position: relative; top: 10px; left: 15px; margin-bottom: 15px; } ul li { list-style: disc; margin-left: 20px; font-size: 12px; padding: 0; border: none; } span { color: #9f8704; top: 1px; position: relative; margin-left: 5px; font-size: 15px; } p { margin-top: 15px; } } .messages { border: 2px solid #93C5EB; background: #DFF1FF; color: #404040; font: 13px arial; line-height: 1.35; padding: 15px 20px; margin-bottom: 10px; .border-radius(6px); h3 { font-size: 15px; font-weight: bold; } p { margin-top: 15px; } }