}
/* Overrides for pages that use new layout conventions */
+.site-verifysignup,
.site-copyright,
.site-welcome {
#content {
height: 200px;
}
-.new-user-illustration {
+.header-illustration {
background-position: 0 0;
background-repeat: no-repeat;
position: absolute;
}
-.new-user-illustration.new-user-main {
+.header-illustration.new-user-main {
height: 200px;
width: 100%;
left: 0;
background-image: image-url("sign-up-illustration.png");
}
-.new-user-illustration.new-user-arm {
+.header-illustration.new-user-arm {
height: 110px;
width: 130px;
- left: 230px;
+ left: 260px;
top: 160px;
background-image: image-url("sign-up-illustration-arm.png");
}
background: #fff;
}
+/* Rules for the "Verify signup" page */
+.site-verifysignup .content-heading {
+ height: 200px;
+}
+
+.header-illustration.verify-main {
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ position: absolute;
+}
+
+.header-illustration.verify-main {
+ height: 200px;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ background-image: image-url("verify-illustration.png");
+}
+
/* Rules for the "Welcome" page */
.site-welcome {
.center {
float: left;
}
- .icon-list div {
+ .icon-list {
+ padding-bottom: 20px;
+ div {
margin-bottom: 10px;
+ p {
+ padding-top: 10px;
+ }
+ }
}
-
- .icon-list div p {
- padding-top: 10px;
- }
-
.sprite.small {
width: 50px;
height: 50px;