Difference between revisions of "MediaWiki:Common.css"

From LINKS Community Center
Jump to: navigation, search
Line 30: Line 30:
 
.click-tile-content p { margin-top: 10px; }
 
.click-tile-content p { margin-top: 10px; }
  
/* Do not show title on landing page */
+
/* Do not show title on landing page (From: https://www.semantic-mediawiki.org/wiki/Help:Filtered_format#Skinning) */
 
body.page-Welcome.action-view h1.firstHeading, body.page-Welcome.action-submit h1.firstHeading { display: none; }
 
body.page-Welcome.action-view h1.firstHeading, body.page-Welcome.action-submit h1.firstHeading { display: none; }
  
 
/* Styling for filtered results format */
 
/* Styling for filtered results format */
.filtered-filters,
+
.filtered {
.filtered-value,
+
    display: flex;
.filtered-value-show {
+
    flex-direction: row-reverse;
position: relative;
 
top: -1em;
 
right: 0;
 
float: left;
 
width: 1.5em;
 
padding: 0 0.1em;
 
margin: 0;
 
cursor: pointer;
 
text-align: center;
 
font-size: 90%;
 
 
}
 
}
.filtered-filters,
+
 
.filtered-value,
+
.filtered .filtered-views {
.filtered-value-hide {
+
    flex: auto;
position: relative;
+
}
top: -1em;
+
 
right: 0;
+
.filtered .filtered-filters {
float: left;
+
    width: 300px;
width: 1.5em;
+
    margin: 1em 0 0 1em;
padding: 0 0.1em;
 
margin: 0;
 
background-color: #EAF5E9;
 
cursor: pointer;
 
text-align: center;
 
font-size: 90%;
 
 
}
 
}

Revision as of 16:07, 1 September 2021

/* CSS placed here will be applied to all skins */
/* Clickable tiles */
.click-tile {
  overflow: hidden;
}
.click-tile a {
    height: 100%;
    display: block;
    padding: 2em;
    background-color: #334150 !important;
    transition: all 400ms;
}
.click-tile a:hover { background-color: #E76307 !important; }
.click-tile-icon {
    margin-bottom: 30px;
    display: block;
    text-align: center;
    color: #fff;
}
.click-tile-icon img { height: 64px; }
.click-tile-title {
    margin: 0;
    text-align: center;
    color: #fff;
}
.click-tile-title:nth-child(n+2) {
    margin-top: .5em;
}
.click-tile-content { color: #fff; }
.click-tile-content p { margin-top: 10px; }

/* Do not show title on landing page (From: https://www.semantic-mediawiki.org/wiki/Help:Filtered_format#Skinning) */
body.page-Welcome.action-view h1.firstHeading, body.page-Welcome.action-submit h1.firstHeading { display: none; }

/* Styling for filtered results format */
.filtered {
    display: flex;
    flex-direction: row-reverse;
}

.filtered .filtered-views {
     flex: auto;
}

.filtered .filtered-filters {
    width: 300px;
    margin: 1em 0 0 1em;
}