Template:CreateHub/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* --- Row Layout --- */
+/* Row layout */
 .creation-row {
    display: flex;
@@ Line 8: / Line 8: @@
 }
-/* Fixed, matching widths */
+/* SAME SIZE for both input + button */
-.creation-row .inputbox input[type="text"],
+.creation-row .mw-inputbox-input,
-.creation-row input[type="submit"] {
+.creation-row .mw-inputbox-button {
    width: 260px !important;
-   height: 42px !important;         /* <-- equal height for both */
+   height: 40px !important;
    box-sizing: border-box;
 }
-/* --- Input Styling --- */
+/* TEXT INPUT (Startup / Investor Name) */
-.creation-row .inputbox input[type="text"] {
+.creation-row .mw-inputbox-input {
-  padding: 0 0.6rem;
    border: 1.5px solid #000 !important;
-   border-radius: 2px;
+   border-radius: 2px !important;
-   font-size: 0.95rem;
+  background: #fff !important;
-  background: #fff;
+   font-size: 0.95rem !important;
-   text-align: center;              /* center typing */
+   text-align: center !important;   /* center text */
-   font-style: italic;              /* italic input text too */
+   font-style: italic !important;   /* italic content */
 }
-/* Center + italic placeholder */
+/* Placeholder styling */
-.creation-row .inputbox input[type="text"]::placeholder {
+.creation-row .mw-inputbox-input::placeholder {
    text-align: center;
    color: #777;
@@ Line 35: / Line 34: @@
 }
-/* --- Button Styling (matches create-button aesthetic) --- */
+/* SUBMIT BUTTON (Create … Page) */
-.creation-row input[type="submit"] {
+.creation-row .mw-inputbox-button {
+  border: 1.5px solid #000 !important;
+  border-radius: 2px !important;
    background: transparent !important;
-  border: 1.5px solid #000 !important;
-  border-radius: 2px;
    color: #000 !important;
-   font-weight: 600;
+   font-weight: 600 !important;
-   font-size: 0.95rem;
+   font-size: 0.95rem !important;
    cursor: pointer;
+  text-align: center !important;
+  line-height: 1.2;  /* avoids weird vertical centering issues */
    transition:
@@ Line 52: / Line 54: @@
 /* Hover */
-.creation-row input[type="submit"]:hover:not(:disabled) {
+.creation-row .mw-inputbox-button:hover:not(:disabled) {
    background-color: #f2f2f2 !important;
    transform: translateY(-1px);
@@ Line 58: / Line 60: @@
 /* Active */
-.creation-row input[type="submit"]:active:not(:disabled) {
+.creation-row .mw-inputbox-button:active:not(:disabled) {
    transform: translateY(0);
 }
-/* Disabled */
+/* Disabled state */
-.creation-row input[type="submit"]:disabled {
+.creation-row .mw-inputbox-button:disabled {
    background-color: #f5f5f5 !important;
    border-color: #ccc !important;