Improve look of OpenID login on small screen devices

[rails.git] / public / stylesheets / small.css

diff --git a/public/stylesheets/small.css b/public/stylesheets/small.css
index 82a93544b82b2b23250313128d6f58e65c375815..353cf6fd06f65d9b2e3b43056cc2b2cb850dce3a 100644 (file)
--- a/public/stylesheets/small.css
+++ b/public/stylesheets/small.css
@@ -22,7 +22,7 @@ h1 {
 {
   height: 14px;
   margin: 0px;
 {
   height: 14px;
   margin: 0px;

-  padding-left: 10px;
+  padding-left: 3px;

   padding-top: 5px;
   margin-top: 18px;
   background: url('../images/tab_bottom.gif') repeat-x bottom;
   padding-top: 5px;
   margin-top: 18px;
   background: url('../images/tab_bottom.gif') repeat-x bottom;


@@ -38,6 +38,32 @@ h1 {
   margin-right: 1px;
 }
 
   margin-right: 1px;
 }
 

+/* Rules for the site name - shown when left sidebar is hidden */
+
+#small-title {
+  font-size: 12px;
+  line-height: 14px;
+  height: 16px;
+  display: block;
+  position: absolute;
+  top: 0;
+  padding: 2px;
+  width: 110px; /* TODO: find better fix for overlap */
+  background-color: #fff;
+  z-index: 100;
+}
+
+#small-title img {
+  position: absolute;
+}
+
+#small-title h1 {
+  position: absolute;
+  left: 18px;
+  font-size: 12px;
+  margin: 2px;
+}
+

 /* Rules for greeting bar in the top right corner */
 
 #greeting {
 /* Rules for greeting bar in the top right corner */
 
 #greeting {


@@ -100,27 +126,93 @@ h1 {
 
 /* Rules for the login form */
 
 
 /* Rules for the login form */
 

-#loginForm input#user_email {
+#login_login input#user_email {

   width: 100%;
   max-width: 18em;
 }
 
   width: 100%;
   max-width: 18em;
 }
 

-#loginForm input#user_password {
+#login_login input#user_password {

   width: 100%;
   max-width: 18em;
 }
 
   width: 100%;
   max-width: 18em;
 }
 

-#loginForm input#user_openid_url {
+#login_login input#openid_url {

   width: 100%;
   max-width: 18em;
 }
 
   width: 100%;
   max-width: 18em;
 }
 

-/* Rules for Login page */
-.loginBox {
+#login_openid_buttons td {
+  padding-left: 2px;
+  padding-right: 2px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+/* Rules for the profile page */
+
+.user_map {
+  width: 100% !important;
+  height: 300px !important;
+}
+
+/* Rules for the user settings page */
+
+#user_new_email {
+  width: 60% !important;
+}
+
+#user_description, #user_preferred_editor {
+  width: 90% !important;
+}
+
+.minorNote {
+  display: block;
+}
+
+/* Rules for the browse pages */
+
+#browse_navigation {
+  width: 100% !important;
+  margin-top: 0 !important;
+}
+
+#small_map, #browse_map {
+  width: 100% !important;
+}
+
+#changeset_list tr {
+  display: block;
+  clear: left;
+  width: 100%;
+}
+
+#changeset_list th {
+  display: none;
+}
+
+#changeset_list td {
+  display: block;

   float: left;
   float: left;

-  width: 90%;
-  border-style: solid;
-  border-width: 1px;
-  padding-left: 10px;

   padding-right: 10px;
   padding-right: 10px;

-}
\ No newline at end of file
+}
+
+#changeset_list td.comment, #changeset_list td.area {
+  width: 96%;
+  clear: left;
+}
+
+/* Rules for the diary entries pages */
+
+#diary_entry_title, #diary_entry_body, #diary_entry_language_code, #diary_comment_body {
+  width: 100% !important;
+}
+
+#usemap {
+  display: block;
+}
+
+/* Rules for the messaging pages */
+
+#message_title, #message_body {
+  width: 100% !important;
+}