Webmaster ve Grafiker Dostu: TAMEREİSPROX

input[type="text"], input[type="password"]{color: rgb(154,213,183);margin-bottom:2px;min-width:70px !important;height:23px;background-color:rgba(154,213,183,0.1);border-width:1px;border-style:solid;border-color: rgba(154,213,183, 0.5);-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}input[type="text"]:hover, input[type="password"]:hover {color:white !important;width:70px !important;margin-bottom:2px;min-width:70px !important;height:23px;background-color:rgba(154,213,183,0.1);border-width:1px;border-style:solid;border-color:red; background-color:rgba(255,0,0,0.3); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}input[type="text"]:focus,input[type="password"]:focus {margin-bottom:2px;min-width:200px !important;height:23px;background-color:rgba(154,213,183,0.1);border-width:1px;border-style:solid;border-color:white; background-color:rgba(255,0,0,0.3); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}textarea{padding: 8pt 8pt 8pt 8pt;color: rgb(154,213,183);font-family:'Averia Sans Libre';overflow:hidden;min-width:500px !important;min-height:70px !important;background-color:rgb(154,213,183);background-color:rgba(154,213,183,0.1);border-width:1px;border-style:solid;-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}textarea:hover{z-index:10000; border-width:1px;border-style:solid;border-color:red; background-color:rgba(255,0,0,0.3); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}textarea:focus{z-index:10000;color:white !important;margin-left:-97px; border-color:white; background-color:rgba(255,0,0,0.6); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}input[type="submit"],input[type="button"] {padding: 5pt 5pt 5pt 5pt !important;background-color:rgba(154,213,183,0.1);border: 1px solid #88d7b5;min-width:70px;color:#9ad5b7;font-size: 14px;margin-top:10px;margin-bottom:20px;padding:6px 6px 6px 6px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}input[type="submit"]:hover,input[type="button"]:hover {color:white !important;background:rgba(64, 0, 0, 0.8);border: 1px solid red;min-width:70px;color:#9ad5b7;font-size: 14px;margin-top:10px;margin-bottom:20px;padding:6px 6px 6px 6px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;transform: rotate(-2deg); -ms-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);}input[type="submit"]:focus, input[type="button"]:focus {color:white !important;background:rgba(64, 0, 0, 0.6);border: 1px solid white;min-width:70px;color:#9ad5b7;font-size: 14px;margin-top:10px;margin-bottom:20px;padding:6px 6px 6px 6px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;transform: rotate(-2deg); -ms-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);}input[type="button"] {border: 1px solid #88d7b5;min-width:70px;color:#9ad5b7;font-size: 14px;margin-top:10px;margin-bottom:20px;padding:6px 6px 6px 6px;}input[type="send"]:hover {border: 1px solid #4a7342;color:#9ad5b7;text-decoration: none;overflow:hidden;}