|
@@ -1,145 +0,0 @@
|
|
|
-.dashboard-sale-wrapper {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- padding: 45px;
|
|
|
- background: url(/web/static/src/img/form_sheetbg.png);
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: #f5f5f5;
|
|
|
- box-shadow: 2px 2px 4px #d3d3d3, -2px -2px 4px #d3d3d3;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-actions {
|
|
|
- width: 350px;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-buttons {
|
|
|
- flex-grow: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-buttons div {
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
- margin: 10px 92px;
|
|
|
- padding: 15px;
|
|
|
- border-radius: 10% 50%;
|
|
|
- background: #7c7bad;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-buttons div i {
|
|
|
- margin: auto;
|
|
|
- font-size: 18pt;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-buttons div::before {
|
|
|
- content: "";
|
|
|
- width: 0;
|
|
|
- height: 40px;
|
|
|
- border-radius: 0 5px 5px 0;
|
|
|
- position: absolute;
|
|
|
- margin-top: 5px;
|
|
|
- margin-left: 55px;
|
|
|
- text-align: center;
|
|
|
- line-height: 38px;
|
|
|
- font-size: 13px;
|
|
|
- font-weight: bold;
|
|
|
- color: #fff;
|
|
|
- background: #7c7bad;
|
|
|
- transition-duration: 0.2s;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-buttons div:hover {
|
|
|
- cursor: pointer;
|
|
|
- -webkit-cursor: pointer;
|
|
|
- -moz-cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-buttons .new-sale:hover::before {
|
|
|
- content: "Nueva Venta";
|
|
|
- width: 120px;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-buttons .new-budget:hover::before {
|
|
|
- content: "Nuevo Presupuesto";
|
|
|
- width: 150px;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-actions img {
|
|
|
- width: 180px;
|
|
|
- height: 180px;
|
|
|
- margin: auto;
|
|
|
- filter: hue-rotate(45deg);
|
|
|
- animation: 3s handshaking 1;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-welcome {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- padding-left: 65px;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-welcome h2 {
|
|
|
- margin-top: 75px;
|
|
|
- margin-bottom: 35px;
|
|
|
- font-family: sans-serif;
|
|
|
- font-size: 32pt;
|
|
|
- color: #616161;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-welcome div {
|
|
|
- width: calc(100% - 45px);
|
|
|
- height: calc(100% - 200px);
|
|
|
- background: #eeeeee;
|
|
|
- box-shadow: inset 1px 1px 2px #d3d3d3, inset -1px -1px 2px #d3d3d3;
|
|
|
- border-radius: 4px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-welcome div ul {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- list-style-type: none;
|
|
|
- font-family: sans-serif;
|
|
|
- font-size: 14pt;
|
|
|
- color: #757575;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-welcome div ul li {
|
|
|
- margin: 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.dashboard-sale-welcome div ul li i {
|
|
|
- margin-right: 15px;
|
|
|
- font-size: 16pt;
|
|
|
- color: #7c7bad;
|
|
|
-}
|
|
|
-
|
|
|
-@keyframes handshaking {
|
|
|
- 0% {
|
|
|
- transform: scale(1);
|
|
|
- }
|
|
|
- 25% {
|
|
|
- transform: scale(1.15);
|
|
|
- }
|
|
|
- 50% {
|
|
|
- transform: scale(1);
|
|
|
- }
|
|
|
- 75% {
|
|
|
- transform: scale(1.15);
|
|
|
- }
|
|
|
-}
|