Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Adjust height on hover property
Tag: wikieditor
Update common CSS
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins /
 
/ Default/mobile */
.ea-wiki-dropdown-container{
.ea-wiki-dropdown-container{
   display: flex;
   display: flex;
   position: absolute;
   justify-content: center;
  flex-direction: column;
  width: 100%;
}
}


.ea-wiki-dropdown{
.ea-wiki-dropdown-menu{
  width: 100%;
}
.ea-wiki-dropdown-items{
  text-align: left;
  font-size: 1.1em;
}
 
@media only screen and (min-width: 600px) {
  .ea-wiki-dropdown-container{
      display: flex;
      justify-content: center;
      position: absolute;
      flex-direction: row;
      width: auto;
  }
 
  .ea-wiki-dropdown-menu{
      width: auto;
  }
  .ea-wiki-dropdown-items{
      font-size: 0.9em;
  }
  .ea-wiki-dropdown-margin{
      height: 4em;
  }
}
.ea-wiki-dropdown-menu{
   background-color: #1d2330;
   background-color: #1d2330;
  border-radius: 5px;
   color: white;
   color: white;
  text-align: center;
   float: left;
   float: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
   padding-bottom: 5px;
   padding-bottom: 5px;
   height: 1.5em;
   height: 2.3em;
  border-radius: 5px;
   margin: 3px;
   margin: 3px;
   overflow: hidden;
   overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  text-align: center;
}
}


.ea-wiki-dropdown:hover{
.ea-wiki-dropdown-menu:hover{
   background-color: #4d5350;
   background-color: #4d5350;
   color: #e7b439;
   color: #e7b439;
   height: 2.3em ;
   height: auto;
}
 
.ea-wiki-dropdown-item1{
  margin-left: 0em;
}
 
.ea-wiki-dropdown-item2{
  margin-left: 0.9em;
}
}

Latest revision as of 20:08, 14 June 2023

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

/ Default/mobile */
.ea-wiki-dropdown-container{
   display: flex;
   justify-content: center;
   flex-direction: column;
   width: 100%;
}

.ea-wiki-dropdown-menu{
   width: 100%;
}
.ea-wiki-dropdown-items{
   text-align: left; 
   font-size: 1.1em;
}

@media only screen and (min-width: 600px) {
   .ea-wiki-dropdown-container{
      display: flex;
      justify-content: center;
      position: absolute;
      flex-direction: row;
      width: auto;
   }

   .ea-wiki-dropdown-menu{
      width: auto;
   }
   .ea-wiki-dropdown-items{
      font-size: 0.9em;
   }
   .ea-wiki-dropdown-margin{
      height: 4em;
   }
}
.ea-wiki-dropdown-menu{
   background-color: #1d2330;
   color: white;
   text-align: center;
   float: left;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
   height: 2.3em;
   border-radius: 5px;
   margin: 3px;
   overflow: hidden;
}

.ea-wiki-dropdown-menu:hover{
   background-color: #4d5350;
   color: #e7b439;
   height: auto;
}

.ea-wiki-dropdown-item1{
   margin-left: 0em;
}

.ea-wiki-dropdown-item2{
   margin-left: 0.9em;
}