Common.css

Матеріал з Українські вікі
Перейти до: навігація, пошук

Написаний ПІД рискою код в режимі Редагування скопіюйте і вставте на сторінку MediaWiki:Common.css своєї вікі




/** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */ .lj_user {padding-left:17px;background:url('/w/images/2/27/Userinfo.gif') no-repeat left center;white-space:nowrap;} .lj_community {padding-left:18px;background:url('/w/images/0/01/Community.gif') no-repeat left center;white-space:nowrap;}

/* default skin 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 {

 margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */

} .navbox-title, .navbox-abovebelow, table.navbox th {

 text-align:center;      /* title and above/below styles */
 padding-left:1em;
 padding-right:1em;

} .navbox-group { /* group style */

 white-space:nowrap;
 text-align:right;
 font-weight:bold;
 padding-left:1em;
 padding-right:1em;

} .navbox, .navbox-subgroup {

 background:#fdfdfd;     /* Background color */

} .navbox-list {

 border-color:#fdfdfd;   /* Must match background color */

} .navbox-title, table.navbox th {

 background:#ccccff;     /* Level 1 color */

} .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {

 background:#ddddff;     /* Level 2 color */

} .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {

 background:#e6e6ff;     /* Level 3 color */

} .navbox-even {

 background:#f7f7f7;     /* Even row striping */

} .navbox-odd {

 background:transparent; /* Odd row striping */

} .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ float: right; /* CollapsibleTables JavaScript in MediaWiki:Common.js */ font-weight: normal; /* are styled here so they can be customised. */ text-align: right; width: auto; }

.allpagesredirect { font-style: italic; } /* Spoilers */ .spoiler, .spoiler a, .spoiler a:visited { cursor: help; -khtml-opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); opacity:0.0; background:white;color:white; }

.spoiler:hover, .spoiler:hover a, .spoiler:hover a:visited { -khtml-opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); opacity:1.0; background:transparent; }

.spoiler:hover {color: black;} .spoiler:hover a {color: #002BB8;} .spoiler:hover a:visited {color: #5A3696;}

.bodytext {

  text-align: left;

}

.ot_left {

  vertical-align: top;
  width: 70%;

}

.ot_right {

  vertical-align: top;
  width:  30%;

}

.it_left, .it_right {

  width: 100%;
  border: 1px solid #225588;
  text-align:  center;
  background: #E6F3FF;
  border-radius: 5px;
  -moz-border-radius: 5px;

}


.it_left {

  float: left;

}

.it_right {

  float: right;

}

.mh_mid, .mh_top, .mh_oneleft, .mh_twoleft, .mh_bottomleft, .mh_topright, .mh_topleft, .mh_bottom {

  background: #88BBFF;
  font-size: 120%;
  text-align: center;

}

.mh_top {

  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;

}

.mh_topright {

  border-radius: 0px 3px 0px 0px;
  -moz-border-radius: 0px 3px 0px 0px;

}

.mh_topleft {

  border-radius: 3px 0px 0px 0px;
  -moz-border-radius: 3px 0px 0px 0px;

}

.mh_oneleft, .mh_twoleft, .mh_bottomleft, .mh_bottomleft_centered {

  font-size: 100%;
  width: 10%

}

.mh_bottomleft_centered {

  background: #88BBFF;

}

.mh_twoleft, .mh_bottomleft, .mh_bottomleft_centered {

  text-align: right;
  cell-padding: 4px;

}

.mh_bottomleft, .mh_bottomleft_centered {

  border-radius: 0px 0px 0px 3px;
  -moz-border-radius: 0px 0px 0px 3px;

}

.mh_bottom {

  border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;

}


.iconcells, .ic_bottomright {

  vertical-align:  top;
  border: 1px solid #88BBFF;
  padding: 2px;
  width: 12%;

}

.ic_bottomright {

  border-radius: 0px 0px 3px 0px;
  -moz-border-radius: 0px 0px 3px 0px;

} .fm_header {

  font-size: 110%;

} .fm_section {

  width: 100%;
  background: #E6F3FF;
  border: 0px;

}

.fm_cells {

  vertical-align: top;
  width: 33%;
  border: 1px solid #88BBFF;

}

.fm_cells, .fm_section, .fm_header, .iconcells, .ic_bottomright, .mh_bottomleft_centered {

  text-align: center;

} body.page-Головна .firstHeading {display:none;}

/******* Extra buttons for 'edittools' (modified from www.mediawiki.org/MediaWiki:Common.css) ********/ .my-buttons {

       /* padding:1em; */
       /* margin:5px; */ 

} .my-buttons a {

       color: black;
       background-color: #c0d0e0 ;
       font-family:monospace;
       font-size: 105%;
       text-decoration: none;
       border: thin #069 outset;
       line-spacing:5pt;
       padding-left:.2em;
       padding-right:.2em;

} .my-buttons a:hover {

       background-color: #d0e0f0;
       border-style:outset;

} .my-buttons a:active {

       background-color: #e0f0e0;
       border-style: inset;

}

/* Infobox template style */

.infobox {

  border: 1px solid #aaa;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;

} .infobox td, .infobox th {

  vertical-align: top;

} .infobox caption {

  font-size: larger;
  margin-left: inherit;

} .infobox.bordered {

  border-collapse: collapse;

} .infobox.bordered td, .infobox.bordered th {

  border: 1px solid #aaa;

} .infobox.bordered .borderless td, .infobox.bordered .borderless th {

  border: 0;

}

.infobox.sisterproject {

  width: 20em;
  font-size: 90%;

}

@media print {

   .infobox.sisterproject {
       display: none;
   }

}

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {

  border: 0;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;

}

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {

  border: 0;
  border-right: 1px solid #aaa;

}


/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */

.infobox.geography {

  text-align: left;
  border-collapse: collapse;
  line-height: 1.2em; 
  font-size: 90%;

}

.infobox.geography td, .infobox.geography th {

  border-top: solid 1px #aaa;
  padding: 0.4em 0.2em 0.4em 0.8em;

} .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th {

  border-top: solid 1px #aaa;
  padding: 0.4em 0.2em 0.2em 0.8em;

}

.infobox.geography .mergedrow td, .infobox.geography .mergedrow th {

     border: 0;
     padding: 0 0.2em 0.2em 0.8em;

}

.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th {

  border-top: 0;
  border-bottom: solid 1px #aaa;
  padding: 0 0.2em 0.4em 0.8em;

}

.infobox.geography .maptable td, .infobox.geography .maptable th {

     border: 0;
     padding: 0 0 0 0;

}