diff -r 93ba694b15a0 -r 501bdc011ad6 src/ztfy/myams/resources/css/myams.css --- a/src/ztfy/myams/resources/css/myams.css Wed Jun 11 13:31:12 2014 +0200 +++ b/src/ztfy/myams/resources/css/myams.css Wed Jul 02 10:28:23 2014 +0200 @@ -3083,6 +3083,16 @@ .align-base { vertical-align: baseline!important; } +.opacity-25 { + opacity: 0.25!important; +} +.opacity-50 { + opacity: 0.5!important; +} +.opacity-75 { + opacity: 0.75!important; +} +.opacity-100, .opaque { opacity: 1!important; } @@ -3166,6 +3176,9 @@ .margin-top-0 { margin-top: 0!important; } +.margin-top-2 { + margin-top: 2px!important; +} .margin-top-5 { margin-top: 5px!important; } @@ -3178,6 +3191,9 @@ .margin-bottom-0 { margin-bottom: 0!important; } +.margin-bottom-2 { + margin-bottom: 2px!important; +} .margin-bottom-5 { margin-bottom: 5px!important; } @@ -3190,6 +3206,9 @@ .margin-left-0 { margin-left: 0!important; } +.margin-left-2 { + margin-left: 2px!important; +} .margin-left-5 { margin-left: 5px!important; } @@ -3202,6 +3221,9 @@ .margin-right-0 { margin-right: 0!important; } +.margin-right-2 { + margin-right: 2px!important; +} .margin-right-5 { margin-right: 5px!important; } @@ -3211,6 +3233,38 @@ .margin-right-20 { margin-right: 20px!important; } +.shift-topleft-2 { + margin-top: -2px !important; + margin-left: -2px !important; +} +.shift-topleft-4 { + margin-top: -4px !important; + margin-left: -4px !important; +} +.shift-topright-2 { + margin-top: -2px !important; + margin-right: -2px !important; +} +.shift-topright-4 { + margin-top: -4px !important; + margin-right: -4px !important; +} +.shift-bottomleft-2 { + margin-bottom: -2px !important; + margin-left: -2px !important; +} +.shift-bottomleft-4 { + margin-bottom: -4px !important; + margin-left: -4px !important; +} +.shift-bottomright-2 { + margin-bottom: -2px !important; + margin-right: -2px !important; +} +.shift-bottomright-4 { + margin-bottom: -4px !important; + margin-right: -4px !important; +} .bordered { border: 1px solid #dddddd; } @@ -3236,6 +3290,25 @@ .border-1 { border-width: 1px!important; } +.radius-4 { + border-radius: 4px!important; +} +.radius-top-4 { + border-top-left-radius: 4px!important; + border-top-right-radius: 4px!important; +} +.radius-bottom-4 { + border-bottom-left-radius: 4px!important; + border-bottom-right-radius: 4px!important; +} +.radius-left-4 { + border-top-left-radius: 4px!important; + border-bottom-left-radius: 4px!important; +} +.radius-right-4 { + border-top-right-radius: 4px!important; + border-bottom-right-radius: 4px!important; +} .width-100 { width: 100px; max-width: 100px; @@ -3508,6 +3581,9 @@ .selected { border: 1px solid #0091d9!important; } +tr.selected { + background-color: #dcebff; +} .selected:before { display: block; position: absolute; @@ -3517,6 +3593,9 @@ font-family: FontAwesome; z-index: 1002; } +tr.selected:before { + display: none; +} .selected:after { width: 0; height: 0; @@ -3529,6 +3608,9 @@ top: 0; z-index: 1001; } +tr.selected:after { + display: none; +} /* * Components layout */ @@ -3637,9 +3719,6 @@ background: #fff; } } -#header > :first-child { - width: 220px; -} #header > div { display: inline-block; vertical-align: middle; @@ -3668,6 +3747,7 @@ } #top-links > div { display: inline-block; + float: left; } @media (min-width: 768px) and (max-width: 1089px) { #top-links > div { @@ -3705,6 +3785,34 @@ padding-left: 0; text-align: left; } +.top-tabs { + display: inline-block; + padding: 7px 13px 0; + position: relative; +} +.top-tabs > span { + display: block; +} +.top-tabs > :first-child { + display: block; + color: #bfbfbf; + font-size: 10px; + font-weight: 700; + text-transform: uppercase; + text-shadow: 0 0 1px #fff; + padding-left: 5px; + text-align: left; +} +.top-tabs .nav-tabs li a { + padding: 2px 10px 3px!important; + border-color: #ccc #ccc transparent; + box-shadow: 0px -2px 3px #cccccc; + margin-top: 3px!important; +} +.top-tabs .nav-tabs li.active a { + margin-top: 3px!important; + padding: 2px 10px 3px!important; +} .top-selector { max-width: 97%; white-space: nowrap; @@ -3812,11 +3920,30 @@ max-height: 36px; padding-left: 3px; } +#logo-group { + width: 220px; +} +@media only screen and (min-width: 480px) and (max-width: 1089px) { + #logo-group { + width: 175px; + } +} @media only screen and (min-width: 320px) and (max-width: 479px) { #logo-group { width: 169px!important; } } +.uv-icon { + position: absolute!important; + left: 155px!important; + top: 5px!important; + z-index: 500!important; +} +@media only screen and (min-width: 0) and (max-width: 1089px) { + .uv-icon { + left: 130px!important; + } +} #activity.active .badge { background: #006fa6!important; } @@ -4520,6 +4647,11 @@ left: 0; top: 0; } +#shortcut .version { + position: absolute; + right: 10px; + bottom: 10px; +} .shortcut-on #response-btn { display: none!important; } @@ -5694,8 +5826,8 @@ font-size: 75%; } .nav-tabs > li.active > a { - -webkit-box-shadow: 0 -2px 0 #57889c; - box-shadow: 0 -2px 0 #57889c; + -webkit-box-shadow: 0 -2px 0 #3276b1; + box-shadow: 0 -2px 0 #3276b1; border-top-width: 0!important; margin-top: 1px!important; font-weight: 700; @@ -5706,22 +5838,22 @@ opacity: 1; } .tabs-left .nav-tabs > li.active > a { - -webkit-box-shadow: -2px 0 0 #57889c; - box-shadow: -2px 0 0 #57889c; + -webkit-box-shadow: -2px 0 0 #3276b1; + box-shadow: -2px 0 0 #3276b1; border-top-width: 1px!important; border-left: 0!important; margin-left: 1px!important; } .tabs-right .nav-tabs > li.active > a { - -webkit-box-shadow: 2px 0 0 #57889c; + -webkit-box-shadow: 2px 0 0 #3276b1; box-shadow: 2px 0 0 #57889c; border-top-width: 1px!important; border-right: 0!important; margin-right: 1px!important; } .tabs-below .nav-tabs > li.active > a { - -webkit-box-shadow: 0 2px 0 #57889c; - box-shadow: 0 2px 0 #57889c; + -webkit-box-shadow: 0 2px 0 #3276b1; + box-shadow: 0 2px 0 #3276b1; border-bottom-width: 0!important; border-top: 0!important; margin-top: 0!important; @@ -8288,6 +8420,9 @@ .ams-form fieldset[disabled] > div { opacity: 0.5; } +.ams-form fieldset[disabled] LEGEND.checker .checkbox { + cursor: pointer; +} .ams-form fieldset.switched > section, .ams-form fieldset.switched > article, .ams-form fieldset.switched > div { @@ -8336,6 +8471,12 @@ color: #3276b1; font-size: 75%; } +.ams-form legend .fa.fa-stack { + font-size: 100%; + width: 1em; + height: 1em; + line-height: 1em; +} .ams-form legend .hint { vertical-align: top; font-size: 1em; @@ -9088,6 +9229,16 @@ text-align: center; color: #A2A2A2; } +.ams-form .icon-append.fa-stack .fa-stack-2x, +.ams-form .icon-prepend.fa-stack .fa-stack-2x { + font-size: 1.6em; + left: 1px; +} +.ams-form .icon-append.fa-stack .fa-stack-1x, +.ams-form .icon-prepend.fa-stack .fa-stack-1x { + left: 1px; + top: 1px; +} .ams-form .icon-append { right: 4px; padding-left: 2px; @@ -14036,8 +14187,8 @@ border: 0; } .ui-slider-horizontal .ui-slider-handle { - top: -0.3em; - margin-left: -0.6em; + top: -0.2em; + margin-left: -0.5em; background-color: #fff; border-color: #CCC; }