Нет описания

um-account.css 4.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  1. /*
  2. - Layout
  3. */
  4. .um-account i {
  5. vertical-align: baseline !important;
  6. }
  7. .um-account p.um-notice {
  8. margin: 0 0 20px 0 !important;
  9. padding: 12px 15px !important;
  10. }
  11. .um-account a:focus {
  12. outline: 0 !important; /*removes the dotted border*/
  13. }
  14. .um-account-side {
  15. float: left;
  16. width: 30%;
  17. padding: 0px;
  18. box-sizing: border-box;
  19. }
  20. .um-account-main {
  21. float: left;
  22. width: 70%;
  23. padding: 0px 0px 0px 1.5em;
  24. box-sizing: border-box;
  25. }
  26. .um-account-main a {
  27. border-bottom: none !important;
  28. }
  29. .um-account-tab {
  30. display: none;
  31. }
  32. .um-account-tab .um-field .um-field-label {
  33. display: flex;
  34. flex-direction: row;
  35. align-items: baseline;
  36. flex-wrap: nowrap;
  37. justify-content: flex-start;
  38. }
  39. /*
  40. - Main tab
  41. */
  42. .um-account-main div.um-account-heading {
  43. display: flex;
  44. flex-wrap: nowrap;
  45. flex-direction: row;
  46. justify-content: flex-start;
  47. align-items: baseline;
  48. margin: 0 !important;
  49. font-size: 18px;
  50. line-height: 18px;
  51. font-weight: bold;
  52. color: #555;
  53. }
  54. .um-account-main div.um-account-heading i {
  55. margin-right: 10px;
  56. font-size: 26px;
  57. position: relative;
  58. top: 2px;
  59. }
  60. .um-account-main p {
  61. margin: 20px 0 0 0!important;
  62. padding: 0 !important;
  63. }
  64. .um-account-main label {
  65. font-size: 15px;
  66. }
  67. /*
  68. - Account photo
  69. */
  70. .um-account-meta {
  71. text-align: center;
  72. margin-bottom: 20px;
  73. }
  74. .um-account-meta img {
  75. margin: 0 !important;
  76. position: static !important;
  77. float: none !important;
  78. display: inline-block;
  79. }
  80. .um-account-meta.radius-1 img { -moz-border-radius: 999px;-webkit-border-radius: 999px;border-radius: 999px }
  81. .um-account-meta.radius-2 img { -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px }
  82. .um-account-meta.radius-3 img { -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0 }
  83. .um-account-name {
  84. padding-top: 12px;
  85. }
  86. .um-account-name a {
  87. font-weight: bold;
  88. color: #555;
  89. text-decoration: none !important;
  90. font-size: 18px;
  91. line-height: 1.4em;
  92. }
  93. .um-account-profile-link a {
  94. font-size: 13px;
  95. font-weight: normal;
  96. }
  97. /*
  98. - Account nav
  99. */
  100. .um-account-nav a {
  101. display: block;
  102. height: 44px;
  103. line-height: 44px;
  104. color: #666 !important;
  105. text-decoration: none !important;
  106. position: relative;
  107. padding-left: 40px;
  108. border-bottom: 1px solid #eee !important;
  109. transition: all .2s linear;
  110. font-size: 14px;
  111. }
  112. .um-account-nav a.current{
  113. font-weight: bold;
  114. }
  115. .um-account-nav span.arr {
  116. position: absolute;
  117. right: 0;
  118. top: 1px;
  119. font-size: 28px;
  120. }
  121. .um-account-nav span.ico {
  122. position: absolute;
  123. left: 0;
  124. top: 0;
  125. font-size: 21px;
  126. width: 21px;
  127. text-align: center;
  128. }
  129. /*
  130. - Account tabs
  131. */
  132. .um-account-side ul, .um-account-side li {
  133. margin: 0 !important;
  134. padding: 0 !important;
  135. list-style-type: none !important;
  136. }
  137. .um-account-side li {margin-bottom: 1px !important;background: #eee;}
  138. .um-account-side li a{
  139. display: block;
  140. padding: 4px 0px;
  141. font-size: 14px;
  142. height: 30px;
  143. line-height: 20px;
  144. color: #999;
  145. position: relative;
  146. }
  147. .um-account-side li a span.um-account-arrow {
  148. position: absolute;
  149. right: 10px;
  150. top: 6px;
  151. font-size: 26px;
  152. opacity: 0.6;
  153. }
  154. .um-account-side li a span.um-account-icon,
  155. .um-account-side li a.current span.um-account-icon,
  156. .um-account-side li a.current:hover span.um-account-icon
  157. {
  158. text-align: center;
  159. font-size: 20px;
  160. width: 20px;
  161. height: 30px;
  162. border-right: 1px solid #ccc;
  163. color: #444;
  164. float: left;
  165. padding: 0px 15px;
  166. font-weight: normal !important;
  167. }
  168. .um-account-side li a span.um-account-icon i {
  169. display: block;
  170. height: 30px;
  171. line-height: 30px;
  172. }
  173. .um-account-side li a span.um-account-title {
  174. padding-left: 20px;
  175. float: left;
  176. height: 30px;
  177. line-height: 30px;
  178. color: #555;
  179. }
  180. .um-account-side li a:hover {color: #444; background: #ddd}
  181. .um-account-side li a.current,
  182. .um-account-side li a.current:hover {
  183. color: #444;
  184. font-weight: bold;
  185. text-decoration: none !important;
  186. }
  187. .um-field-export_data .um-field-error {
  188. display: none;
  189. }
  190. .um-field-export_data .um-field-area-response {
  191. display: none;
  192. line-height: 1.5;
  193. padding: 10px 0;
  194. }
  195. .um-request-button {
  196. display: inline-block;
  197. background-color: #3ba1da;
  198. border-radius: 5px;
  199. color: #fff;
  200. margin: 10px 0 0;
  201. padding: 5px 10px;
  202. text-decoration: none;
  203. }
  204. .um-request-button:hover {
  205. background-color: #44b0ec;
  206. color: #fff;
  207. text-decoration: none;
  208. }