Style changes for the memberdb.

diff --git a/css/app.css b/css/app.css
index 77d69ed..ec0be1c 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6917,7 +6917,7 @@ main.page-inside #content-wrapper {
     main.page-inside #content-wrapper {
       top: -10px; } }
 main #mid {
-  margin: 20px auto 0;
+  margin: 40px auto 0;
   max-width: 1000px; }
   main #mid img {
     margin: 0 auto;
@@ -7143,25 +7143,16 @@ h2#slide-text {
 .ai1ec-calendar-title, .ai1ec-calendar-title-short {
   font-size: 9px; }
 
-#page-wrapper .glm-member-entry-container {
-  background-image: -moz-linear-gradient(top, #ffffff, #E9F0F7);
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #E9F0F7));
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E9F0F7');
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E9F0F7')"; }
 #page-wrapper #glm-locationMap-container {
-  padding: 0 10px;
   margin-bottom: 8px; }
 #page-wrapper #glm-locationMap {
   margin: 0; }
 #page-wrapper .glm-member-detail-container, #page-wrapper .glm-member-entry-container, #page-wrapper .glm-member-list-container {
   line-height: 1.3;
   font-size: 14px;
-  padding: 1px 10px;
   height: 1%;
-  margin-bottom: 25px;
   overflow: hidden;
-  position: relative;
-  background-color: #ffffff; }
+  position: relative; }
   #page-wrapper .glm-member-detail-container a:hover, #page-wrapper .glm-member-entry-container a:hover, #page-wrapper .glm-member-list-container a:hover {
     color: black;
     cursor: pointer; }
@@ -7174,25 +7165,20 @@ h2#slide-text {
     font-size: 16px;
     text-transform: uppercase; }
     #page-wrapper .glm-member-detail-container h2 a, #page-wrapper .glm-member-entry-container h2 a, #page-wrapper .glm-member-list-container h2 a {
-      color: black; }
+      color: #690433; }
     #page-wrapper .glm-member-detail-container h2 a:hover, #page-wrapper .glm-member-entry-container h2 a:hover, #page-wrapper .glm-member-list-container h2 a:hover {
-      color: #3d8d3a; }
+      color: black; }
   #page-wrapper .glm-member-detail-container p, #page-wrapper .glm-member-entry-container p, #page-wrapper .glm-member-list-container p {
     font-size: 14px;
     margin-bottom: 10px; }
-  #page-wrapper .glm-member-detail-container .glm-member-list-image-wrapper, #page-wrapper .glm-member-entry-container .glm-member-list-image-wrapper, #page-wrapper .glm-member-list-container .glm-member-list-image-wrapper {
-    padding: 10px; }
   #page-wrapper .glm-member-detail-container .glm-member-list-image-border, #page-wrapper .glm-member-entry-container .glm-member-list-image-border, #page-wrapper .glm-member-list-container .glm-member-list-image-border {
-    border: 2px solid lightgrey;
+    border-right: 2px solid lightgrey;
     overflow: hidden;
     max-height: 200px;
     max-width: 300px; }
     @media only screen and (max-width: 40em) {
       #page-wrapper .glm-member-detail-container .glm-member-list-image-border, #page-wrapper .glm-member-entry-container .glm-member-list-image-border, #page-wrapper .glm-member-list-container .glm-member-list-image-border {
         margin: 0 auto; } }
-  #page-wrapper .glm-member-detail-container .glm-member-list-image-right, #page-wrapper .glm-member-detail-container .glm-member-list-image-left, #page-wrapper .glm-member-entry-container .glm-member-list-image-right, #page-wrapper .glm-member-entry-container .glm-member-list-image-left, #page-wrapper .glm-member-list-container .glm-member-list-image-right, #page-wrapper .glm-member-list-container .glm-member-list-image-left {
-    width: 100%;
-    height: auto; }
   #page-wrapper .glm-member-detail-container .glm-member-list-links, #page-wrapper .glm-member-entry-container .glm-member-list-links, #page-wrapper .glm-member-list-container .glm-member-list-links {
     display: inline; }
     #page-wrapper .glm-member-detail-container .glm-member-list-links a, #page-wrapper .glm-member-entry-container .glm-member-list-links a, #page-wrapper .glm-member-list-container .glm-member-list-links a {
