Changeset 27213 for extensions/GuestBook/template/style.css

Timestamp:

Feb 5, 2014, 6:26:30 PM (10 years ago)

Author:

mistic100

Message:

improve display on smartpocket

File:

• extensions/GuestBook/template/style.css (modified) (5 diffs)

extensions/GuestBook/template/style.css

@@ -1 +1 @@
 #guestbookAdd {
   padding:15px;
-  width:550px;
+  max-width:580px;
   margin:10px auto 25px auto;
   border-radius:5px;
@@ -7 +7 @@
   box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
   overflow:hidden;
+  -moz-box-sizing:border-box;
+  box-sizing:border-box;
 }
 
@@ -15 +17 @@
   font-size:13px;
 }
+
+/* minimal fluid grid */
+.contact [class^=col-] {
+  -moz-box-sizing:border-box;
+  box-sizing:border-box;
+  padding:0 2px;
+}
+.contact [class^=col-]:not(:last-child) {
+  margin-bottom:5px;
+}
+.contact .col-50 {
+  float:left;
+  width:50%;
+}
+.contact .col-100 {
+  width:100%;
+}
+@media (max-width:500px) {
+  .contact .col-50 {
+    float:none;
+    width:100%;
+  }
+}
   
-
-.contact table {
-  width:100%;
-  text-align:left;
-}
-  .contact table td {
-    width:50%;
-    text-align:left;
-  }
 .contact label {
   font-weight:bold;
@@ -33 +49 @@
   padding:3px;
 }
-.contact textarea {
-  width:535px;
-}
-.contact input[type="text"] {
-  width:260px;
+.contact textarea, .contact input[type="text"] {
+  -moz-box-sizing:border-box;
+  box-sizing:border-box;
+  width:100%;
 }
 
@@ -66 +81 @@
   font-weight:bold;
   font-size:1.1em;
+}
+
+.commentsList {
+  padding:0;
 }