You are here

drop_down_login.css in Drop Down Login 8

#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 #edit-actions  .button {
  display: block;
  width: auto;
  height: 25px;
  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;
}

File

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