login.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. html {
  2. background: url(Images/background-4-full.jpg) #F7F7F7;
  3. background-size: cover;
  4. padding: 0;
  5. }
  6. .contrastText {
  7. color: white;
  8. text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
  9. }
  10. .outerCenterWrapper {
  11. margin: 120px auto 0;
  12. width: 400px;
  13. font-size: 22px;
  14. border: 1px solid #009688;
  15. padding: 24px;
  16. text-align: center;
  17. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+1,0.8+100 */
  18. background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 1%, rgba(255,255,255,0.8) 100%); /* FF3.6-15 */
  19. background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  20. background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 1%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  21. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); /* IE6-9 */
  22. -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
  23. -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
  24. box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
  25. border-radius: 8px 8px 8px 8px;
  26. -moz-border-radius: 8px 8px 8px 8px;
  27. -webkit-border-radius: 8px 8px 8px 8px;
  28. border: 0px solid #000000;
  29. }
  30. .outerCenterWrapper h2 {
  31. font-size: 1.2em;
  32. text-transform: uppercase;
  33. }
  34. .innerCenterWrapper {
  35. margin: 0 auto;
  36. width: 260px;
  37. opacity: 1.0;
  38. }
  39. .innerCenterWrapper h4 {
  40. font-weight: normal;
  41. }
  42. .fieldContainer {
  43. width: 100%;
  44. overflow: auto;
  45. margin: 16px 0;
  46. }
  47. .fieldContainer > img {
  48. float: left;
  49. margin-top: 4px;
  50. margin-right: 12px;
  51. }