MediaWiki:Common.css: различия между версиями

Материал из WIKI Carnage2007
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
 
(не показано 18 промежуточных версий этого же участника)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.vector-menu-portal .vector-menu-content li a:visited {
    font-weight: bold;
    color: #514f4f;
}
.vector-menu-portal .vector-menu-content li a {
    font-weight: bold;
    color: #514f4f;
}
.vector-menu-portal .vector-menu-content li a:hover {
    color: #cf6a00;
}
.vector-menu-portal .vector-menu-content li {
    left: -22px;
    text-align: center;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    width: 81%;
    top: -12px;
    background-color: #93939342;
    border-left: 1px solid #a2a9b1;
    padding: 0.25em 0;
    font-size: 0.75em;
}
#ca-viewsource, #p-tb{
#ca-viewsource, #p-tb{
display: none
display: none
Строка 6: Строка 31:
display: none
display: none
}
}
 
#mw-panel .portal-first .body {
    color: #474747;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    text-align: left;
}
body {
body {
     background-image: url(http://img.cwars.ru/lib/body_library.gif);
     background: #C5CED5 url(https://img.carnage2007.ru/i/temple/back.jpg) repeat;
     background-repeat: repeat;
     background-repeat: repeat;
     font-family: sans-serif;
     font-family: sans-serif;
Строка 16: Строка 46:
     padding: 0;
     padding: 0;
}
}
.vector-menu-tabs li {
    background-color: #f8f1e7;
.mw-body,
    background-image: url(https://wiki.cwars.ru/skins/vector/images/tab-normal-fade.jpg?2015-11-02T21:00:00Z);
.parsoid-body {
    background-position: left bottom;
// General background/foreground color definition as one exception to the rule.
    background-repeat: repeat-x;
background-color: @background-color-base;
    display: block;
color: @color-base;
    height: 100%;
direction: ltr;
    line-height: 1.125em;
padding: @padding-content;
    margin: 0;
}
    padding: 0;
 
    white-space: nowrap;
#p-personal {
    float: left;
position: absolute;
    border-right: 1px solid #e2d7be;
top: @top-personal-tools;
right: 0.75em;
z-index: @z-index-personal;
 
ul {
padding-left: 10em; /* Keep from overlapping logo */
}
 
li {
float: left;
}
}
 
.mw-body,
#mw-data-after-content {
margin-left: 10em;
}
 
.mw-body {
// Merge the border below with tabs' one (in their background image).
margin-top: -@border-width-base;
// Border on top, left, and bottom side.
border: @border-width-base @border-style-base @border-color-content;
border-right-width: 0;
 
.firstHeading {
/* Change the default from mediawiki.skinning CSS to let indicators float into heading area */
overflow: visible;
}
}
}
.vector-menu-tabs .selected{
 
    background-color: #f8f1e7;
.mw-indicators {
    background-image: url(https://wiki.cwars.ru/skins/vector/images/tab-normal-fade.jpg?2015-11-02T21:00:00Z);
float: right;
    background-position: left bottom;
z-index: @z-index-indicators;
    background-repeat: repeat-x;
    display: block;
    height: 100%;
    line-height: 1.125em;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    float: left;
    border-right: 1px solid #e2d7be;
}
}
div#content {
div#content {
     background-color: #f8f1e7;
     background-color: #f8f1e7;
Строка 51: Строка 100:
     padding: 1em !important;
     padding: 1em !important;
}
}
#footer-places, #footer-icons{
 
display: none
.mw-body-content {
position: relative;
z-index: @z-index-base;
// Clearfix here for legacy reasons of floated children (gadgets?),
// to be revisited to clarify historic need and possibly remove.
.mixin-clearfix();
}
}


/* Head */
#mw-page-base {
#mw-page-base {
    background: none !important;
.vertical-gradient( @background-color-base, @background-color-secondary, 50%, 100% );
background-position: bottom left;
height: 5em;
background: none !important;
     background-image: none !important
     background-image: none !important
}
}


#mw-head-base {
margin-top: -5em;
margin-left: 10em;
height: 5em;
}
/* Hide, but keep accessible for screen-readers */
#mw-navigation h2 {
position: absolute;
top: -9999px;
}


#mw-head {
#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
background: none !important;
background: none !important;
}
}
div#mw-panel div.portal div.body ul li a:visited {
 
    color: #0b0080;
/* Navigation Containers */
#left-navigation {
float: left;
margin-left: 10em;
margin-top: 2.5em;
/* When right nav would overlap left nav, it's placed below it
(normal CSS floats behavior). This rule ensures that no empty space
is shown between them due to right nav's margin-top. Page layout
is still broken, but at least the nav overlaps only the page title
instead of half the content. */
margin-bottom: -2.5em;
}
}


.vector-menu-tabs li a {
#right-navigation {
    color: #444031 !important;
float: right;
margin-top: 2.5em;
}
}
a:visited {
 
    color: #F4F3EE !important;
#mw-panel {
position: absolute;
top: 0;
width: 10em;
left: 0;
}
}
a {
 
    text-decoration: none;
.mw-footer {
    color: #F4F3EE !important;
margin-left: 10em;
    background: none;
margin-top: 0;
}
}


/* Vector screen styles for high definition displays. These rules cross the above components and are
  grouped together here only for the sake of the media query common to each. */
