/* - Members mode .um alias */ .um-members img { display: block; overflow:hidden; border-radius:0!important; margin: 0!important; padding: 0!important; } .um-members a, .um-members a:hover {text-decoration:none !important} /* - Members overview */ .um-members-intro { text-align: center; margin: 0 0 20px 0; } .um-members-total { font-size: 30px; font-weight: 300; } /* - no results */ .um-members-none { text-align: center; font-size: 18px; } /* - Members search */ .um-search { text-align: center; padding: 20px 50px; } .um-search.um-search-2 { padding-left: 20%; padding-right: 20%; width: 100%; box-sizing: border-box; } .um-search.um-search-1 { padding-left: 34%; padding-right: 34%; width: 100%; box-sizing: border-box; } .um-search.um-search-1 .um-search-submit .um-button { display: block !important; min-width: 100% !important; margin: 0 0 10px 0 !important; } .um-search.um-search-1 .um-search-filter { width: 100%; padding: 0 0 10px 0; float: none; } .um-search.um-search-2 .um-search-filter { width: 50%; } .um-search-filter { padding: 0 15px 30px 15px; display: block; float: left; width: 33%; box-sizing: border-box; } .um-search-submit .um-button { display: inline-block !important; width: auto !important; padding: 12px 20px !important; margin: 0 10px !important; min-width: 150px !important; } /* - Member box */ .um-members { } .um-member { float: left; width: 30%; background: #fff; text-align: center; border: 1px solid #eee; box-sizing: border-box; margin-bottom: 40px; } .um-gutter-sizer { width: 5% } /* - Member cover */ .um-member-cover { background-color: #eee; box-sizing: border-box; position: relative; } .um-member-cover-e { text-align: center; box-sizing: border-box; } .um-member-cover-e img {width: 100% !important;} /* - Member photo */ .um-member-photo { padding: 40px 0 20px 0; text-align: center; } .um-member-photo a{ display: inline !important; } .um-member-photo img { display: inline !important; border-radius: 999px !important; border: 5px solid #fff; background: #fff; width: 140px; height: 140px; } .um-member.with-cover .um-member-photo {padding-top: 0} .um-member.with-cover .um-member-photo img { width: 100px; height: 100px; position: relative; top: -35px; margin-bottom: -45px !important; } /* - Member name */ .um-member-card.no-photo { padding-top: 30px; } .um-member-card { padding-bottom: 25px; } .um-member-name { margin: 0 0 4px 0; } .um-member-name a { font-size: 16px; line-height: 26px; color: #666; font-weight: 700; } .um-member-name a:hover { color: #3ba1da; } .um-member-tagline { font-size: 13px; line-height: 22px; color: #999; } /* - Member meta */ .um-member-meta-main { } .um-member-more { margin: 10px 0 0 0 } .um-member-less { display: none } .um-member-more a, .um-member-less a { font-size: 22px; line-height: 22px; vertical-align: middle; color: #666; } .um-member-more i, .um-member-less i { vertical-align: middle; line-height: 22px; } .um-member-more a:hover, .um-member-less a:hover{color: #3ba1da} .um-member-meta { display: none; margin: 30px 30px 0 30px; padding: 20px 0 15px 0; text-align: left; border-top: 1px solid #eee; } .um-member-meta.no-animate { display: block; } .um-member-metaline { font-size: 13px; color: #888; padding: 12px 0 0 0; line-height: 16px; vertical-align: middle; } .um-member-metaline i { vertical-align: middle; font-size: 16px; height: 16px; line-height: 16px; width: 16px; margin-right: 20px; color: #666; float: left; } .um-member-metaline span { padding-left: 36px; display: block; } /* - Member connect bar */ .um-member-connect { padding: 20px 0 0 0; } .um-member-connect a{ display: inline-block; width: 40px; line-height: 40px; height: 40px; border-radius: 999px; color: #fff; opacity: 0.85; margin: 0 1px; font-size: 16px; transition: 0.25s; } .um-member-connect i { vertical-align: middle; text-align: center; position: relative; top: 1px; } .um-member-connect a:hover {opacity: 1} /* - Member stats */ .um-member-stats { border-top: 1px solid #eee; background: #fcfcfc; } .um-member-stat { float: left; text-align: center; width: 33%; padding: 14px 10px; box-sizing: border-box; border-right: 1px solid #eee; text-transform: lowercase; font-size: 16px; line-height: 24px; font-weight: 700; color: #666; } .um-member-stat a{color: #666;} .um-member-stat a:hover {color: #3ba1da} .um-member-statname { display: block; letter-spacing: -1px; font-size: 15px; font-weight: 300; line-height: 18px; color: #888; } /* - Members pagination */ .um-members-pagi, .um-members-pagidrop { text-align: center; padding: 5px 0; font-size: 15px; } .um-members-pagi span.current, .um-members-pagi span.current:hover { background: #3ba1da; color: #fff; } .um-members-pagi i:before {font-size: 20px;vertical-align: middle !important;height: 34px;line-height: 34px;top: -2px;position: relative;} .um-members-pagi span.disabled {opacity: .4;cursor: default} .um-members-pagi span.none {color: #aaa} .um-members-pagi span {cursor: default} .um-members-pagi span, .um-members-pagi a { display: inline-block; width: auto; height: 34px; line-height: 34px; transition: all .2s linear; padding: 0px 14px; color: #666; } .um-members-pagi a:hover { text-decoration: none !important; color: #3ba1da; }