MediaWiki:Common.css

/** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */
/* Makes redirects appear in italics on [[Special:Allpages]] */
.allpagesredirect {
    font-style: italic;
}

/****************************/
/* BEGIN LIGHT BLUE SECTION */
/***************e*************/
/* Make all non-namespace pages have a light blue content area. This is done by
   setting the background color for all #content areas to light blue and then
   overriding it for any #content enclosed in a .ns-0 (main namespace). I then
   do the same for the "tab" background colors. --Lupo */

#content {
    background: #F8FCFF; /* a light blue */
}

#content div.thumb {
    border-color: #F8FCFF;
}

.ns-0 * #content {
    background: white;
}

#mytabs li {
    background: #F8FCFF;
}

.ns-0 * #mytabs li {
    background: white;
}

#mytabs li a {
    background-color: #F8FCFF;
}

.ns-0 * #mytabs li a {
    background-color: white;
}

#p-cactions li {
    background: #F8FCFF;
}

.ns-0 * #p-cactions li {
    background: white;
}

#p-cactions li a {
    background-color: #F8FCFF;
}

.ns-0 * #p-cactions li a {
    background-color: white;
}

.ns-0 * #content div.thumb {
    border-color: white;
}

/**************************/
/* END LIGHT BLUE SECTION */
/**************************/

/* Display "From Wikipedia, the free encyclopedia" */
#siteSub {
    display: inline;
    font-size: 120%;
    font-weight: normal;
}

#bodyContent #siteSub a {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    padding-right: 0;
}



/* Bold 'edit this page' link to encourage newcomers */
#ca-edit a { font-weight: bold !important; }

@media print {
    /* Do not print edit link in templates using Template:Ed
       Do not print certain classes that shouldn't appear on paper */
    .editlink, .noprint, .metadata, .dablink { display: none }
}

.toccolours { 
   border:1px solid #aaaaaa;
   background-color:#f9f9f9;
   padding:5px;
   font-size: 95%;
}

/* У меню «Навігація» робимо підкреслення лише при
наведенні мишею */

.portlet a {
   text-decoration: none;
}

.portlet a:hover {
   text-decoration: underline;
}

/* Скруглённые углы, для Gecko браузеров, из итальянского раздела */

.pBody {
   padding: 0.1em 0.1em;
   -moz-border-radius-topright: 0.5em;
}
#p-cactions ul li, #p-cactions ul li a {  
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-topleft: 0.5em;
}
#content {
  -moz-border-radius-topleft: 0.5em;
}


/* Messagebox templates */

.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   width: 80%;
   margin: 0 auto 1em auto;
   padding: .2em;
}
.messagebox.merge {
   border: 1px solid #c0b8cc;
   background-color: #f0e5ff;
   text-align: center;
}
.messagebox.cleanup {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}

/* Put a checker background at the image description page only visible if the image has transparent background */

#file img {background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}

/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6.  The empty comment must remain. Please copy any changes to [[:en:Template:IPA fonts]] and [[:en:Template:Unicode fonts]]. */
.IPA {
        font-family: "Chrysanthi Unicode", "Doulos SIL", Gentium, GentiumAlt, Code2000, "TITUS Cyberbit Basic", "DejaVu Sans", "Bitstream Cyberbit", "Arial Unicode MS", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "Matrix Unicode";
        font-family /**/:inherit;
}
.Unicode {
        font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";
        font-family /**/:inherit;
}
.latinx {
        font-family: Code2000, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
        font-family /**/:inherit;
}
.polytonic {
        font-family: Athena, Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; 
        font-family /**/:inherit;
}
.mufi {
        font-family: Alphabetum, Cardo, LeedsUni, Junicode, "TITUS Cyberbit Basic", ALPHA-Demo;
}

#wpSave {
  font-weight: bold;
}

/* classes for {ambox} */
 
