css theme fixes

webapp/pom.xml

@@ -116,6 +116,7 @@
                             <trimSpaces>true</trimSpaces>
                             <compilerVersion>${maven.compiler.source}</compilerVersion>
                             <keepSources>false</keepSources>
+                            <threads>20</threads>
                         </configuration>
                     </execution>
                 </executions>
@@ -142,30 +143,11 @@
                     </execution>
                 </executions>
             </plugin>
+            <!-- builds xml file of dependencies and licenses for use in about page -->
             <plugin>
-                <!-- creates the classes directory early in the build so the attribution plugin doesn't fail -->
-                <artifactId>maven-antrun-plugin</artifactId>
-                <executions>
-                    <execution>
-                        <id>generate-sources</id>
-                        <phase>generate-sources</phase>
-                        <configuration>
-                            <tasks>
-                                <mkdir dir="${project.build.directory}/classes"/>
-                            </tasks>
-                        </configuration>
-                        <goals>
-                            <goal>run</goal>
-                        </goals>
-                    </execution>
-                </executions>
-            </plugin>
-
-            <plugin>
-                <!-- builds xml file of dependencies and licenses for use in about page -->
                 <groupId>com.github.jinnovations</groupId>
                 <artifactId>attribution-maven-plugin</artifactId>
-                <version>0.9.8</version>
+                <version>0.9.9-SNAPSHOT</version>
                 <executions>
                     <execution>
                         <goals>
@@ -175,6 +157,7 @@
                     </execution>
                 </executions>
                 <configuration>
+                    <threads>20</threads>
                     <outputFile>${project.build.directory}/classes/attribution.xml</outputFile>
                     <dependencyOverrides>
                         <dependencyOverride>

webapp/src/main/webapp/public/resources/style.css

@@ -573,7 +573,6 @@ html[dir="rtl"] #header-center-right {
 
 #header-warning {
     color: black;
-    opacity: 1.0;
     text-align: center;
     position: absolute;
     z-index: 100;
@@ -820,18 +819,6 @@ img.qrcodeimage {
     cursor: pointer;
 }
 
