Restyled glm associate and search
authorLaury GvR <laury@gaslightmedia.com>
Tue, 19 Jul 2016 13:44:24 +0000 (09:44 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Tue, 19 Jul 2016 13:44:24 +0000 (09:44 -0400)
Added styles for primarily color-changes to glm associate events,
member db, and packaging. Added search styles as well.

scss/_plugins.scss
scss/_search.scss
scss/plugins/_glm-member-db-events.scss
scss/plugins/_glm-member-db-packaging.scss
scss/plugins/_glm-member-db.scss
scss/plugins/_memberdb.scss [deleted file]

index 73bf3b6..de8fa1f 100644 (file)
@@ -1,7 +1,6 @@
   @import "plugins/nextgen";
   @import "plugins/ninjaforms";
   @import "plugins/ai1ec";
-  @import "plugins/memberdb";
   @import "plugins/weatherwidget";
   @import "plugins/woocommerce";
   @import "plugins/glm-member-db-events";
index 57312f1..8dda651 100644 (file)
                 }
             }
         }
+}
+#search-results {
+    #blog-posts-over .entry-meta {
+        display: none;
+    }
+    #blog-posts-over p {
+        margin-bottom: 0;
+    }
 }
\ No newline at end of file
index 5c35e1f..c401820 100644 (file)
@@ -1,9 +1,12 @@
 // Setting for the colors
-$nameSearchButtonColor   : $maroon;
+
+$maroon                  : #622004;
+$brown                   : #311D13;
+$nameSearchButtonColor   : $l-blue;
 $shortcutsButtonColor    : $maroon;
 $backToSearchButtonColor : $blue;
 $eventGradientColor      : #f2f2f2;
-$eventMonthColor         : $maroon;
+$eventMonthColor         : $l-blue;
 $readMoreColor           : $l-blue;
 
 #glm-event-wrapper {
@@ -88,7 +91,7 @@ $readMoreColor           : $l-blue;
         }
     }
     .glm-event-day-event a.glm-read-more {
-        border: 1px solid $maroon;
+        border: 1px solid $l-blue;
         background-color: $white;
         color: $black;
     }
@@ -108,10 +111,10 @@ $readMoreColor           : $l-blue;
         color: #fff;
     }
     h1 {
-        color: $eventMonthColor;
+        color: $light-green;
     }
     h2 {
-        color: $l-blue;
+        color: $light-green;
         font-weight: bold;
     }
     #glm-event-detail-cost:before{
@@ -122,7 +125,7 @@ $readMoreColor           : $l-blue;
    }
     span#eventShare.st_sharethis,
     #shareThisOrange{
-        background-color: $maroon !important;
+        background-color: $l-blue !important;
         padding: 2px 0 5px 10px;
         font-size: rem-calc(14);
         font-weight: bold;
@@ -145,7 +148,7 @@ $readMoreColor           : $l-blue;
     .glm-events-frontpage-day {
         padding: 3px;
         background-color: $maroon;
-        color: $gold;
+        color: $white;
     }
     .glm-events-frontpage-event-container {
         margin: 10px 0;
@@ -164,14 +167,15 @@ $readMoreColor           : $l-blue;
         margin-top: 4px;
     }
     .glm-events-frontpage-event-title {
-    /*    font-size: 15px;*/
-        color: $maroon;
+        font-size: 14px;
+        color: $l-blue;
         font-weight: bold;
         max-height: 37.2px;
         overflow: hidden;
         line-height: 1.4;
     }
     .glm-events-frontpage-event-dates {
+        font-size: 14px;
         color: grey;
         max-height: 20px;
         overflow: hidden;
index 7771b92..f06b53b 100644 (file)
@@ -7,4 +7,15 @@
 
 #glm-member-detail-packages-container .package-title a {
     color: $blue;
+}
+
+.glm-member-package-detail-container {
+    .glm-member-title,
+    .glm-member-title a {
+        color: $light-green;
+        text-transform: none;
+        font-style: normal;
+        font-size: 24px;
+        text-decoration: none;
+    }
 }
