1 files changed, 72 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/sso/jetpack-sso-profile.css b/plugins/jetpack/modules/sso/jetpack-sso-profile.css
new file mode 100644
index 00000000..1d6c1ac3
--- /dev/null
+++ b/plugins/jetpack/modules/sso/jetpack-sso-profile.css
@@ -0,0 +1,72 @@
+.jetpack-sso.button {
+	position: relative;
+	padding-left: 37px;
+}
+.jetpack-sso.button:before {
+	display: block;
+	box-sizing: border-box;
+	padding: 7px 0 0;
+	text-align: center;
+	position: absolute;
+	top: -1px;
+	left: -1px;
+	border-radius: 2px 0 0 2px;
+	content: '\f205';
+	background: #0074a2;
+	color: #fff;
+	-webkit-font-smoothing: antialiased;
+	width: 30px;
+	height: 107%;
+	height: calc( 100% + 2px );
+	font: normal 22px/1 Genericons !important;
+	text-shadow: none;
+}
+@media screen and (min-width: 783px) {
+	.jetpack-sso.button:before {
+		padding-top: 3px;
+	}
+}
+.jetpack-sso.button:hover {
+	border: 1px solid #aaa;
+}
+
+.jetpack-sso-form-table td {
+	padding-left: 0;
+}
+
+.jetpack-sso-form-table .profile-card {
+	padding: 10px;
+	background: #fff;
+	overflow: hidden;
+	max-width: 400px;
+	box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.1 );
+	margin-bottom: 1em;
+}
+
+.jetpack-sso-form-table .profile-card img {
+	float: left;
+	margin-right: 1em;
+	width: 48px;
+	height: 48px;
+}
+
+.jetpack-sso-form-table .profile-card .connected {
+	float: right;
+	margin-right: 0.5em;
+	color: #0a0;
+}
+
+.jetpack-sso-form-table .profile-card p {
+	margin-top: 0.7em;
+	font-size: 1.2em;
+}
+
+.jetpack-sso-form-table .profile-card .two_step .enabled a {
+	float: right;
+	color: #0a0;
+}
+
+.jetpack-sso-form-table .profile-card .two_step .disabled a {
+	float: right;
+	color: red;
+}