settings.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. /* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net
  2. This file is licensed under the Affero General Public License version 3 or later.
  3. See the COPYING-README file. */
  4. select#languageinput, select#timezone { width:15em; }
  5. input#openid, input#webdav { width:20em; }
  6. /* PERSONAL */
  7. #rootcert_import {
  8. margin: 0 0 10px 0;
  9. display: block;
  10. }
  11. /* Sync clients */
  12. .clientsbox { margin:12px; }
  13. .clientsbox h1 { font-size:40px; font-weight:bold; margin:50px 0 20px; }
  14. .clientsbox h2 { font-size:20px; font-weight:bold; margin:35px 0 10px; }
  15. .clientsbox .center { margin-top:10px; }
  16. #passworderror { display:none; }
  17. #passwordchanged { display:none; }
  18. #displaynameerror { display:none; }
  19. #displaynamechanged { display:none; }
  20. input#identity { width:20em; }
  21. #email { width: 17em; }
  22. #avatar .warning {
  23. width: 350px;
  24. }
  25. .msg.success {
  26. color: #fff;
  27. background-color: #47a447;
  28. padding: 3px;
  29. }
  30. .msg.error {
  31. color: #fff;
  32. background-color: #d2322d;
  33. padding: 3px;
  34. }
  35. table.nostyle label { margin-right: 2em; }
  36. table.nostyle td { padding: 0.2em 0; }
  37. /* USERS */
  38. form { display:inline; }
  39. table.grid th { height:2em; color:#999; }
  40. table.grid th, table.grid td { border-bottom:1px solid #ddd; padding:0 .5em; padding-left:.8em; text-align:left; font-weight:normal; }
  41. td.name, td.password { padding-left:.8em; }
  42. td.password>img,td.displayName>img, td.remove>a, td.quota>img { visibility:hidden; }
  43. td.password, td.quota, td.displayName { width:12em; cursor:pointer; }
  44. td.password>span, td.quota>span, rd.displayName>span { margin-right: 1.2em; color: #C7C7C7; }
  45. td.remove { width:1em; padding-right:1em; }
  46. tr:hover>td.password>span, tr:hover>td.displayName>span { margin:0; cursor:pointer; }
  47. tr:hover>td.remove>a, tr:hover>td.password>img,tr:hover>td.displayName>img, tr:hover>td.quota>img { visibility:visible; cursor:pointer; }
  48. tr:hover>td.remove>a { float:right; }
  49. table.grid { width:100%; }
  50. div.quota {
  51. float: right;
  52. display: block;
  53. }
  54. div.quota-select-wrapper { position: relative; }
  55. div.recoveryPassword { left:50em; display:block; position:absolute; top:-1px; }
  56. input#recoveryPassword {width:15em;}
  57. #controls select.quota {
  58. margin: 3px;
  59. margin-right: 10px;
  60. height: 37px;
  61. }
  62. select.quota-user { position:relative; left:0; top:0; width:10em; }
  63. div.quota>span {
  64. white-space: nowrap;
  65. color: #888;
  66. text-shadow: 0 1px 0 #fff;
  67. }
  68. select.quota.active { background: #fff; }
  69. /* positioning fixes */
  70. #newuser .multiselect {
  71. min-width: 150px !important;
  72. }
  73. #newuser .multiselect,
  74. #newusergroups + input[type='submit'] {
  75. position: relative;
  76. top: 1px;
  77. }
  78. #headerGroups, #headerSubAdmins, #headerQuota { padding-left:18px; }
  79. .ie8 table.hascontrols{border-collapse:collapse;width: 100%;}
  80. .ie8 table.hascontrols tbody tr{border-collapse:collapse;border: 1px solid #ddd !important;}
  81. /* APPS */
  82. .appinfo { margin: 1em 40px; }
  83. #app-navigation {
  84. padding-bottom: 0px;
  85. }
  86. #app-navigation .appwarning {
  87. background: #fcc;
  88. }
  89. #app-navigation.appwarning:hover {
  90. background: #fbb;
  91. }
  92. small.externalapp { color:#FFF; background-color:#BBB; font-weight:bold; font-size: 0.6em; margin: 0; padding: 0.1em 0.2em; border-radius: 4px;}
  93. small.recommendedapp { color:#FFF; background-color:#888; font-weight:bold; font-size: 0.6em; margin: 0; padding: 0.1em 0.2em; border-radius: 4px;}
  94. small.externalapp.list, small.recommendedapp.list { position: absolute; right: 10px; top: 12px; }
  95. span.version { margin-left:1em; margin-right:1em; color:#555; }
  96. /* Transition to complete width! */
  97. .app:hover, .app:active { max-width: inherit; }
  98. .appslink { text-decoration: underline; }
  99. .score { color:#666; font-weight:bold; font-size:0.8em; }
  100. .appinfo .documentation {
  101. margin-top: 1em;
  102. margin-bottom: 1em;
  103. }
  104. /* LOG */
  105. #log { white-space:normal; }
  106. #lessLog { display:none; }
  107. table.grid td.date{
  108. white-space: nowrap;
  109. }
  110. /* ADMIN */
  111. span.securitywarning {color:#C33; font-weight:bold; }
  112. span.connectionwarning {color:#933; font-weight:bold; }
  113. table.shareAPI td { padding-bottom: 0.8em; }
  114. #mail_settings p label:first-child {
  115. display: inline-block;
  116. width: 300px;
  117. text-align: right;
  118. }
  119. #mail_settings p select:nth-child(2) {
  120. width: 143px;
  121. }
  122. #mail_smtpport {
  123. width: 40px;
  124. }
  125. .cronlog {
  126. margin-left: 10px;
  127. }
  128. .cronstatus {
  129. display: inline-block;
  130. height: 16px;
  131. width: 16px;
  132. vertical-align: text-bottom;
  133. }
  134. span.success {
  135. background: #37ce02;
  136. border-radius: 8px;
  137. }
  138. span.error {
  139. background: #ce3702;
  140. }
  141. /* HELP */
  142. .pressed {background-color:#DDD;}
  143. /* PASSWORD */
  144. .strengthify-wrapper {
  145. position: absolute;
  146. left: 189px;
  147. width: 131px;
  148. margin-top: -7px;
  149. }
  150. /* OPERA hack for strengthify*/
  151. doesnotexist:-o-prefocus, .strengthify-wrapper {
  152. left: 185px;
  153. width: 129px;
  154. }