Merge "Slight improvements to FormSpecialPage behavior."
[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-assisted {
20 display: block;
21 margin-top: 0.5em;
22 }
23
24 /* Put a border around the fancycaptcha-image-container. */
25 .mw-createacct-captcha-and-reload {
26 border: 1px solid #c9c9c9;
27 display: table-cell; /* Other display formats end up too wide */
28 width: 270px;
29 background-color: #FFF;
30 }
31
32 /* Make the fancycaptcha-image-container full-width within its parent. */
33 .fancycaptcha-image-container
34 {
35 width: 100%;
36 }
37
38 /**** Benefits column CSS to the right (if it fits) of the form. ****/
39 .mw-ui-container #userloginForm {
40 float: left;
41 }
42
43 div.mw-createacct-benefits-container {
44 float: left
45 }
46
47 div.mw-createacct-benefits-container h2 {
48 margin-bottom: 30px;
49 }
50
51 div.mw-benefits-icon {
52 display: inline-block;
53 padding: 0;
54 float: left;
55 width: 80px;
56 height: 75px;
57 margin-right: 15px;
58 border: 0;
59 }
60
61 .mw-benefits-icon.icon-edits {
62 /* @embed */
63 background: url(images/icon-edits.png) no-repeat right;
64 }
65
66 .mw-benefits-icon.icon-pages {
67 /* @embed */
68 background: url(images/icon-pages.png) no-repeat right;
69 }
70
71 .mw-benefits-icon.icon-contributors {
72 /* @embed */
73 background: url(images/icon-contributors.png) no-repeat right;
74 }
75
76 /* Special font for numbers in benefits*/
77 div.mw-number-text h3 {
78 top: 0;
79 margin: 0;
80 padding: 0;
81 color: #252525;
82 font-family: 'Georgia', serif;
83 font-weight: normal;
84 font-size: 2.2em;
85 line-height: 1.2;
86 text-align: center;
87 }
88
89 div.mw-number-text {
90 display: block;
91 font-size: 1.2em;
92 color: #444;
93 margin-top: 1em;
94 text-align: center;
95 }