Issue 6047 - Updated templates and uninstalled pages

static/css/uninstalled.css

Index: static/css/uninstalled.css
===================================================================
rename from static/css/simple.css
rename to static/css/uninstalled.css
--- a/static/css/simple.css
+++ b/static/css/uninstalled.css
@@ -1,257 +1,97 @@
-@font-face
+/* #reinstall
+ ******************************************************************************/
+
+#reinstall
 {
-  font-family: "Source Sans Pro";
-  src: url(/fonts/SourceSansPro-Light.woff);
-  /* local("Ø") forces using no local font called Source Sans Pro */
-  src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff");
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face
-{
-  font-family: "Source Sans Pro";
-  src: url(/fonts/SourceSansPro-Regular.woff);
-  /* local("Ø") forces using no local font called Source Sans Pro */
-  src: local("Ø"), url(/fonts/SourceSansPro-Regular.woff) format("woff");
-  font-weight: 400;
-  font-style: normal;
+  margin-top: 1em;
+  padding: 0.5em 0;
 }
 
-@font-face
+#reinstall .button
 {
-  font-family: "Source Sans Pro";
-  src: url(/fonts/SourceSansPro-Semibold.woff);
-  /* local("Ø") forces using no local font called Source Sans Pro */
-  src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff");
-  font-weight: 600;
-  font-style: normal;
+  margin: 0 1em;
+  padding: 0.6em 1.5em;
+  color: #fff;
+  background-color: #c70d2c;
+  border-bottom: 4px solid #950000;
 }
 
-body
-{
-  margin: 0px;
-  font-family: "Source Sans Pro", sans-serif;
-  font-weight: 600;
-}
-
-header
+#reinstall .button:hover,
+#reinstall .button:active,
+#reinstall .button:focus
 {
-  width: 100%;
-}
-
-a,
-a:link,
-a:visited
-{
-  color: #5a84b3;
-  text-decoration: underline;
-}
-
-a:hover
-{
+  background-color: #E12746;
   text-decoration: none;
 }
 
-fieldset
-{
-  border: 0px;
-  padding: 0px;
-}
-
-li fieldset
-{
-  padding-top: 10px;
-}
-
-header h1
+@media(max-width: 767px)
 {
-  box-sizing: border-box;
-  border: dashed 1px #898989;
-  border-left: none;
-  border-right: none;
-  padding: 18px;
-  margin: 68px auto 0px auto;
-  max-width: 960px;
-  font-weight: 300;
-  font-size: 24px;
-  color: #7d7d7d;
-  text-align: center;
-}
-
-header::before
-{
-  content: "";
-  display: block;
-  border-bottom: solid 1px #d0d0d0;
-  height: 92px;
+  #reinstall .button
+  {
+    display: block;
+    margin: 1em 0;
+  }
 }
 
-#logo
-{
-  display: block;
-  position: absolute;
-  top: 42px;
-  left: 0px;
-  right: 0px;
-  margin: 0px auto;
-  margin-bottom: 20px;
-}
+/* #uninstall-reasons
+ ******************************************************************************/
 
-#content
-{
-  margin: 0px auto;
-  max-width: 960px;
-}
-
-section,
-.notification
+#uninstall-reasons ul,
+#uninstall-reasons li
 {
-  padding: 20px 100px;
-  margin-bottom: 30px;
-}
-
-.notification
-{
-  margin: 0px;
-  text-align: center;
-}
-
-section.highlighted
-{
-  background-color: #5982B0;
-  color: #FFFFFF;
-}
-
-section.highlighted a
-{
-  color: #FFFFFF;
-}
-
-section h1
-{
-  margin: 0px;
-  padding: 20px 0px;
-  text-align: center;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
 }
 
-section ul
+#uninstall-reasons li
 {
-  margin: 12px 0px 16px 0px;
-  padding: 0px;
-  list-style: none;
-}
-
-section li
-{
-  margin-bottom: 12px;
-}
-
-section li label
-{
-  -webkit-margin-end: 10px;
-  -moz-margin-end: 10px;
+  margin-bottom: 0.5em;
 }
 
-section li input
-{
-  vertical-align: middle;
-  -webkit-margin-end: 10px;
-  -moz-margin-end: 10px;
-}
-
-section li textarea
+#uninstall-reasons textarea
 {
-  display: block;
-  padding: 5px;
-  width: 250px;
-  height: 50px;
-  vertical-align: middle;
-  font-size: 14px;
-}
-
-section li ul
-{
-  margin-top: 10px;
-  margin-bottom: 0px;
+  margin-top: 0.5em;
 }
 
-section .subheader
-{
-  margin-top: 0px;
-  text-align: center;
-}
-
-section .error-label
+#reason-submit
 {
-  display: none;
-  color: #ffafaf;
-  margin: 0px 12px;
-}
-
-button,
-.notification a
-{
-  min-width: 138px;
-  border: 0px;
-  color: #ffffff;
-  cursor: pointer;
+  padding: 0.6em 1.5em;
+  color: #fff;
+  background-color: #5982B0;
+  border: 0;
+  border-bottom: 4px solid #264F7D;
 }
 
-.highlighted form button
-{
-  height: 42px;
-  background-color: #37506d;
-}
-
-form.error button
+#reason-submit:hover,
+#reason-submit:active,
+#reason-submit:focus
 {
-  border: solid 2px #ffafaf;
-}
-
-form.error .error-label
-{
-  display: inline-block;
-}
-
-.notification a
-{
-  display: inline-block;
-  padding: 14px 0px;
-  margin: 0px 10px;
-  background-color: #5cb85c;
-  vertical-align: middle;
-  font-size: 14px;
+  background-color: #739CCA;
   text-decoration: none;
 }
 
-.notification a:hover
+@media(max-width: 768px)
 {
-  background-color: #47a447;
+  #reason-submit
+  {
+    display: block;
+    width: 100%;
+  }
 }
 
-form input[type="checkbox"]
+#reason-error
 {
-  margin: 0px;
-  -webkit-margin-end: 10px;
-  -moz-margin-end: 10px;
+  display: none;
+  color: #c70d2c;
 }
 
-.disclaimer
+.error #reason-error
 {
-  margin: 14px 0px;
-  font-size: 14px;
-  color: #a9bdd5;
+  display: block;
 }
 
 .hidden
 {
   display: none;
 }
-
-footer
-{
-  margin: 0 auto 30px;
-  max-width: 960px;
-  text-align: center;
-}