diff --git a/admin-dev/themes/default/css/admin-theme.css b/admin-dev/themes/default/css/admin-theme.css index a01c6631e..cc9eefeee 100644 --- a/admin-dev/themes/default/css/admin-theme.css +++ b/admin-dev/themes/default/css/admin-theme.css @@ -449,7 +449,7 @@ ol { ol ol { margin-bottom: 0; } -.list-unstyled, .list-inline { +.list-unstyled, .list-inline, #dashboard .data_list_large, #dashboard .data_list_vertical { padding-left: 0; list-style: none; } @@ -591,21 +591,22 @@ pre { .container:after { clear: both; } -.row { +.row, #dashboard .data_list_vertical { margin-left: -5px; margin-right: -5px; } - .row:before, .row:after { + .row:before, #dashboard .data_list_vertical:before, .row:after, #dashboard .data_list_vertical:after { content: " "; /* 1 */ display: table; /* 2 */ } - .row:after { + .row:after, #dashboard .data_list_vertical:after { clear: both; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, +#dashboard .data_list_vertical li, .col-xs-5, .col-xs-6, .col-xs-7, @@ -659,6 +660,7 @@ pre { .col-xs-2, .col-xs-3, .col-xs-4, +#dashboard .data_list_vertical li, .col-xs-5, .col-xs-6, .col-xs-7, @@ -677,7 +679,7 @@ pre { .col-xs-3 { width: 25%; } -.col-xs-4 { +.col-xs-4, #dashboard .data_list_vertical li { width: 33.33333%; } .col-xs-5 { @@ -1450,7 +1452,7 @@ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-i textarea.form-control, textarea { height: auto; } -.form-group, fieldset > .row { +.form-group, fieldset > .row, #dashboard fieldset > .data_list_vertical { margin-bottom: 15px; } .radio, @@ -1605,7 +1607,7 @@ textarea.input-lg, .input-group-lg > textarea, color: #959595; } @media (min-width: 768px) { - .form-inline .form-group, .navbar-form .form-group, #header_search .form-group, .form-inline fieldset > .row, .navbar-form fieldset > .row, #header_search fieldset > .row { + .form-inline .form-group, .navbar-form .form-group, #header_search .form-group, .form-inline fieldset > .row, .navbar-form fieldset > .row, #header_search fieldset > .row, .form-inline #dashboard fieldset > .data_list_vertical, #dashboard .form-inline fieldset > .data_list_vertical, .navbar-form #dashboard fieldset > .data_list_vertical, #dashboard .navbar-form fieldset > .data_list_vertical, #header_search #dashboard fieldset > .data_list_vertical, #dashboard #header_search fieldset > .data_list_vertical { display: inline-block; margin-bottom: 0; vertical-align: middle; } @@ -1634,15 +1636,15 @@ textarea.input-lg, .input-group-lg > textarea, margin-top: 0; margin-bottom: 0; padding-top: 5px; } -.form-horizontal .form-group, .form-horizontal fieldset > .row { +.form-horizontal .form-group, .form-horizontal fieldset > .row, .form-horizontal #dashboard fieldset > .data_list_vertical, #dashboard .form-horizontal fieldset > .data_list_vertical { margin-left: -5px; margin-right: -5px; } - .form-horizontal .form-group:before, .form-horizontal fieldset > .row:before, .form-horizontal .form-group:after, .form-horizontal fieldset > .row:after { + .form-horizontal .form-group:before, .form-horizontal fieldset > .row:before, .form-horizontal #dashboard fieldset > .data_list_vertical:before, #dashboard .form-horizontal fieldset > .data_list_vertical:before, .form-horizontal .form-group:after, .form-horizontal fieldset > .row:after, .form-horizontal #dashboard fieldset > .data_list_vertical:after, #dashboard .form-horizontal fieldset > .data_list_vertical:after { content: " "; /* 1 */ display: table; /* 2 */ } - .form-horizontal .form-group:after, .form-horizontal fieldset > .row:after { + .form-horizontal .form-group:after, .form-horizontal fieldset > .row:after, .form-horizontal #dashboard fieldset > .data_list_vertical:after, #dashboard .form-horizontal fieldset > .data_list_vertical:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { @@ -3172,7 +3174,7 @@ input[type="button"].btn-block { margin-top: 4px; margin-bottom: 4px; } @media (max-width: 767px) { - .navbar-form .form-group, #header_search .form-group, .navbar-form fieldset > .row, #header_search fieldset > .row { + .navbar-form .form-group, #header_search .form-group, .navbar-form fieldset > .row, #header_search fieldset > .row, .navbar-form #dashboard fieldset > .data_list_vertical, #dashboard .navbar-form fieldset > .data_list_vertical, #header_search #dashboard fieldset > .data_list_vertical, #dashboard #header_search fieldset > .data_list_vertical { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form, #header_search { @@ -3786,36 +3788,36 @@ a.thumbnail:focus { padding-left: 0; list-style: none; } -.list-group { +.list-group, #dashboard .data_list { margin-bottom: 20px; padding-left: 0; } -.list-group-item { +.list-group-item, #dashboard .data_list li { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: white; border: 1px solid #dddddd; } - .list-group-item:first-child { + .list-group-item:first-child, #dashboard .data_list li:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .list-group-item:last-child { + .list-group-item:last-child, #dashboard .data_list li:last-child { margin-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .list-group-item > .badge, #header_notifs_icon_wrapper .list-group-item > .notifs_badge, .list-group-item > .badge-success, .list-group-item > .badge-error { + .list-group-item > .badge, #dashboard .data_list li > .badge, #header_notifs_icon_wrapper .list-group-item > .notifs_badge, #dashboard .data_list #header_notifs_icon_wrapper li > .notifs_badge, #header_notifs_icon_wrapper #dashboard .data_list li > .notifs_badge, .list-group-item > .badge-success, #dashboard .data_list li > .badge-success, .list-group-item > .badge-error, #dashboard .data_list li > .badge-error { float: right; } - .list-group-item > .badge + .badge, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .badge, .list-group-item > .badge-success + .badge, .list-group-item > .badge-error + .badge, #header_notifs_icon_wrapper .list-group-item > .badge + .notifs_badge, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .notifs_badge, #header_notifs_icon_wrapper .list-group-item > .badge-success + .notifs_badge, #header_notifs_icon_wrapper .list-group-item > .badge-error + .notifs_badge, .list-group-item > .badge + .badge-success, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .badge-success, .list-group-item > .badge-success + .badge-success, .list-group-item > .badge-error + .badge-success, .list-group-item > .badge + .badge-error, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .badge-error, .list-group-item > .badge-success + .badge-error, .list-group-item > .badge-error + .badge-error { + .list-group-item > .badge + .badge, #dashboard .data_list li > .badge + .badge, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .badge, #dashboard .data_list #header_notifs_icon_wrapper li > .notifs_badge + .badge, #header_notifs_icon_wrapper #dashboard .data_list li > .notifs_badge + .badge, .list-group-item > .badge-success + .badge, #dashboard .data_list li > .badge-success + .badge, .list-group-item > .badge-error + .badge, #dashboard .data_list li > .badge-error + .badge, #header_notifs_icon_wrapper .list-group-item > .badge + .notifs_badge, #dashboard .data_list #header_notifs_icon_wrapper li > .badge + .notifs_badge, #header_notifs_icon_wrapper #dashboard .data_list li > .badge + .notifs_badge, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .notifs_badge, #dashboard .data_list #header_notifs_icon_wrapper li > .notifs_badge + .notifs_badge, #header_notifs_icon_wrapper #dashboard .data_list li > .notifs_badge + .notifs_badge, #header_notifs_icon_wrapper .list-group-item > .badge-success + .notifs_badge, #dashboard .data_list #header_notifs_icon_wrapper li > .badge-success + .notifs_badge, #header_notifs_icon_wrapper #dashboard .data_list li > .badge-success + .notifs_badge, #header_notifs_icon_wrapper .list-group-item > .badge-error + .notifs_badge, #dashboard .data_list #header_notifs_icon_wrapper li > .badge-error + .notifs_badge, #header_notifs_icon_wrapper #dashboard .data_list li > .badge-error + .notifs_badge, .list-group-item > .badge + .badge-success, #dashboard .data_list li > .badge + .badge-success, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .badge-success, #dashboard .data_list #header_notifs_icon_wrapper li > .notifs_badge + .badge-success, #header_notifs_icon_wrapper #dashboard .data_list li > .notifs_badge + .badge-success, .list-group-item > .badge-success + .badge-success, #dashboard .data_list li > .badge-success + .badge-success, .list-group-item > .badge-error + .badge-success, #dashboard .data_list li > .badge-error + .badge-success, .list-group-item > .badge + .badge-error, #dashboard .data_list li > .badge + .badge-error, #header_notifs_icon_wrapper .list-group-item > .notifs_badge + .badge-error, #dashboard .data_list #header_notifs_icon_wrapper li > .notifs_badge + .badge-error, #header_notifs_icon_wrapper #dashboard .data_list li > .notifs_badge + .badge-error, .list-group-item > .badge-success + .badge-error, #dashboard .data_list li > .badge-success + .badge-error, .list-group-item > .badge-error + .badge-error, #dashboard .data_list li > .badge-error + .badge-error { margin-right: 5px; } - .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { + .list-group-item.active, #dashboard .data_list li.active, .list-group-item.active:hover, #dashboard .data_list li.active:hover, .list-group-item.active:focus, #dashboard .data_list li.active:focus { z-index: 2; color: white; background-color: #1d7878; border-color: #1d7878; } - .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading { + .list-group-item.active .list-group-item-heading, #dashboard .data_list li.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, #dashboard .data_list li.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, #dashboard .data_list li.active:focus .list-group-item-heading { color: inherit; } - .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { + .list-group-item.active .list-group-item-text, #dashboard .data_list li.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, #dashboard .data_list li.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text, #dashboard .data_list li.active:focus .list-group-item-text { color: #81e0e0; } a.list-group-item { @@ -3852,17 +3854,17 @@ a.list-group-item { .panel-body:after { clear: both; } -.panel > .list-group, #header_notifs_icon_wrapper .notifs_panel > .list-group { +.panel > .list-group, #header_notifs_icon_wrapper .notifs_panel > .list-group, #dashboard .panel > .data_list, #header_notifs_icon_wrapper #dashboard .notifs_panel > .data_list, #dashboard #header_notifs_icon_wrapper .notifs_panel > .data_list { margin-bottom: 0; } - .panel > .list-group .list-group-item, #header_notifs_icon_wrapper .notifs_panel > .list-group .list-group-item { + .panel > .list-group .list-group-item, #header_notifs_icon_wrapper .notifs_panel > .list-group .list-group-item, #dashboard .panel > .data_list .list-group-item, #header_notifs_icon_wrapper #dashboard .notifs_panel > .data_list .list-group-item, #dashboard #header_notifs_icon_wrapper .notifs_panel > .data_list .list-group-item, .panel > .list-group #dashboard .data_list li, #dashboard .data_list .panel > .list-group li, #header_notifs_icon_wrapper .notifs_panel > .list-group #dashboard .data_list li, #dashboard .data_list #header_notifs_icon_wrapper .notifs_panel > .list-group li, #dashboard .panel > .data_list li, #header_notifs_icon_wrapper #dashboard .notifs_panel > .data_list li, #dashboard #header_notifs_icon_wrapper .notifs_panel > .data_list li { border-width: 1px 0; } - .panel > .list-group .list-group-item:first-child, #header_notifs_icon_wrapper .notifs_panel > .list-group .list-group-item:first-child { + .panel > .list-group .list-group-item:first-child, #header_notifs_icon_wrapper .notifs_panel > .list-group .list-group-item:first-child, #dashboard .panel > .data_list .list-group-item:first-child, #header_notifs_icon_wrapper #dashboard .notifs_panel > .data_list .list-group-item:first-child, #dashboard #header_notifs_icon_wrapper .notifs_panel > .data_list .list-group-item:first-child, .panel > .list-group #dashboard .data_list li:first-child, #dashboard .data_list .panel > .list-group li:first-child, #header_notifs_icon_wrapper .notifs_panel > .list-group #dashboard .data_list li:first-child, #dashboard .data_list #header_notifs_icon_wrapper .notifs_panel > .list-group li:first-child, #dashboard .panel > .data_list li:first-child, #header_notifs_icon_wrapper #dashboard .notifs_panel > .data_list li:first-child, #dashboard #header_notifs_icon_wrapper .notifs_panel > .data_list li:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } - .panel > .list-group .list-group-item:last-child, #header_notifs_icon_wrapper .notifs_panel > .list-group .list-group-item:last-child { + .panel > .list-group .list-group-item:last-child, #header_notifs_icon_wrapper .notifs_panel > .list-group .list-group-item:last-child, #dashboard .panel > .data_list .list-group-item:last-child, #header_notifs_icon_wrapper #dashboard .notifs_panel > .data_list .list-group-item:last-child, #dashboard #header_notifs_icon_wrapper .notifs_panel > .data_list .list-group-item:last-child, .panel > .list-group #dashboard .data_list li:last-child, #dashboard .data_list .panel > .list-group li:last-child, #header_notifs_icon_wrapper .notifs_panel > .list-group #dashboard .data_list li:last-child, #dashboard .data_list #header_notifs_icon_wrapper .notifs_panel > .list-group li:last-child, #dashboard .panel > .data_list li:last-child, #header_notifs_icon_wrapper #dashboard .notifs_panel > .data_list li:last-child, #dashboard #header_notifs_icon_wrapper .notifs_panel > .data_list li:last-child { border-bottom: 0; } -.panel-heading + .list-group .list-group-item:first-child, #header_notifs_icon_wrapper .notifs_panel .notifs_panel_header + .list-group .list-group-item:first-child { +.panel-heading + .list-group .list-group-item:first-child, #header_notifs_icon_wrapper .notifs_panel .notifs_panel_header + .list-group .list-group-item:first-child, #dashboard .panel-heading + .data_list .list-group-item:first-child, #header_notifs_icon_wrapper .notifs_panel #dashboard .notifs_panel_header + .data_list .list-group-item:first-child, #dashboard #header_notifs_icon_wrapper .notifs_panel .notifs_panel_header + .data_list .list-group-item:first-child, .panel-heading + .list-group #dashboard .data_list li:first-child, #dashboard .data_list .panel-heading + .list-group li:first-child, #header_notifs_icon_wrapper .notifs_panel .notifs_panel_header + .list-group #dashboard .data_list li:first-child, #dashboard .data_list #header_notifs_icon_wrapper .notifs_panel .notifs_panel_header + .list-group li:first-child, #dashboard .panel-heading + .data_list li:first-child, #header_notifs_icon_wrapper .notifs_panel #dashboard .notifs_panel_header + .data_list li:first-child, #dashboard #header_notifs_icon_wrapper .notifs_panel .notifs_panel_header + .data_list li:first-child { border-top-width: 0; } .panel > .table, #header_notifs_icon_wrapper .notifs_panel > .table { @@ -5425,7 +5427,8 @@ a .icon-flip-vertical:before { .icon-gear:before, .icon-cog:before, -.icon-AdminAdmin:before { +.icon-AdminAdmin:before, +.process-icon-configure:before { content: "\f013"; } .icon-trash:before, .process-icon-delete:before { @@ -7453,3 +7456,147 @@ tr.filter { text-align: center; font-size: 1.2em; line-height: 30px; } + +.size_s, .size_md, .size_l, .size_xl, .size_xxl { + font-family: "Ubuntu", sans-serif; + color: #3a3a4a; } + +.size_s { + font-size: 1.1em; } + +.size_md { + font-size: 1.3em; } + +.size_l { + font-size: 1.7em; } + +.size_xl { + font-size: 2em; } + +.size_xxl { + font-size: 2.3em; } + +.dash_trend_down { + color: red; } + +.dash_trend_up { + color: green; } + +#dashboard section header { + padding: 3px 8px; + margin: 0 0 3px 0; + color: white; + font-size: 1.2em; + background-color: #1d7878; } +#dashboard section header.panel-heading, #dashboard section #header_notifs_icon_wrapper .notifs_panel header.notifs_panel_header, #header_notifs_icon_wrapper .notifs_panel #dashboard section header.notifs_panel_header { + color: #555555; } +#dashboard .data_list { + margin: 0 0 10px 0; + padding: 0; } + #dashboard .data_list li { + position: relative; } + #dashboard .data_list .data_value { + line-height: 39px; + position: absolute; + top: 0; + right: 0; + padding: 0 10px 0 0; } +#dashboard .data_list_small { + margin: 8px 0 10px 0; + padding: 0 0 0 0; + border-top: solid 1px #dddddd; } + #dashboard .data_list_small li { + padding: 3px 0; + position: relative; + border: none; + margin: 0; + border-bottom: dashed 1px #dddddd; } + #dashboard .data_list_small .data_label { + text-transform: uppercase; + color: #bbbbbb; } + #dashboard .data_list_small .data_value { + line-height: 25px; + position: absolute; + top: 0; + right: 0; + padding: 0; } +#dashboard .data_list_large { + margin: 8px 0 10px 0; + padding: 0; } + #dashboard .data_list_large li { + padding: 6px 0; + position: relative; + border: none; + margin: 0; } + #dashboard .data_list_large .data_label { + line-height: 0.8em; } + #dashboard .data_list_large .data_label small { + font-size: 0.6em; } + #dashboard .data_list_large .data_value { + text-align: right; + line-height: 0.6em; + position: absolute; + top: 0; + right: 0; + padding: 8px 0 0 0; } + #dashboard .data_list_large .data_value small { + font-size: 0.5em; } +#dashboard .data_list_vertical { + padding: 0; + margin: 0 0 10px 0; + border: 1px solid #dddddd; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; } + #dashboard .data_list_vertical li { + border-left: solid 1px #dddddd; + padding: 6px; } + #dashboard .data_list_vertical li:first-child { + border: none; } + #dashboard .data_list_vertical .data_label { + min-height: 32px; + display: block; + line-height: 1em; + text-align: center; } + #dashboard .data_list_vertical .data_value { + display: block; + text-align: center; } +#dashboard #dash_trends header { + margin-bottom: 0; } +#dashboard #dash_trends #dash_trends_toolbar { + margin: 4px -16px; + border-bottom: 1px solid #dddddd; } +#dashboard #dash_trends dl { + margin: 0; + text-align: center; + background-color: white; + padding: 10px; + border-left: 1px solid #dddddd; } + #dashboard #dash_trends dl:first-child { + border: none; } + #dashboard #dash_trends dl.active { + background-color: #eeeeee; } +#dashboard #dash_trends dt { + text-align: center; + height: 37px; + line-height: 1em; + font-size: 1.1em; + font-weight: 300; } +#dashboard #dash_products header { + margin-bottom: 0; } +#dashboard #dash_products nav { + border-bottom: solid 1px #dddddd; + margin: 0 -11px; } + #dashboard #dash_products nav ul { + margin: 0 -5px; + padding: 0; + text-decoration: none; + background-color: white; } + #dashboard #dash_products nav ul li { + float: left; } + #dashboard #dash_products nav ul li.active { + background-color: #1d7878; } + #dashboard #dash_products nav ul li.active a { + color: white; } diff --git a/admin-dev/themes/default/css/admin-theme.sass b/admin-dev/themes/default/css/admin-theme.sass index 9c7dfc2db..d5334acce 100755 --- a/admin-dev/themes/default/css/admin-theme.sass +++ b/admin-dev/themes/default/css/admin-theme.sass @@ -512,6 +512,8 @@ html, body @extend .icon-anchor .process-icon-refresh @extend .icon-refresh +.process-icon-configure + @extend .icon-cog .navbar-inner box-shadow: none!important @@ -806,13 +808,10 @@ fieldset > .row stroke-width: 0 - .highlighted background-color: blue //.list-toolbar-btn - - #topbar position: fixed left: 80 @@ -841,10 +840,9 @@ fieldset > .row .submenu display: none + .hook_panel @extend .well - //@include background-image(linear-gradient(#fff, #ccc)) - //@include box-shadow(rgba(black,0.10) 0 -2px 0 inset) @include box-shadow(rgba(white,0.9) 0 0 0 1px inset) padding: 10px 10px 5px 10px margin-bottom: 3px!important @@ -852,8 +850,6 @@ fieldset > .row font-size: 1.2em .module_description @extend .text-muted - - .hook_panel_header margin: 0 -10px 0 -10px padding: 0 10px 10px 10px @@ -871,10 +867,7 @@ fieldset > .row .hook_description @extend .text-muted padding: 3px 0 0 3px - - .module_list - //@extend .list-group .module_list_item display: table width: 100% @@ -883,7 +876,6 @@ fieldset > .row background-color: white @include box-shadow(rgba(0,0,0,0.3) 0 0 3px,rgba(black,0.10) 0 -2px 0 inset) @include border-radius(3px) - .module_col_select display: table-cell vertical-align: middle @@ -907,8 +899,6 @@ fieldset > .row @include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset) border: solid 1px #ccc background-color: #eee - - .module_col_icon display: table-cell text-align: center @@ -947,6 +937,165 @@ fieldset > .row line-height: 30px +//DASHBOARD + +.size_s, .size_md, .size_l, .size_xl, .size_xxl + font-family: $headings-font-family + color: $main-color +.size_s + font-size: 1.1em +.size_md + font-size: 1.3em +.size_l + font-size: 1.7em +.size_xl + font-size: 2em +.size_xxl + font-size: 2.3em + +.dash_trend_down + color: red +.dash_trend_up + color: green + +#dashboard + section + header + padding: 3px 8px + margin: 0 0 3px 0 + color: white + font-size: 1.2em + background-color: $brand-primary + header.panel-heading + color: #555 + + + .data_list + @extend .list-group + margin: 0 0 10px 0 + padding: 0 + li + @extend .list-group-item + position: relative + .data_label + small + .data_value + line-height: 39px + position: absolute + top: 0 + right: 0 + padding: 0 10px 0 0 + + .data_list_small + margin: 8px 0 10px 0 + padding: 0 0 0 0 + border-top: solid 1px #ddd + li + padding: 3px 0 + position: relative + border: none + margin: 0 + border-bottom: dashed 1px #ddd + .data_label + text-transform: uppercase + color: #bbb + .data_value + line-height: 25px + position: absolute + top: 0 + right: 0 + padding: 0 + + .data_list_large + margin: 8px 0 10px 0 + padding: 0 + @extend .list-unstyled + li + padding: 6px 0 + position: relative + border: none + margin: 0 + .data_label + line-height: 0.8em + small + font-size: 0.6em + .data_value + text-align: right + line-height: 0.6em + position: absolute + top: 0 + right: 0 + padding: 8px 0 0 0 + small + font-size: 0.5em + + .data_list_vertical + @extend .list-unstyled + @extend .row + padding: 0 + margin: 0 0 10px 0 + border: 1px solid #ddd + @include border-radius(3px) + li + border-left: solid 1px #ddd + @extend .col-xs-4 + padding: 6px + &:first-child + border: none + .data_label + min-height: 32px + display: block + line-height: 1em + text-align: center + .data_value + display: block + text-align: center + + + #dash_trends + header + margin-bottom: 0 + #dash_trends_toolbar + margin: 4px -16px + border-bottom: 1px solid #ddd + dl + margin: 0 + text-align: center + background-color: white + padding: 10px + border-left: 1px solid #ddd + &:first-child + border: none + &.active + background-color: #eee + dt + text-align: center + height: 37px + line-height: 1em + font-size: 1.1em + font-weight: 300 + dd + + #dash_products + header + margin-bottom: 0 + nav + border-bottom: solid 1px #ddd + margin: 0 -11px + ul + margin: 0 -5px + padding: 0 + text-decoration: none + background-color: white + li + float: left + li.active + background-color: $brand-primary + a + color: white + + + diff --git a/admin-dev/themes/default/template/controllers/dashboard/helpers/view/view.tpl b/admin-dev/themes/default/template/controllers/dashboard/helpers/view/view.tpl index e69de29bb..6f4970c2a 100644 --- a/admin-dev/themes/default/template/controllers/dashboard/helpers/view/view.tpl +++ b/admin-dev/themes/default/template/controllers/dashboard/helpers/view/view.tpl @@ -0,0 +1,274 @@ +
| Customer | +Products | +Total | +Date | ++ |
|---|---|---|---|---|
| John Smith | +10 | +$1200 | +July 8th, 2013 // 10:42 am | +Today | +