Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiGence
No edit summary
Tags: Reverted Mobile edit Mobile web edit
No edit summary
 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Logo */
.vector-header-start .mw-logo {
min-width:10rem !important;
}
.vector-header-start .mw-logo img {
width: 10rem !important;
height: auto !important;
}
.vector-header-start .mw-logo span {
display:none !important;
}


/* InfoBox */
/* InfoBox */
Line 26: Line 38:
display: none !important;
display: none !important;
}
}
/* ======= Stylish Footer Design ======= */


#footer {
.page-Main_Page .catlinks {
    background-color: #white;
display: none !important;
    color: #dddddd;
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
    border-top: 3px solid #0078d7;
}
}


.footer-links a {
.main-page-layout {
    color: #bbbbbb;
display: flex;
    text-decoration: none;
     flex-direction: row;
    margin: 0 12px;
gap: 4px;
     font-weight: bold;
    transition: color 0.3s ease;
}
}


.footer-links a:hover {
.main-page-column {
    color: #ffffff;
display:flex;
    text-decoration: underline;
flex-direction: column;
gap:4px;
}
}


.footer-icons a {
.image-flex-basis {
    display: inline-block;
flex-basis:150px;
    margin: 10px 8px;
    color: #bbbbbb;
    font-size: 18px;
    transition: color 0.3s ease;
}
}


.footer-icons a:hover {
@media screen and (max-width: 767px){
     color: #ffffff;
     .main-page-layout{
}
      flex-direction:column;
  }


.footer-text {
    .image-flex-basis {
    margin-top: 15px;
  flex-basis:350px;
    font-size: 12px;
  }
    color: #999999;
}
}

Latest revision as of 05:52, 15 July 2025

/* CSS placed here will be applied to all skins */

/* Logo */
.vector-header-start .mw-logo {
	min-width:10rem !important;
}
.vector-header-start .mw-logo img {
	width: 10rem !important;
	height: auto !important;
}
.vector-header-start .mw-logo span {
	display:none !important;
}

/* InfoBox */

.infobox {
  border: 1px solid #aaa;
  background-color: #f9f9f9;
  padding: 5px;
  float: right;
  margin: 0 0 1em 1em;
  width: 250px;
  font-size: 90%;
  line-height: 1.4em;
}
.infobox th {
  background-color: #efefef;
  text-align: left;
  padding: 4px;
}
.infobox td {
  padding: 4px;
}

.page-Main_Page main header,
.page-Main_Page main .page-heading {
	display: none !important;
}

.page-Main_Page .catlinks {
	display: none !important;
}

.main-page-layout {
	display: flex;
    flex-direction: row;
	gap: 4px;
}

.main-page-column {
display:flex;
flex-direction: column;
gap:4px;
}

.image-flex-basis {
	flex-basis:150px;
}

@media screen and (max-width: 767px){
    .main-page-layout{
       flex-direction:column;
   }

    .image-flex-basis {
	   flex-basis:350px;
   }
}