Difference between revisions of "MediaWiki:Common.css"

From Floating Charts Wiki
Jump to navigation Jump to search
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
.pagination-nav {
 +
  clear: both;
 +
  padding-right: 20%;
 +
}
 +
 +
.pagination-nav a {
 +
  color: #0000FF;
 +
  font-size: 16px;
 +
}
 +
 +
.pagination-nav .previous {
 +
  float: left;
 +
}
 +
 +
.pagination-nav .next {
 +
  float: right;
 +
}
 +
 +
.column {
 +
  float: left;
 +
  padding: 10px;
 +
}
 +
 +
.col-2 {
 +
  max-width: 50%;
 +
}
 +
 +
.col-3 {
 +
  max-width: 33%;
 +
}
 +
 +
.col-4 {
 +
  max-width: 25%;
 +
}
 +
 +
 +
@media screen and (max-width: 900px) {
 +
  .pagination-nav {
 +
    padding-right: 0;
 +
  }
 +
}
 +
 +
@media screen and (max-width: 720px) {
 +
  .col-2 {
 +
    max-width: 100%;
 +
    clear: both;
 +
  }
 +
}
 +
 +
@media screen and (max-width: 600px) {
 +
  .col-3 {
 +
    max-width: 100%;
 +
    clear: both;
 +
  }
 +
}
 +
 +
@media screen and (max-width: 480px) {
 +
  .col-2 {
 +
    max-width: 100%;
 +
    clear: both;
 +
  }
 +
}

Latest revision as of 05:38, 12 March 2015

/* CSS placed here will be applied to all skins */

.pagination-nav {
  clear: both;
  padding-right: 20%;
}

.pagination-nav a {
  color: #0000FF;
  font-size: 16px;
}

.pagination-nav .previous {
  float: left;
}

.pagination-nav .next {
  float: right;
}

.column {
  float: left;
  padding: 10px;
}

.col-2 {
  max-width: 50%;
}

.col-3 {
  max-width: 33%;
}

.col-4 {
  max-width: 25%;
}


@media screen and (max-width: 900px) {
  .pagination-nav {
    padding-right: 0;
  }
}

@media screen and (max-width: 720px) {
  .col-2 {
    max-width: 100%;
    clear: both;
  } 
}

@media screen and (max-width: 600px) {
  .col-3 {
    max-width: 100%;
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .col-2 {
    max-width: 100%;
    clear: both;
  }
}