initial version

themes/mastermindzh.tech/account/resources/public/layout.css

@@ -0,0 +1,126 @@
+/* Globals */
+.brand {
+  height: 35px;
+}
+
+.delete-button {
+  width: 150px;
+  height: 50px;
+}
+
+@media (max-width: 320px) {
+  .delete-button {
+    width: 120px;
+    height: 50px;
+  }
+}
+
+/* Linked Accounts screen */
+.idp-icon-social {
+  width: 32px;
+  height: 32px;
+}
+
+#github-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_github_transparent.svg);
+}
+
+#linkedin-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_linkedin_transparent.svg);
+}
+
+#facebook-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_facebook_transparent.svg);
+}
+
+#google-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_google_transparent.svg);
+}
+
+#microsoft-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_microsoft_transparent.svg);
+}
+
+#instagram-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_instagram_transparent.svg);
+}
+
+#stackoverflow-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_stack_transparent.svg);
+}
+
+#twitter-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_twitter_transparent.svg);
+}
+
+#openshift-idp-icon-social {
+  background-image: url(../img/socialmedia/socialmedia_icons_openshift_transparent.svg);
+}
+
+/* Account Page screen */
+.personal-info-form .pf-c-form__group-control {
+  max-width: 600px;
+}
+
+/* Device Activity screen */
+.signed-in-device-list .pf-c-data-list__item-row {
+  --pf-c-data-list__item-row--PaddingRight: 0;
+  --pf-c-data-list__item-row--PaddingLeft: 0;
+}
+
+.signed-in-device-list .pf-c-data-list__expandable-content-body {
+  --pf-c-data-list__expandable-content-body--PaddingRight: 0;
+}
+
+.signed-in-device-grid {
+  grid-template-columns: auto repeat(11, [col-start] 1fr);
+}
+
+.signed-in-device-list.pf-c-data-list {
+  --pf-c-data-list--sm--BorderTopWidth: 0;
+}
+
+.pf-c-data-list__item {
+  --pf-c-data-list__item--BorderBottomWidth: 1px;
+  --pf-c-data-list__item--BorderBottomColor: var(--pf-global--BorderColor--100);
+}
+
+.signed-in-device-list.pf-c-data-list {
+  --pf-c-data-list--BorderTopWidth: 0;
+}
+
+@media (min-width: 576px) {
+  .pf-c-data-list__item {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--pf-c-data-list__item--BackgroundColor);
+    border-bottom: var(--pf-c-data-list__item--BorderBottomWidth) solid var(--pf-c-data-list__item--BorderBottomColor);
+  }
+
+  .signed-in-device-list.pf-c-data-list {
+    --pf-c-data-list--BorderTopWidth: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .signed-in-device-list .pf-c-description-list {
+    --pf-c-description-list--GridTemplateColumns--count: 5;
+  }
+}
+
+/* Signing in screen */
+.title-case:first-letter,
+.cred-title:first-letter,
+#otp-not-set-up .pf-c-empty-state__body:first-letter {
+  text-transform: capitalize
+}
+
+/* Applications screen */
+#applications-list-header .pf-c-data-list__item-content {
+  --pf-c-data-list__item-content--md--PaddingBottom: 1rem;
+}
+
+.pf-u-pl-35xl {
+  padding-left: 4.5rem;
+}