Difference between revisions of "MediaWiki:Common.css"

From Floating Charts Wiki
Jump to navigation Jump to search
 
(13 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,
+
.pagination-nav {
.pagination-nav a:visited,
 
.pagination-nav a:selected {
 
 
   clear: both;
 
   clear: both;
   color: #00FF00;
+
  padding-right: 20%;
 +
}
 +
 
 +
.pagination-nav a {
 +
   color: #0000FF;
 
   font-size: 16px;
 
   font-size: 16px;
 +
}
 +
 +
.pagination-nav .previous {
 +
  float: left;
 +
}
 +
 +
.pagination-nav .next {
 +
  float: right;
 
}
 
}
  
Line 24: Line 34:
 
.col-4 {
 
.col-4 {
 
   max-width: 25%;
 
   max-width: 25%;
 +
}
 +
 +
 +
@media screen and (max-width: 900px) {
 +
  .pagination-nav {
 +
    padding-right: 0;
 +
  }
 
}
 
}
  
Line 30: Line 47:
 
     max-width: 100%;
 
     max-width: 100%;
 
     clear: both;
 
     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;
  }
}