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;
- }