Difference between revisions of "MediaWiki:Mobile.css"

From ChaldeanWiki
Jump to: navigation, search
(Tags: Mobile edit, Mobile web edit)
Line 3: Line 3:
 
.mf-welcome {
 
.mf-welcome {
 
max-width:350px;
 
max-width:350px;
 +
}
 +
 +
/*library of congress gallery*/
 +
.gallery3 {
 +
  clear: both;
 +
  -ms-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  -webkit-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  text-align: left;
 +
  font-size: 0px;
 +
  letter-spacing: 0px;
 +
  word-spacing: 0px;
 +
  margin: 0;
 +
  padding: 0;
 +
  list-style: none;
 +
}
 +
.gallery3 > li {
 +
  padding: 0;
 +
  list-style: none;
 +
  width: 100%;
 +
  margin-left: 2.1276595744681%;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  font-size: 12px;
 +
  letter-spacing: normal;
 +
  word-spacing: normal;
 +
}
 +
.gallery3 img {
 +
  max-width: 100%;
 +
  height: auto;
 +
  width: auto \9;
 +
  display: block;
 +
  margin-bottom: 5px;
 +
}
 +
.gallery3 > li {
 +
  width: 31.914893617021%;
 +
  margin-left: 2.1276595744681%;
 +
}
 +
.gallery3 > li:nth-child(3n+1) {
 +
  margin-left: 0;
 +
}
 +
 +
.gallery3 li span {
 +
  position: relative!important;
 +
  color:#FFF;
 +
  top:-30px;
 +
  float:left;
 +
  padding: 7px;
 +
  display: block;
 +
  width: 100%;
 +
  font-weight: bold;
 +
  -ms-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  -webkit-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  line-height: 1.1;
 +
  text-shadow: 0 0 5px #333333;
 
}
 
}

Revision as of 12:23, 12 July 2015

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

.mf-welcome {
max-width:350px;
}

/*library of congress gallery*/
.gallery3 {
  clear: both;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gallery3 > li {
  padding: 0;
  list-style: none;
  width: 100%;
  margin-left: 2.1276595744681%;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  letter-spacing: normal;
  word-spacing: normal;
}
.gallery3 img {
  max-width: 100%;
  height: auto;
  width: auto \9;
  display: block;
  margin-bottom: 5px;
}
.gallery3 > li {
  width: 31.914893617021%;
  margin-left: 2.1276595744681%;
}
.gallery3 > li:nth-child(3n+1) {
  margin-left: 0;
}

.gallery3 li span {
  position: relative!important;
  color:#FFF;
  top:-30px;
  float:left;
  padding: 7px;
  display: block;
  width: 100%;
  font-weight: bold;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.1;
  text-shadow: 0 0 5px #333333;
}