MediaWiki:Timeless.css: Difference between revisions

From The Joe Frank Wiki
aa
ssss
Line 138: Line 138:
         flex: 0 0 16em;
         flex: 0 0 16em;
       }
       }
.mw-wiki-logo.timeless-logo img {
    width: 230px;
}


   #user-tools #personal h2::after {
   #user-tools #personal h2::after {
Line 149: Line 145:
/* //// usertools / username */
/* //// usertools / username */


@media screen and (min-width: 851px) {
@media screen and (min-width: 861px) {
     #personal {
     #personal {
         padding-left: 0em;
         padding-left: 0em;

Revision as of 08:35, 28 October 2024

#mw-header-container {
    background: #154169;
   }

/*  ///////// commented out
#mw-content-container {
   background: #2a4b8d; 
}
*/


a:link { color: #0645ad;}
a:visited { color: #0645ad;}
a:hover { color: #49759c;}
a:active { color: #020E21; text-decoration: underline;}


#p-logo-text {
     min-width: 16em;
     padding-top:6px;
  }

#p-logo-text a {
    font-family:  'Courier New','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
     color:#FFFFFF;
    font-variant: normal; /* Ensures no small-caps */
    font-weight: Bold; /* Ensures weight is bold */
    font-style: normal; /* Ensures no italics */
    letter-spacing: -0.02em;
    word-spacing: -0.3em;

}

#p-logo-text a.long {
    font-size: 1.6em;}

.tools-inline li.selected {
border-bottom-color:#2a4b8d;  
  }

.color-left{
background: #2a4b8d;
}

.color-right{
background: #2a4b8d;
}

.color-middle{
background: #2a4b8d;
}

/* Top bar font modernization */
#mw-header *,
#mw-site-navigation *,
 #mw-related-navigation * {
    font-family: 'Courier New', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
 font-weight: Bold;
}

/* ////// username */
#mw-header{
   #user-tools {
      padding-top: 5px;
       color:white;
      }
    }

/* ////////// Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
    height: 1.5em;
    position:relative;
    bottom:0.1em
   }


/* Triangle position patch */
#personal h2::after {
   position: relative;
   bottom: 0.5em;
}
    .mw-wiki-logo.timeless-logo img {
        width: 230px;
        height: auto;
        margin: 0 0 0
/*        margin: 0.75em 0 0.5em */
    }

/* Change body font to Courier New for the Timeless skin 
body {
  font-family: 'Georgia', 'serif';
  font-weight:bold;
font-size:1em;
}
*/

body.page-Main_Page {
     #firstHeading {
       border-bottom: 0px;
       height:1px;
     }
    }

body.page-Main_Page .mw-body h1.firstHeading {
    margin: 0.25em 0 0.5em;
    border-bottom: none;
    display: block;
}

#firstHeading {
font-family: 'Courier New', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
    border-bottom: solid 3px #2a4b8d;
   }

.mw-body .mw-heading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
   font-family:'Courier New', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
  font-size: 1.4em;
  font-weight: Bold;
  }

#mw-content-container {
    border-bottom: solid 4px #2a4b8d;
}

    #p-logo-text a.long {
        font-size: 1.4em;
        padding: 0 0.15em 0 0;
        line-height: 0.8;
        letter-spacing: -0.02em;
        word-spacing: -0.3em;
        margin-top: 9px
      }
.th {
     background: #64a1dc;
}

#mw-site-navigation {
        flex: 0 0 16em;
      }

   #user-tools #personal h2::after {
    display: none;
}

/* //// usertools / username */

@media screen and (min-width: 861px) {
    #personal {
        padding-left: 0em;
}    }

#personal .dropdown label, #personal .dropdown h3 {
    color: #476284;
}