body { font:12px Verdana,Arial; direction:rtl; background:white; width:980px; margin:auto; } a { color: #00A5F0; text-decoration: none; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; } a:hover { color: #24BBFF; text-decoration: none; box-shadow: 0px 0 #ddd inset; -webkit-box-shadow: 0px 0 #ddd inset; -moz-box-shadow: 0px 0 #ddd inset; text-shadow: 0 1px 0 white; } .logo { height:157px; width:809px; background: url('images/logo.png') no-repeat; margin:10px auto; } .main { border:1px solid #ccc; border-top:0px; width:798px; margin:-25px auto; padding:0 -25px; -moz-border-radius: 0px 0px 25px 25px; border-radius: 0px 0px 25px 25px; -webkit-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.5); -moz-box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.5); } #pirsomet { margin:0 400px; } #about { float:right; margin:-250px 30px; } .social { margin:-20px 480px; } .footer { background: url('images/footer.png'); margin:10px auto; height:50px; width:789px; } .content { text-align:center; padding:100px 30px; } .contact { padding:100px 30px; } fieldset { display:block; border:none; border-top:1px solid #e0e0e0; } fieldset legend { font-weight:bold; font-size:13px; padding-left:10px; color:#222; } fieldset form { padding-top:15px; } fieldset p label { float:right; width:150px; font-family:Arial, Helvetica, sans-serif; } textarea { outline:0; width: 500px; height: 100px; margin-bottom: 10px; resize:none; padding:10px; overflow:hidden; border:1px solid #ddd; font-size:15px; color:#555; font-family:Arial; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } input[type=text],[type=password] { outline:0; border:1px solid #ccc; padding:5px; color:#555; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } input[type=text]:focus,[type=password]:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } ::selection { background: lightblue; color: #fe57a1; font-weight:bold; } #file { margin:0 -150px; outline:0; border:0; background: url('images/input-bg.png') no-repeat; height:55px; width:355px; padding:15px 25px; text-align:center; } .btn { cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } .btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; } .btn:focus { outline: 1px dotted #666; } .btn.primary { color: #ffffff; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, right top, right bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn.active, .btn :active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.large { font-size: 15px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn.small { padding: 7px 9px 7px; font-size: 11px; } .btn.success { color: #ffffff; background-color: #57A957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, right top, right bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57A957 #57A957 #3D773D; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn.red { color: white; background-color: #C43C35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, right top, right bottom, from(#EE5F5B), to(#C43C35)); background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35); background-image: -ms-linear-gradient(top, #EE5F5B, #C43C35); background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #EE5F5B), color-stop(100%, #C43C35)); background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35); background-image: -o-linear-gradient(top, #EE5F5B, #C43C35); background-image: linear-gradient(top, #EE5F5B, #C43C35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #C43C35 #C43C35 #882A25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } #yourBtn{ margin:20px 500px; width: 150px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px dashed #BBB; text-align: center; background-color: orange; cursor:pointer; color:white; font-weight:bold; } .users { margin:0 25px; } .msg { margin: 0px 0 10px 0 !important; padding: 5px 0px 5px 55px !important; background-position: 15px center; background-repeat: no-repeat; cursor: default; } .msg.info { margin:auto; text-align:center; background-image: url('images/info.png'); border: 1px solid #418ACC; background-color: #D0E4F4; color: #235685; } h5 { text-align:center; margin: 0; padding: 5px 0px; font-size: 1.0em; line-height: 1.7em; } .msg .close { text-decoration: none; float: right; margin: 0 5px; color: inherit; }.msg .close:hover { color: #4A95E0; }
|
|
|