MediaWiki:News.css

From MediaWiki
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Copy these rules to your Mediawiki:Common.css */

/* NEWS FEED  test */

.hide {
   display: none;
}

.tag-label {
    background: #f0f0f0;
    border-right: 6px solid #fff;
    display: inline-block;
    padding: 0 6px;
}

.news-action-buttons {
    float: right;
}


.news-filters,
.news-item-header {
   background: #efefef;
   border-left: 6px solid #999;
   font-size: 16px;
   margin-bottom: 1em;
   padding: 4px 24px 1px;
}

.news-item-header.is-active {
   border-left: 6px solid #36c;
}

.start-display-date {
    float: right;
    font-weight: normal;
}

.news-type {
    font-size: small;
    font-weight: normal;
    display: inline-block;
    background: #fff;
    padding: 1px 6px;
    margin-right: 6px;
}

.news-item-announce {
    color: #555;
}

.news-feeds .label {
    display: inline-block;
    padding: 1px 6px;
    margin-right: 6px;
    background: gainsboro;
}

.news-feeds .label:hover {
    cursor: pointer;
}

@media screen and ( max-width: 640px ) {
  .all-trigger, .mise-a-jour-trigger, .babillard-trigger { 
    display: block !important;
    margin: 0 0 12px 0;
  }

  .news-action-buttons {
    float: none;
    display: block !important;
  }
  .news-item {
    margin-left: 0;
    margin-right: 6px;
  }
}

.news-feeds {
    margin-bottom: 2em;
}

.news-feeds a:hover {
    text-decoration: none;
}

.years-range-menu   {
    background: #36c;
    margin: 0 !important;
    padding: 2px 2px 1px 2px !important;
    margin-bottom: 1em !important;
}

.page-Special_RunQuery_News_by_tag .years-range-menu,
.page-Special_RunQuery_News_by_tag .pf-runquery-formcontent {
    display: none;
}

.years-range-menu li {
    display: inline-block;
    padding: 6px;
    font-size: larger;
}

.years-range-menu li:hover {
    background: #f58026;
}

.years-range-menu li a {
    color: #fff;
}

.years-range-menu li a:hover {
    text-decoration: none;
    color: #fff;
}

/* [[Category:News feed]] */