You are here

drop_down_login.css in Drop Down Login 7

#drop-down-login-wrapper {
  position: relative;
  float: right;
  color: #000;
}

#drop-down-login-wrapper a {
  color: #000;
}

#drop-down-login-wrapper .button {
  display: block;
  width: auto;
  height: 14px;
  padding: 5px 10px;
  line-height: 14px;
  text-decoration: none;
  font-size: 0.929em;
  text-transform: uppercase;
  color: #3a358f;
  font-weight: bold;
  background: #fff;
}

#drop-down-login-wrapper .button span {
  display: block;
}

#drop-down-login-wrapper.enable-dd .button span span {
  background: url('images/arrow.png') 100% 50% no-repeat;
  padding: 0 10px 0 0;
}

#drop-down-login-wrapper.enable-dd .open span span {
  background: url('images/arrow-up.png') 100% 50% no-repeat;
}

#drop-down-login-wrapper .dropdown {
  display: none;
  position: absolute;
  z-index: 999;
  width: auto;
  padding: 10px 20px;
  background: #fff;
  border: #ddd 1px solid;
  right: 0;
  top: 30px;
  box-shadow: 2px 2px 10px #c8c8c8;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#drop-down-login-wrapper .dropdown input.form-text {
  border-color: #ccc;
}

#drop-down-login-wrapper .dropdown .drop_down_login_reset_password {
  float: left;
  border-right: 1px solid;
  padding-right: 4px;
  margin-right: 6px;
}

#drop-down-login-wrapper .dropdown .form-submit {
  margin-top: -16px;
  position: absolute;
}

#drop-down-login-wrapper .dropdown ul li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  min-width: 100%;
}

#drop-down-login-wrapper .dropdown a {
  white-space: nowrap;
}

#drop-down-login-wrapper .dropdown ul li.last {
  border-bottom: none;
}

.my-account img.profile-pic {
  border-radius: 20px;
  border: 2px solid white;
  background: white;
  max-width: 40px;
  max-height: 40px;
  vertical-align: middle;
  margin-top: -9px;
}

File

theme/drop_down_login.css
View source
  1. #drop-down-login-wrapper {
  2. position: relative;
  3. float: right;
  4. color: #000;
  5. }
  6. #drop-down-login-wrapper a {
  7. color: #000;
  8. }
  9. #drop-down-login-wrapper .button {
  10. display: block;
  11. width: auto;
  12. height: 14px;
  13. padding: 5px 10px;
  14. line-height: 14px;
  15. text-decoration: none;
  16. font-size: 0.929em;
  17. text-transform: uppercase;
  18. color: #3a358f;
  19. font-weight: bold;
  20. background: #fff;
  21. }
  22. #drop-down-login-wrapper .button span {
  23. display: block;
  24. }
  25. #drop-down-login-wrapper.enable-dd .button span span {
  26. background: url('images/arrow.png') 100% 50% no-repeat;
  27. padding: 0 10px 0 0;
  28. }
  29. #drop-down-login-wrapper.enable-dd .open span span {
  30. background: url('images/arrow-up.png') 100% 50% no-repeat;
  31. }
  32. #drop-down-login-wrapper .dropdown {
  33. display: none;
  34. position: absolute;
  35. z-index: 999;
  36. width: auto;
  37. padding: 10px 20px;
  38. background: #fff;
  39. border: #ddd 1px solid;
  40. right: 0;
  41. top: 30px;
  42. box-shadow: 2px 2px 10px #c8c8c8;
  43. -o-border-radius: 10px;
  44. -webkit-border-radius: 10px;
  45. -moz-border-radius: 10px;
  46. border-radius: 10px;
  47. }
  48. #drop-down-login-wrapper .dropdown input.form-text {
  49. border-color: #ccc;
  50. }
  51. #drop-down-login-wrapper .dropdown .drop_down_login_reset_password {
  52. float: left;
  53. border-right: 1px solid;
  54. padding-right: 4px;
  55. margin-right: 6px;
  56. }
  57. #drop-down-login-wrapper .dropdown .form-submit {
  58. margin-top: -16px;
  59. position: absolute;
  60. }
  61. #drop-down-login-wrapper .dropdown ul li {
  62. border-bottom: 1px solid #ccc;
  63. margin-bottom: 5px;
  64. min-width: 100%;
  65. }
  66. #drop-down-login-wrapper .dropdown a {
  67. white-space: nowrap;
  68. }
  69. #drop-down-login-wrapper .dropdown ul li.last {
  70. border-bottom: none;
  71. }
  72. .my-account img.profile-pic {
  73. border-radius: 20px;
  74. border: 2px solid white;
  75. background: white;
  76. max-width: 40px;
  77. max-height: 40px;
  78. vertical-align: middle;
  79. margin-top: -9px;
  80. }