Home Beauty & Wellness

Beauty & Wellness

coco






































































blogger image


Resized AAWWZ


ScreenShot  at


ScreenShot  at


ScreenShot  at


ScreenShot  at


ScreenShot  at


ScreenShot  at


blogger image


NIVEA




ScreenShot  at



ScreenShot  at



ScreenShot  at


ScreenShot  at


Beauty & Wellness


ScreenShot  at


Beauty & Wellness


blogger image


Photo  CAM

Photo  CPM

ScreenShot  at

ScreenShot  at


Resized CRL


ScreenShot  at


ScreenShot  at

ScreenShot  at


ScreenShot  at


Screen Shot    at


blogger image


JuiceCleanse


ScreenShot  at


Beauty & Wellness


Beauty & Wellness

/* —- button —- */

.button {
display: inline-block;
padding: 0.5em 1.0em;
margin: 0px 5px 0px 0px;
background: #ffffff;
border: none;
color: #222;
font-size: 11px;
letter-spacing:2px;
cursor:pointer;
text-transform:uppercase;
}

.button:hover {
color: #d16060;
}

.button:active,
.button.is-checked {
background-color: #d16060;
opacity: 0.8;
outline:0;
}

.button.is-checked {
color: white;
}

.button:active {
}

/* —- button-group —- */

.button-group:after {
content: ”;
display: block;
clear: both;
margin-bottom: 10px;
}

.button-group .button {
float: left;
border-radius: 0;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* —- isotope —- */

.isotope {
}

/* clear fix */
.isotope:after {
content: ”;
display: block;
clear: both;
}

/* —- .element-item —- */
#title-name h3{margin:0px !important;}
#title-name {
width: 220px;
height: 41px;
position: relative;
}

#title-background {
/* background: #f8f8f8;*/
background: #f8f8f8;
color: #d16060;
/* font-family: “Droid Serif”;*/
letter-spacing:1px;
font-size: 14px;
opacity: 0.92;
top: -21px;
}

.element-item {
position: relative;
float: left;
width: 220px; /* —- .size of image —- */
height: 300px; /* —- .size of image —- */
margin: 5px;
//background: #888; /* —- .remove this for the actual thing —- */
color: #262524; /* —- .remove this for the actual thing —- */
overflow:hidden;
}

.grayscale{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none;
}

.grayscale:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 – 9 */
-webkit-transition: all .6s ease; /* Transition for Webkit browsers */
}

.element-item > * {
margin: 0;
padding: 0;
}

$( function() {
// init Isotope
var $container = $(‘.isotope’).isotope({
itemSelector: ‘.element-item’,
layoutMode: ‘fitRows’
});
// filter functions
var filterFns = {
// show if number is greater than 50
numberGreaterThan50: function() {
var number = $(this).find(‘.number’).text();
return parseInt( number, 10 ) > 50;
},
// show if name ends with -ium
ium: function() {
var name = $(this).find(‘.name’).text();
return name.match( /ium$/ );
}
};
// bind filter button click
$(‘#filters’).on( ‘click’, ‘button’, function() {
var filterValue = $( this ).attr(‘data-filter’);
// use filterFn if matches value
filterValue = filterFns[ filterValue ] || filterValue;
$container.isotope({ filter: filterValue });
});
// change is-checked class on buttons
$(‘.button-group’).each( function( i, buttonGroup ) {
var $buttonGroup = $( buttonGroup );
$buttonGroup.on( ‘click’, ‘button’, function() {
$buttonGroup.find(‘.is-checked’).removeClass(‘is-checked’);
$( this ).addClass(‘is-checked’);
});
});

});

$(document).ready(function() {
var w = 250;
var h = 250;
$(‘.element-item’).find(‘img’).each(function(n, image){
var image = $(image);
image.attr({src : image.attr(‘src’).replace(/sBd{2,4}/,’s’ + w + ‘-h’ + h +’-c’)});
image.attr(‘width’,w);
image.attr(‘height’,h);
});
});