table.ambox {
  width: auto;
  margin: 0 10%;
  border-collapse: collapse;
  background: #FBFBFB;
  border: 1px solid #AAAAAA;
  border-left: 10px solid #1E90FF
}
table.ambox th, table.ambox td {
  padding: 0.25em 0.5em;
}
table.ambox td.ambox-widthhack {
  padding: 0;
}
table.ambox td.ambox-text {
  width:100%;
}
table.ambox td.ambox-text .ambox-text-small {
  font-size:smaller;
}
table.ambox td.ambox-image {
  width: 52px;
  padding: 2px 0px 2px 0.5em;
  text-align: center;
}
table.ambox td.ambox-imageright {
  width: 52px;
  padding: 2px 4px 2px 0px;
  text-align: center;
}
table.ambox td.ambox-image div,
table.ambox td.ambox-imageright div {   
  width:52px  /* Фікс для зображень різної ширини */
}
table.ambox-delete,
table.ambox-serious {
  border-left: 10px solid #B22222
}
table.ambox-content {
  border-left: 10px solid #F28500
}
table.ambox-style {
  border-left: 10px solid #F4C430
}
table.ambox-good {
  border-left: 10px solid #66CC44
}
table.ambox-discussion {
  border-left: 10px solid #339966
}
table.ambox-notice {
  border-left: 10px solid #1E90ff
}
table.ambox-merge {
  border-left: 10px solid #9932CC
}
table.ambox-protection {
  border-left: 10px solid #BBBBAA
}
table.ambox.ambox-mini {
  float: right;
  clear: right;
  margin: 0 0 0.5em 1em;
  width: 20%;
}
/* Article message box styles */
table.ambox {            /* 10% = Will not overlap with other elements */
    margin: -1px 10% 0px;    /* -1px = Single border between stacked boxes in all browsers */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
.ambox th.mbox-text, .ambox td.mbox-text,
th.ambox-text, td.ambox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;         /* 0.5em left/right */
    width: 100%;                   /* Make all amboxes the same width regardless of text length */
}
.ambox td.mbox-image,
td.ambox-image {                   /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
    text-align: center; 
}
.ambox td.mbox-imageright,
td.ambox-imageright {              /* The right image cell */
    border: none; 
    padding: 2px 0.5em 2px 0;      /* 0px left, 0.5em right */
    text-align: center; 
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-serious,    /* "serious" is deprecated, use "delete" instead. */
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-merge,      /* "merge" is deprecated, use "move" instead. */
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
table.ambox-mini {    /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print {        /* When in mainspace: Don't print article message boxes */
    .ns-0 .ambox {
        display: none;
    }
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox,
.imbox-text .imbox {     /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
.imbox th.mbox-text, .imbox td.mbox-text,
th.imbox-text, td.imbox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.imbox td.mbox-image,
td.imbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;     /* 0.9em left, 0px right */
    text-align: center; 
}
.imbox td.mbox-imageright,
td.imbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;     /* 0px left, 0.9em right */
    text-align: center; 
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox,
.imbox-text .imbox {     /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
.imbox th.mbox-text, .imbox td.mbox-text,
th.imbox-text, td.imbox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.imbox td.mbox-image,
td.imbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;     /* 0.9em left, 0px right */
    text-align: center; 
}
.imbox td.mbox-imageright,
td.imbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;     /* 0px left, 0.9em right */
    text-align: center; 
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;           /* Default "notice" blue */
}
.cmbox th.mbox-text, .cmbox td.mbox-text,
th.cmbox-text, td.cmbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.5em;         /* 0.5em left/right */
    width: 100%;
}
.cmbox td.mbox-image,
td.cmbox-image {                   /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
    text-align: center; 
}
.cmbox td.mbox-imageright,
td.cmbox-imageright {              /* The right image cell */
    border: none;
    padding: 2px 0.8em 2px 0;      /* 0px left, 0.8em right */
    text-align: center; 
}
 
table.cmbox-notice {
    background: #DFE8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #F1D0FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
.ombox th.mbox-text, .ombox td.mbox-text,
th.ombox-text, td.ombox-text {    /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.ombox td.mbox-image,
td.ombox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;     /* 0.9em left, 0px right */
    text-align: center; 
}
.ombox td.mbox-imageright,
td.ombox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;     /* 0px left, 0.9em right */
    text-align: center; 
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
table.tmbox-small {               /* For the "small=yes" option */
    float: right;
    clear: both;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 85%;
    line-height: 1.25em;
}
.tmbox .mbox-text .tmbox,
.tmbox-text .tmbox {     /* For tmboxes inside tmbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .tmbox {    /* For tmboxes inside other templates. */
    margin: 4px;
}
.tmbox th.mbox-text, .tmbox td.mbox-text,
th.tmbox-text, td.tmbox-text {    /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.9em;        /* 0.9em left/right */
    width: 100%;
}
.tmbox td.mbox-image,
td.tmbox-image {                  /* The left image cell */
    border: none;
    padding: 2px 0px 2px 0.9em;   /* 0.9em left, 0px right */
    text-align: center;
}
.tmbox td.mbox-imageright,
td.tmbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0px;   /* 0px left, 0.9em right */
    text-align: center;
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Coloured watchlist numbers */
.mw-plusminus-pos {
  color:darkgreen;
}
 
/* .mw-plusminus-null currently at developer default */
 
.mw-plusminus-neg {
  color:darkred;
}
 
.dablink {
  font-style:italic;
  padding-left:2em;
}

.abbrev
{
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap;
  background-color:#CCFFFF;
  font-style:italic;
}

h1 span.mw-editsection *
{
	display:none !important;
}

/* три колонки */
.col3 {
	-moz-column-count:3; 
	-moz-column-gap: 3em; 
	-webkit-column-count:3; 
	-webkit-column-gap: 3em; 
	column-count:3; 
	column-gap: 3em; 
	-webkit-column-width: 150px; 
	-moz-column-width: 150px; 
	column-width: 150px;
}