|
|
@ -11,10 +11,7 @@
|
|
|
|
left: 0px;
|
|
|
|
left: 0px;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: 20px;
|
|
|
|
height: 20px;
|
|
|
|
background-image: -webkit-linear-gradient(top, #262626, #222);
|
|
|
|
background: linear-gradient(to bottom, #262626, #222);
|
|
|
|
background-image: -moz-linear-gradient(top, #262626, #222);
|
|
|
|
|
|
|
|
background-image: -ms-linear-gradient(top, #262626, #222);
|
|
|
|
|
|
|
|
background-image: linear-gradient(top, #262626, #222);
|
|
|
|
|
|
|
|
border-top: 1px solid #333;
|
|
|
|
border-top: 1px solid #333;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -53,10 +50,6 @@
|
|
|
|
box-shadow: 0px 0px 5px #005ecc;
|
|
|
|
box-shadow: 0px 0px 5px #005ecc;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.photo:active {
|
|
|
|
.photo:active {
|
|
|
|
-webkit-transition-duration: .1s;
|
|
|
|
|
|
|
|
-webkit-transform: scale(.98);
|
|
|
|
|
|
|
|
-moz-transition-duration: .1s;
|
|
|
|
|
|
|
|
-moz-transform: scale(.98);
|
|
|
|
|
|
|
|
transition-duration: .1s;
|
|
|
|
transition-duration: .1s;
|
|
|
|
transform: scale(.98);
|
|
|
|
transform: scale(.98);
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -72,20 +65,14 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.album img:first-child,
|
|
|
|
.album img:first-child,
|
|
|
|
.album img:nth-child(2) {
|
|
|
|
.album img:nth-child(2) {
|
|
|
|
-webkit-transform: rotate(0deg) translateY(0px) translateX(0px);
|
|
|
|
|
|
|
|
-moz-transform: rotate(0deg) translateY(0px) translateX(0px);
|
|
|
|
|
|
|
|
transform: rotate(0deg) translateY(0px) translateX(0px);
|
|
|
|
transform: rotate(0deg) translateY(0px) translateX(0px);
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.album:hover img:first-child {
|
|
|
|
.album:hover img:first-child {
|
|
|
|
-webkit-transform: rotate(-2deg) translateY(10px) translateX(-12px);
|
|
|
|
|
|
|
|
-moz-transform: rotate(-2deg) translateY(10px) translateX(-12px);
|
|
|
|
|
|
|
|
transform: rotate(-2deg) translateY(10px) translateX(-12px);
|
|
|
|
transform: rotate(-2deg) translateY(10px) translateX(-12px);
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.album:hover img:nth-child(2) {
|
|
|
|
.album:hover img:nth-child(2) {
|
|
|
|
-webkit-transform: rotate(5deg) translateY(-8px) translateX(12px);
|
|
|
|
|
|
|
|
-moz-transform: rotate(5deg) translateY(-8px) translateX(12px);
|
|
|
|
|
|
|
|
transform: rotate(5deg) translateY(-8px) translateX(12px);
|
|
|
|
transform: rotate(5deg) translateY(-8px) translateX(12px);
|
|
|
|
opacity: 1;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -111,16 +98,10 @@
|
|
|
|
margin: 2px;
|
|
|
|
margin: 2px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.album .overlay {
|
|
|
|
.album .overlay {
|
|
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
|
|
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%);
|
|
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
|
|
|
|
|
|
|
|
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* IE10+ */
|
|
|
|
|
|
|
|
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.9) 100%); /* W3C */
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.photo .overlay {
|
|
|
|
.photo .overlay {
|
|
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
|
|
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%);
|
|
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
|
|
|
|
|
|
|
|
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* IE10+ */
|
|
|
|
|
|
|
|
background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%); /* W3C */
|
|
|
|
|
|
|
|
opacity: 0;
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.photo:hover .overlay,
|
|
|
|
.photo:hover .overlay,
|
|
|
@ -188,10 +169,7 @@
|
|
|
|
margin-left: -26px;
|
|
|
|
margin-left: -26px;
|
|
|
|
width: 38px;
|
|
|
|
width: 38px;
|
|
|
|
height: 5px;
|
|
|
|
height: 5px;
|
|
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
|
|
|
|
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
|
|
|
|
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
|
|
|
|
|
|
|
|
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
|
|
|
|
|
|
|
|
background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
|
|
|
|
|
|
|
|
opacity: .4;
|
|
|
|
opacity: .4;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.album .badge.icon-star::after,
|
|
|
|
.album .badge.icon-star::after,
|
|
|
@ -215,17 +193,11 @@
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.album .badge.red,
|
|
|
|
.album .badge.red,
|
|
|
|
.photo .badge.red {
|
|
|
|
.photo .badge.red {
|
|
|
|
background: #d64b4b;
|
|
|
|
background: linear-gradient(to bottom, #d64b4b 0%, #ab2c2c 100%);
|
|
|
|
background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
|
|
|
|
|
|
|
|
background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
|
|
|
|
|
|
|
|
background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.album .badge.blue,
|
|
|
|
.album .badge.blue,
|
|
|
|
.photo .badge.blue {
|
|
|
|
.photo .badge.blue {
|
|
|
|
background: #d64b4b;
|
|
|
|
background: linear-gradient(to bottom, #347cd6 0%, #2945ab 100%);
|
|
|
|
background: -webkit-linear-gradient(top, #347cd6, #2945ab);
|
|
|
|
|
|
|
|
background: -moz-linear-gradient(top, #347cd6, #2945ab);
|
|
|
|
|
|
|
|
background: -ms-linear-gradient(top, #347cd6, #2945ab);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Divider ------------------------------------------------*/
|
|
|
|
/* Divider ------------------------------------------------*/
|
|
|
|