\ No newline at end of file
index 80870bb..8c9ceb1 100644 (file)
@@ -15,7 +15,7 @@ body {
 }
 #glm-member-login-form .button-primary,
 #glm-member-password-lost-form .lostpassword-button {
-  background-color: $blue;
+  background-color: $primary-color;
   border: 0 none;
   border-radius: 5px;
   color: white;
@@ -38,26 +38,43 @@ body {
 
 .glm-member-db-list-view {
     #glm-member-list-map-toggle {
-        background-color: $blue;
+        background-color: $l-blue;
+    }
+    .glm-alpha-link-selected {
+        background-color: $d-blue;
+    }
+    .glm-member-title,
+    .glm-member-title a {
+        color: $light-green;
+        text-transform: none;
+        font-style: normal;
+        font-size: 24px;
+        text-decoration: none;
+    }
+    .glm-member-list-links > a {
+        text-decoration: none;
+    }
+    .glm-member-list-description a {
+        text-decoration: none;
     }
     .glm-member-list-links #glm-member-list-website-link:before {
         //content: url("../assets/offsite-link_wht.png");
         background-image: url("../assets/offsite-link_grn.png");
     }
+    .glm-member-db-socials > a {
+        text-decoration: none;
+    }
     .glm-member-search:before {
-        background-color: $blue;
+        background-color: $l-blue;
     }
     #glm-member-list-filters-button {
-        background-color: $blue;
+        background-color: $l-blue;
     }
     #glm-member-list-filters-close {
         //background-color: $d-orange;
     }
     #glm-member-list-filters-box .glm-member-search h3 {
-        color: $maroon;
-    }
-    #glm-member-list-map-toggle {
-        background-color: $blue;
+        color: $l-blue;
     }
 }
 //   2.1 Grid View
@@ -74,13 +91,13 @@ body {
         color: $maroon;
     }
     .glm-member-list-sub-links {
-        color: $blue;
+        color: $primary-color;
     }   
     .glm-member-search:before {
-        background-color: $blue;
+        background-color: $primary-color;
     }
     #glm-member-list-filters-button {
-        background-color: $blue;
+        background-color: $primary-color;
     }
     #glm-member-list-filters-close {
         //background-color: $d-orange;
@@ -89,63 +106,98 @@ body {
         color: $maroon;
     }
     #glm-member-list-map-toggle {
-        background-color: $blue;
+        background-color: $l-blue;
     }
 }
 
 // 3.0 Member Detail
 #glm-member-detail-container {
     #glm-member-detail-contact-info {
-        background-color: $maroon;
+        background-color: $tan;
+        color: $maroon;
+    }
+    .glm-member-list-image-wrapper a {
+        color: $l-blue;
+    }
+    .glm-member-list-image-wrapper a:hover {
+        color: $white;
+    }
+    .glm-member-list-image-wrapper a h3 {
+        color: $maroon;
+    }
+    .glm-member-db-package-title > a {
+        color: $light-green;
     }
     #glm-member-detail-side-box {
         #glm-member-detail-website-link {
-            background-color: $d-gold;
+            background-color: $light-green;
         }
     }
     .glm-member-detail-content-toggle {
         color: $maroon;
     }
     .glm-member-detail-sub-data-links > a {
-        color: $blue;
+        color: $primary-color;
+        text-decoration: none;
+        font-size: 12px;
+    }
+    #glm-member-detail-links a {
+        color: $maroon;
+        text-decoration: none;
+        border-color: $l-blue;
     }
     #glm-member-detail-links a:hover {
-        border-color: $blue;
+        border-color: $white;
     }
     #glm-member-detail-takeback-mini {
-        background-color: $d-gold;
+        background-color: $primary-color;
     }
     #glm-member-detail-map-button {
-        background-color: $d-gold;
+        background-color: $light-green;
     }
     #glm-locationMap-container {
         margin: 0;
     }
     #MemberDrivingDirectionSubmit {
