Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
Project2024
/
cms-system
2
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: 9370965764
Dallar Biçim İmleri
cms-system
/
src
/
main
/
resources
/
static
/
resource
/
css
/
custom-login.css

custom-login.css 5.2 KB
Geçmiş Ham

123456789101112131415161718192021222324252627282930313233343536 
  1. * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
    2. 

  2. html { width: 100%; height:100%; overflow:hidden; }
    3. 

  3. body {
    4. 

  4. 	width: 100%;
    5. 

  5. 	height:100%;
    6. 

  6. 	font-family: 'Open Sans', sans-serif;
    7. 

  7. 	/*background: #092756;*/
    8. 

  8. 	/*background: rgb(56,201,164);*/
    9. 

  9. 	background: url("../img/img31.jpg") no-repeat;
    10. 

  10. 	background-position: center;
    11. 

  11. 	/*background: -moz-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
    12. 

  12. 	/*background: -webkit-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), -webkit-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
    13. 

  13. 	/*background: -o-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), -o-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
    14. 

  14. 	/*background: -ms-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), -ms-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
    15. 

  15. 	/*background: linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
    16. 

  16. 	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38c9a4', endColorstr='#384f6e',GradientType=1 );*/
    17. 

  17. 	margin: 0;
    18. 

  18. 	padding: 0;
    19. 

  19. }
    20. 

  20. .btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333; text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6, GradientType=0); border-color: #e6e6e6 #e6e6e6 #e6e6e6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border: 1px solid #e6e6e6; -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); cursor: pointer; *margin-left: .3em; }
    21. 

  21. .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; }
    22. 

  22. .btn-large { padding: 9px 14px; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    23. 

  23. .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
    24. 

  24. .btn-primary, .btn-primary:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: #ffffff; }
    25. 

  25. .btn-primary.active { color: rgba(255, 255, 255, 0.75); }
    26. 

  26. .btn-primary { background-color: #4a77d4; background-image: -moz-linear-gradient(top, #6eb6de, #4a77d4); background-image: -ms-linear-gradient(top, #6eb6de, #4a77d4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6eb6de), to(#4a77d4)); background-image: -webkit-linear-gradient(top, #6eb6de, #4a77d4); background-image: -o-linear-gradient(top, #6eb6de, #4a77d4); background-image: linear-gradient(top, #6eb6de, #4a77d4); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6eb6de, endColorstr=#4a77d4, GradientType=0);  border: 1px solid #3762bc; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5); }
    27. 

  27. .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; background-color: #4a77d4; }
    28. 

  28. .btn-block { width: 100%; display:block; }
    29. 

  29. .login {position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -150px;width:300px;height:300px;}
    30. 

  30. .login h1 { color: #000; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }
    31. 

  31. .login-form-row{height: 40px;margin-bottom: 10px;}
    32. 

  32. .login-form-vcode{float: left;}
    33. 

  33. .login-form-vcode-input{float: right;}
    34. 

  34. input {width: 100%;	margin-bottom: 10px;height: 39px;background: rgba(255,255,255);border: none;outline: none;padding: 10px;font-size: 13px;color: #000;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);border: 1px solid rgba(0,0,0,0.3);border-radius: 4px;box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);-webkit-transition: box-shadow .5s ease;-moz-transition: box-shadow .5s ease;-o-transition: box-shadow .5s ease;-ms-transition: box-shadow .5s ease;transition: box-shadow .5s ease;}
    35. 

  35. input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }
    36. 

  36. .copyright{color:#ffffff;position:absolute;bottom:20px;width:100%;text-align:center;font-size:12px;}
    37.