Template:CreateHub/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Row layout */
+/* Row container: one input + one button */
 .creation-row {
    display: flex;
    justify-content: center;
+  margin: 0.75rem 0;
+}
+/* Let the InputBox wrapper form act as our flex row */
+.creation-row .mw-inputbox-centered {
+  display: flex;
+  justify-content: center;
+}
+.creation-row .createbox {
+  display: flex;
    align-items: center;
    gap: 1rem;
-  margin: 0.75rem 0;
 }
-/* SAME SIZE for both input + button */
+/* SAME SIZE for input and button */
-.creation-row .mw-inputbox-input,
+.creation-row .createboxInput,
-.creation-row .mw-inputbox-button {
+.creation-row .createboxButton {
    width: 260px !important;
    height: 40px !important;
@@ Line 16: / Line 26: @@
 }
-/* TEXT INPUT (Startup / Investor Name) */
+/* --- Text input styling --- */
-.creation-row .mw-inputbox-input {
+.creation-row .createboxInput {
    border: 1.5px solid #000 !important;
    border-radius: 2px !important;
@@ Line 23: / Line 33: @@
    font-size: 0.95rem !important;
-   text-align: center !important;   /* center text */
+   text-align: center !important;
-   font-style: italic !important;   /* italic content */
+   font-style: italic !important;
 }
-/* Placeholder styling */
+/* Placeholder */
-.creation-row .mw-inputbox-input::placeholder {
+.creation-row .createboxInput::placeholder {
    text-align: center;
    color: #777;
@@ Line 34: / Line 44: @@
 }
-/* SUBMIT BUTTON (Create … Page) */
+/* --- Button styling (outline style) --- */
-.creation-row .mw-inputbox-button {
+.creation-row .createboxButton {
    border: 1.5px solid #000 !important;
    border-radius: 2px !important;
@@ Line 42: / Line 52: @@
    font-weight: 600 !important;
    font-size: 0.95rem !important;
+  text-align: center !important;
    cursor: pointer;
-   text-align: center !important;
+   box-shadow: none !important;
-  line-height: 1.2;  /* avoids weird vertical centering issues */
    transition:
      background-color 0.2s ease,
@@ Line 54: / Line 63: @@
 /* Hover */
-.creation-row .mw-inputbox-button:hover:not(:disabled) {
+.creation-row .createboxButton:hover:not(:disabled) {
    background-color: #f2f2f2 !important;
    transform: translateY(-1px);
@@ Line 60: / Line 69: @@
 /* Active */
-.creation-row .mw-inputbox-button:active:not(:disabled) {
+.creation-row .createboxButton:active:not(:disabled) {
    transform: translateY(0);
 }
-/* Disabled state */
+/* Disabled */
-.creation-row .mw-inputbox-button:disabled {
+.creation-row .createboxButton:disabled {
    background-color: #f5f5f5 !important;
    border-color: #ccc !important;