-.pageOverlay {
-    top: 0;
-    left: 0;
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    z-index: 1001;
-    display: none;
-    opacity: 0.6;
-    background-color: black;
-}
-
 .grid.tall {
     bottom: 10px;
     height: auto;

webapp/src/main/webapp/public/resources/themes/autumn/mobileStyle.css

@@ -42,7 +42,6 @@ html {
     width: 480px;
     margin-left: auto;
     margin-right: auto;
-    opacity: 0.75;
 }
 
 #centerbody {

webapp/src/main/webapp/public/resources/themes/autumn/style.css

@@ -36,7 +36,6 @@ p {
     padding-top: 4px;
     padding-bottom: 4px;
     text-decoration: none;
-    opacity: 0.9;
     animation: fadein 0.5s;
 }
 
@@ -53,10 +52,8 @@ p {
     height: 70px;
     margin: 0;
     background-image: none;
-    background-color: white;
+    background-color: rgba(255,255,255,0.5);
     color: black;
-    filter:alpha(opacity=50);
-    opacity: 0.5;
 }
 
 #header-company-logo {
@@ -100,22 +97,20 @@ p {
 }
 
 .tile {
+    border-radius: 7px;
     width: 165px;
     height: 165px;
     margin: 10px;
-    opacity: 0.7;
-    transition: opacity 1s, box-shadow 2s;
+    transition: box-shadow 2s;
 }
 
 .tile:hover {
-    opacity: 1;
     box-shadow: 0 0 0 0 white, 0 0 0 0 white, 9px 0 12px -4px #B2B1B9, -9px 0 12px -4px #B2B1B9;
 }
 
 #footer {
-    background-color: white;
+    background-color: rgba(255,255,255,0.5);
     color: #0a0a0a;
-    opacity: 0.5;
 }
 
 a {

webapp/src/main/webapp/public/resources/themes/matrix/style.css

@@ -112,7 +112,6 @@ html, body {
 #centerbody {
     padding: 10px 10px 40px 10px;
     border: 0;
-    opacity: 0.8;
 }
 
 a {

webapp/src/main/webapp/public/resources/themes/midnight/style.css

@@ -75,7 +75,6 @@ html, body {
     background-color: #222222;
     padding: 10px 10px 40px 10px;
     border: none;
-    opacity: 1;
     -moz-box-shadow: 0px 5px 10px #444444;
     -webkit-box-shadow: 0px 5px 10px #444444;
     box-shadow: 0px 5px 10px #444444;

webapp/src/main/webapp/public/resources/themes/pwm/configStyle.css

@@ -41,8 +41,7 @@ html {
 
 .setting_title {
     color: black;
-    background-color: #d3d3d3;
-    opacity: 0.75;
+    background-color: rgba(211, 211, 211, 0.75);
     padding-left: 10px;
     padding-top: 4px;
     padding-bottom: 3px;

webapp/src/main/webapp/public/resources/themes/pwm/style.css

@@ -136,12 +136,17 @@ h3 {
 
 
 .btn-icon {
-    opacity:0.75;
+    color: rgba(255,255,255,0.75)
 }
 
 
-@keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } }
-@keyframes slideInTop { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } }
+@keyframes slideInTop {
+    0% {
+        transform: translate3d(0, -100%, 0);
+       }
+    100% {
+        transform: translate3d(0, 0, 0); }
+}
 
 .push, #footer {
     height: 40px;

webapp/src/main/webapp/public/resources/themes/red/style.css

@@ -66,8 +66,6 @@
     margin-left: 100px;
     margin-top: 0;
     animation: fadein 2s;
-    -moz-animation: fadein 2s;
-    -webkit-animation: fadein 2s;
 }
 
 #centerbody.wide {
@@ -118,12 +116,6 @@ a:hover {
 }
 
 @keyframes fadein { from { opacity:0; } to { opacity:1; } }
-@-moz-keyframes fadein { from { opacity:0 } to { opacity:1 } }
-@-webkit-keyframes fadein { from { opacity:0 } to { opacity:1 } }
-
-
-
-
 
 #header-menu-icon {
   display: inline-block;

webapp/src/main/webapp/public/resources/themes/sterile/style.css

@@ -73,7 +73,6 @@ html, body {
     background-color: #ffffff;
     padding: 10px 10px 40px 10px;
     border: none;
-    opacity: 1;
     -moz-box-shadow: 0px 5px 10px #aaaaaa;
     -webkit-box-shadow: 0px 5px 10px #aaaaaa;
     box-shadow: 0px 5px 10px #aaaaaa;

webapp/src/main/webapp/public/resources/themes/tulips/style.css

@@ -63,10 +63,8 @@ p {
     height: 70px;
     margin: 0;
     background-image: none;
-    background-color: white;
+    background-color: rgba(255,255,255,0.5);
     color: black;
-    filter:alpha(opacity=50);
-    opacity: 0.5;
 }
 
 #header-company-logo {
@@ -95,7 +93,6 @@ p {
     padding: 10px 10px 40px 10px;
     border: 0;
     border-radius: 5px;
-    filter:alpha(opacity=80);
 }
 
 #footer {

webapp/src/main/webapp/public/resources/themes/water/style.css

@@ -40,16 +40,9 @@ p {
 }
 
 #header {
-    width: 100%;
-    height: 70px;
-    margin: 0;
-    background-image: url('header-gradient.gif');
-    filter:alpha(opacity=50);
-    opacity: 0.5;
+    background-image: linear-gradient(rgba(73,96,145,0.5),rgba(39,50,82,0.5));
 }
 
-
-
 #header-company-logo {
     position: relative;
     float: left;
@@ -66,16 +59,15 @@ p {
 .tile {
     width: 165px;
     height: 165px;
+    color: black;
 }
 
 #centerbody {
-    background-color: black;
+    background-color: rgba(0,0,0,0.5);
     color: white;
     padding: 10px 10px 40px 10px;
     border: 0;
     border-radius: 9px;
-    filter:alpha(opacity=70);
-    opacity: 0.7;
 }
 
 a {
@@ -84,6 +76,9 @@ a {
     font-weight: bold
 }
 
+.footnote {
+    color: #0a0a0a;
+}
 
 .message {
     background-color: inherit;
@@ -153,12 +148,7 @@ table td.noborder {
 
 .btn {
     font-family: Trebuchet MS, sans-serif;
-    background: #070618;
-    background: -webkit-gradient(linear, left top, left bottom, from(#717081), to(#070618));
-    background: -webkit-linear-gradient(top, #717081, #070618);
-    background: -moz-linear-gradient(top, #717081, #070618);
-    background: -ms-linear-gradient(top, #717081, #070618);
-    background: -o-linear-gradient(top, #717081, #070618);
+    background-image: linear-gradient(rgba(73,96,145,0.5),rgba(39,50,82,0.5));
     border: 0;
     padding: 3px;
     padding-right: 15px;
@@ -172,12 +162,12 @@ table td.noborder {
     font-size: 13px;
     text-decoration: none;
     vertical-align: middle;
-    opacity: 0.9;
 }
 .btn:hover {
     border-top-color: #070618;
     background: #717081;
     color: #ccc;
+    animation: fadein 1s;
 }
 .btn:active {
     border-top-color: #070618;