src/ztfy/myams/resources/css/myams.css
changeset 48 501bdc011ad6
parent 44 3155c5858534
child 56 c27d6eafe467
equal deleted inserted replaced
47:93ba694b15a0 48:501bdc011ad6
  3081   vertical-align: top!important;
  3081   vertical-align: top!important;
  3082 }
  3082 }
  3083 .align-base {
  3083 .align-base {
  3084   vertical-align: baseline!important;
  3084   vertical-align: baseline!important;
  3085 }
  3085 }
       
  3086 .opacity-25 {
       
  3087   opacity: 0.25!important;
       
  3088 }
       
  3089 .opacity-50 {
       
  3090   opacity: 0.5!important;
       
  3091 }
       
  3092 .opacity-75 {
       
  3093   opacity: 0.75!important;
       
  3094 }
       
  3095 .opacity-100,
  3086 .opaque {
  3096 .opaque {
  3087   opacity: 1!important;
  3097   opacity: 1!important;
  3088 }
  3098 }
  3089 .disabled {
  3099 .disabled {
  3090   color: #fff;
  3100   color: #fff;
  3164   margin-bottom: 20px!important;
  3174   margin-bottom: 20px!important;
  3165 }
  3175 }
  3166 .margin-top-0 {
  3176 .margin-top-0 {
  3167   margin-top: 0!important;
  3177   margin-top: 0!important;
  3168 }
  3178 }
       
  3179 .margin-top-2 {
       
  3180   margin-top: 2px!important;
       
  3181 }
  3169 .margin-top-5 {
  3182 .margin-top-5 {
  3170   margin-top: 5px!important;
  3183   margin-top: 5px!important;
  3171 }
  3184 }
  3172 .margin-top-10 {
  3185 .margin-top-10 {
  3173   margin-top: 10px!important;
  3186   margin-top: 10px!important;
  3176   margin-top: 20px!important;
  3189   margin-top: 20px!important;
  3177 }
  3190 }
  3178 .margin-bottom-0 {
  3191 .margin-bottom-0 {
  3179   margin-bottom: 0!important;
  3192   margin-bottom: 0!important;
  3180 }
  3193 }
       
  3194 .margin-bottom-2 {
       
  3195   margin-bottom: 2px!important;
       
  3196 }
  3181 .margin-bottom-5 {
  3197 .margin-bottom-5 {
  3182   margin-bottom: 5px!important;
  3198   margin-bottom: 5px!important;
  3183 }
  3199 }
  3184 .margin-bottom-10 {
  3200 .margin-bottom-10 {
  3185   margin-bottom: 10px!important;
  3201   margin-bottom: 10px!important;
  3188   margin-bottom: 20px!important;
  3204   margin-bottom: 20px!important;
  3189 }
  3205 }
  3190 .margin-left-0 {
  3206 .margin-left-0 {
  3191   margin-left: 0!important;
  3207   margin-left: 0!important;
  3192 }
  3208 }
       
  3209 .margin-left-2 {
       
  3210   margin-left: 2px!important;
       
  3211 }
  3193 .margin-left-5 {
  3212 .margin-left-5 {
  3194   margin-left: 5px!important;
  3213   margin-left: 5px!important;
  3195 }
  3214 }
  3196 .margin-left-10 {
  3215 .margin-left-10 {
  3197   margin-left: 10px!important;
  3216   margin-left: 10px!important;
  3200   margin-left: 20px!important;
  3219   margin-left: 20px!important;
  3201 }
  3220 }
  3202 .margin-right-0 {
  3221 .margin-right-0 {
  3203   margin-right: 0!important;
  3222   margin-right: 0!important;
  3204 }
  3223 }
       
  3224 .margin-right-2 {
       
  3225   margin-right: 2px!important;
       
  3226 }
  3205 .margin-right-5 {
  3227 .margin-right-5 {
  3206   margin-right: 5px!important;
  3228   margin-right: 5px!important;
  3207 }
  3229 }
  3208 .margin-right-10 {
  3230 .margin-right-10 {
  3209   margin-right: 10px!important;
  3231   margin-right: 10px!important;
  3210 }
  3232 }
  3211 .margin-right-20 {
  3233 .margin-right-20 {
  3212   margin-right: 20px!important;
  3234   margin-right: 20px!important;
       
  3235 }
       
  3236 .shift-topleft-2 {
       
  3237   margin-top: -2px !important;
       
  3238   margin-left: -2px !important;
       
  3239 }
       
  3240 .shift-topleft-4 {
       
  3241   margin-top: -4px !important;
       
  3242   margin-left: -4px !important;
       
  3243 }
       
  3244 .shift-topright-2 {
       
  3245   margin-top: -2px !important;
       
  3246   margin-right: -2px !important;
       
  3247 }
       
  3248 .shift-topright-4 {
       
  3249   margin-top: -4px !important;
       
  3250   margin-right: -4px !important;
       
  3251 }
       
  3252 .shift-bottomleft-2 {
       
  3253   margin-bottom: -2px !important;
       
  3254   margin-left: -2px !important;
       
  3255 }
       
  3256 .shift-bottomleft-4 {
       
  3257   margin-bottom: -4px !important;
       
  3258   margin-left: -4px !important;
       
  3259 }
       
  3260 .shift-bottomright-2 {
       
  3261   margin-bottom: -2px !important;
       
  3262   margin-right: -2px !important;
       
  3263 }
       
  3264 .shift-bottomright-4 {
       
  3265   margin-bottom: -4px !important;
       
  3266   margin-right: -4px !important;
  3213 }
  3267 }
  3214 .bordered {
  3268 .bordered {
  3215   border: 1px solid #dddddd;
  3269   border: 1px solid #dddddd;
  3216 }
  3270 }
  3217 .bordered:hover {
  3271 .bordered:hover {
  3233 .border-0 {
  3287 .border-0 {
  3234   border-width: 0!important;
  3288   border-width: 0!important;
  3235 }
  3289 }
  3236 .border-1 {
  3290 .border-1 {
  3237   border-width: 1px!important;
  3291   border-width: 1px!important;
       
  3292 }
       
  3293 .radius-4 {
       
  3294   border-radius: 4px!important;
       
  3295 }
       
  3296 .radius-top-4 {
       
  3297   border-top-left-radius: 4px!important;
       
  3298   border-top-right-radius: 4px!important;
       
  3299 }
       
  3300 .radius-bottom-4 {
       
  3301   border-bottom-left-radius: 4px!important;
       
  3302   border-bottom-right-radius: 4px!important;
       
  3303 }
       
  3304 .radius-left-4 {
       
  3305   border-top-left-radius: 4px!important;
       
  3306   border-bottom-left-radius: 4px!important;
       
  3307 }
       
  3308 .radius-right-4 {
       
  3309   border-top-right-radius: 4px!important;
       
  3310   border-bottom-right-radius: 4px!important;
  3238 }
  3311 }
  3239 .width-100 {
  3312 .width-100 {
  3240   width: 100px;
  3313   width: 100px;
  3241   max-width: 100px;
  3314   max-width: 100px;
  3242 }
  3315 }
  3506   cursor: pointer;
  3579   cursor: pointer;
  3507 }
  3580 }
  3508 .selected {
  3581 .selected {
  3509   border: 1px solid #0091d9!important;
  3582   border: 1px solid #0091d9!important;
  3510 }
  3583 }
       
  3584 tr.selected {
       
  3585   background-color: #dcebff;
       
  3586 }
  3511 .selected:before {
  3587 .selected:before {
  3512   display: block;
  3588   display: block;
  3513   position: absolute;
  3589   position: absolute;
  3514   content: "\f00c";
  3590   content: "\f00c";
  3515   color: #fff;
  3591   color: #fff;
  3516   right: 4px;
  3592   right: 4px;
  3517   font-family: FontAwesome;
  3593   font-family: FontAwesome;
  3518   z-index: 1002;
  3594   z-index: 1002;
  3519 }
  3595 }
       
  3596 tr.selected:before {
       
  3597   display: none;
       
  3598 }
  3520 .selected:after {
  3599 .selected:after {
  3521   width: 0;
  3600   width: 0;
  3522   height: 0;
  3601   height: 0;
  3523   border-top: 35px solid #0091d9;
  3602   border-top: 35px solid #0091d9;
  3524   border-left: 35px solid rgba(0, 0, 0, 0);
  3603   border-left: 35px solid rgba(0, 0, 0, 0);
  3526   display: block;
  3605   display: block;
  3527   right: 0;
  3606   right: 0;
  3528   content: ".";
  3607   content: ".";
  3529   top: 0;
  3608   top: 0;
  3530   z-index: 1001;
  3609   z-index: 1001;
       
  3610 }
       
  3611 tr.selected:after {
       
  3612   display: none;
  3531 }
  3613 }
  3532 /*
  3614 /*
  3533  * Components layout
  3615  * Components layout
  3534  */
  3616  */
  3535 html {
  3617 html {
  3635   #header {
  3717   #header {
  3636     padding-right: 5px;
  3718     padding-right: 5px;
  3637     background: #fff;
  3719     background: #fff;
  3638   }
  3720   }
  3639 }
  3721 }
  3640 #header > :first-child {
       
  3641   width: 220px;
       
  3642 }
       
  3643 #header > div {
  3722 #header > div {
  3644   display: inline-block;
  3723   display: inline-block;
  3645   vertical-align: middle;
  3724   vertical-align: middle;
  3646   height: 49px;
  3725   height: 49px;
  3647   float: left;
  3726   float: left;
  3666 .fixed-header #main {
  3745 .fixed-header #main {
  3667   margin-top: 49px;
  3746   margin-top: 49px;
  3668 }
  3747 }
  3669 #top-links > div {
  3748 #top-links > div {
  3670   display: inline-block;
  3749   display: inline-block;
       
  3750   float: left;
  3671 }
  3751 }
  3672 @media (min-width: 768px) and (max-width: 1089px) {
  3752 @media (min-width: 768px) and (max-width: 1089px) {
  3673   #top-links > div {
  3753   #top-links > div {
  3674     display: none;
  3754     display: none;
  3675   }
  3755   }
  3702   font-weight: 700;
  3782   font-weight: 700;
  3703   text-transform: uppercase;
  3783   text-transform: uppercase;
  3704   text-shadow: 0 0 1px #fff;
  3784   text-shadow: 0 0 1px #fff;
  3705   padding-left: 0;
  3785   padding-left: 0;
  3706   text-align: left;
  3786   text-align: left;
       
  3787 }
       
  3788 .top-tabs {
       
  3789   display: inline-block;
       
  3790   padding: 7px 13px 0;
       
  3791   position: relative;
       
  3792 }
       
  3793 .top-tabs > span {
       
  3794   display: block;
       
  3795 }
       
  3796 .top-tabs > :first-child {
       
  3797   display: block;
       
  3798   color: #bfbfbf;
       
  3799   font-size: 10px;
       
  3800   font-weight: 700;
       
  3801   text-transform: uppercase;
       
  3802   text-shadow: 0 0 1px #fff;
       
  3803   padding-left: 5px;
       
  3804   text-align: left;
       
  3805 }
       
  3806 .top-tabs .nav-tabs li a {
       
  3807   padding: 2px 10px 3px!important;
       
  3808   border-color: #ccc #ccc transparent;
       
  3809   box-shadow: 0px -2px 3px #cccccc;
       
  3810   margin-top: 3px!important;
       
  3811 }
       
  3812 .top-tabs .nav-tabs li.active a {
       
  3813   margin-top: 3px!important;
       
  3814   padding: 2px 10px 3px!important;
  3707 }
  3815 }
  3708 .top-selector {
  3816 .top-selector {
  3709   max-width: 97%;
  3817   max-width: 97%;
  3710   white-space: nowrap;
  3818   white-space: nowrap;
  3711   background: 0 0;
  3819   background: 0 0;
  3810 #logo img {
  3918 #logo img {
  3811   max-width: 175px;
  3919   max-width: 175px;
  3812   max-height: 36px;
  3920   max-height: 36px;
  3813   padding-left: 3px;
  3921   padding-left: 3px;
  3814 }
  3922 }
       
  3923 #logo-group {
       
  3924   width: 220px;
       
  3925 }
       
  3926 @media only screen and (min-width: 480px) and (max-width: 1089px) {
       
  3927   #logo-group {
       
  3928     width: 175px;
       
  3929   }
       
  3930 }
  3815 @media only screen and (min-width: 320px) and (max-width: 479px) {
  3931 @media only screen and (min-width: 320px) and (max-width: 479px) {
  3816   #logo-group {
  3932   #logo-group {
  3817     width: 169px!important;
  3933     width: 169px!important;
       
  3934   }
       
  3935 }
       
  3936 .uv-icon {
       
  3937   position: absolute!important;
       
  3938   left: 155px!important;
       
  3939   top: 5px!important;
       
  3940   z-index: 500!important;
       
  3941 }
       
  3942 @media only screen and (min-width: 0) and (max-width: 1089px) {
       
  3943   .uv-icon {
       
  3944     left: 130px!important;
  3818   }
  3945   }
  3819 }
  3946 }
  3820 #activity.active .badge {
  3947 #activity.active .badge {
  3821   background: #006fa6!important;
  3948   background: #006fa6!important;
  3822 }
  3949 }
  4518 #shortcut ul li .ams-metro-tile:active,
  4645 #shortcut ul li .ams-metro-tile:active,
  4519 #shortcut ul li .ams-metro-tile:focus {
  4646 #shortcut ul li .ams-metro-tile:focus {
  4520   left: 0;
  4647   left: 0;
  4521   top: 0;
  4648   top: 0;
  4522 }
  4649 }
       
  4650 #shortcut .version {
       
  4651   position: absolute;
       
  4652   right: 10px;
       
  4653   bottom: 10px;
       
  4654 }
  4523 .shortcut-on #response-btn {
  4655 .shortcut-on #response-btn {
  4524   display: none!important;
  4656   display: none!important;
  4525 }
  4657 }
  4526 .shortcut-on #left-bar .navbar,
  4658 .shortcut-on #left-bar .navbar,
  4527 .shortcut-on #main .navbar {
  4659 .shortcut-on #main .navbar {
  5692 .nav-tabs.tiny > li > a {
  5824 .nav-tabs.tiny > li > a {
  5693   padding: 1px 6px;
  5825   padding: 1px 6px;
  5694   font-size: 75%;
  5826   font-size: 75%;
  5695 }
  5827 }
  5696 .nav-tabs > li.active > a {
  5828 .nav-tabs > li.active > a {
  5697   -webkit-box-shadow: 0 -2px 0 #57889c;
  5829   -webkit-box-shadow: 0 -2px 0 #3276b1;
  5698   box-shadow: 0 -2px 0 #57889c;
  5830   box-shadow: 0 -2px 0 #3276b1;
  5699   border-top-width: 0!important;
  5831   border-top-width: 0!important;
  5700   margin-top: 1px!important;
  5832   margin-top: 1px!important;
  5701   font-weight: 700;
  5833   font-weight: 700;
  5702 }
  5834 }
  5703 .nav-tabs > li.active > a .badge,
  5835 .nav-tabs > li.active > a .badge,
  5704 .nav-tabs > li.active > a .label,
  5836 .nav-tabs > li.active > a .label,
  5705 .nav-tabs > li.active > a > .fa {
  5837 .nav-tabs > li.active > a > .fa {
  5706   opacity: 1;
  5838   opacity: 1;
  5707 }
  5839 }
  5708 .tabs-left .nav-tabs > li.active > a {
  5840 .tabs-left .nav-tabs > li.active > a {
  5709   -webkit-box-shadow: -2px 0 0 #57889c;
  5841   -webkit-box-shadow: -2px 0 0 #3276b1;
  5710   box-shadow: -2px 0 0 #57889c;
  5842   box-shadow: -2px 0 0 #3276b1;
  5711   border-top-width: 1px!important;
  5843   border-top-width: 1px!important;
  5712   border-left: 0!important;
  5844   border-left: 0!important;
  5713   margin-left: 1px!important;
  5845   margin-left: 1px!important;
  5714 }
  5846 }
  5715 .tabs-right .nav-tabs > li.active > a {
  5847 .tabs-right .nav-tabs > li.active > a {
  5716   -webkit-box-shadow: 2px 0 0 #57889c;
  5848   -webkit-box-shadow: 2px 0 0 #3276b1;
  5717   box-shadow: 2px 0 0 #57889c;
  5849   box-shadow: 2px 0 0 #57889c;
  5718   border-top-width: 1px!important;
  5850   border-top-width: 1px!important;
  5719   border-right: 0!important;
  5851   border-right: 0!important;
  5720   margin-right: 1px!important;
  5852   margin-right: 1px!important;
  5721 }
  5853 }
  5722 .tabs-below .nav-tabs > li.active > a {
  5854 .tabs-below .nav-tabs > li.active > a {
  5723   -webkit-box-shadow: 0 2px 0 #57889c;
  5855   -webkit-box-shadow: 0 2px 0 #3276b1;
  5724   box-shadow: 0 2px 0 #57889c;
  5856   box-shadow: 0 2px 0 #3276b1;
  5725   border-bottom-width: 0!important;
  5857   border-bottom-width: 0!important;
  5726   border-top: 0!important;
  5858   border-top: 0!important;
  5727   margin-top: 0!important;
  5859   margin-top: 0!important;
  5728 }
  5860 }
  5729 .tabs-left > .nav-tabs > li,
  5861 .tabs-left > .nav-tabs > li,
  8286 .ams-form fieldset[disabled] > section,
  8418 .ams-form fieldset[disabled] > section,
  8287 .ams-form fieldset[disabled] > article,
  8419 .ams-form fieldset[disabled] > article,
  8288 .ams-form fieldset[disabled] > div {
  8420 .ams-form fieldset[disabled] > div {
  8289   opacity: 0.5;
  8421   opacity: 0.5;
  8290 }
  8422 }
       
  8423 .ams-form fieldset[disabled] LEGEND.checker .checkbox {
       
  8424   cursor: pointer;
       
  8425 }
  8291 .ams-form fieldset.switched > section,
  8426 .ams-form fieldset.switched > section,
  8292 .ams-form fieldset.switched > article,
  8427 .ams-form fieldset.switched > article,
  8293 .ams-form fieldset.switched > div {
  8428 .ams-form fieldset.switched > div {
  8294   display: none;
  8429   display: none;
  8295 }
  8430 }
  8333   cursor: pointer;
  8468   cursor: pointer;
  8334 }
  8469 }
  8335 .ams-form legend .fa {
  8470 .ams-form legend .fa {
  8336   color: #3276b1;
  8471   color: #3276b1;
  8337   font-size: 75%;
  8472   font-size: 75%;
       
  8473 }
       
  8474 .ams-form legend .fa.fa-stack {
       
  8475   font-size: 100%;
       
  8476   width: 1em;
       
  8477   height: 1em;
       
  8478   line-height: 1em;
  8338 }
  8479 }
  8339 .ams-form legend .hint {
  8480 .ams-form legend .hint {
  8340   vertical-align: top;
  8481   vertical-align: top;
  8341   font-size: 1em;
  8482   font-size: 1em;
  8342 }
  8483 }
  9085   height: 20px;
  9226   height: 20px;
  9086   font-size: 14px;
  9227   font-size: 14px;
  9087   line-height: 20px;
  9228   line-height: 20px;
  9088   text-align: center;
  9229   text-align: center;
  9089   color: #A2A2A2;
  9230   color: #A2A2A2;
       
  9231 }
       
  9232 .ams-form .icon-append.fa-stack .fa-stack-2x,
       
  9233 .ams-form .icon-prepend.fa-stack .fa-stack-2x {
       
  9234   font-size: 1.6em;
       
  9235   left: 1px;
       
  9236 }
       
  9237 .ams-form .icon-append.fa-stack .fa-stack-1x,
       
  9238 .ams-form .icon-prepend.fa-stack .fa-stack-1x {
       
  9239   left: 1px;
       
  9240   top: 1px;
  9090 }
  9241 }
  9091 .ams-form .icon-append {
  9242 .ams-form .icon-append {
  9092   right: 4px;
  9243   right: 4px;
  9093   padding-left: 2px;
  9244   padding-left: 2px;
  9094   border-left-width: 1px;
  9245   border-left-width: 1px;
 14034   height: 10px;
 14185   height: 10px;
 14035   background: #D5D5D5;
 14186   background: #D5D5D5;
 14036   border: 0;
 14187   border: 0;
 14037 }
 14188 }
 14038 .ui-slider-horizontal .ui-slider-handle {
 14189 .ui-slider-horizontal .ui-slider-handle {
 14039   top: -0.3em;
 14190   top: -0.2em;
 14040   margin-left: -0.6em;
 14191   margin-left: -0.5em;
 14041   background-color: #fff;
 14192   background-color: #fff;
 14042   border-color: #CCC;
 14193   border-color: #CCC;
 14043 }
 14194 }
 14044 .ui-slider-horizontal .ui-slider-handle:focus {
 14195 .ui-slider-horizontal .ui-slider-handle:focus {
 14045   background-color: #fff;
 14196   background-color: #fff;