site de Fabien Torre, université de Lille


Source de foot.css

0: 1: /* généralités sur le document */ 2: 3: body { 4: 5: background-color : #FF9900; 6: 7: font-size : 90%; 8: color : #000000; 9: 10: font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 11: 12: padding : 1em 1em 1em 1em; 13: 14: } 15: 16: 17: 18: 19: /* la mise en page : le corps du document */ 20: 21: div.pagelarge { 22: 23: background-color : #FFFFFF; 24: color : inherit; 25: 26: text-align : justify; 27: 28: margin : 0em; 29: 30: padding : 2em; 31: 32: border : 1px solid #000000; 33: } 34: 35: 36: 37: div.encart { 38: 39: text-align : justify; 40: 41: border-style : solid; 42: border-width : 1px; 43: border-color : #000000; 44: 45: color : inherit; 46: 47: background-color : #FFFF99; 48: 49: font-weight : bold; 50: font-size : 110%; 51: 52: margin-left : 10%; 53: margin-right : 10%; 54: margin-bottom : 2em; 55: 56: padding : 1em; 57: 58: } 59: 60: 61: 62: 63: 64: 65: /* les liens hypertextes */ 66: 67: a:link { 68: color : #3366CC; 69: background-color : inherit; 70: } 71: 72: a:hover { 73: color : #3333FF; 74: background-color : #FFFF33; 75: } 76: 77: 78: a:active { 79: color : #CC0033; 80: background-color : inherit; 81: } 82: 83: a:visited { 84: 85: } 86: 87: 88: 89: 90: /* les titres */ 91: 92: h1 { 93: 94: color : #FF9900; 95: background-color : inherit; 96: 97: text-align : right; 98: 99: font-weight : bold; 100: font-variant : small-caps; 101: font-size : 150%; 102: 103: border-bottom : 2px solid #FF9900; 104: 105: text-transform : capitalize; 106: 107: } 108: 109: 110: h2 { 111: 112: font-weight : bold; 113: font-variant : small-caps; 114: font-size : 125%; 115: 116: text-align : left; 117: 118: color : #FF9900; 119: background-color : inherit; 120: 121: margin-top : 3em; 122: margin-bottom : 2em; 123: 124: border-bottom : 1px solid #FF9900; 125: 126: } 127: 128: div.encart h1 { 129: 130: font-weight : bold; 131: font-size : 100%; 132: 133: text-align : left; 134: 135: color : #3366CC; 136: background-color : inherit; 137: 138: margin : 0; 139: padding : 0; 140: border-bottom : none; 141: 142: 143: } 144: 145: 146: div.encart li { 147: margin-left : 5em; 148: } 149: 150: 151: img { 152: float : left; 153: margin : 1em 1em 1em 0em; 154: } 155: 156: ul { 157: 158: clear : both; 159: } 160: 161: 162: fieldset.sommaire { 163: 164: float : right; 165: margin : 0em 1em 1em 1em; 166: width : 30%; 167: 168: } 169: /* 170: .sommaire ul { 171: list-style-image : url(plus_rouge.png); 172: } 173: */ 174: 175: 176: /* les tableaux */ 177: 178: table { 179: 180: border : 1px solid #000000; 181: border-collapse : collapse; 182: border-spacing : 0; 183: 184: margin : 1em 0em 1em 0em; 185: } 186: 187: 188: th { 189: color : white; 190: font-weight : bold; 191: background-color : #3366CC; 192: border : 1px solid #000000; 193: padding : 0.2em; 194: font-variant : small-caps; 195: font-size : 90%; 196: 197: } 198: 199: td { 200: border : 1px dotted #CCCCCC; 201: padding : 0.2em; 202: font-size : 90%; 203: } 204: 205: 206: /* */ 207: 208: hr { 209: clear : both; 210: visibility : hidden; 211: }
Fabien Torre Valid HTML5! Valid CSS!
site de Fabien Torre, université de Lille