simple.css (3136B)
1 2 /* Entête de la page. */ 3 /*********************/ 4 .android { 5 font-size: 70%; 6 } 7 8 .menu { 9 border-bottom : 1px solid grey; 10 background-color : #FFFFE0; 11 margin : 0px; 12 } 13 14 .menu #links { 15 display : block; 16 background-color : #F0F0D0; 17 border-top : 1px solid grey; 18 padding : 4px; 19 padding-left : 2.2%; 20 padding-right : 1%; 21 } 22 23 .menu #links a { 24 margin-right : 2em; 25 } 26 27 .menu .cnx { 28 float : right 29 } 30 31 32 33 /* Contenu de la page */ 34 /*********************/ 35 .content { 36 min-height : 80px; 37 margin: 0; 38 padding: 1em; 39 padding-top: 1.2em; 40 padding-bottom : 1.2em; 41 } 42 43 .content p { 44 margin-left : 3em; 45 } 46 47 .content ul { 48 margin-left : 1.5em; 49 } 50 51 52 53 /* Pied de page. */ 54 /****************/ 55 .footer { 56 margin: 0; 57 padding: 0.7em; 58 border-top: thin solid grey; 59 border-bottom: thin solid grey; 60 background-color : #FFFFE0; 61 font-size: 75%; 62 text-align: center 63 } 64 65 .footer p { 66 margin: 0; 67 } 68 69 .footer a, 70 .footer a:visited { 71 color: black; 72 } 73 74 .footer a:hover, 75 a:hover { 76 color: #c86; 77 } 78 79 80 81 /* Formulaires. */ 82 /***************/ 83 form { 84 margin-left : 4em; 85 margin-top : 4ex; 86 margin-bottom : 4ex; 87 margin-right : 4em; 88 } 89 90 form td:first-child { 91 vertical-align : top; 92 text-align : right; 93 padding-right : 1em; 94 } 95 96 form td:last-child { 97 vertical-align : top; 98 text-align : left; 99 padding-left : 1em; 100 } 101 102 form input[type=submit] { 103 display : block; 104 margin-left : 0px; 105 margin-top : 2em; 106 } 107 108 .contact form textarea { 109 width : 200%; 110 height : 200px; 111 } 112 113 .creategame .wordsform { 114 border-collapse : collapse; 115 margin-top : 20px; 116 } 117 118 .creategame .wordsform td { 119 border : 1px solid #808080; 120 border-right : none; 121 vertical-align : middle; 122 padding : 1.5ex; 123 text-align : right; 124 padding-left : 3em; 125 padding-right : 1em; 126 } 127 128 .creategame .wordsform .inputcell { 129 text-align : left; 130 padding-left : 1em; 131 padding-right : 3em; 132 border-left : 0; 133 } 134 135 136 /* Téléchargement. */ 137 /******************/ 138 .downloadarea { 139 display : block; 140 margin : 3em; 141 margin-top : 2em; 142 } 143 144 #downloadlink { 145 color : black; 146 text-decoration : none; 147 font-size : 16pt; 148 background-color: #ccccff; 149 border: medium solid #5555ff; 150 border-radius: 1em; 151 -moz-border-radius: 1em; 152 -webkit-border-radius: 1em; 153 padding: 0.5em; 154 padding-left : 2em; 155 padding-right : 2em; 156 } 157 158 #downloadlink:hover { 159 background-color: #5555ff; 160 color: white; 161 border-color: #ccccff; 162 } 163 164 165 166 /* Autres. */ 167 /**********/ 168 html, body { 169 padding: 0; 170 margin: 0; 171 } 172 173 a { 174 color: darkgreen; 175 } 176 177 a:visited { 178 color: #765; 179 } 180 181 h1 { 182 color: #8b4; 183 margin : 0; 184 margin : 0 2em 0.5ex 0.5em; 185 } 186 187 h2 { 188 color: #4a4; 189 margin : 1.5ex 2em 0 0; 190 } 191 192 h3 { 193 color: #484; 194 margin : 1.5ex 2em 0 1em; 195 } 196 197 h4 { 198 color: #784; 199 margin : 1.5ex 2em 0 1.5em; 200 } 201 202 h5 { 203 color: #874; 204 margin : 1.5ex 2em 0 1.8em; 205 } 206 207 208 209 /* Message d'informations (erreurs ou succès). */ 210 /**********************************************/ 211 .message { 212 display : inline-block; 213 padding : 2ex 6em 2ex 2em; 214 margin-top : 10px; 215 margin-bottom : 10px; 216 margin-right : 6%; 217 margin-left : 6%; 218 } 219 220 .warning { 221 border : 1px dashed red; 222 background-color : #F0C060; 223 } 224 225 .success { 226 border : 1px dashed red; 227 background-color : #90FF90; 228 } 229 230 .other { 231 border : 1px solid yellow; 232 background-color : #FFFFE0; 233 }