Difference between revisions of "MediaWiki:Common.css"

From Floating Charts Wiki
Jump to navigation Jump to search
Line 34: Line 34:
 
.col-4 {
 
.col-4 {
 
   max-width: 25%;
 
   max-width: 25%;
 +
}
 +
 +
 +
@media screen and (max-width: 800px) {
 +
  .pagination-nav {
 +
    padding-right: 0;
 +
  }
 
}
 
}
  
Line 40: Line 47:
 
     max-width: 100%;
 
     max-width: 100%;
 
     clear: both;
 
     clear: both;
  }
+
   }  
 
 
  .pagination-nav {
 
    padding-right: 0;
 
   }
 
 
}
 
}
  

Revision as of 05:37, 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: 800px) {
  .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;
  }
}