src/pyams_skin/resources/css/myams.css
changeset 215 d3c31bd96780
parent 213 06a1b40cfeee
child 218 19564ec8b29b
equal deleted inserted replaced
214:02a7a1351e07 215:d3c31bd96780
  5078   width: 100%;
  5078   width: 100%;
  5079   height: 100%;
  5079   height: 100%;
  5080   position: fixed;
  5080   position: fixed;
  5081   top: 0;
  5081   top: 0;
  5082   left: 0;
  5082   left: 0;
  5083   background: rgba(0, 0, 0, 0.6);
  5083   background: rgba(80, 80, 80, 0.7);
  5084   z-index: 100000;
  5084   z-index: 100000;
  5085 }
  5085 }
  5086 @media screen and (max-width: 450px) and (max-width: 767px) {
  5086 @media screen and (max-width: 450px) and (max-width: 767px) {
  5087   .MessageBox {
  5087   .MessageBox {
  5088     width: 100%;
  5088     width: 100%;
  5089     height: 100%;
  5089     height: 100%;
  5090     position: fixed;
  5090     position: fixed;
  5091     top: 0;
  5091     top: 0;
  5092     left: 0;
  5092     left: 0;
  5093     background: rgba(0, 0, 0, 0.6);
  5093     background: rgba(80, 80, 80, 0.7);
  5094     z-index: 100000;
  5094     z-index: 100000;
  5095   }
  5095   }
  5096 }
  5096 }
  5097 .MessageBoxContainer {
  5097 .MessageBoxContainer {
  5098   top: 35%;
  5098   top: 35%;
  5099   color: #fff;
  5099   color: #fff;
  5100   position: relative;
  5100   position: relative;
  5101   width: 100%;
  5101   width: 100%;
  5102   background-color: #232323;
  5102   background-color: rgba(0, 0, 0, 0.7);
  5103   background-color: rgba(0, 0, 0, 0.8);
       
  5104   padding: 20px;
  5103   padding: 20px;
       
  5104 }
       
  5105 .MessageBoxContainer.info {
       
  5106   width: 60%;
       
  5107   left: 20%;
       
  5108   background-color: rgba(255, 255, 255, 0.9);
       
  5109   color: #333;
  5105 }
  5110 }
  5106 @media screen and (max-width: 450px) and (max-width: 767px) {
  5111 @media screen and (max-width: 450px) and (max-width: 767px) {
  5107   .MessageBoxContainer {
  5112   .MessageBoxContainer {
  5108     top: 25%;
  5113     top: 25%;
  5109     color: #fff;
  5114     color: #fff;
  5110     position: relative;
  5115     position: relative;
  5111     width: 100%;
  5116     width: 100%;
  5112     background-color: #232323;
  5117     background-color: rgba(0, 0, 0, 0.7);
  5113   }
  5118   }
  5114 }
  5119 }
  5115 .MessageBoxContainer input,
  5120 .MessageBoxContainer input,
  5116 .MessageBoxContainer select {
  5121 .MessageBoxContainer select {
  5117   width: 50%;
  5122   width: 50%;
  5156   }
  5161   }
  5157 }
  5162 }
  5158 .MessageBoxButtonSection {
  5163 .MessageBoxButtonSection {
  5159   width: 100%;
  5164   width: 100%;
  5160   height: 30px;
  5165   height: 30px;
       
  5166   text-align: right;
  5161 }
  5167 }
  5162 @media screen and (max-width: 450px) and (max-width: 767px) {
  5168 @media screen and (max-width: 450px) and (max-width: 767px) {
  5163   .MessageBoxButtonSection {
  5169   .MessageBoxButtonSection {
  5164     width: 100%;
  5170     width: 100%;
  5165     height: 30px;
  5171     height: 30px;
  5166   }
  5172   }
  5167 }
  5173 }
  5168 .MessageBoxButtonSection button {
  5174 .MessageBoxButtonSection button {
  5169   float: right;
       
  5170   margin-right: 7px;
  5175   margin-right: 7px;
  5171   padding-left: 15px;
  5176   padding-left: 15px;
  5172   padding-right: 15px;
  5177   padding-right: 15px;
  5173   font-size: 14px;
  5178   font-size: 14px;
  5174   font-weight: 700;
  5179   font-weight: 700;
  5184 .LoadingBoxContainer {
  5189 .LoadingBoxContainer {
  5185   top: 20%;
  5190   top: 20%;
  5186   color: #fff;
  5191   color: #fff;
  5187   position: relative;
  5192   position: relative;
  5188   width: 100%;
  5193   width: 100%;
  5189   background-color: #232323;
  5194   background-color: rgba(0, 0, 0, 0.7);
  5190 }
  5195 }
  5191 .LoadingBoxContainer .MsgTitle {
  5196 .LoadingBoxContainer .MsgTitle {
  5192   font-size: 26px;
  5197   font-size: 26px;
  5193 }
  5198 }
  5194 .LoadingBoxContainer .pText {
  5199 .LoadingBoxContainer .pText {