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 {