camobileviews.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. /**
  2. *+------------------------------------------------------------------------+
  3. *| Licensed Materials - Property of IBM
  4. *| IBM Cognos Products: Mobile
  5. *| (C) Copyright IBM Corp. 2019
  6. *|
  7. *| US Government Users Restricted Rights - Use, duplication or disclosure
  8. *| restricted by GSA ADP Schedule Contract with IBM Corp.
  9. *+------------------------------------------------------------------------+
  10. */
  11. .caMobilePane {
  12. margin: 24px;
  13. }
  14. .caMobilePane .hidden {
  15. display: hidden;
  16. }
  17. .caMobilePane .appInformation {
  18. display: flex;
  19. }
  20. .caMobilePane .appInformation .mobileAppInfo {
  21. align-items: center;
  22. width: 285px;
  23. }
  24. .caMobilePane .appInformation .mobileAppInfo .cognosTitle {
  25. display: block;
  26. font-weight: 600;
  27. margin-bottom: 8px;
  28. }
  29. .caMobilePane .appInformation .mobileAppInfo .learnMoreLinks {
  30. margin-bottom: 32px;
  31. display: block;
  32. }
  33. .caMobilePane .appInformation .mobileAppInfo .learnMoreLinks a {
  34. display: inline-flex;
  35. }
  36. .caMobilePane .appInformation .mobileAppInfo .learnMoreLinks .linkSpacer {
  37. margin: 0px 5px;
  38. display: inline-flex;
  39. }
  40. .caMobilePane .appInformation .mobileAppIcon {
  41. display: flex;
  42. width: 48px;
  43. height: 48px;
  44. border-radius: 5px;
  45. border: 1px solid #DDD;
  46. margin-right: 16px;
  47. }
  48. .caMobilePane .mobileAppTitle, .caMobilePane .emailLabel, .caMobilePane .mobileAppUseTitle {
  49. font-size: 12px;
  50. font-weight: 600;
  51. margin-bottom: 24px;
  52. }
  53. .caMobilePane .mobileQRCode {
  54. display: block;
  55. }
  56. .caMobilePane .mobileQRCode #mobileGenQR {
  57. position: relative;
  58. left: 100px;
  59. top: 100px;
  60. margin: 0px;
  61. color: #A91560;
  62. border: 2px solid #A91560;
  63. width: 142px;
  64. height: 93px;
  65. padding: 0 35px;
  66. text-align: center;
  67. display: flex;
  68. align-items: center;
  69. justify-content: center;
  70. }
  71. .caMobilePane .mobileQRCode .mobileQRTwoFactor {
  72. text-align: center;
  73. }
  74. .caMobilePane .mobileQRCode .mobileQRTwoFactor .mobileQRTwoFactorPin {
  75. font-size: 18px;
  76. font-weight: 600;
  77. }
  78. .caMobilePane .mobileQRCode #mobileQRCodeCanvas {
  79. display: block;
  80. height: 200px;
  81. width: 200px;
  82. margin: 0px auto;
  83. }
  84. .caMobilePane .separator {
  85. margin: 0px 0px 10px 0px;
  86. width: 100%;
  87. display: block;
  88. border-bottom: 1px solid #eaeaea;
  89. }
  90. .caMobilePane .inputContainer.serverUrlInput {
  91. overflow: hidden;
  92. width: 100%;
  93. height: initial;
  94. padding: 10px 0px;
  95. }
  96. .caMobilePane .inputContainer.serverUrlInput input {
  97. width: 100%;
  98. }
  99. .caMobilePane #sendEmailForm button.sendEmailButton.secondary.propertyButton.button {
  100. border-color: #A91560;
  101. color: #A91560;
  102. float: right;
  103. }
  104. .caMobilePane .mobileTwoFactor {
  105. text-align: center;
  106. }
  107. .caMobilePane .mobileTwoFactor .mobileTwoFactorPin {
  108. font-size: 18px;
  109. font-weight: 600;
  110. }