Anonymous
    ×
    Create a new article
    Write your page title here:
    We currently have 187 articles on Edge of Twilight Wiki. Type your article name above or click on one of the titles below and start writing!



    Edge of Twilight Wiki
    Edge of Twilight Wiki
    187Articles

    MediaWiki:Common.css: Difference between revisions

    Created page with "→CSS placed here will be applied to all skins: →Infoboxes: .infobox { border: 1px solid #a2a9b1; color: black; padding: 0.2em; font-size: 88%; line-height: 1.5em; border-spacing: 3px; } @media screen { .infobox { background-color: #f8f9fa; } } @media (max-width: 640px) { .infobox { width: 100%; } .infobox .nowrap { white-space: normal; } } @media (min-width: 640px) { .infobox { →@noflip: margin: 0.5em 0 0.5em 1em; /* @nofli..."
     
    mNo edit summary
     
    (6 intermediate revisions by the same user not shown)
    Line 1: Line 1:
    /* CSS placed here will be applied to all skins */
    /* Infoboxes */
    .infobox {
    .infobox {
    border: 1px solid #a2a9b1;
        border: 1px solid #aaa;
    color: black;
        background-color: #f9f9f9;
    padding: 0.2em;
        padding: 5px;
    font-size: 88%;
        float: right;
    line-height: 1.5em;
        margin: 0 0 1em 1em;
    border-spacing: 3px;
    }
    }


    @media screen {
    /* === Edge of Twilight Theme for Cosmos Skin === */
    .infobox {
     
    background-color: #f8f9fa;
    /* Body and general background */
        }
    body {
      background-color: #2C3E50;
    }
     
    body * {
      font-family: 'Open Sans',sans-serif;
    }
     
    /* Wiki title */
    .cosmos-header__sitename a {
      font-family: 'Cambria Math', serif;
      font-variant: all-small-caps;
    }
     
    /* Main content area */
    #content, .mw-body {
      border: 1px solid #BDC3C7;
      padding: 1em;
    }
     
    /* Header and footer */
    #mw-head, #footer {
      color: #BDC3C7;
    }
     
    /* Sidebar */
    #mw-panel {
      color: #BDC3C7;
    }
     
    #mw-panel a {
      color: #BDC3C7;
    }
     
    #mw-panel a:hover {
      color: #F39C12;
    }
     
    /* Links */
    a {
      text-decoration: none;
    }
     
    a:hover {
      color: #F39C12;
      text-decoration: underline;
    }
     
    /* Buttons */
    button, input[type="submit"], .mw-ui-button {
      background-color: #8E44AD;
      color: #F8F9FA;
      border: none;
      padding: 0.5em 1em;
      border-radius: 4px;
    }
    }


    @media (max-width: 640px) {
    button:hover, input[type="submit"]:hover, .mw-ui-button:hover {
    .infobox {
      background-color: #F39C12;
    width: 100%;
      color: #1A1A1A;
    }
       
    .infobox .nowrap {
    white-space: normal;
    }
    }
    }


    @media (min-width: 640px) {
    /* Headings */
    .infobox {
    /* Page title */
    /* @noflip */
    .mw-page-title-main {
    margin: 0.5em 0 0.5em 1em;
      font-family: 'Cambria Math', serif;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    width: 22em;
    }
    }
    }


    .infobox-header,
    h1, h2, h3, h4, h5, h6 {
    .infobox-label,
      color: #2C3E50;
    .infobox-above,
    .infobox-full-data,
    .infobox-data,
    .infobox-below,
    .infobox-subheader,
    .infobox-image,
    .infobox-navbar,
    /* Remove element selector when every .infobox thing is using the standard module/templates  */
    .infobox th,
    .infobox td {
    vertical-align: top;
    }
    }


    .infobox-label,
    /* Table styling */
    .infobox-data,
    table {
    /* Remove element selector when every .infobox thing is using the standard module/templates  */
      border-collapse: collapse;
    .infobox th,
      width: 100%;
    .infobox td {
      background-color: #F8F9FA;
    /* @noflip */
      color: #1A1A1A;
    text-align: left;
    }
    }


    /* Remove .infobox when element selectors above are removed */
    th, td {
    .infobox .infobox-above,
      border: 1px solid #BDC3C7;
    .infobox .infobox-title,
      padding: 0.5em;
    /* Remove element selector when every .infobox thing is using the standard module/templates  */
    .infobox caption {
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    }
    }


    .infobox-title,
    th {
    /* Remove element selector when every .infobox thing is using the standard module/templates  */
      background-color: #8E44AD;
    .infobox caption {
      color: #F8F9FA;
    padding: 0.2em;
    }
    }


    /* Remove .infobox when element selectors above are removed */
    /* Search box and input fields */
    .infobox .infobox-header,
    input[type="text"], input[type="search"] {
    .infobox .infobox-subheader,
      background-color: #F8F9FA;
    .infobox .infobox-image,
      border: 1px solid #BDC3C7;
    .infobox .infobox-full-data,
      color: #1A1A1A;
    .infobox .infobox-below {
      padding: 0.3em;
    text-align: center;
    }
    }


    /* Remove .infobox when element selectors above are removed */
    /* Optional: subtle box shadow for depth */
    .infobox .infobox-navbar {
    .mw-body, #content {
    /* @noflip */
      box-shadow: 0 0 10px rgba(142, 68, 173, 0.2);
    text-align: right;
    }
    }

    Latest revision as of 14:19, 9 September 2025

    .infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    float: right;
    margin: 0 0 1em 1em;
}

/* === Edge of Twilight Theme for Cosmos Skin === */

/* Body and general background */
body {
  background-color: #2C3E50;
}

body * {
  font-family: 'Open Sans',sans-serif;
}

/* Wiki title */
.cosmos-header__sitename a {
  font-family: 'Cambria Math', serif;
  font-variant: all-small-caps;
}

/* Main content area */
#content, .mw-body {
  border: 1px solid #BDC3C7;
  padding: 1em;
}

/* Header and footer */
#mw-head, #footer {
  color: #BDC3C7;
}

/* Sidebar */
#mw-panel {
  color: #BDC3C7;
}

#mw-panel a {
  color: #BDC3C7;
}

#mw-panel a:hover {
  color: #F39C12;
}

/* Links */
a {
  text-decoration: none;
}

a:hover {
  color: #F39C12;
  text-decoration: underline;
}

/* Buttons */
button, input[type="submit"], .mw-ui-button {
  background-color: #8E44AD;
  color: #F8F9FA;
  border: none;
  padding: 0.5em 1em;
  border-radius: 4px;
}

button:hover, input[type="submit"]:hover, .mw-ui-button:hover {
  background-color: #F39C12;
  color: #1A1A1A;
}

/* Headings */
/* Page title */
.mw-page-title-main {
  font-family: 'Cambria Math', serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #2C3E50;
}

/* Table styling */
table {
  border-collapse: collapse;
  width: 100%;
  background-color: #F8F9FA;
  color: #1A1A1A;
}

th, td {
  border: 1px solid #BDC3C7;
  padding: 0.5em;
}

th {
  background-color: #8E44AD;
  color: #F8F9FA;
}

/* Search box and input fields */
input[type="text"], input[type="search"] {
  background-color: #F8F9FA;
  border: 1px solid #BDC3C7;
  color: #1A1A1A;
  padding: 0.3em;
}

/* Optional: subtle box shadow for depth */
.mw-body, #content {
  box-shadow: 0 0 10px rgba(142, 68, 173, 0.2);
}
    Retrieved from "http://wiki.lorentz.online/index.php?title=MediaWiki:Common.css&oldid=688"