MediaWiki:Common.css

From AAISP Support Site

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/*Float the table of contents to the right */
#toc { float: right };

p {
	overflow: hidden;  /* Avoid collision of background with floating elements */
}
div#breadcrumbs {
  font-size:0.7em;
}

.AAMenuRow{
    display:block;
    vertical-align:top;

}
.AAMenuCell{
    display:inline-block;
    width:400px;
    height:150px;
    border: 5px solid;
    border-color: #0095ff;
    border-radius: 10px;
    background-color: #f6f6f6;
    margin: 3px 0px 0px 1px;
    vertical-align:top;
}


.AAMenuCellLong{
    display:inline-block;
    width:400px;
    height:250px;
    border: 5px solid;
    border-color: #A7D7F9;
    border-radius: 10px;
    background-color: #f6f6f6;
    margin: 3px 0px 0px 1px;
    vertical-align:top;
}

.AAMenuCell div{
    height:150px;
    vertical-align:top;
}

.AAMenuCell h2 a:link { 
    text-decoration:underline; 
} 

.AAMenuCell h2 a:visited { 
    decoration:underline; 
} 



.AAMenuCell p{
    overflow: hidden; /* this is what keep the <p> from wrapping */
}


.AAMenuCell ul{
    overflow: hidden; /* this is what keep the <p> from wrapping */
    display:list-item;
}



.AAMenuImg img{
    vertical-align:top;
}
.AAMenuImg{
    width:100px;
    display:inline-block;
}
.AAMenuText{
    width:290px;
    display:inline-block;
}


/* Hide the helplink indicator */
#mw-indicator-mw-helplink {
	display: none;
}



/* To make images responsive */
.res-img img {
	max-width:100%;
	height:auto;
}

/* <div class="res-img">  */
/* [[File:Whatever.JPG]]*/
/* </div>*/