letter-spacing:-5px;
}
-.listmode .entrie {
+.listmode .entry {
width: 100%!important;
margin-left: 0!important;
}
top: -1px;
}
-.entrie {
+.entry {
background-color: #FFF;
letter-spacing:normal;
box-shadow: 0 3px 7px rgba(0,0,0,0.3);
/* transition: all 0.5s ease; */
}
-.entrie:before {
+.entry:before {
content: "";
width: 0;
height: 0;
transition: all 0.5s ease;
}
-.entrie:after {
+.entry:after {
content: "";
position: absolute;
height: 7px;
transition: all 0.5s ease;
}
-.entrie:hover {
+.entry:hover {
box-shadow: 0 3px 10px rgba(0,0,0,1);
}
-.entrie:hover:after {
+.entry:hover:after {
height: 40px;
}
-.entrie:hover:before {
+.entry:hover:before {
bottom: 2.4em;
}
-.entrie:hover h2 a {
+.entry:hover h2 a {
color: #666;
}
-.entrie h2 {
+.entry h2 {
text-transform: none;
margin-bottom: 0;
line-height: 1.2;
}
- .entrie h2:after {
+ .entry h2:after {
content: none;
}
-.entrie h2 a {
+.entry h2 a {
display: block;
text-decoration: none;
color: #000;
transition: all 0.5s ease;
}
/*
-.entrie h2 a:after {
+.entry h2 a:after {
content: "";
position: absolute;
top: 0;
}
*/
-.entrie p {
+img.preview {
+ max-width: 100%;
+}
+
+.entry p {
color: #666;
font-size: 0.9em;
line-height: 1.7;
}
- .entrie h2 a:first-letter {
+ .entry h2 a:first-letter {
text-transform: uppercase;
}
-.entrie:hover .tools {
+.entry:hover .tools {
bottom: 0;
}
-.entrie .tools {
+.entry .tools {
position: absolute;
bottom: -50px;
left: 0;
transition: all 0.5s ease;
}
- .entrie .tools a {
+ .entry .tools a {
color: #666;
text-decoration: none;
display: block;
padding: 0.4em;
}
- .entrie .tools a:hover {
+ .entry .tools a:hover {
color: #FFF;
}
- .entrie .tools li {
+ .entry .tools li {
display: inline-block;
}
-.entrie:nth-child(3n+1) {
+.entry:nth-child(3n+1) {
margin-left: 0;
}
display: none;
}
+.pagination .current {
+ height: 25px;
+ padding: 4px 8px;
+ border: 1px solid #d5d5d5;
+ text-decoration: none;
+ font-weight: bold;
+ color: #000;
+ background-color: #ccc;
+}
+
/* ==========================================================================
2.1 = "save a link" related styles
========================================================================== */
font-size: 0.96em;
}
+#filter-form {
+ position: fixed;
+ width: 20%;
+ height: 100%;
+ top: 0;
+ right: 0;
+ background-color: #FFF;
+ padding: 15px;
+ padding-right: 30px;
+ padding-top: 30px;
+
+ z-index: 12;
+
+ /*transition-property: transform;
+ transition-duration: 0.3s;
+ transition-delay: 0.3s;
+
+ transform: translate3d(100%, 0, 0);*/
+}
+
+#filter-form form {
+
+}
+
+#filter-form form .filter-group {
+ margin: 5px;
+}
+
/* ==========================================================================
6 = Media Queries
========================================================================== */
@media screen and (max-width: 1050px) {
- .entrie {
+ .entry {
width: 49%;
}
- .entrie:nth-child(3n+1) {
+ .entry:nth-child(3n+1) {
margin-left: 1.5%;
}
- .entrie:nth-child(2n+1) {
+ .entry:nth-child(2n+1) {
margin-left: 0;
}
}
}
@media screen and (max-width: 700px) {
- .entrie {
+ .entry {
width: 100%;
margin-left: 0;
}
}
@media screen and (max-width: 500px) {
- .entrie {
+ .entry {
width: 100%;
margin-left: 0;
}