MediaWiki:Common.css: Difference between revisions

From AAISP Support Site
mNo edit summary
mNo edit summary
 
(72 intermediate revisions by the same user not shown)
Line 4: Line 4:
#toc { float: right };
#toc { float: right };


p {
td.clickablecell a {
overflow: hidden; /* Avoid collision of background with floating elements */
display:block;
width:100%;
}
}

div#breadcrumbs {
div#breadcrumbs {
font-size:0.7em;
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>*/

Latest revision as of 14:24, 24 March 2023

/* 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>*/