summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTheo Chatzimichos <tampakrap@gentoo.org>2012-08-04 22:18:54 +0200
committerTheo Chatzimichos <tampakrap@gentoo.org>2012-08-04 22:18:54 +0200
commitf31a3a10b15cfcc8a452c2dbd23ed2fbd293425d (patch)
treed176aff387ae54b663def996e61da8ff13547ec2 /plugins/jetpack/modules/carousel/jetpack-carousel.css
parentRevert the blogroll icon change, mine is better :) (diff)
downloadblogs-gentoo-f31a3a10b15cfcc8a452c2dbd23ed2fbd293425d.tar.gz
blogs-gentoo-f31a3a10b15cfcc8a452c2dbd23ed2fbd293425d.tar.bz2
blogs-gentoo-f31a3a10b15cfcc8a452c2dbd23ed2fbd293425d.zip
- My kde-breathe fork theme changed name to kde-graffiti, update it to 1.2
- Update jetpack
Diffstat (limited to 'plugins/jetpack/modules/carousel/jetpack-carousel.css')
-rw-r--r--plugins/jetpack/modules/carousel/jetpack-carousel.css86
1 files changed, 45 insertions, 41 deletions
diff --git a/plugins/jetpack/modules/carousel/jetpack-carousel.css b/plugins/jetpack/modules/carousel/jetpack-carousel.css
index 28cda5c7..aa2b1d0f 100644
--- a/plugins/jetpack/modules/carousel/jetpack-carousel.css
+++ b/plugins/jetpack/modules/carousel/jetpack-carousel.css
@@ -6,11 +6,6 @@
background: #000;
}
-div.jp-carousel-buttons a.jp-carousel-permalink {
- background: url(./images/carousel-link.png) no-repeat;
- background-size: 12px 32px;
-}
-
div.jp-carousel-fadeaway {
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
@@ -27,20 +22,11 @@ div.jp-carousel-fadeaway {
background-size: 200px 126px;
}
-div.jp-carousel-buttons a.jp-carousel-permalink {
- background-position: 2px 6px;
- margin-right:0;
-}
-
-div.jp-carousel-buttons a.jp-carousel-permalink:hover {
- background-position: 2px -14px;
-}
-
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
- div.jp-carousel-buttons a.jp-carousel-permalink {
- background-image: url(./images/carousel-link-2x.png);
- background-position: 2px 6px;
- }
+@media
+only screen and (-webkit-min-device-pixel-ratio: 1.5),
+only screen and (-o-min-device-pixel-ratio: 3/2),
+only screen and (min--moz-device-pixel-ratio: 1.5),
+only screen and (min-device-pixel-ratio: 1.5) {
.jp-carousel-next-button span,
.jp-carousel-previous-button span {
background-image: url(./images/arrows-2x.png);
@@ -132,17 +118,19 @@ div.jp-carousel-buttons a.jp-carousel-permalink:hover {
}
.jp-carousel-buttons {
- margin:0 0 15px 0;
- padding-bottom:15px;
+ margin:-18px -20px 15px;
+ padding:8px 10px;
border-bottom:1px solid #222;
+ background: #222;
+ text-align: center;
}
div.jp-carousel-buttons a {
border: none !important;
color: #999;
- font: normal 13px/1.2em "Helvetica Neue", sans-serif !important;
+ font: normal 11px/1.2em "Helvetica Neue", sans-serif !important;
letter-spacing: 0 !important;
- padding: 5px 2px 5px 20px !important;
+ padding: 5px 2px 5px 0;
text-decoration: none !important;
text-shadow: none !important;
vertical-align: baseline !important;
@@ -184,8 +172,10 @@ div.jp-carousel-buttons a:hover {
.jp-carousel-slide img {
display: block;
- width: 100%;
- height: 100%;
+ width: 100% !important;
+ height: 100% !important;
+ max-width: 100% !important;
+ max-height: 100% !important;
background: none !important;
border: none !important;
padding: 0 !important;
@@ -253,29 +243,31 @@ div.jp-carousel-buttons a:hover {
div.jp-carousel-buttons a.jp-carousel-like,
div.jp-carousel-buttons a.jp-carousel-reblog,
+div.jp-carousel-buttons a.jp-carousel-commentlink,
a.jp-carousel-image-download {
- background: url(./images/carousel-sprite.png?3) no-repeat;
- background-size: 16px 120px;
+ background: url(./images/carousel-sprite.png?4) no-repeat;
+ background-size: 16px 160px;
}
-div.jp-carousel-buttons a.jp-carousel-reblog {
- margin:0 5px 0 -5px !important;
+div.jp-carousel-buttons a.jp-carousel-reblog,
+div.jp-carousel-buttons a.jp-carousel-commentlink {
+ margin:0 14px 0 0 !important;
}
div.jp-carousel-buttons a.jp-carousel-reblog.reblogged,
div.jp-carousel-buttons a.jp-carousel-like.liked {
- background-color: #222;
+ background-color: #303030;
padding-right: 8px !important;
- border-radius: 3px;
- border-radius:3px;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- -ms-border-radius:3px;
- -o-border-radius:3px;
+ border-radius: 2px;
+ border-radius:2px;
+ -webkit-border-radius:2px;
+ -moz-border-radius:2px;
+ -ms-border-radius:2px;
+ -o-border-radius:2px;
}
div.jp-carousel-buttons a.jp-carousel-reblog.reblogged {
- margin:0 5px 0 0 !important;
+ margin:0 2px 0 -12px !important;
}
@@ -286,6 +278,11 @@ div.jp-carousel-buttons a.jp-carousel-reblog.reblogged:hover {
color: #999;
}
+div.jp-carousel-buttons a.jp-carousel-commentlink {
+ background-position: 0px -116px;
+ padding-left: 19px !important;
+}
+
div.jp-carousel-buttons a.jp-carousel-reblog.reblogged:hover {
cursor: default;
}
@@ -311,8 +308,9 @@ only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
div.jp-carousel-buttons a.jp-carousel-like,
div.jp-carousel-buttons a.jp-carousel-reblog,
+ div.jp-carousel-buttons a.jp-carousel-commentlink,
a.jp-carousel-image-download {
- background-image: url(./images/carousel-sprite-2x.png?3);
+ background-image: url(./images/carousel-sprite-2x.png?4);
}
}
@@ -492,12 +490,13 @@ h1:before, h1:after {
/** Meta Box Start **/
.jp-carousel-image-meta {
background: #111;
- padding: 18px 20px;
+ border: 1px solid #222;
color: #fff;
font-size: 13px;
font: 12px/1.4 "Helvetica Neue", sans-serif !important;
+ overflow: hidden;
+ padding: 18px 20px;
width: 209px !important;
- border: 1px solid #222;
}
.jp-carousel-image-meta li,
@@ -878,7 +877,8 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder
}
.jp-carousel-light .jp-carousel-buttons {
- border-bottom-color: #dfdfdf;
+ border-bottom-color: #f0f0f0;
+ background: #f5f5f5;
}
.jp-carousel-light div.jp-carousel-buttons a:hover {
@@ -898,6 +898,10 @@ textarea#jp-carousel-comment-form-comment-field:focus::-webkit-input-placeholder
color: #fff;
}
+.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-commentlink {
+ background-position: 0px -136px;
+}
+
.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-like,
.jp-carousel-light div.jp-carousel-buttons a.jp-carousel-like:hover {
background-position: 5px -15px;