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

Материал из Ботвапедии
Перейти к: навигация, поиск
Строка 60: Строка 60:
 
/*Менюшка вторая*/
 
/*Менюшка вторая*/
  
 +
html, body {
 +
margin:0;
 +
padding:0;
 +
text-align:center;
 +
font-size:1em;
 +
font-family:verdana, arial, helvetica, sans-serif;
 +
height:100%;
 +
background: url(images/bg.png) repeat;
 +
}
 +
a {
 +
-moz-outline:none;
 +
color:#36c;
 +
}
 +
a img {
 +
border:0;
 +
}
 +
a:hover {
 +
text-decoration:none;
 +
}
 +
a:active {
 +
outline:none;
 +
}
 +
 +
#header-wrap {
 +
display:block;
 +
position:relative;
 +
width:100%;
 +
margin:0 auto;
 +
padding:0;
 +
text-align:left;
 +
background: url(images/header-bg.png) repeat-x top left;
 +
}
 +
 +
 +
#header {
 +
height: 45px;
 +
width: 960px;
 +
padding:0;
 +
position:relative;
 +
margin:0 auto;
 +
display:block;
 +
}
 +
 +
 +
/*  ------------------------------  */
 +
/*  DROPDOWN MENU                  */
 +
/*  ------------------------------  */
 
ul.menu {
 
ul.menu {
    list-style-type:none;
+
list-style-type:none;
    margin:0;
+
margin:0;
    padding:6px 0 0 6px;
+
padding:6px 0 0 6px;
    position:relative;
+
float: right;
    float: right;
 
 
}
 
}
 
 
ul.menu li {
 
ul.menu li {
    display:block;
+
display:block;
    height: 30px;
+
height: 30px;
    float:left;
+
float:left;
    position:relative;
+
position:relative;
    margin:0 9px 0 0;
+
margin:0 9px 0 0;
    padding:0;
+
padding:0;
    filter: alpha(opacity=75); /* internet explorer */
+
-khtml-opacity: 0.75;      /* khtml, old safari */
    -khtml-opacity: 0.75;      /* khtml, old safari */
+
-moz-opacity: 0.75;      /* mozilla, netscape */
    -moz-opacity: 0.75;      /* mozilla, netscape */
+
opacity: 0.75;          /* fx, safari, opera */
    opacity: 0.75;          /* fx, safari, opera */
 
 
}
 
}
 
ul.menu li.current {
 
ul.menu li.current {
    background:#000000;
+
background:#000000;
    -moz-border-radius:4px;
+
-moz-border-radius:4px;
    -webkit-border-radius:4px;
+
-webkit-border-radius:4px;
 
}
 
}
 
ul.menu li:hover {
 
ul.menu li:hover {
    background:#000000;
+
background:#000000;
    -moz-border-radius:4px;
+
-moz-border-radius:4px;
    -webkit-border-radius:4px;
+
-webkit-border-radius:4px;
 +
}
 +
 
 +
 
 +
ul.menu li a {
 +
display:block;
 +
float:left;
 +
color:#fff;
 +
text-decoration:none;
 +
font-size:15px;
 +
font-style:normal;
 +
font-weight:bold;
 +
font-family:arial, helvetica, sans-serif;
 +
padding:6px 15px 5px 15px;
 +
line-height:18px;
 
}
 
}
  
 +
ul.menu li a span {
 +
font-weight:normal;
 +
padding-left:3px;
 +
}
 +
ul.menu li.drop a {
 +
padding-right:7px;
 +
}
 +
ul.menu li.drop:hover li {
 +
border:none;
 +
}
 
ul.menu li.drop span.toggle {
 
ul.menu li.drop span.toggle {
    display:block;
+
display:block;
    float:left;
+
float:left;
    width:21px;
+
width:21px;
    height:26px;
+
height:26px;
    background:transparent url("images/toggle.png") no-repeat 0 -20px;
+
background:transparent url("images/toggle.png") no-repeat 0 -20px;
    padding:0;
+
padding:0;
    margin:0 7px 0 0;
+
margin:0 7px 0 0;
 
}
 
}
 
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
 
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
    background-position:1px 5px;
+
background-position:1px 5px;
 
}
 
}
 
 
ul.menu li.drop:hover, ul.menu li.current:hover {
 
ul.menu li.drop:hover, ul.menu li.current:hover {
    -moz-border-radius:0;
+
-moz-border-radius:0;
    -webkit-border-radius:0;
+
-webkit-border-radius:0;
    -moz-border-radius-topleft:4px;
+
-moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
+
-moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
+
-webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
+
-webkit-border-top-right-radius:4px;
 
}
 
}
 
ul.menu li.drop:hover ul {
 
ul.menu li.drop:hover ul {
    display:block;
+
display:block;
    z-index:1;
+
z-index:1;
    padding-bottom:8px;
+
padding-bottom:8px;
 
}
 
}
 
 
ul.menu li ul {
 
ul.menu li ul {
    display:none;
+
display:none;
    position:absolute;
+
position:absolute;
    width: 100%;
+
width: 100%;
    top:30px;
+
top:30px;
    left:0;
+
left:0;
    list-style-type:none;
+
list-style-type:none;
    margin:0;
+
margin:0;
    padding:9px 0 0 0;
+
padding:9px 0 0 0;
    background:#000000;
+
background:#000000;
    filter: alpha(opacity=75); /* internet explorer */
+
filter: alpha(opacity=75); /* internet explorer */
 
}
 
}
 
