Create account form with vertical form appearance
[lhc/web/wiklou.git] / resources / mediawiki.special / mediawiki.special.createAccount.vform.css
1 /* Disable the underline that Vector puts on h2 headings, and bold them. */
2 .mw-ui-container h2 {
3 border: 0;
4 font-weight: bold;
5 }
6
7 /* shuffled CAPTCHA */
8 #wpCaptchaWord {
9 margin-top: 6px;
10 }
11
12 .mw-createacct-captcha-container {
13 background-color: #f8f8f8;
14 border: 1px solid #c9c9c9;
15 padding: 10px;
16 text-align: center;
17 }
18
19 .mw-createacct-captcha-image-container {
20 background-color: #fff;
21 min-height: 95px;
22 }
23
24 .mw-createacct-captcha-assisted {
25 display: block;
26 margin-top: 0.5em;
27 }
28
29 .mw-createacct-captcha-and-reload {
30 border: 1px solid #c9c9c9;
31 display: table-cell;
32 width: 270px;
33 background-color: #FFF;
34 }
35
36 .mw-createacct-captcha-and-reload .confirmedit-captcha-reload {
37 display: block;
38 float: right;
39 }
40
41 /* Benefits column CSS to the right (if it fits) of the form. */
42 .mw-ui-container #userloginForm {
43 float: left;
44 }
45
46 div.mw-createacct-benefits-container {
47 float: left
48 }
49
50 div.mw-createacct-benefits-container h2 {
51 margin-bottom: 30px;
52 }
53
54 div.mw-benefits-icon {
55 display: inline-block;
56 padding: 0;
57 float: left;
58 width: 80px;
59 height: 75px;
60 margin-right: 15px;
61 border: 0;
62 }
63
64 .mw-benefits-icon.icon-edits {
65 /* @embed */
66 background: url(images/icon-edits.png) no-repeat right;
67 }
68
69 .mw-benefits-icon.icon-pages {
70 /* @embed */
71 background: url(images/icon-pages.png) no-repeat right;
72 }
73
74 .mw-benefits-icon.icon-contributors {
75 /* @embed */
76 background: url(images/icon-contributors.png) no-repeat right;
77 }
78
79 /* Special font for numbers in benefits*/
80 div.mw-number-text h3 {
81 top: 0;
82 margin: 0;
83 padding: 0;
84 color: #252525;
85 font-family: 'Georgia', serif;
86 font-weight: normal;
87 font-size: 2.2em;
88 line-height: 1.2;
89 text-align: center;
90 }
91
92 div.mw-number-text {
93 display: block;
94 font-size: 1.2em;
95 color: #444;
96 margin-top: 1em;
97 text-align: center;
98 }