Fitlever

#wdi_feed_0 .wdi_feed_container { min-width: 160px; width: 100%; margin: 0 auto; background-color: #FFFFFF;/*feed_container_bg_color*/ border-bottom: 5px solid #FFFFFF;/*feed_container_bg_color*/; } #wdi_feed_0 .wdi_feed_wrapper{ width: 100%; /*feed_wrapper_width,column number * image size*/ margin: 0 auto; background-color: #FFFFFF;/*feed_wrapper_bg_color*/ text-align: left;/*header_position*/ } #wdi_feed_0 .wdi_feed_header{ margin: 0px;/*header_margin*/ padding: 5px;/*header_padding*/ border: 0px solid #DDDDDD;/*header_border_size, header_border_color*/ text-align: left;/*header_position*/ display: none; /*if display-header is true display:block*/ } #wdi_feed_0 .wdi_header_wrapper { display: inline-table; } #wdi_feed_0 .wdi_header_img_wrap,#wdi_feed_0 .wdi_users_img_wrap{ height: 40px;/*header_img_width*/ width: 40px;/*header_img_width*/ border-radius: 0px;/*header_img_width*/ overflow: hidden; } #wdi_feed_0 .wdi_header_text{ display: table-cell; vertical-align: middle; font-size: 18px; font-style: normal; padding: 5px;/*header_text_padding*/ color: #0f4973;/*header_text_color*/ font-weight: 400;/*header_font_weight*/ line-height: 40px;/*header_img_width*/ } #wdi_feed_0 .wdi_single_user{ display: inline-block; float: left; padding-top: 5px;/*user_padding*/ padding-bottom: 5px;/*user_padding*/ padding-left: 5px;/*user_padding*/ padding-right: 5px;/*user_padding*/ } #wdi_feed_0 .wdi_user_img_wrap { display: inline-block; float: left; /*margin: 0 0 0 -100% !important;*/ position: relative; } #wdi_feed_0 .wdi_header_user_text { display: inline-block; float: left; width: 100%; padding-top: 5.5px; } #wdi_feed_0 .wdi_header_user_text h3 { margin-top: 5.5px; } #wdi_feed_0 .wdi_header_hashtag h3{ margin-top: 11px; } #wdi_feed_0 .wdi_header_hashtag .wdi_media_info{ display: none; } #wdi_feed_0 .wdi_followers, #wdi_feed_0 .wdi_posts { display: inline-block; } #wdi_feed_0 .wdi_header_user_text h3{ display: inline-block; text-transform: none; font-size: 18px; font-style: normal; line-height: 18px; color: #0f4973;/*header_text_color*/; } #wdi_feed_0 .wdi_header_user_text h3:hover { cursor: pointer; } #wdi_feed_0 .wdi_user_img_wrap img{ height: 40px; width: 40px; border-radius: 40px; overflow: hidden; display: block; } #wdi_feed_0 .wdi_header_user_text h3{ margin-left: 10px; margin-bottom: 0px; } #wdi_feed_0 .wdi_media_info{ /*display: inline-block;*/ margin-left: 50px; line-height: 18px; color: #0f4973;/*header_text_color !mmm/ seperate*/ display: block } #wdi_feed_0 .wdi_media_info p{ margin-top: 0px; margin-bottom: 0px; } #wdi_feed_0 .wdi_user_controls{ margin-left: 0; display: inline-block; vertical-align: middle; } #wdi_feed_0 .wdi_bio{ color: #0f4973;/*header_text_color*/ font-size: 14px;/*header_text_color*/ float: left; } #wdi_feed_0 .wdi_followers{ margin-left: 5px; } #wdi_feed_0 .wdi_follow_btn{ display: inline-block; background: 0 0; border-radius: 3px; border-style: solid; border-width: 1px; font-size: 18px; font-weight: 500; outline: none; overflow: hidden; background-color: #ffffff; text-overflow: ellipsis; white-space: nowrap; -webkit-appearance: none; border-color: #0f4973; color: #0f4973; margin-left: 10px; vertical-align: text-bottom; padding: 0 25px; } #wdi_feed_0 .wdi_follow_btn:hover{ border-color: #0f4973; color: #0f4973; background-color: #ffffff; cursor:pointer; } #wdi_feed_0 .wdi_filter_overlay{ position: absolute; z-index: 2; top: 0; left: 0; width: 40px;/*user_img_width*/ height: 40px;/*user_img_width*/ opacity: 0; border-radius: 40px;/*user_img_width*/ background-color: #125688; transition: opacity 0.1s ease; } #wdi_feed_0 .wdi_filter_overlay:hover{ opacity: 0.9; cursor: pointer; } #wdi_feed_0 .wdi_filter_icon span{ display: block; width: 40px;/*header_img_width*/ height: 40px;/*header_img_width*/ font-size: 25px; color: white; } #wdi_feed_0 .wdi_filter_icon span::before{ width: 20px; height: 20px; position: absolute; opacity: 1; right:0; left: 0; top: 0; bottom: 0; margin: auto; } #wdi_feed_0 .wdi_photo_wrap { padding: 5px; /*photo_wrap_padding*/ box-sizing:content-box; overflow: hidden; } #wdi_feed_0 .wdi_photo_wrap_inner{ border: 0px solid gray;/*photo_wrap_border_size,photo_wrap_border_color*/ background-color: #FFFFFF;/*photo_wrap_bg_color*/ } #wdi_feed_0 .wdi_photo_img{ border-radius: 0px;/*photo_img_border_radius*/ } #wdi_feed_0 .wdi_img{ width: 100%; display: block; } #wdi_feed_0 .wdi_feed_item{ width: 100%;/*thumbnail_size*/ display: inline-block; overflow: hidden; } #wdi_feed_0 .wdi_photo_meta { background-color: #FFFFFF;/*photo_meta_bg_color*/ text-align: center; padding-bottom: 10px; } #wdi_feed_0 .wdi_thumb_likes{ width: 50%;/*photo_meta_one_line==false else 100%*/ float: left;/*photo_meta_one_line==true else float none*/ font-size: 20px;/*photo_caption_font_size*/; color: #8a8d8e;/*like_text_color*/ } #wdi_feed_0 .wdi_thumb_comments{ width: 50%;/*photo_meta_one_line==false else 100%*/ float: left;/*photo_meta_one_line==true else float none*/ font-size: 20px;/*photo_caption_font_size*/; color: #8a8d8e;/*comment_text_color*/ } #wdi_feed_0 .wdi_thumb_comments i,#wdi_feed_0 .wdi_thumb_likes i{ width: 100%; } #wdi_feed_0 .wdi_photo_title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%; margin-left: 5%; margin-right: 5%; font-size: 16px;/*photo_caption_font_size*/ color: #125688;/*photo_caption_color*/ text-align: center; } #wdi_feed_0 .wdi_photo_title:hover{ color: #8e8e8e; cursor: pointer; } #wdi_feed_0 .wdi_load_more{ padding: 10px; background-color: #FFFFFF;/*feed_container_bg_color*/ text-align: center;/*load_more_position*/ transition: all 0.2s ease; } #wdi_feed_0 .wdi_load_more_wrap{ padding: 4px;/*load_more_padding*/ background-color: #ffffff;/*load_more_bg_color*/ display: inline-table; border-radius: 500px;/*load_more_border_radius*/ height: 90px;/*load_more_height*/ width: 90px;/*load_more_width*/ border: 1px solid #0f4973;/*load_more_border_size, load_more_border_color*/; box-sizing: border-box; } #wdi_feed_0 .wdi_load_more_wrap_inner{ display: table-row; text-align: center; } #wdi_feed_0 .wdi_load_more_text{ display: table-cell; vertical-align: middle; color: #1e73be;/*load_more_text_color*/ font-size: 14px;/*load_more_text_font_size*/ } #wdi_feed_0 .wdi_load_more_text img{ height: 90px;/*load_more_height*/ width: 90px;/*load_more_height*/ float: left; } #wdi_feed_0 .wdi_load_more_wrap:hover{ cursor: pointer; background-color: transparent;/*load_more_wrap_hover_color*/ } #wdi_feed_0 .wdi_pagination{ -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; text-align: center;/*load_more_position*/ color: #0f4973;/*pagination_ctrl_color*/ font-size: 36px;/*pagination_size*/ } #wdi_feed_0 .wdi_pagination_ctrl{ margin: 15px; display: inline-block; } #wdi_feed_0 .wdi_pagination_ctrl:hover{ cursor: pointer; color: #25292c; } #wdi_feed_0 .wdi_photo_overlay:hover{ cursor: pointer; } #wdi_feed_0 .wdi_load_more_container{ display: inline-block; } #wdi_feed_0 .wdi_filter_active{ background-color: #2a5b83; } @media screen and (min-width: 800px) and (max-width:1024px){ #wdi_feed_0 .wdi_feed_item{ width: 100%;/*thumbnail_size*/ margin: 0; display: inline-block; vertical-align: top; overflow: hidden; } #wdi_feed_0 .wdi_feed_container { width: 100%; margin: 0 auto; background-color: #FFFFFF;/*feed_container_bg_color*/ } } @media screen and (min-width: 480px) and (max-width:800px){ #wdi_feed_0 .wdi_feed_item{ width: 100%;/*thumbnail_size*/ margin: 0; display: inline-block; overflow: hidden; } #wdi_feed_0 .wdi_feed_container { width: 100%; margin: 0 auto; background-color: #FFFFFF;/*feed_container_bg_color*/ } } @media screen and (max-width: 480px){ #wdi_feed_0 .wdi_feed_item{ width: 100%;/*thumbnail_size*/ margin: 0; display: inline-block; overflow: hidden; } #wdi_feed_0 .wdi_feed_container { width: 100%; margin: 0 auto; background-color: #FFFFFF;/*feed_container_bg_color*/ } }