110
modifications
Ligne 1 117 : | Ligne 1 117 : | ||
</html> | </html> | ||
</syntaxhighlight> | |||
=== Feuille de style générale === | |||
<syntaxhighlight lang="css"> | |||
body { | |||
font-family:arial, sans-serif; | |||
} | |||
h4 { | |||
color:blue; | |||
font-weight:bold; | |||
font-family:arial, sans-serif; | |||
} | |||
hr { | |||
color: #fa7e12; | |||
height: 3px; | |||
background-color:#fa7e12; | |||
} | |||
.error{ | |||
color :red; | |||
} | |||
element{ | |||
} | |||
.style_input{ | |||
width:260px; | |||
height:30px; | |||
font-size:16px; | |||
border:2px; | |||
border-style:solid; | |||
border-color: #fa7e12; | |||
} | |||
textarea{ | |||
border:2px; | |||
border-style:solid; | |||
border-color: #fa7e12; | |||
} | |||
.btn,input[type=submit]{ | |||
background: #fa7e12; | |||
background-image: -webkit-linear-gradient(top, #fa7e12, #fa4914); | |||
background-image: -moz-linear-gradient(top, #fa7e12, #fa4914); | |||
background-image: -ms-linear-gradient(top, #fa7e12, #fa4914); | |||
background-image: -o-linear-gradient(top, #fa7e12, #fa4914); | |||
background-image: linear-gradient(to bottom, #fa7e12, #fa4914); | |||
-webkit-border-radius: 28; | |||
-moz-border-radius: 28; | |||
border-radius: 28px; | |||
-webkit-box-shadow: 0px 1px 3px #666666; | |||
-moz-box-shadow: 0px 1px 3px #666666; | |||
box-shadow: 0px 1px 3px #666666; | |||
font-family: Arial; | |||
color: #ffffff; | |||
font-size: 20px; | |||
padding: 10px 20px 10px 20px; | |||
border: solid #1f628d 2px; | |||
text-decoration: none; | |||
} | |||
.btn:hover ,input[type=submit]:hover { | |||
background: #f51f03; | |||
background-image: -webkit-linear-gradient(top, #f51f03, #fa7e12); | |||
background-image: -moz-linear-gradient(top, #f51f03, #fa7e12); | |||
background-image: -ms-linear-gradient(top, #f51f03, #fa7e12); | |||
background-image: -o-linear-gradient(top, #f51f03, #fa7e12); | |||
background-image: linear-gradient(to bottom, #f51f03, #fa7e12); | |||
text-decoration: none; | |||
} | |||
input[type=radio].css-checkboxr { | |||
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; | |||
} | |||
input[type=radio].css-checkboxr + label.css-labelr { | |||
padding-left:23px; | |||
height:18px; | |||
display:inline-block; | |||
line-height:18px; | |||
background-repeat:no-repeat; | |||
background-position: 0 0; | |||
font-size:18px; | |||
vertical-align:middle; | |||
cursor:pointer; | |||
} | |||
input[type=radio].css-checkboxr:checked + label.css-labelr { | |||
background-position: 0 -18px; | |||
} | |||
label.css-labelr { | |||
background-image:url(http://www.notreavion.net/convert/images/radio.png); | |||
-webkit-touch-callout: none; | |||
-webkit-user-select: none; | |||
-khtml-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
input[type=checkbox].css-checkbox { | |||
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; | |||
} | |||
input[type=checkbox].css-checkbox + label.css-label { | |||
padding-left:27px; | |||
height:22px; | |||
display:inline-block; | |||
line-height:px; | |||
background-repeat:no-repeat; | |||
background-position: 0 0; | |||
font-size:18px; | |||
vertical-align:middle; | |||
cursor:pointer; | |||
} | |||
input[type=checkbox].css-checkbox:checked + label.css-label { | |||
background-position: 0 -22px; | |||
} | |||
label.css-label { | |||
background-image:url(http://www.notreavion.net/convert/images/checkbox.png); | |||
-webkit-touch-callout: none; | |||
-webkit-user-select: none; | |||
-khtml-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
</syntaxhighlight> | </syntaxhighlight> | ||
modifications