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.cssView source
- #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;
- }