Difference between revisions of "MediaWiki:Mobile.css"

From CatalogIt Help Wiki
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 24: Line 24:
 
   color: inherit;
 
   color: inherit;
 
   text-decoration: none;
 
   text-decoration: none;
 +
  -webkit-box-flex: 1;
 +
  -webkit-flex-grow: 1;
 +
  -ms-flex-positive: 1;
 
   flex-grow: 1;
 
   flex-grow: 1;
 +
  -webkit-flex-shrink: 0;
 +
  -ms-flex-negative: 0;
 
   flex-shrink: 0;
 
   flex-shrink: 0;
 
   width: 100%;
 
   width: 100%;
 +
  font-weight: bold;
 
}
 
}
  
 
.cit-home-nav div {
 
.cit-home-nav div {
 
   text-align: center;
 
   text-align: center;
  font-weight: bold;
 
 
   border: 1px solid #999;
 
   border: 1px solid #999;
 
   margin-bottom: 16px;
 
   margin-bottom: 16px;
 
   height: 200px;
 
   height: 200px;
 +
}
 +
 +
.cit-home-nav h2 {
 +
  font-size: 16px;
 +
  margin: 0 0 16px 0 !important;
 +
  padding: 0 !important;
 +
}
 +
 +
.cit-home-nav p {
 +
  font-weight: 400;
 +
  font-size: smaller;
 +
  margin: 0 8px;
 
}
 
}

Latest revision as of 19:02, 20 September 2019

/* CSS placed here will affect users of the mobile site */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900,100italic,300italic,400italic,500italic,700,700italic,900italic');

body {
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, a {
  font-family: 'Roboto', sans-serif !important;
}

.cit-home-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cit-home-nav a {
  color: inherit;
  text-decoration: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  font-weight: bold;
}

.cit-home-nav div {
  text-align: center;
  border: 1px solid #999;
  margin-bottom: 16px;
  height: 200px;
}

.cit-home-nav h2 {
  font-size: 16px;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

.cit-home-nav p {
  font-weight: 400;
  font-size: smaller;
  margin: 0 8px;
}