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,65 @@
-@font-face
-{
-  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;
-}
+/* #reinstall
+ ******************************************************************************/
 
-@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;
-}
-
-@font-face
+#reinstall
 {
-  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;
-}
-
-body
-{
-  margin: 0px;
-  font-family: "Source Sans Pro", sans-serif;
-  font-weight: 600;
-}
-
-header
-{
-  width: 100%;
-}
-
-a,
-a:link,
-a:visited
-{
-  color: #5a84b3;
-  text-decoration: underline;
-}
-
-a:hover
-{
-  text-decoration: none;
+  padding: 1em 0;
 }
 
-fieldset
-{
-  border: 0px;
-  padding: 0px;
-}
-
-li fieldset
+#reinstall .button
 {
-  padding-top: 10px;
-}
-
-header h1
-{
-  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;
+  margin: 1em 0;
 }
 
-header::before
-{
-  content: "";
-  display: block;
-  border-bottom: solid 1px #d0d0d0;
-  height: 92px;
-}
-
-#logo
+@media(min-width: 768px)
 {
-  display: block;
-  position: absolute;
-  top: 42px;
-  left: 0px;
-  right: 0px;
-  margin: 0px auto;
-  margin-bottom: 20px;
-}
+  #reinstall .button
+  {
+    margin-left: 1.5em;
+  }
 
-#content
-{
-  margin: 0px auto;
-  max-width: 960px;
-}
-
-section,
-.notification
-{
-  padding: 20px 100px;
-  margin-bottom: 30px;
-}
-
-.notification
-{
-  margin: 0px;
-  text-align: center;
+  [dir="rtl"] #reinstall .button
+  {
+    margin-right: 1.5em;
+  }
 }
 
-section.highlighted
-{
-  background-color: #5982B0;
-  color: #FFFFFF;
-}
 
-section.highlighted a
-{
-  color: #FFFFFF;
-}
+/* #uninstall-reasons
+ ******************************************************************************/
 
-section h1
+#uninstall-reasons li
 {
-  margin: 0px;
-  padding: 20px 0px;
-  text-align: center;
-}
-
-section ul
-{
-  margin: 12px 0px 16px 0px;
-  padding: 0px;
-  list-style: none;
+  margin-bottom: 0.5em;
 }
 
-section li
-{
-  margin-bottom: 12px;
-}
-
-section li label
-{
-  -webkit-margin-end: 10px;
-  -moz-margin-end: 10px;
-}
-
-section li input
+#uninstall-reasons input[type="checkbox"]
 {
-  vertical-align: middle;
-  -webkit-margin-end: 10px;
-  -moz-margin-end: 10px;
-}
-
-section li 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-right: 0.5em;
 }
 
-section .subheader
+[dir="rtl"] #uninstall-reasons input[type="checkbox"]
 {
-  margin-top: 0px;
-  text-align: center;
-}
-
-section .error-label
-{
-  display: none;
-  color: #ffafaf;
-  margin: 0px 12px;
+  margin-left: 0.5em;
 }
 
-button,
-.notification a
+#uninstall-reasons textarea
 {
-  min-width: 138px;
-  border: 0px;
-  color: #ffffff;
-  cursor: pointer;
-}
-
-.highlighted form button
-{
-  height: 42px;
-  background-color: #37506d;
-}
-
-form.error button
-{
-  border: solid 2px #ffafaf;
+  margin-top: 0.5em;
 }
 
-form.error .error-label
-{
-  display: inline-block;
-}
-
-.notification a
+#reason-error
 {
-  display: inline-block;
-  padding: 14px 0px;
-  margin: 0px 10px;
-  background-color: #5cb85c;
-  vertical-align: middle;
-  font-size: 14px;
-  text-decoration: none;
+  display: none;
+  color: #c70d2c;
 }
 
-.notification a:hover
-{
-  background-color: #47a447;
-}
-
-form input[type="checkbox"]
+.error #reason-error
 {
-  margin: 0px;
-  -webkit-margin-end: 10px;
-  -moz-margin-end: 10px;
-}
-
-.disclaimer
-{
-  margin: 14px 0px;
-  font-size: 14px;
-  color: #a9bdd5;
+  display: block;
 }
 
 .hidden
 {
   display: none;
 }
-
-footer
-{
-  margin: 0 auto 30px;
-  max-width: 960px;
-  text-align: center;
-}