From 0d8bd65472d2167fe4e346ee2e0f0ca34aeef761 Mon Sep 17 00:00:00 2001 From: Navan Chauhan Date: Sat, 20 Jan 2018 20:18:47 +0530 Subject: Add files via upload --- css/contact.css | 117 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 117 insertions(+) create mode 100644 css/contact.css (limited to 'css/contact.css') diff --git a/css/contact.css b/css/contact.css new file mode 100644 index 0000000..33eefd3 --- /dev/null +++ b/css/contact.css @@ -0,0 +1,117 @@ +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600); + +* { + margin:0; + padding:0; + box-sizing:border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + -webkit-font-smoothing:antialiased; + -moz-font-smoothing:antialiased; + -o-font-smoothing:antialiased; + font-smoothing:antialiased; + text-rendering:optimizeLegibility; +} + +body { + font-family:"Open Sans", Helvetica, Arial, sans-serif; + font-weight:300; + font-size: 12px; + line-height:30px; + color:#777; + background: rgb(52, 152, 219); +} + +.container { + max-width:400px; + width:100%; + margin:0 auto; + position:relative; +} + +#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; } + +#contact { + background:#F9F9F9; + padding:25px; + margin:50px 0; +} + +#contact h3 { + color: #F96; + font-size: 3em; + display: block; + font-weight: 300; +} + +#contact h4 { + margin:5px 0 15px; + display:block; + font-size:13px; +} + +fieldset { + border: medium none !important; + margin: 0 0 10px; + min-width: 100%; + padding: 0; + width: 100%; +} + +#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact textarea { + width:100%; + border:1px solid #CCC; + background:#FFF; + margin:0 0 5px; + padding:10px; +} + +#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact textarea:hover { + -webkit-transition:border-color 0.3s ease-in-out; + -moz-transition:border-color 0.3s ease-in-out; + transition:border-color 0.3s ease-in-out; + border:1px solid #AAA; +} + +#contact textarea { + height:100px; + max-width:100%; + resize:none; +} + +#contact button[type="submit"] { + cursor:pointer; + width:100%; + border:none; + background:rgb(52, 152, 219); + color:#FFF; + margin:0 0 5px; + padding:10px; + font-size:15px; +} + +#contact button[type="submit"]:hover { + background:#09C; + -webkit-transition:background 0.3s ease-in-out; + -moz-transition:background 0.3s ease-in-out; + transition:background-color 0.3s ease-in-out; +} + +#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); } + +#contact input:focus, #contact textarea:focus { + outline:0; + border:1px solid #999; +} +::-webkit-input-placeholder { + color:#888; +} +:-moz-placeholder { + color:#888; +} +::-moz-placeholder { + color:#888; +} +:-ms-input-placeholder { + color:#888; +} -- cgit v1.2.3