You are here

oa_wizard.css in Open Atrium Wizard 7.2

#oa-wizard {
  margin-top: 0;
  position: relative;
  left: 0%;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#oa-wizard .row {
  background: #eee;
  padding: 10px;
}
#oa-wizard.open {
  left: 200px;
}
#oa-wizard .toggle-nav {
  padding-top: 15px;
  padding-bottom: 30px;
}
@media (min-width: 600px) {
  #oa-wizard .toggle-nav {
    display: none;
  }
}
#oa-wizard .nav {
  position: absolute;
  background: #ddd;
  margin: 0;
  width: 250px;
  left: -220px;
}
#oa-wizard .nav  li {
  margin-bottom: -1px;
  border-radius: 4px 0 0 4px;
  border: 1px solid white;
}
#oa-wizard .nav  li > a {
  color: black;
  font-weight: 500;
}
#oa-wizard .nav  li > a:hover {
  color: #fff;
  background: #428bca;
  text-decoration: none;
}
@media (min-width: 600px) {
  #oa-wizard .nav {
    width: 30%;
    left: 0;
    float: left;
    position: relative;
  }
}
#oa-wizard .nav .active {
  background: white;
}
#oa-wizard .nav .active .badge {
  background: #428bca;
}
#oa-wizard .nav .badge, #oa-wizard .toggle-nav span {
  float: right;
}
#oa-wizard .content {
  float: right;
  width: 90%;
  padding-left: 20px;
  padding: 10px 10px 20px 20px;
  background: white;
}
#oa-wizard .btn {
  margin-right: 5px;
}
#oa-wizard .btn[disabled] {
  background: #999;
  border-color: #777;
}
@media (min-width: 600px) {
  #oa-wizard .content {
    width: 70%;
  }
}

#modalContent #modal-content {
  max-width: 900px;
  margin: 0 auto;
  height: auto !important;
}

File

css/oa_wizard.css
View source
  1. #oa-wizard {
  2. margin-top: 0;
  3. position: relative;
  4. left: 0%;
  5. -moz-transition: all 0.5s;
  6. -o-transition: all 0.5s;
  7. -webkit-transition: all 0.5s;
  8. transition: all 0.5s;
  9. }
  10. #oa-wizard .row {
  11. background: #eee;
  12. padding: 10px;
  13. }
  14. #oa-wizard.open {
  15. left: 200px;
  16. }
  17. #oa-wizard .toggle-nav {
  18. padding-top: 15px;
  19. padding-bottom: 30px;
  20. }
  21. @media (min-width: 600px) {
  22. #oa-wizard .toggle-nav {
  23. display: none;
  24. }
  25. }
  26. #oa-wizard .nav {
  27. position: absolute;
  28. background: #ddd;
  29. margin: 0;
  30. width: 250px;
  31. left: -220px;
  32. }
  33. #oa-wizard .nav li {
  34. margin-bottom: -1px;
  35. border-radius: 4px 0 0 4px;
  36. border: 1px solid white;
  37. }
  38. #oa-wizard .nav li > a {
  39. color: black;
  40. font-weight: 500;
  41. }
  42. #oa-wizard .nav li > a:hover {
  43. color: #fff;
  44. background: #428bca;
  45. text-decoration: none;
  46. }
  47. @media (min-width: 600px) {
  48. #oa-wizard .nav {
  49. width: 30%;
  50. left: 0;
  51. float: left;
  52. position: relative;
  53. }
  54. }
  55. #oa-wizard .nav .active {
  56. background: white;
  57. }
  58. #oa-wizard .nav .active .badge {
  59. background: #428bca;
  60. }
  61. #oa-wizard .nav .badge, #oa-wizard .toggle-nav span {
  62. float: right;
  63. }
  64. #oa-wizard .content {
  65. float: right;
  66. width: 90%;
  67. padding-left: 20px;
  68. padding: 10px 10px 20px 20px;
  69. background: white;
  70. }
  71. #oa-wizard .btn {
  72. margin-right: 5px;
  73. }
  74. #oa-wizard .btn[disabled] {
  75. background: #999;
  76. border-color: #777;
  77. }
  78. @media (min-width: 600px) {
  79. #oa-wizard .content {
  80. width: 70%;
  81. }
  82. }
  83. #modalContent #modal-content {
  84. max-width: 900px;
  85. margin: 0 auto;
  86. height: auto !important;
  87. }