transition: all 0.5s ease;
}
-.entrie:hover {
+.entrie:hover, .eselected {
box-shadow: 0 3px 10px rgba(0,0,0,1);
}
-.entrie:hover:after {
+.entrie:hover:after, .eselected:after {
height: 40px;
}
-.entrie:hover:before {
+.entrie:hover:before, .eselected:before {
bottom: 2.4em;
}
-.entrie:hover h2 a {
+.entrie:hover h2 a, .eselected h2 a {
color: #666;
}
line-height: 1.2;
}
- .entrie h2:after {
- content: none;
- }
+.entrie h2:after {
+ content: none;
+}
.entrie h2 a {
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
-/*
-.entrie h2 a:after {
- content: "";
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
- left: 0;
-}
-*/
.entrie p {
color: #666;
line-height: 1.7;
}
- .entrie h2 a:first-letter {
- text-transform: uppercase;
- }
-
-.entrie:hover .tools {
- bottom: 0;
+.entrie h2 a:first-letter {
+ text-transform: uppercase;
}
.entrie .tools {
transition: all 0.5s ease;
}
- .entrie .tools a {
- color: #666;
- text-decoration: none;
- display: block;
- padding: 0.4em;
- }
+.entrie:hover .tools, .eselected .tools {
+ bottom: 0;
+}
- .entrie .tools a:hover {
- color: #FFF;
- }
- .entrie .tools li {
- display: inline-block;
- }
+.entrie .tools a {
+ color: #666;
+ text-decoration: none;
+ display: block;
+ padding: 0.4em;
+}
+
+.entrie .tools a:hover {
+ color: #FFF;
+}
+
+.entrie .tools li {
+ display: inline-block;
+}
.entrie:nth-child(3n+1) {
margin-left: 0;
.icon-evernote:before {
content: "\e603";
}
+.icon-tags:before {
+ content: "\e936";
+}
+.icon-previous:before {
+ content: "\e606";
+}
+.icon-next:before {
+ content: "\e605";
+}
+.icon-archiveandnext:before {
+ content: "\e607";
+}
/* .icon-image class, for image-based icons
background-image: url('../../_global/img/icons/carrot-icon--white.png');
}
+.icon-image--shaarli {
+ background-image: url('../../_global/img/icons/shaarli.png');
+}
+
/* Diaspora */
.icon-image--diaspora {
background-image: url('../../_global/img/icons/diaspora-icon--black.png');
-}}
+}
/* ==========================================================================
Icon selected
font-size: 1.5em;
}
+.leftPosF {
+ position: fixed;
+ right: 24%;
+ bottom: 2em;
+ font-size: 1.5em;
+}
+
+.rightPosF {
+ position: fixed;
+ right: 16%;
+ bottom: 2em;
+ font-size: 1.5em;
+}
+
#article_toolbar {
margin-bottom: 1em;
}
background-color: #999;
}
-.shaarli:before {
- content: "*";
-}
-
.return {
text-decoration: none;
margin-top: 1em;
font-size: 0.96em;
}
+/* ==========================================================================
+ 5.1 = Tags-related styles
+ ========================================================================== */
+
+.suggestedtag {
+ padding: 4px;
+ cursor: pointer;
+ display: inline-block;
+}
+
+#tagcloud .smallesttag {
+ font-size: x-small;
+}
+
+#tagcloud .smalltag {
+ font-size: small;
+}
+
+#tagcloud .mediumtag {
+ font-size:medium;
+}
+
+#tagcloud .largetag {
+ font-size:large;
+}
+
+#tagcloud .largesttag {
+ font-size:larger;
+}
/* ==========================================================================
6 = Media Queries
.topPosF {
right: 2.5em;
}
+ .leftPosF {
+ right: 4.5em;
+ }
+ .rightPosF {
+ right: 0.5em;
+ }
}
@media screen and (max-width: 700px) {
display: none;
}
+ #article_toolbar .leftPosF {
+ display: none;
+ }
+
+ #article_toolbar .rightPosF {
+ display: none;
+ }
+
#article {
width: 100%;
}