-        background-color: $d-gold;
+        background-color: $light-green;
+    }
+    .glm-member-db-socials > a {
+        text-decoration: none;
+    }
+    #glm-package-detail-member-name h3 {
+        color: $maroon;
+    }
+    #glm-package-detail-member-name a:hover {
+        color: white;
+        text-decoration: underline;
     }
 }
 .members-only-template {
     #side-links {
-        background-color: $maroon;
+        background-color: $light-green;
         border: 1px solid $gold;
         border-radius: 5px;
         color: $gold;
         list-style: outside none none;
         padding: 20px;
     }
+    #menu-members-only-menu {
+        list-style: outside none none;
+    }
     #side-links h2 {
         color: $white;
     }
     #side-links li a {
-        color: $m-gold;
+        color: $white;
+        text-decoration: none;
+        font-size: 18px;
     }
     #side-links li a:hover {
         color: $gold;
-        border-bottom: 1px solid $d-gold;
+        border-bottom: 1px solid $gold;
     }
 }
 #glm-member-front-header .glm-button.button {
-    background-color: $m-gold;
+    background-color: $maroon;
 }
 } // End of global body tag to overwrite existing member db styles
\ No newline at end of file
diff --git a/scss/plugins/_memberdb.scss b/scss/plugins/_memberdb.scss
deleted file mode 100644 (file)
index 9f9d036..0000000
+++ /dev/null
@@ -1,111 +0,0 @@
-/*#page-wrapper {
-    #glm-locationMap-container {
-        margin-bottom: 8px;
-    }
-    #glm-locationMap {
-        margin: 0;
-    }
-    .glm-member-detail-image-wrapper  {
-        @media #{$small-only} {
-            text-align: center;
-        }
-    }
-    .glm-member-detail-container,
-    .glm-member-entry-container,
-    .glm-member-list-container {
-        line-height: 1.3;
-        font-size: 14px;
-        height: 1%;
-        overflow: hidden;
-        position: relative;
-        a:hover {
-            color: black;
-            cursor: pointer;
-        }
-        ul, ol, dl {
-            font-size: 14px;
-        }
-        h2 {
-            padding: 0;
-            line-height: 1;
-            margin-bottom:3px;
-            font-size: 16px;
-            text-transform: uppercase;
-            a {
-                color: $maroon;
-            }
-            a:hover {
-                color: black;
-            }
-        }
-        p {
-            font-size: 14px;
-            margin-bottom: 10px;
-        }
-        .glm-member-list-image-border {
-            border-right: 2px solid lightgrey;
-            overflow: hidden;
-            max-height: 200px;
-            max-width: 300px;
-            @media #{$small-only} {
-                margin: 0 auto;
-            }
-        }
-        .glm-member-list-links {
-            display: inline;
-            a {
-            color: black;
-            text-decoration: underline;
-            margin-right: 15px;
-            }
-        }
-        .glm-member-list-description {
-            padding: 20px 20px 20px 0;
-            @media #{$small-only} {
-                padding: 20px;
-            }
-        }
-        .glm-member-list-active-info {
-            @media #{$medium-down} {
-                left: initial;
-            }
-        }
-    }
-    .glm-member-detail-container {
-        border: 0;
-        .glm-member-detail-info  {
-            @media #{$small-only} {
-                text-align: center;
-            }
-        }
-        ul {
-            list-style: none;
-        }
-        .glm-member-detail-info {
-            padding: 15px;
-        }
-    }
-    #glm-member-detail-amenities-container {
-        padding: 10px 40px 10px 10px;
-        @media #{$small-only} {
-            padding: 10px;
-            text-align: center;
-        }
-    }
-    #glm-member-detail-description-container {
-        padding: 10px;
-        padding-top: 10px;
-        padding-bottom: 10px;
-    }
-    .glm-member-detail-border {
-        border: 1px solid lightgrey;
-        padding: 10px;
-    }
-    #glm-member-detail-photos {
-        margin-top: 20px;
-        b, .clearing-assembled {
-            padding: 5px;
-        }
-        
-    }
-}*/
\ No newline at end of file