Merge "Show a warning in edit preview when a template loop is detected"
[lhc/web/wiklou.git] / resources / src / mediawiki.special / mediawiki.special.userlogin.common.css
index 9da6c83..2366249 100644 (file)
@@ -29,7 +29,7 @@
        font-size: 0.8em;
 }
 
-/* Put some space under template's header, which may contain CAPTCHA HTML.*/
+/* Put some space under template's header, which may contain CAPTCHA HTML. */
 section.mw-form-header {
        margin-bottom: 10px;
 }
@@ -40,11 +40,12 @@ section.mw-form-header {
 }
 
 .fancycaptcha-captcha-container {
-       background-color: #f8f8f8;
-       border: 1px solid #c9c9c9;
-       padding: 10px;
-       text-align: center;
+       background-color: #f8f9fa;
        margin-bottom: 15px;
+       border: 1px solid #c8ccd1;
+       border-radius: 2px;
+       padding: 8px;
+       text-align: center;
 }
 
 .mw-createacct-captcha-assisted {
@@ -54,13 +55,20 @@ section.mw-form-header {
 
 /* Put a border around the fancycaptcha-image-container. */
 .fancycaptcha-captcha-and-reload {
-       border: 1px solid #c9c9c9;
+       border: 1px solid #c8ccd1;
+       border-radius: 2px 2px 0 0;
        /* Other display formats end up too wide */
        display: table-cell;
        width: 270px;
        background-color: #fff;
 }
 
+.fancycaptcha-captcha-container .mw-ui-input {
+       margin-top: -1px;
+       border-color: #c8ccd1;
+       border-radius: 0 0 2px 2px;
+}
+
 /* Make the fancycaptcha-image-container full-width within its parent. */
 .fancycaptcha-image-container {
        width: 100%;