Get Gentoo!
gentoo.org sites
gentoo.org Wiki Bugs Forums Packages
Planet Archives Sources
Infra Status
summaryrefslogtreecommitdiff
path: root/plugins/jetpack/_inc/jetpack.css
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/_inc/jetpack.css')
-rw-r--r--plugins/jetpack/_inc/jetpack.css247
1 files changed, 110 insertions, 137 deletions
diff --git a/plugins/jetpack/_inc/jetpack.css b/plugins/jetpack/_inc/jetpack.css
index 0b6c340e..b684f7c7 100644
--- a/plugins/jetpack/_inc/jetpack.css
+++ b/plugins/jetpack/_inc/jetpack.css
@@ -21,20 +21,27 @@
height: 70px;
}
- #jp-header #jp-clouds #jp-disconnect {
+
+ #jp-header #jp-clouds #jp-disconnectors {
font-size: 12px;
color: #fff;
float: right;
- margin: -35px 25px 0 0;
- text-align: right;
+ margin-top: -35px;
+ text-align: left;
+ position: relative;
+ left: -45px;
}
- #jp-header #jp-clouds #jp-disconnect a {
+ #jp-header #jp-clouds .jp-disconnect a {
background: #8caa46 url( images/status-light.png ) 3px 85% no-repeat;
display: inline-block;
- padding: 4px 10px 3px 30px;
+ position: relative;
+ width: 100%;
+ height: 1.7em;
+ overflow: hidden;
+ padding: 4px 0 3px 30px;
+ margin: 0 -20px 3px 0;
color: #fff;
- text-align: center;
text-decoration: none;
border: 1px solid #7a943d;
-moz-border-radius: 5px;
@@ -45,14 +52,23 @@
box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.4 );
text-shadow: 0px -1px 0px rgba( 0,0,0,0.3 );
}
- #jp-header #jp-clouds #jp-disconnect a:hover {
- background: #8caa46 url( images/status-light.png ) 3px 5% no-repeat;
+ #jp-header #jp-clouds .jp-disconnect a:hover {
+ background: #8caa46 url( images/status-light.png ) 3px -2% no-repeat;
background-color: #839f40;
border-color: #6a8037;
}
- #jp-header #jp-clouds #jp-disconnect span { display: none; }
-
+ #jp-header #jp-clouds .jp-disconnect div {
+ position: relative;
+ line-height: 1.7em;
+ height: 1.7em;
+ }
+
+ #jp-header #jp-clouds .jp-disconnect a:hover div,
+ #jp-header #jp-clouds .jp-disconnect a.clicked div {
+ top: -1.7em;
+ }
+
/* Retina Header Clouds & Status Light */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#jp-header #jp-clouds {
@@ -63,18 +79,18 @@
background: transparent url( images/header-clouds-small-2x.png ) -120px 100% repeat-x;
background-size:980px 140px;
}
-
- #jp-header #jp-clouds #jp-disconnect a {
+
+ #jp-header #jp-clouds .jp-disconnect a {
background: #8caa46 url( images/status-light-2x.png ) 3px 85% no-repeat;
background-size:25px 57px;
}
- #jp-header #jp-clouds #jp-disconnect a:hover {
- background: #8caa46 url( images/status-light-2x.png ) 3px 5% no-repeat;
+ #jp-header #jp-clouds .jp-disconnect a:hover {
+ background: #8caa46 url( images/status-light-2x.png ) 3px -2% no-repeat;
background-size:25px 57px;
}
}
-
-
+
+
#jp-header h3 {
position: relative;
background: transparent url( images/logo.png ) top left no-repeat;
@@ -93,7 +109,7 @@
height: 120px;
top: -35px;
}
-
+
/* Retina Logo */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#jp-header h3 {
@@ -105,9 +121,9 @@
background-size:150px 120px;
}
}
-
-
-
+
+
+
#jp-header p {
position: absolute;
left: 390px;
@@ -237,11 +253,11 @@
color: #fff;
text-decoration: underline;
}
-
+
.jetpack-message .squeezer a:hover {
color: #f0a000;
}
-
+
.jetpack-message code, .jetpack-err p {
background: rgba( 0,0,0,0.2 );
font-size: 14px;
@@ -309,7 +325,7 @@
-moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
box-shadow: inset 0 0 20px rgba(0,0,0,0.05), 0 1px 2px rgba( 0,0,0,0.1 );
}
-
+
/* Retina moreinfo bg clouds */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.more-info {
@@ -317,8 +333,8 @@
background-size:980px 140px;
}
}
-
-
+
+
.more-info h4 {
padding: 0;
background: none;
@@ -340,7 +356,7 @@
left: 0;
background: url( images/arrow.png ) top left no-repeat;
}
-
+
/* Retina module more info arrow */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.more-info .arrow {
@@ -534,13 +550,13 @@ p.jp-help {
border-bottom-left-radius: 3px;
background-repeat: no-repeat;
background-image: url( images/module-icons-sprite.png );
+ background-size: 2555px 50px; /* remember to update this every time a new module is added! */
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.jetpack-module div.module-image {
background-image: url( images/module-icons-sprite-2x.png );
- background-size: 1450px 50px;
}
}
@@ -586,6 +602,40 @@ p.jp-help {
#carousel.jetpack-module div.module-image {
background-position: -1325px 5px;
}
+ #custom-css.jetpack-module div.module-image {
+ background-position: -1459px 5px;
+ }
+ #minileven.jetpack-module div.module-image {
+ background-position: -1570px 5px;
+ }
+ #notes.jetpack-module div.module-image {
+ background-position: -1806px 5px;
+ }
+ #json-api.jetpack-module div.module-image {
+ background-position: -1689px 5px;
+ }
+ #mobile-push.jetpack-module div.module-image {
+ background-position: -1925px 5px;
+ }
+ #publicize.jetpack-module div.module-image {
+ background-position: -2136px 5px;
+ }
+ #post-by-email.jetpack-module div.module-image {
+ background-position: -2025px 5px;
+ }
+ #infinite-scroll.jetpack-module div.module-image {
+ background-position: -2230px 5px;
+ }
+ #photon.jetpack-module div.module-image {
+ background-position: -2320px 5px;
+ }
+ #tiled-gallery.jetpack-module div.module-image {
+ background-position: -2400px 5px;
+ }
+
+ #likes.jetpack-module div.module-image {
+ background-position: -2471px 5px;
+ }
.jetpack-module div.module-image p {
background-color: #b4d278;
@@ -725,7 +775,7 @@ p.jp-help {
margin-right: 15px;
box-shadow: none;
}
-
+
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.placeholder h3 {
background: transparent url(images/icon-comingsoon-2x.png) top center no-repeat;
@@ -822,34 +872,10 @@ p#news-sub {
margin-top: 15px;
}
-#jetpack-settings .button, #jetpack-settings .button-primary {
- -moz-border-radius: 5px !important;
- -webkit-border-radius: 5px !important;
- border-radius: 5px !important;
- padding: 5px 10px !important;
- -moz-box-shadow: inset 0 0 2px #fff, 0 0 3px rgba(0,0,0,0.1);
- -webkit-box-shadow: inset 0 0 2px #fff, 0 0 3px rgba(0,0,0,0.1);
- box-shadow: inset 0 0 2px #fff, 0 0 3px rgba(0,0,0,0.1);
-}
-
#jetpack-settings .button-primary {
- color: #bceaff !important;
-}
-
-#jetpack-settings .button-primary:hover {
color: #fff !important;
}
-#jetpack-settings .button:hover {
- color: #298cba !important;
- border-color: #69acce !important;
- -moz-box-shadow: 0 0 2px rgba(105,172,206,1);
- -webkit-box-shadow: 0 0 2px rgba(105,172,206,1);
- box-shadow: 0 0 2px rgba(105,172,206,1);
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
-}
-
.jp-survey {
position: relative;
z-index: 100;
@@ -889,91 +915,6 @@ p#news-sub {
display: block;
}
-.jp-survey a {
- color: #000;
- text-decoration: underline;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- -ms-transition-duration: .3s;
- transition-duration: .3s;
-}
-
-.jp-survey a:hover {
- color: #555;
- text-decoration: none;
-}
-
-#jetpack-settings .jp-survey p a.button-primary {
- font-size: 16px !important;
- display: inline-block;
- padding: 8px 15px;
- color: #fff!important;
- text-align: center;
- font-size: 20px;
- text-decoration: none;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- border: 1px solid #2A8CBA;
- background: #6AAFCF;
- -moz-box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
- -webkit-box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
- box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
- text-shadow: 0px -1px 0px rgba( 0,0,0,0.3);
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- -ms-transition-duration: .3s;
- transition-duration: .3s;
- cursor: pointer;
- font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
-}
-
-#jetpack-settings .jp-survey p a.button-primary:hover, #jetpack-settings .jp-survey p a.button-primary:active {
- background-color: #f0a000;
- border-color: #c87800;
- -webkit-transition-duration: .3s;
- outline: none;
-}
-
-.jp-survey p a.button-secondary {
- font-size: 16px !important;
- display: inline-block;
- padding: 8px 15px;
- color: #fff;
- text-align: center;
- font-size: 20px;
- text-decoration: none;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- border: 1px solid #8caa46;
- background: #b4d278;
- -moz-box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
- -webkit-box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
- box-shadow: inset 0 0 2px rgba( 255,255,255,1), 0 1px 1px rgba( 0,0,0,0.1 );
- text-shadow: 0px -1px 0px rgba( 0,0,0,0.3);
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- -ms-transition-duration: .3s;
- transition-duration: .3s;
- cursor: pointer;
- font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
-}
-
-.jp-survey p a.button-secondary:hover, .jp-survey p a.button-secondary:active {
- background-color: #f0a000;
- border-color: #c87800;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- -ms-transition-duration: .3s;
- transition-duration: .3s;
- outline: none;
-}
-
.jp-survey-container {
overflow: hidden;
padding: 0 20px 8px 0;
@@ -1095,3 +1036,35 @@ p#news-sub {
box-shadow: inset 0 0 2px #fff, 0 1px 7spx rgba(240,160,0,0.5);
}
+.jetpack-inline-error, .jetpack-inline-message {
+ padding: .5em 1em .5em 1em;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ border-width: 1px;
+ border-style: solid;
+ color: #333;
+}
+
+.jetpack-inline-error {
+ background-color: #ffebe8;
+ border-color: #c00;
+}
+
+.jetpack-inline-message {
+ background-color: #ffffe0;
+ border-color: #e6db55;
+}
+
+.jetpack-targetable {
+ border-top: 28px solid transparent;
+ margin-top: -28px;
+}
+
+.jetpack-targetable:target {
+ background-color: #ffffe0;
+ background-clip: padding-box;
+ padding: 0 10px;
+ margin-left: -10px;
+ margin-right: -10px;
+}