src/ztfy/myams/resources/css/myams.css
changeset 48 501bdc011ad6
parent 44 3155c5858534
child 56 c27d6eafe467
--- 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;
 }