/* Plugin styles */
.textwidget a{
border-bottom: none;
}.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a{
border-bottom: none;
}
.social-feed-container {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
margin: 5px;
float: left;
width: 100%;
}
#wpsfp-item{ /* Masonry bricks or child elements */
display: inline-block;
display: inline-block;
background: #fff;
padding: 1em;
min-width: 250px;
width: 300px;
margin: 0 0 1.5em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 2px 2px 4px 0 #ccc;
border: 1px solid #D8D8D8;
}
@media only screen and (min-width: 400px) {
.social-feed-container {
width: 100%;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 700px) {
.social-feed-container {
width: 100%;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 900px) {
.social-feed-container{
width: 100%;
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media only screen and (min-width: 1100px) {
.social-feed-container {
width: 100%;
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
}
}
@media only screen and (min-width: 1280px) {
.social-feed-container {
width: 100%;
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 5;
}
}
.social-feed-element {
padding: 5px;
border: 1px solid #E9E9E9;
}
.entry-content{
width: 90%;
max-width: 100%;
}
.social-feed-element {
padding: 5px;
}
.text-wrapper{
margin-top: 22px;
font-size: 15px;
}
.social-feed-element .media-attachment {
text-align: center;
}
.social-feed-main-container .fa{
float: right;
}
.social-feed-element .smuzsf-video {
text-align: center;
padding-top: 5px;
}
.social-feed-element.hidden{
background-color:red !important;
}
.social-feed-element .pull-left{
float:left;
margin-right: 10px;
}
.social-feed-element .pull-right {
margin-left: 10px;
}
.social-feed-element img {
width: 100%;
width: auto\9;
height: auto;
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.social-feed-element .attachment {
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
/* Link styles */
.social-feed-element a {
color: #0088cc;
text-decoration: none;
}
.social-feed-element a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.social-feed-element a:hover,
.social-feed-element a:active {
outline: 0;
color: #005580;
text-decoration: underline;
}
/* Text styles */
.social-feed-element small {
font-size: 85%;
}
.social-feed-element strong {
font-weight: bold;
}
.social-feed-element em {
font-style: italic;
}
.social-feed-element p {
margin: 0 0 10px;
}
.social-feed-element .media-body > p{
margin-bottom:4px;
min-height:20px;
margin-top: 15px;
}
.social-feed-element p.social-feed-text {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
/* Message styles */
.social-feed-element,
.social-feed-element .media-body {
overflow: hidden;
zoom: 1;
*overflow: visible;
}
.social-feed-element .media-body .social-network-icon{
margin-top: -3px;
margin-right:5px;
width:16px;
}
.social-feed-element .media-body div{
color:#666;
line-height: 20px;
}
.social-feed-main-container .fa-facebook{
float: right;
margin-top: -2px;
background-color: #3b5998;
width: 20px;
height: 20px;
text-align: center;
padding-top: 3px;
border-radius: 3px;
margin-left: 6px;
color: white;
position: absolute;
right: 0;
margin-top: -30px;
margin-right: 5px;
}
.social-feed-main-container .fa-twitter{
float: right;
margin-top: -2px;
background-color: #55acee;
width: 20px;
height: 20px;
text-align: center;
padding-top: 3px;
border-radius: 3px;
margin-left: 6px;
color: white;
position: absolute;
right: 0;
margin-top: -30px;
margin-right: 5px;
}
.social-feed-element:first-child {
margin-top: 0;
}
.social-feed-element .media-object {
display: block;
width:48px;
border-radius:50%;
}
.social-feed-element .media-heading {
margin: 0 0 5px;
}
.social-feed-element .media-list {
margin-left: 0;
list-style: none;
}
.social-feed-main-container .fa-instagram{
float: right;
margin-top: -30px;
background-color: #125688;
width: 20px;
height: 20px;
text-align: center;
padding-top: 3px;
border-radius: 3px;
margin-left: 6px;
color: white;
position: absolute;
right: 0;
margin-right: 5px;
}
.social-feed-main-container{
margin: 0 auto;
}
.social-feed-element .muted {
color: #999;
}
.social-feed-element a.muted:hover,
.social-feed-element a.muted:focus {
color: #808080;
}
.social-feed-element{
box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
transition: 0.25s;
-webkit-backface-visibility: hidden;
margin:-1px;
margin-top:25px;
background-color: #fff;
color: #333;
text-align:left;
font-size: 14px;
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
line-height: 16px;
display: inline-block;
width: 402px;
height:auto;
zoom: 1; /* for IE */
display*:inline; /* for IE */
max-width: 100%;
}
.social-feed-element:hover{
box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
}
.social-feed-element .content{
padding:15px;
}
.social-feed-element .social-network-icon{
opacity:0.7;
}
.social-feed-element .author-title{
color: #444;
line-height: 1.5em;
font-weight: bold;
}
.uniqcontent {
margin: 5px;
}
.social-feed-element {
background-color: !important;
color: !important;
}
.social-feed-text {
color: !important;
}
.smuzsf-date {
display: none;
}
.smuzsf-socialicon {
display: none;
}
.smuzsf-authorpic {
display: none !important;
}
@media (max-width: 1200px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 800px) {
.social-feed-element {
display: block;
width: 40%;
}
}
@media (max-width: 400px) {
.social-feed-element {
display: block;
width: 100%;
}
}
From https://studentrentals.campuspalmsapartments.com/student-apartment-rentals/facebook-campuspalmsapt/
from
https://campuspalmsapartmentsllc.wordpress.com/2019/02/01/facebook-campuspalmsapt/
from https://studentapartmentsnearusf.blogspot.com/2019/02/facebook-campuspalmsapt.html
1 note
·
View note