Created
June 26, 2012 13:20
-
-
Save nternetinspired/2995751 to your computer and use it in GitHub Desktop.
An example os Joomla system message styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* system messages */ | |
| dl#system-message { | |
| border:1px solid #e5e5e5; | |
| border:1px solid rgba(0,0,0,.15) | |
| } | |
| dl#system-message dt { | |
| border-bottom:3px double #ddd; | |
| border-bottom:3px double rgba(0,0,0,.1); | |
| font-weight:700; | |
| text-align:center; | |
| } | |
| dl#system-message dt, | |
| dl#system-message dd{ | |
| padding:10px; | |
| padding:1rem; | |
| } | |
| dl#system-message > .message { | |
| background-color: #D9EDF7; | |
| color: #3A87AD; | |
| } | |
| dl#system-message > .notice { | |
| background-color: #D9EDF7; | |
| color: #3A87AD; | |
| } | |
| dl#system-message > .warning { | |
| background-color: #F2DEDE; | |
| color: #B94A48; | |
| } | |
| dl#system-message ul{ | |
| margin-bottom:0; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi,
If you want to design message styles please check below link for this. On below link you can find complete code with live demo.
message styles