ibm.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. /*
  2. *+------------------------------------------------------------------------+
  3. *| Licensed Materials - Property of IBM
  4. *|
  5. *| IBM Cognos Products: ps
  6. *|
  7. *| (C) Copyright IBM Corp. 2008, 2014
  8. *|
  9. *| US Government Users Restricted Rights - Use, duplication or
  10. *| disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  11. *|
  12. *+------------------------------------------------------------------------+
  13. */
  14. /* Cut-down version of Information Server web console styles.css to illustrate login panel. */
  15. html, body {
  16. background-color: #E4EFFF;
  17. margin: 0;
  18. padding: 0;
  19. height: 99%;
  20. color: #474749;
  21. scrollbar-base-color: #333;
  22. scrollbar-arrow-color: #464646;
  23. scrollbar-darkshadow-color: #9FABBB;
  24. scrollbar-track-color: #F2F5F7;
  25. scrollbar-face-color: #E8EBF0;
  26. scrollbar-shadow-color: #CED6E1;
  27. scrollbar-highlight-color: #F3F5F7;
  28. scrollbar-3dlight-color: #C4CEDB;
  29. background-position: center;
  30. background-repeat: no-repeat;
  31. }
  32. /* ------------------- START: LOGIN SPECIFIC STYLES ------------------- */
  33. div#loginBoxWithShadow {
  34. position:absolute;
  35. left:50%;
  36. top:50%;
  37. width:494px;
  38. margin-left:-247px;
  39. margin-top: -200px;
  40. -moz-box-shadow: 0 0 7px 3px #c9c9c9;
  41. -webkit-box-shadow: 0 0 7px 3px #c9c9c9;
  42. box-shadow: 0 0 7px 3px #c9c9c9;
  43. z-index:1;
  44. border: solid 1px #bfbfbf;
  45. background-color:#ffffff;
  46. background-image:url(images/login_header.png);
  47. background-repeat: no-repeat;
  48. }
  49. #loginBox {
  50. text-align:left;
  51. position: relative;
  52. -webkit-border-radius: 3px;
  53. -moz-border-radius: 3px;
  54. border-radius: 3px;
  55. background-color: transparent;
  56. }
  57. #ibmLogo {
  58. text-align:left;
  59. position: relative;z-index:3;
  60. margin-left:10px;
  61. margin-top: 0px;
  62. height:30px; width:87px;
  63. background-image:url(images/login_ibm_logo.png);
  64. background-size: 100% 100%;
  65. background-color: transparent;
  66. }
  67. .loginHeaderCloseIcon {
  68. position: absolute;
  69. top: -28px;
  70. right: -26px;
  71. }
  72. /* Firefox and IE7 only */
  73. html>body #loginBox {
  74. padding: 12px;
  75. background-color: transparent;
  76. }
  77. #loginBoxInner {
  78. width: 100%;
  79. height: 100%;
  80. padding: 0;
  81. z-index:2;
  82. background-color: transparent;
  83. }
  84. div#loginIcon {
  85. padding:0px;
  86. height:120px;width:120px;
  87. margin-left:20px;
  88. margin-top: 50px;
  89. position: relative; z-index:3;
  90. background-image:url(images/login_icon.png);
  91. background-size: 100% 100%;
  92. background-color: transparent;
  93. }
  94. /* IE6 only */
  95. * html body #loginBoxInner {
  96. padding:12px;
  97. }
  98. /* IE6 only */
  99. * #loginBoxInner input {
  100. position: relative;
  101. z-index: 1;
  102. }
  103. /* IE6 only */
  104. * #loginBoxInner button {
  105. position: relative;
  106. z-index: 1;
  107. }
  108. div#loginCopyright {
  109. margin-left:20px;
  110. font-size: 0.6em;
  111. }
  112. .loginShadowTop {
  113. position: absolute; right: 0; top: 0; width: 16px; height: 30px;
  114. overflow: hidden;
  115. }
  116. /* Firefox and IE7 only */
  117. html>body .loginShadowTop {
  118. background-image:url(images/login_shadow_right_top.png);
  119. }
  120. .loginShadowMiddle {
  121. position: absolute; right: 0; top: 30px; width: 16px; bottom: 30px;
  122. overflow: hidden;
  123. }
  124. /* Firefox and IE7 only */
  125. html>body .loginShadowMiddle {
  126. background-image:url(images/login_shadow_right_side.png);
  127. background-repeat:repeat-y;
  128. }
  129. .loginShadowBottom {
  130. position: absolute; right: 0; bottom: 0; width: 16px; height: 30px;
  131. overflow: hidden;
  132. }
  133. /* Firefox and IE7 only */
  134. html>body .loginShadowBottom {
  135. background-image:url(images/login_shadow_right_bottom.png);
  136. }
  137. .loginShadowInner {
  138. width: 16px;
  139. }