@@ -7202,17 +7188,12 @@ h2#slide-text {
 #page-wrapper .glm-member-detail-container {
   border: 0; }
   @media only screen and (max-width: 40em) {
-    #page-wrapper .glm-member-detail-container .glm-member-info {
+    #page-wrapper .glm-member-detail-container .glm-member-detail-info {
       text-align: center; } }
   #page-wrapper .glm-member-detail-container ul {
     list-style: none; }
-  #page-wrapper .glm-member-detail-container .glm-member-info {
-    padding-top: 5px; }
-#page-wrapper .glm-member-list-container, #page-wrapper .glm-member-entry-container {
-  border: 2px solid lightgrey;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  border-radius: 2px; }
+  #page-wrapper .glm-member-detail-container .glm-member-detail-info {
+    padding: 15px; }
 #page-wrapper #glm-member-detail-descr-row {
   margin-top: 40px; }
 #page-wrapper #glm-member-detail-amenities-container {

diff --git a/scss/_main.scss b/scss/_main.scss
index e12d760..697d0bd 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -306,7 +306,7 @@ main {
         }
     }
     #mid {
-        margin: 20px auto 0;
+        margin: 40px auto 0;
         max-width: 1000px;
         img { 
             margin: 0 auto;

diff --git a/scss/plugins/_memberdb.scss b/scss/plugins/_memberdb.scss
index ee5428a..8c1fd54 100644 (file)
--- a/scss/plugins/_memberdb.scss
+++ b/scss/plugins/_memberdb.scss
@@ -1,12 +1,5 @@
 #page-wrapper {
-    .glm-member-entry-container {
-        background-image: -moz-linear-gradient(top, #ffffff, #E9F0F7);
-        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #E9F0F7));
-        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E9F0F7');
-        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E9F0F7')";
-    }
     #glm-locationMap-container {
-        padding: 0 10px;
         margin-bottom: 8px;
     }
     #glm-locationMap {
@@ -17,12 +10,9 @@
     .glm-member-list-container {
         line-height: 1.3;
         font-size: 14px;
-        padding: 1px 10px;
         height: 1%;
-        margin-bottom: 25px;
         overflow: hidden;
         position: relative;
-        background-color: #ffffff;
         a:hover {
             color: black;
             cursor: pointer;
@@ -37,33 +27,24 @@
             font-size: 16px;
             text-transform: uppercase;
             a {
-                color: black;
+                color: $maroon;
             }
             a:hover {
-                color: #3d8d3a;
+                color: black;
             }
         }
         p {
             font-size: 14px;
             margin-bottom: 10px;
         }
-        .glm-member-list-image-wrapper {
-            padding: 10px;
-        }
         .glm-member-list-image-border {
-            border: 2px solid lightgrey;
+            border-right: 2px solid lightgrey;
             overflow: hidden;
             max-height: 200px;
             max-width: 300px;
             @media #{$small-only} {
                 margin: 0 auto;
             }
-            
-        }
-        .glm-member-list-image-right,
-        .glm-member-list-image-left {
-            width: 100%;
-            height: auto;
         }
         .glm-member-list-links {
             display: inline;
@@ -71,13 +52,12 @@
             color: black;
             text-decoration: underline;
             margin-right: 15px;
-
             }
         }
     }
     .glm-member-detail-container {
         border: 0;
-        .glm-member-info {
+        .glm-member-detail-info  {
             @media #{$small-only} {
                 text-align: center;
             }
@@ -85,18 +65,10 @@
         ul {
             list-style: none;
         }
-        .glm-member-info {
-            padding-top: 5px;
+        .glm-member-detail-info {
+            padding: 15px;
         }
     }
-    .glm-member-list-container,
-    .glm-member-entry-container {
-        border: 2px solid lightgrey;
-        -moz-border-radius: 2px;
-        -webkit-border-radius: 2px;
-        border-radius: 2px;
-    }
-
     #glm-member-detail-descr-row {
         margin-top: 40px;
     }