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.journee { 38: 39: width : 33%; 40: 41: text-align : justify; 42: 43: border-style : solid; 44: border-width : 1px; 45: border-color : #000000; 46: 47: color : inherit; 48: 49: background-color : #FFFF99; 50: 51: font-weight : bold; 52: font-size : 110%; 53: 54: margin-left : 10%; 55: margin-right : 10%; 56: margin-bottom : 2em; 57: 58: padding : 1em; 59: 60: } 61: 62: 63: 64: 65: 66: 67: /* les liens hypertextes */ 68: 69: a:link { 70: color : #3366CC; 71: background-color : inherit; 72: } 73: 74: a:hover { 75: color : #3333FF; 76: background-color : #FFFF33; 77: } 78: 79: 80: a:active { 81: color : #CC0033; 82: background-color : inherit; 83: } 84: 85: a:visited { 86: 87: } 88: 89: 90: 91: 92: /* les titres */ 93: 94: h1 { 95: 96: color : #FF9900; 97: background-color : inherit; 98: 99: text-align : right; 100: 101: font-weight : bold; 102: font-variant : small-caps; 103: font-size : 150%; 104: 105: border-bottom : 2px solid #FF9900; 106: 107: text-transform : capitalize; 108: 109: } 110: 111: 112: h2 { 113: 114: font-weight : bold; 115: font-variant : small-caps; 116: font-size : 125%; 117: 118: text-align : left; 119: 120: color : #FF9900; 121: background-color : inherit; 122: 123: margin-top : 3em; 124: margin-bottom : 2em; 125: 126: border-bottom : 1px solid #FF9900; 127: 128: } 129: 130: div.encart h1 { 131: 132: font-weight : bold; 133: font-size : 100%; 134: 135: text-align : left; 136: 137: color : #3366CC; 138: background-color : inherit; 139: 140: margin : 0; 141: padding : 0; 142: border-bottom : none; 143: 144: 145: } 146: 147: 148: div.encart li { 149: margin-left : 5em; 150: } 151: 152: 153: img { 154: float : left; 155: margin : 1em 1em 1em 0em; 156: } 157: 158: ul { 159: 160: clear : both; 161: } 162: 163: 164: fieldset.sommaire { 165: 166: float : right; 167: margin : 0em 1em 1em 1em; 168: width : 30%; 169: 170: } 171: 172: /* 173: .sommaire ul { 174: list-style-image : url(plus_rouge.png); 175: } 176: */ 177: 178: 179: /* les tableaux */ 180: 181: table { 182: 183: border : 1px solid #000000; 184: border-collapse : collapse; 185: border-spacing : 0; 186: 187: margin : 1em 0em 1em 0em; 188: } 189: 190: 191: th { 192: color : white; 193: font-weight : bold; 194: background-color : #3366CC; 195: border : 1px solid #000000; 196: padding : 0.2em; 197: font-variant : small-caps; 198: font-size : 90%; 199: 200: } 201: 202: td { 203: border : 1px dotted #CCCCCC; 204: padding : 0.2em; 205: font-size : 90%; 206: }
Fabien Torre Valid HTML5! Valid CSS!
site de Fabien Torre, université de Lille