--- a/src/pyams_skin/resources/less/messages.less Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,328 +0,0 @@
-
-@import "colors.less";
-
-/**
- * Messages boxes
- */
-
-.MessageBox {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- background: rgba(80, 80, 80, .7);
- z-index: 100000;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- background: rgba(80, 80, 80, .7);
- z-index: 100000;
- }
-}
-
-.MessageBoxContainer {
- top: 35%;
- color: #fff;
- position: relative;
- width: 100%;
- background-color: @messageBgColor;
- padding: 20px;
-
- &.info {
- width: 60%;
- left: 20%;
- background-color: rgba(255, 255, 255, 0.9);
- color: @textColor;
- }
-
- @media screen and (max-width:450px) and (max-width:767px) {
- top: 25%;
- color: #fff;
- position: relative;
- width: 100%;
- background-color: @messageBgColor;
- }
-
- input,
- select {
- width: 50%;
- padding: 5px;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- width: 50%;
- padding: 5px;
- }
- }
-}
-
-.MessageBoxMiddle {
- position: relative;
- left: 20%;
- width: 60%;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- position: relative;
- left: 0;
- width: 100%;
- padding: 3px;
- }
- .MsgTitle {
- letter-spacing: -1px;
- font-size: 24px;
- font-weight: 300;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- font-size: 22px;
- }
- }
- .pText {
- font-style: 30px;
- }
- @media screen and (max-width:450px) and (max-width:767px) {
- font-style: 10px;
- }
-}
-
-.MessageBoxButtonSection {
- width: 100%;
- height: 30px;
- text-align: right;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- width: 100%;
- height: 30px;
- }
- button {
- margin-right: 7px;
- padding-left: 15px;
- padding-right: 15px;
- font-size: 14px;
- font-weight: 700;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- float: right;
- margin-right: 5px;
- padding-left: 15px;
- padding-right: 15px;
- }
- }
-}
-
-.LoadingBoxContainer {
- top: 20%;
- color: #fff;
- position: relative;
- width: 100%;
- background-color: @messageBgColor;
-
- .MsgTitle {
- font-size: 26px;
- }
- .pText {
- font-style: 30px;
- }
-}
-
-.LoadingBoxMiddle {
- position: relative;
- left: 20%;
- width: 50%;
- padding: 10px;
-}
-
-#LoadingPoints {
- position: absolute;
-}
-
-#divMiniIcons {
- position: fixed;
- width: 415px;
- right: 10px;
- bottom: 180px;
- z-index: 9999;
- float: right;
-
- .cajita {
- text-align: center;
- vertical-align: middle;
- padding: 4px 6px;
- color: #FFF;
- float: right;
- cursor: pointer;
- display: block;
- background-color: red;
- font-size: 17px;
- margin-left: 4px;
- margin-top: 5px;
-
- &:active {
- top: 1px;
- left: 1px;
- position: relative;
- }
- }
-}
-
-#divSmallBoxes {
- position: fixed;
- right: 0;
- top: 0;
- z-index: 9999;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- position: fixed;
- width: 90%;
- right: 0;
- top: 0;
- }
-}
-
-.BigBox {
- position: fixed;
- right: 10px;
- bottom: 10px;
- background-color: #004d60;
- padding: 10px 10px 5px;
- width: 390px;
- height: 150px;
- color: #fff;
- z-index: 99999;
- box-sizing: content-box;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- border-left: 5px solid rgba(0, 0, 0, .15);
- overflow: hidden;
-
- span {
- font-size: 17px;
- font-weight: 300;
- letter-spacing: -1px;
- padding: 5px 0!important;
- display: block;
- }
- p {
- font-size: 13px;
- margin-top: 10px;
- }
-
- @media screen and (max-width:450px) and (max-width:767px) {
- width: 88%;
- }
- .bigboxicon {
- font-size: 30px;
- text-align: left;
- position: absolute;
- top: 120px;
- left: 6px;
- z-index: 0;
- }
- .bigboxnumber {
- width: 100%;
- text-align: right;
- font-size: 25px;
- }
-}
-
-.SmallBox {
- position: absolute;
- right: 5px;
- top: 20px;
- width: 420px;
- color: #fff;
- z-index: 9999;
- overflow: hidden;
- border: 1px solid transparent;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- width: 95%;
- }
- &:hover {
- border: 1px solid #fff;
- cursor: pointer;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- -webkit-box-shadow: 0 0 10px #888;
- box-shadow: 0 0 10px #888;
- cursor: pointer;
- }
- }
- .foto {
- font-size: 30px;
- position: absolute;
- left: 20px;
- }
- .textoFull {
- width: 93%;
- float: left;
- padding-left: 20px;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- width: 93%;
- float: left;
- padding-left: 20px;
- }
- }
- .textoFoto {
- width: 78%;
- margin: 3px 20px 3px 80px;
- float: left;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- width: 55%;
- margin: 3px 20px 3px 80px;
- float: left;
- }
- }
- span {
- font-size: 17px;
- font-weight: 300;
- letter-spacing: -1px;
- display: block;
- margin: 4px 0;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- font-size: 16px;
- }
- }
- p {
- font-size: 13px;
- margin-top: 2px;
-
- @media screen and (max-width:450px) and (max-width:767px) {
- font-size: 12px;
- margin-top: 2px;
- }
- }
-}
-
-.btnClose {
- position: absolute;
- right: 10px;
- height: 16px;
- width: 15px;
- cursor: pointer;
- font-size: 18px;
- opacity: .5;
- display: block;
- top: 15px;
-
- &:hover {
- opacity: 1;
- }
-}
-
-.miniPic {
- position: absolute;
- bottom: 8px;
- right: 9px;
-}
-
-.miniIcon {
- height: 100%;
- font-size: 20px;
-}