1 files changed, 176 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/sso/jetpack-sso-login.css b/plugins/jetpack/modules/sso/jetpack-sso-login.css
new file mode 100644
index 00000000..3160bcb6
--- /dev/null
+++ b/plugins/jetpack/modules/sso/jetpack-sso-login.css
@@ -0,0 +1,176 @@
+#loginform {
+	/* We set !important because sometimes static is added inline */
+	position: relative !important;
+	padding-bottom: 92px;
+}
+
+.jetpack-sso-repositioned #loginform {
+	padding-bottom: 26px;
+}
+
+#loginform #jetpack-sso-wrap,
+#loginform #jetpack-sso-wrap * {
+	box-sizing: border-box;
+}
+
+
+#jetpack-sso-wrap__action,
+#jetpack-sso-wrap__user{
+	display: none;
+}
+
+.jetpack-sso-form-display #jetpack-sso-wrap__action,
+.jetpack-sso-form-display #jetpack-sso-wrap__user {
+	display: block;
+}
+
+#jetpack-sso-wrap {
+	position: absolute;
+		bottom: 20px;
+	padding: 0 24px;
+	margin-left: -24px;
+	margin-right: -24px;
+	width: 100%;
+}
+
+.jetpack-sso-repositioned #jetpack-sso-wrap {
+	position: relative;
+		bottom: auto;
+	padding: 0;
+	margin-top: 16px;
+	margin-left: 0;
+	margin-right: 0;
+}
+
+.jetpack-sso-form-display #jetpack-sso-wrap {
+	position: relative;
+		bottom: auto;
+	padding: 0;
+	margin-top: 0;
+	margin-left: 0;
+	margin-right: 0;
+}
+
+#loginform #jetpack-sso-wrap p {
+	color: #777777;
+	margin-bottom: 16px;
+}
+
+#jetpack-sso-wrap a {
+	display: block;
+	width: 100%;
+	text-align: center;
+	text-decoration: none;
+}
+
+#jetpack-sso-wrap .jetpack-sso-toggle.wpcom {
+	display: none;
+}
+
+.jetpack-sso-form-display #jetpack-sso-wrap .jetpack-sso-toggle.wpcom {
+	display: block;
+}
+
+
+.jetpack-sso-form-display #jetpack-sso-wrap .jetpack-sso-toggle.default {
+	display: none;
+}
+
+
+.jetpack-sso-form-display #loginform > p,
+.jetpack-sso-form-display #loginform > div {
+	display: none;
+}
+
+.jetpack-sso-form-display #loginform #jetpack-sso-wrap {
+	display: block;
+}
+
+.jetpack-sso-form-display #loginform {
+	padding: 26px 24px;
+}
+
+.jetpack-sso-or {
+	margin-bottom: 16px;
+	position: relative;
+	text-align: center;
+}
+
+.jetpack-sso-or:before {
+	background: #E5E5E5;
+	content: '';
+	height: 1px;
+	position: absolute;
+		left: 0;
+		top: 50%;
+	width: 100%;
+}
+.jetpack-sso-or span {
+	background: #fff;
+	color: #777;
+	position: relative;
+	padding: 0 8px;
+	text-transform: uppercase
+}
+
+.jetpack-sso.button {
+	height: 36px;
+	line-height: 34px;
+	float: none;
+	margin-bottom: 16px;
+	position: relative;
+	width: 100%;
+}
+
+.jetpack-sso.button > span {
+	position: relative;
+	padding-left: 30px;
+}
+
+.jetpack-sso.button .genericon-wordpress {
+	position: absolute;
+		left: 0;
+		top: -3px;
+	font-size: 24px;
+}
+
+@media screen and ( max-width: 782px ) {
+	.jetpack-sso.button {
+		line-height: 22px;
+	}
+}
+
+#jetpack-sso-wrap__user img {
+	border-radius: 50%;
+	display: block;
+	margin: 0 auto 16px;
+}
+
+#jetpack-sso-wrap__user h2 {
+	font-size: 21px;
+	font-weight: 300;
+	margin-bottom: 16px;
+	text-align: center;
+}
+
+#jetpack-sso-wrap__user h2 span {
+	font-weight: bold;
+}
+
+.jetpack-sso-wrap__reauth {
+	margin-bottom: 16px;
+}
+
+.jetpack-sso-form-display #nav {
+	display: none;
+}
+
+.jetpack-sso-form-display #backtoblog {
+	margin: 24px 0 0;
+}
+
+.jetpack-sso-clear:after {
+	content: "";
+	display: table;
+	clear: both;
+}