@media ( min-width: 982px ) {
.mw-body,
#mw-head-base,
#left-navigation,
#mw-data-after-content,
.mw-footer {
margin-left: 11em;
}
.mw-body {
padding: 1.25em 1.5em 1.5em 1.5em;
}
.mw-footer {
padding: 1.25em;
}


.mw-body a:visited {
#mw-panel {
    color: #0b0080 !important;
padding-left: 0.5em;
}
}
.mw-body a {
 
    text-decoration: none;
#p-search {
    color: #0645ad !important;
margin-right: 1em;
    background: none;
}
}
#footer-info-lastmod{
  color: #F4F3EE !important;
}


.portal h3, .vector-menu-portal h3 {
#p-personal {
    display: block !important;
right: 1em;
    border: medium none !important;
}
    color: #444444 !important;
    cursor: default !important;
    font-size: 1em !important;
    font-weight: bold !important;
    padding: 0 0.25em 0.25em 1.75em !important;
    margin-bottom: 0.3em !important;
}
}

Текущая версия от 06:52, 10 декабря 2025

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.vector-menu-portal .vector-menu-content li a:visited {
    font-weight: bold;
    color: #514f4f;
}
.vector-menu-portal .vector-menu-content li a {
    font-weight: bold;
    color: #514f4f;
}
.vector-menu-portal .vector-menu-content li a:hover {
    color: #cf6a00;
}

.vector-menu-portal .vector-menu-content li {
    left: -22px;
    text-align: center;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    width: 81%;
    top: -12px;
    background-color: #93939342;
    border-left: 1px solid #a2a9b1;
    padding: 0.25em 0;
    font-size: 0.75em;
}

#ca-viewsource, #p-tb{
display: none
} 
#ca-talk{
display: none
}
#mw-panel .portal-first .body {
    color: #474747;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 18px;
    text-align: left;
}
body {
    background: #C5CED5 url(https://img.carnage2007.ru/i/temple/back.jpg) repeat;
    background-repeat: repeat;
    font-family: sans-serif;
    font-size: 1em;
    height: 100%;
    margin: 0;
    padding: 0;
}
 
.mw-body,
.parsoid-body {
	// General background/foreground color definition as one exception to the rule.
	background-color: @background-color-base;
	color: @color-base;
	direction: ltr;
	padding: @padding-content;
}

#p-personal {
	position: absolute;
	top: @top-personal-tools;
	right: 0.75em;
	z-index: @z-index-personal;

	ul {
		padding-left: 10em; /* Keep from overlapping logo */
	}

	li {
		float: left;
	}
}

.mw-body,
#mw-data-after-content {
	margin-left: 10em;
}

.mw-body {
	// Merge the border below with tabs' one (in their background image).
	margin-top: -@border-width-base;
	// Border on top, left, and bottom side.
	border: @border-width-base @border-style-base @border-color-content;
	border-right-width: 0;

	.firstHeading {
		/* Change the default from mediawiki.skinning CSS to let indicators float into heading area */
		overflow: visible;
	}
}

.mw-indicators {
	float: right;
	z-index: @z-index-indicators;
}

div#content {
    background-color: #f8f1e7;
    border: 1px solid #a1927f;
    margin-left: 11em;
    padding: 1em !important;
}

.mw-body-content {
	position: relative;
	z-index: @z-index-base;
	// Clearfix here for legacy reasons of floated children (gadgets?),
	// to be revisited to clarify historic need and possibly remove.
	.mixin-clearfix();
}

/* Head */
#mw-page-base {
	.vertical-gradient( @background-color-base, @background-color-secondary, 50%, 100% );
	background-position: bottom left;
	height: 5em;
	background: none !important;
    background-image: none !important
}

#mw-head-base {
	margin-top: -5em;
	margin-left: 10em;
	height: 5em;
}

/* Hide, but keep accessible for screen-readers */
#mw-navigation h2 {
	position: absolute;
	top: -9999px;
}

#mw-head {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
background: none !important;
}

/* Navigation Containers */
#left-navigation {
	float: left;
	margin-left: 10em;
	margin-top: 2.5em;
	/* When right nav would overlap left nav, it's placed below it
	(normal CSS floats behavior). This rule ensures that no empty space
	is shown between them due to right nav's margin-top. Page layout
	is still broken, but at least the nav overlaps only the page title
	instead of half the content. */
	margin-bottom: -2.5em;
}

#right-navigation {
	float: right;
	margin-top: 2.5em;
}

#mw-panel {
	position: absolute;
	top: 0;
	width: 10em;
	left: 0;
}

.mw-footer {
	margin-left: 10em;
	margin-top: 0;
}

/* Vector screen styles for high definition displays. These rules cross the above components and are
   grouped together here only for the sake of the media query common to each. */
@media ( min-width: 982px ) {
	.mw-body,
	#mw-head-base,
	#left-navigation,
	#mw-data-after-content,
	.mw-footer {
		margin-left: 11em;
	}

	.mw-body {
		padding: 1.25em 1.5em 1.5em 1.5em;
	}

	.mw-footer {
		padding: 1.25em;
	}

	#mw-panel {
		padding-left: 0.5em;
	}

	#p-search {
		margin-right: 1em;
	}

	#p-personal {
		right: 1em;
	}
}