src/ztfy/myams/resources/css/myams.css
changeset 182 681edeb5c6ef
parent 179 a36bac847ea7
child 188 c6b84eed2f59
equal deleted inserted replaced
181:edc461e6a13b 182:681edeb5c6ef
  4260   top: 49px;
  4260   top: 49px;
  4261   left: 0;
  4261   left: 0;
  4262   z-index: 1002;
  4262   z-index: 1002;
  4263   -webkit-transition: left 0.1s ease-out;
  4263   -webkit-transition: left 0.1s ease-out;
  4264   transition: left 0.1s ease-out;
  4264   transition: left 0.1s ease-out;
       
  4265   overflow-y: auto;
  4265 }
  4266 }
  4266 @media (max-width: 979px) {
  4267 @media (max-width: 979px) {
  4267   #left-panel {
  4268   #left-panel {
  4268     left: -220px;
  4269     left: -220px;
  4269   }
  4270   }
  4281   position: absolute;
  4282   position: absolute;
  4282   left: calc(49%);
  4283   left: calc(49%);
  4283   top: 5px;
  4284   top: 5px;
  4284 }
  4285 }
  4285 #left-panel .version {
  4286 #left-panel .version {
  4286   position: absolute;
       
  4287   bottom: 2px;
  4287   bottom: 2px;
       
  4288   margin-top: 40px;
  4288   width: 100%;
  4289   width: 100%;
  4289   text-align: center;
  4290   text-align: center;
  4290   font-size: 11px;
  4291   font-size: 11px;
  4291   color: #333;
  4292   color: #333;
  4292 }
  4293 }
  4524   position: absolute;
  4525   position: absolute;
  4525   right: -3px;
  4526   right: -3px;
  4526   border-radius: 5px 0 0 5px;
  4527   border-radius: 5px 0 0 5px;
  4527   cursor: pointer;
  4528   cursor: pointer;
  4528   margin-top: 5px;
  4529   margin-top: 5px;
       
  4530   margin-bottom: 10px;
  4529   font-size: 19px;
  4531   font-size: 19px;
  4530   -webkit-transition: all .1s linear 0s;
  4532   -webkit-transition: all .1s linear 0s;
  4531   transition: all .1s linear 0s;
  4533   transition: all .1s linear 0s;
  4532 }
  4534 }
  4533 .minifyme:hover {
  4535 .minifyme:hover {
  4760 }
  4762 }
  4761 @media (max-width: 979px) {
  4763 @media (max-width: 979px) {
  4762   .hidden-menu #main {
  4764   .hidden-menu #main {
  4763     position: relative;
  4765     position: relative;
  4764     left: 210px;
  4766     left: 210px;
       
  4767   }
       
  4768   .minified.hidden-menu #main {
       
  4769     left: 0;
  4765   }
  4770   }
  4766 }
  4771 }
  4767 @media (max-width: 979px) {
  4772 @media (max-width: 979px) {
  4768   .hidden-menu #hide-menu i {
  4773   .hidden-menu #hide-menu i {
  4769     color: #fff;
  4774     color: #fff;
 11931   overflow: hidden;
 11936   overflow: hidden;
 11932   position: relative;
 11937   position: relative;
 11933   border: 1px solid #ccc;
 11938   border: 1px solid #ccc;
 11934   white-space: nowrap;
 11939   white-space: nowrap;
 11935   line-height: 26px;
 11940   line-height: 26px;
       
 11941   font-size: 13px;
 11936   color: #444;
 11942   color: #444;
 11937   text-decoration: none;
 11943   text-decoration: none;
 11938   -webkit-background-clip: padding-box;
 11944   -webkit-background-clip: padding-box;
 11939   background-clip: padding-box;
 11945   background-clip: padding-box;
 11940   -webkit-touch-callout: none;
 11946   -webkit-touch-callout: none;
 12161 }
 12167 }
 12162 .select2-results {
 12168 .select2-results {
 12163   max-height: 200px;
 12169   max-height: 200px;
 12164   padding: 0 0 0 4px;
 12170   padding: 0 0 0 4px;
 12165   margin: 4px 4px 4px 0;
 12171   margin: 4px 4px 4px 0;
       
 12172   font-size: 13px;
 12166   position: relative;
 12173   position: relative;
 12167   overflow-x: hidden;
 12174   overflow-x: hidden;
 12168   overflow-y: auto;
 12175   overflow-y: auto;
 12169   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 12176   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 12170 }
 12177 }
 15574   z-index: 1;
 15581   z-index: 1;
 15575 }
 15582 }
 15576 .modal-title img {
 15583 .modal-title img {
 15577   margin: 0 15px 0 0;
 15584   margin: 0 15px 0 0;
 15578 }
 15585 }
       
 15586 .modal-overflow {
       
 15587   position: relative;
       
 15588 }
 15579 .modal-overflow .modal-body {
 15589 .modal-overflow .modal-body {
 15580   overflow: hidden;
 15590   overflow: hidden;
       
 15591 }
       
 15592 .modal-overflow .scrollmarker {
       
 15593   position: absolute;
       
 15594   width: 100%;
       
 15595   height: 20px;
       
 15596 }
       
 15597 .modal-overflow .scrollmarker.top {
       
 15598   background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15599   /* FF3.6+ */
       
 15600   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
       
 15601   /* Chrome,Safari4+ */
       
 15602   background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15603   /* Chrome10+,Safari5.1+ */
       
 15604   background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15605   /* Opera 11.10+ */
       
 15606   background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15607   /* IE10+ */
       
 15608   background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15609   /* W3C */
       
 15610 }
       
 15611 .modal-overflow .scrollmarker.bottom {
       
 15612   background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15613   /* FF3.6+ */
       
 15614   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
       
 15615   /* Chrome,Safari4+ */
       
 15616   background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15617   /* Chrome10+,Safari5.1+ */
       
 15618   background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15619   /* Opera 11.10+ */
       
 15620   background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15621   /* IE10+ */
       
 15622   background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15623   /* W3C */
       
 15624 }
       
 15625 .modal-viewport {
       
 15626   overflow-x: hidden;
       
 15627   overflow-y: auto;
 15581 }
 15628 }
 15582 .modal-viewport fieldset .alert {
 15629 .modal-viewport fieldset .alert {
 15583   margin: 0 -5px 5px !important;
 15630   margin: 0 -5px 5px !important;
 15584 }
 15631 }
 15585 .ui-dialog {
 15632 .ui-dialog {
 15772 }
 15819 }
 15773 .ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover {
 15820 .ui-dialog-buttonset .ui-button.ui-button-inverse.ui-state-hover {
 15774   color: #fff;
 15821   color: #fff;
 15775   background-color: #363636;
 15822   background-color: #363636;
 15776   border-color: #000;
 15823   border-color: #000;
 15777 }
       
 15778 .modal-overflow {
       
 15779   position: relative;
       
 15780 }
       
 15781 .modal-overflow .scrollmarker {
       
 15782   position: absolute;
       
 15783   width: 100%;
       
 15784   height: 20px;
       
 15785 }
       
 15786 .modal-overflow .scrollmarker.top {
       
 15787   background: -moz-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15788   /* FF3.6+ */
       
 15789   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
       
 15790   /* Chrome,Safari4+ */
       
 15791   background: -webkit-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15792   /* Chrome10+,Safari5.1+ */
       
 15793   background: -o-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15794   /* Opera 11.10+ */
       
 15795   background: -ms-linear-gradient(top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15796   /* IE10+ */
       
 15797   background: linear-gradient(to bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15798   /* W3C */
       
 15799 }
       
 15800 .modal-overflow .scrollmarker.bottom {
       
 15801   background: -moz-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15802   /* FF3.6+ */
       
 15803   background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #3276b1), color-stop(17%, rgba(50, 118, 177, 0.83)), color-stop(100%, rgba(50, 118, 177, 0)));
       
 15804   /* Chrome,Safari4+ */
       
 15805   background: -webkit-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15806   /* Chrome10+,Safari5.1+ */
       
 15807   background: -o-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15808   /* Opera 11.10+ */
       
 15809   background: -ms-linear-gradient(bottom, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15810   /* IE10+ */
       
 15811   background: linear-gradient(to top, #3276b1 0%, rgba(50, 118, 177, 0.83) 17%, rgba(50, 118, 177, 0) 100%);
       
 15812   /* W3C */
       
 15813 }
 15824 }
 15814 /*
 15825 /*
 15815  * Pricing-style component
 15826  * Pricing-style component
 15816  */
 15827  */
 15817 .pricing-big {
 15828 .pricing-big {