MediaWiki:Common.css

Материал из MikroTik WiKi rus
Перейти к: навигация, поиск

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/* Размещённый здесь CSS будет применяться ко всем темам оформления */

 /** <pre><nowiki> */

/* css3 */

/* sub-menu box */
#shbox {
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 6px 6px 6px #c0c0c0;
	-moz-box-shadow: 6px 6px 6px #c0c0c0;
	box-shadow: 6px 6px 6px #c0c0c0;

}

#shtable {
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 

	width:98%;
	border-width:1px;
	border-color:lightgrey;
	padding: 5px 5px 5px 10px;
	border-style:solid;
	font-size: 0.9em;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: 0px 0px 12px #c0c0c0;
	-moz-box-shadow: 0px 0px 12px #c0c0c0;
	box-shadow: 0px 0px 12px #c0c0c0;

}

var {
  font-family: monospace;
  font-style: normal;
  color: #009b00;
  white-space: nowrap;
}

/* styled table of content */
#toc, .toc {

	background: rgb(255,255,238);  /*fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat; 
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7);


	 width:80%;
	 border: 1px solid #dddddd;
         float: none;

	 -webkit-box-shadow: 6px 6px 6px #c0c0c0;
	 -moz-box-shadow: 6px 6px 6px #c0c0c0;
	 box-shadow: 6px 6px 6px #c0c0c0;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;

}


/* styled pre areas  */
pre { 
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat;  
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 

	width:92%;
	margin-left: 20px;

	border: solid;
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 12px #c0c0c0;
	-moz-box-shadow: 0px 0px 12px #c0c0c0;
	box-shadow: 0px 0px 12px #c0c0c0;
}

.catlinks {
	background: rgb(255,255,238); /* fallback color */
	background: url(rgba.php?r=255&g=255&b=238&a=70) repeat;  
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')"; 

	background: rgba(255,255,238,0.7); 

	-webkit-box-shadow: 6px 6px 6px #c0c0c0;
	-moz-box-shadow: 6px 6px 6px #c0c0c0;
	box-shadow: 6px 6px 6px #c0c0c0;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.bullets {
padding: 10px;
}

ul.bullets li {
margin-left: 30px;
}

#column-one {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 4;
}

#p-personal {
display: fixed;
top: 0px;
left: 600px;
}

/* Tables */

.styled_table {
	width: 99%;
	margin-left: 1%;
	border-collapse: collapse;
	-webkit-box-shadow: 0px 0px 12px #c0c0c0;
	-moz-box-shadow: 0px 0px 12px #c0c0c0;
	box-shadow: 0px 0px 12px #c0c0c0;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
}

.styled_table th {
	background-color: #cccccc;
}

.styled_table tr {
	background: rgb(238,238,238); /* fallback color */
	background: url(rgba.php?r=238&g=238&b=238&a=70) repeat;
/* IE6,IE7 */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2ffffee, endColorstr=#C2ffffee); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C2ffffee', EndColorStr='#C2ffffee')";
	background: rgba(238,238,238,0.7); 

	border-bottom: 2px solid #ffffff;
}

.styled_table td {
	border-bottom: 2px solid #FFF;
	vertical-align: top;
	padding: 5px;
}

.styled_table td+td {
	border-left: 2px solid #FFF;
}

 /** </nowiki></pre> */

/* [[Википедия:Оформление таблиц]] */
table.standard,
table.wide,
table.prettytable {
	border: 1px solid #aaa;
	border-collapse: collapse;
}
table.standard th,
table.wide th,
table.prettytable th {
	border: 1px solid #aaa;
	padding-left: 0.2em;
	padding-right: 0.2em;
	background: #eef;
}
table.standard td,
table.wide td,
table.prettytable td {
	border: 1px solid #aaa;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
table.standard caption,
table.wide caption,
table.tiles caption {
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
table.wide {
	width: 100%;
}

table.simple {
	border-color: #aaa;
	border-collapse: collapse;
}
table.simple th,
table.simple td {
	border-color: #aaa;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

table.tiles {
	border-collapse: separate;
	border-spacing: 2px;
}
table.tiles th {
	padding-left: 0.2em;
	padding-right: 0.2em;
	background: #eef;
}
table.tiles td {
	padding-left: 0.2em;
	padding-right: 0.2em;
	background: #f0f0f0;
}

table.graytable {
	background: #f0f0f0;
	padding: 1em;
	width: 100%;
}
table.graytable caption {
	padding-top: 0.5em;
	background: #f0f0f0;
	font-weight: bold;
}
table.graytable caption span.subcaption {
	font-size: 80%;
	font-weight: normal;
}
table.graytable th,
table.graytable td {
	font-size: 80%;
}


tr.highlight th,
table tr th.highlight {
	background: #eef;
}
tr.highlight td,
table tr td.highlight {
	background: #ffe;
	font-weight: normal;
}
tr.bright th,
table tr th.bright {
	background: #ccf;
}
tr.bright td,
table tr td.bright {
	background: #fec;
}
tr.shadow th,
tr.shadow td,
table tr th.shadow,
table tr td.shadow {
	background: #f0f0f0;
}
tr.dark th,
tr.dark td,
table tr th.dark,
table tr td.dark {
	background: #ccc;
}
.transparent {
	background: transparent !important;
}

table.toccolours th {
	background: #ccf;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text,
td.mbox-text {   /* The message body cell(s) */
	border: none;
	/* @noflip */
	padding: 0.25em 0.9em;     /* 0.9em left/right */
	width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
	border: none;
	/* @noflip */
	padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
	text-align: center;
}
td.mbox-imageright {           /* The right image cell */
	border: none;
	/* @noflip */
	padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
	text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
	border: none;
	padding: 0px;
	width: 1px;
}


/* 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 {  /* For imboxes inside imbox-text cells. */
	margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
	display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
	margin: 4px;
}

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 */
}

table.cmbox-notice {
	background: #d8e8ff;    /* 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: #e4d8ff;    /* 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;
}

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;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
	margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
	width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
	line-height: 1.5em;          /* also "nested", so reset styles that are   */
	font-size: 100%;             /* set in "mbox-small" above.                */
}

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 */
}

/* {ambox} */
table.ambox {
	width: auto;
	margin: 0 10%;
	border-collapse: collapse;
	background: #fbfbfb;
	border: 1px solid #aaa;
	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 0 2px 0.5em;
	text-align: center;
}
table.ambox td.ambox-imageright {
	width: 52px;
	padding: 2px 4px 2px 0;
	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.ambox-mini {
	float: right;
	clear: right;
	margin: 0 0 0.5em 1em;
	width: 20%;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
/* Footer and header message box styles */
table.fmbox {
	clear: both;
	margin: 0.2em 0;
	width: 100%;
	border: 1px solid #aaa;
	/* Default "system" gray */
	background: #f9f9f9;
}
table.fmbox-system {
	background: #f9f9f9;
}
table.fmbox-warning {
	border: 1px solid #bb7070;  /* Dark pink */
	background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
	background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background: #ffdbdb;
	padding: 0.25em 0.9em;
}