tinycm rev 9
Add notes section on style.css (for the handbook) & images used for notes.
author | Claudinei Pereira <claudinei@slitaz.org> |
---|---|
date | Sat Sep 01 11:41:27 2012 -0300 (2012-09-01) |
parents | 9d0f7be12384 |
children | 4caef490258f |
files | style.css |
line diff
1.1 --- a/style.css Sun Apr 22 10:49:23 2012 +0100 1.2 +++ b/style.css Sat Sep 01 11:41:27 2012 -0300 1.3 @@ -227,6 +227,46 @@ 1.4 border-radius: 4px; 1.5 } 1.6 1.7 +/* notes */ 1.8 + 1.9 +.noteclassic,.noteimportant,.notewarning,.notetip { 1.10 + margin:2em; 1.11 + margin-left:auto; 1.12 + margin-right:auto; 1.13 + width:70% !important; 1.14 + min-height:40px; 1.15 + clear:both; 1.16 + text-align:justify; 1.17 + vertical-align:middle; 1.18 + border-collapse:collapse; 1.19 + padding:15px 20px 15px 80px; 1.20 + background-position:20px 50%; 1.21 + background-repeat:no-repeat; 1.22 + -moz-border-radius:20px; 1.23 + -khtml-border-radius:20px; 1.24 + border-radius:20px; 1.25 +} 1.26 + 1.27 +.noteclassic { 1.28 + background-color:#eef; 1.29 + background-image:url(images/note.png); 1.30 +} 1.31 + 1.32 +.noteimportant { 1.33 + background-color:#ffc; 1.34 + background-image:url(images/important.png); 1.35 +} 1.36 + 1.37 +.notewarning { 1.38 + background-color:#fdd; 1.39 + background-image:url(images/warning.png); 1.40 +} 1.41 + 1.42 +.notetip { 1.43 + background-color:#dfd; 1.44 + background-image:url(images/tip.png); 1.45 +} 1.46 + 1.47 /* Footer */ 1.48 1.49 #footer {