Difference between revisions of "MediaWiki:Common.css"

From Pirate Party Belgium
Jump to: navigation, search
m
Line 464: Line 464:
 
}
 
}
  
gnokicon {
+
li.gnokicon {
 
   display: inline-block;  
 
   display: inline-block;  
 
   padding: 20px;
 
   padding: 20px;

Revision as of 10:32, 5 November 2017

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

body, p, div, html {
  max-height: 999999px;
}

/*
To allow disabeling of the autonum on the Tables Of Contens
/*
.noautonum .tocnumber { display: none; }

/* 
Hide firstHeading on main page
*/
.page-Main_Page .firstHeading { display: none; }

/* Colors */
a, a.mw-body.external, a.external.text, #mw-panel a, #mw-navigation a {
    color: #0B0080 !important;
}

a:visited, a.mw-body.external:visited, a.external.text:visited, #mw-panel a:visited, #mw-navigation a:visited {
    color: #6A2E8A !important;
}

a.new {
    color: #8a2e45 !important;
}

.mw-selflink {
  color:inherit !important;
}

/* CSS Navbox and Navbar templates */

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 3.2 (2013-09-25)
   @author [[User:Edokter]]
 */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: "(";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: list-item;
}
.hlist ol > li {
    counter-increment: list-item;
}
.hlist ol > li:before {
    content: counter(list-item) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}

/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}

/* Default style for navigation boxes */
table.navbox {
	/* Navbox container style */
	border: 1px solid #aaa;
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}
table.navbox + table.navbox {
	/* Single pixel border between adjacent navboxes */
	margin-top: -1px;
	/* (doesn't work for IE6, but that's okay) */
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
	text-align: center;
	/* Title and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}
th.navbox-group {
	/* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}
.navbox,
.navbox-subgroup {
	background: #fdfdfd;
}
.navbox-list {
	/* Must match background color */
	border-color: #fdfdfd;
}
.navbox th,
.navbox-title {
	/* Level 1 color */
	background: #ccccff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	/* Level 2 color */
	background: #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	/* Level 3 color */
	background: #e6e6ff;
}
.navbox-even {
	/* Even row striping */
	background: #f7f7f7;
}
.navbox-odd {
	/* Odd row striping */
	background: transparent;
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	/* Adjust hlist padding in navboxes */
	padding: 0.125em 0;
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
	/* Nowrap list items in navboxes */
	white-space: nowrap;
	/* IE < 8 no-wraps entire list, so disable it */
	white-space: normal !ie;
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
	/* But allow parent list items to be wrapped */
	white-space: normal;
}
ol + table.navbox,
ul + table.navbox {
	/* Prevent lists from clinging to navboxes */
	margin-top: 0.5em;
}
 
/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.navbar li {
	word-spacing: -0.125em;
}
 
/* Navbar styling when nested in navbox */
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
	width: 6em;
}
/* Allow people to optionally wrap lines in source listings */
div.wrapPreLines pre {
	white-space: pre-wrap;
}


/* End CSS Navbox and Navbar */

table .good {
  background-color:lightgreen;
}

table .medium {
  background-color:orange;
}

table .bad {
  background-color:lightcoral;
}

table .pending {
  background-color:lightgray;
}

img.icon {
  height: 1em;
  width: 1em;
}

h1 img.icon, h2 img.icon, h3 img.icon, h4 img.icon {
  height: 1.3em;
  width: 1.3em;
}

img.icon, #firstHeading img {
  vertical-align: text-bottom;
}

.pirate-sidebar {
  width: 300px; 
  border: 1px solid #aaaaaa; 
  background-color: #f9f9f9; 
  color: black; 
  margin-bottom: 0.5em; 
  margin-left: 1em; 
  padding: 0.2em; 
  float: right; 
  position:relative; 
  text-align:left;
}

.pirate-sidebar th {
  vertical-align: top;
  padding-right:1em;
}

.pirate-sidebar td {
  width: 100%;

  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.pirate-sidebar .title {
  text-align: center; 
  background-color: #692D89; 
  color:white;
  padding:0.3em; 
  font-size:medium;
  white-space: normal;
}

.pirate-sidebar.project .title {
  background-color: #6E9A4E;
}

.pirate-sidebar.topic .title {
  background-color: #D24127;
}

.pirate-sidebar.crew .title {
  background-color: #E0A838;
}

.pirate-sidebar.pirate .title {
  background-color: #248ebc;
}

.pirate-sidebar .icon {
  width:25px;
  padding-left:0.2em; 
  vertical-align:middle; 
  text-align:center;
}

.pirate-event, .pirate-event .details {
  overflow: hidden;
}

.pirate-event .date {
  width:4em;
  border:1px solid #c2c2c2;
  border-radius:5px;
  border-top:0;
  float:left;
  font-weight:bold;
  margin:0 .3em .5em .5em;
  text-align:center;
  line-height:1.2em;
  //background-color: #FFFAEE;
}

.pirate-event .month {
  background:#692D89;
  border-radius:4px 4px 0 0;
  color:#fff;
  padding:0;
  text-shadow:0 -1px 0 rgba(0,0,0,0.25);
}

.pirate-event.external-event .month {
  background:#6E6E6E;
}

.pirate-event .day {
  font-size: 2em;
  padding: .35em 0 .2em;
}

.pirate-event .weekday {
  padding: 0 0 .2em;
}

.pirate-event .time {
  font-size:small; 
  padding: 0 0 .2em;
}

.pirate-event .details {
  margin:0; 
  padding:0;
}

.pirate-event .title {
  font-weight:bold;
  overflow: hidden;
}

.pirate-event .location, .pirate-event .tags {
  font-size: small;
  overflow: hidden;
}

.pirate-event .location img, .pirate-event .tags img, .pirate-event .title img {
  float: left;
  padding: .3em .3em .3em 0;
}

.pirate-event .location span, .pirate-event .tags span, .pirate-event .title span {
  display: block;
  overflow: hidden;
}

.map-events.left {
  float: left;
  margin-right: .5em;
  width: 65%;
}

.map-events.right {
  float: right;
  margin-left: .5em;
  width: 60%;
}

.map-events.events {
  overflow: hidden;
}

ul.help-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

ul.help-menu > li {
  display:inline;
  padding: 0;
  margin: 0;
}

ul.help-menu > li:before {
  content: '—';
  padding: 0 1em;
}

ul.help-menu > li:first-child:before {
  content: none;
  padding-left: 0;
}

li.gnokicon {
  display: inline-block; 
  padding: 20px;
  background: #eeeeff; 
  text-align: center;
  width: 10em; 
  height: 8em
}