ul.menu li ul li {
 
ul.menu li ul li {
    float:none;
+
float:none;
    height: auto;
+
height: auto;
    margin:0;
+
margin:0;
    padding:0;
+
padding:0;
    border:none;
+
border:none;
    filter: alpha(opacity=100); /* internet explorer */
+
filter: alpha(opacity=100); /* internet explorer */
 +
}
 +
ul.menu li ul li a {
 +
float:none;
 +
background:none;
 +
margin:0;
 +
padding:0;
 +
display:block;
 +
font-size:13px;
 +
height:auto;
 +
margin:0;
 +
padding:4px 13px 4px 13px;
 +
font-weight:normal;
 +
}
 +
 
 +
/* drop down menu hover styles */
 +
ul.menu li:hover ul {
 +
border:none;
 +
-moz-border-radius-bottomleft:4px;
 +
-moz-border-radius-bottomright:4px;
 +
-webkit-border-bottom-left-radius:4px;
 +
-webkit-border-bottom-right-radius:4px;
 +
}
 +
ul.menu li:hover ul * {
 +
background:none;
 +
-moz-border-radius:0;
 +
-webkit-border-radius:0;
 +
}
 +
ul.menu li ul li:hover {
 +
background-color:#333333;
 
}
 
}

Версия 17:01, 23 сентября 2013

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.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;
}

h1 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 2em; /* Размер надписи */
}

h2 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 1em; /* Размер надписи */
}

h3 {
text-shadow: 1px 1px 2px black, 0 0 1em #FFF3D3; /* Параметры тени */
    color: #CDAA80; /* Белый цвет текста */
    font-size: 0,5em; /* Размер надписи */
}


/*Менюшка*/

/* Fixed Positioned AddThis Toolbox */ 
.addthis_toolbox { 
position: fixed; z-index: 1000;
top: -10px;
right: 80%;
padding: 5px 5px 4px; 
width: 32px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
} 

.addthis_toolbox .custom_images a { 
width: 32px; 
height: 32px; 
cursor: pointer; 
} 
.addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; } 
.addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; }

/*Менюшка вторая*/

html, body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:1em;
	font-family:verdana, arial, helvetica, sans-serif;
	height:100%;
	background: url(images/bg.png) repeat;
}
a {
	-moz-outline:none;
	color:#36c;
}
a img {
	border:0;
}
a:hover {
	text-decoration:none;
}
a:active {
	outline:none;
}

#header-wrap {
	display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	background: url(images/header-bg.png) repeat-x top left;
}


#header {
	height: 45px;
	width: 960px;
	padding:0;
	position:relative;
	margin:0 auto;
	display:block;
}


/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
ul.menu {
	list-style-type:none;
	margin:0;
	padding:6px 0 0 6px;
	float: right;
}
ul.menu li {
	display:block;
	height: 30px;
	float:left;
	position:relative;
	margin:0 9px 0 0;
	padding:0;
	-khtml-opacity: 0.75;      /* khtml, old safari */
	-moz-opacity: 0.75;       /* mozilla, netscape */
	opacity: 0.75;           /* fx, safari, opera */
}
ul.menu li.current {
	background:#000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
ul.menu li:hover {
	background:#000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


ul.menu li a {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	padding:6px 15px 5px 15px;
	line-height:18px;
}

ul.menu li a span {
	font-weight:normal;
	padding-left:3px;
}
ul.menu li.drop a {
	padding-right:7px;
}
ul.menu li.drop:hover li {
	border:none;
}
ul.menu li.drop span.toggle {
	display:block;
	float:left;
	width:21px;
	height:26px;
	background:transparent url("images/toggle.png") no-repeat 0 -20px;
	padding:0;
	margin:0 7px 0 0;
}
ul.menu li.drop:hover span.toggle, ul.menu li.drop.current span.toggle {
	background-position:1px 5px;
}
ul.menu li.drop:hover, ul.menu li.current:hover {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
ul.menu li.drop:hover ul {
	display:block;
	z-index:1;
	padding-bottom:8px;
}
ul.menu li ul {
	display:none;
	position:absolute;
	width: 100%;
	top:30px;
	left:0;
	list-style-type:none;
	margin:0;
	padding:9px 0 0 0;
	background:#000000;
	filter: alpha(opacity=75); /* internet explorer */
}
ul.menu li ul li {
	float:none;
	height: auto;
	margin:0;
	padding:0;
	border:none;
	filter: alpha(opacity=100); /* internet explorer */
}
ul.menu li ul li a {
	float:none;
	background:none;
	margin:0;
	padding:0;
	display:block;
	font-size:13px;
	height:auto;
	margin:0;
	padding:4px 13px 4px 13px;
	font-weight:normal;
}

/* drop down menu hover styles */
ul.menu li:hover ul {
	border:none;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
ul.menu li:hover ul * {
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
ul.menu li ul li:hover {
	background-color:#333333;
}