MediaWiki:Common.css

From TLKMuck Wiki

(Difference between revisions)
Jump to: navigation, search
 
(3 intermediate revisions not shown)
Line 3: Line 3:
* Dynamic menus
* Dynamic menus
*/
*/
-
.dmenu { width: 180px }
+
 
-
+
/* ---- Begin TLKMenu Standard Design ---------------- */
-
.dmenu, .dmenu ul { /* all lists */
+
#tlkmenu
-
padding: 0;
+
{ margin: 0;
-
margin: 0;
+
padding: 0;
-
list-style: none;
+
z-index: 30}
-
}
+
 
-
.dmenu .selflink { font-weight: normal; }
+
#tlkmenu li
-
+
{ margin: 0;
-
.dmenu li { /* all list items */
+
padding: 0;
-
position: relative;
+
list-style: none;
-
float: left;
+
float: left;
-
width: 172px;
+
font: bold 11px arial}
-
padding: 4px;
+
 
-
z-index: 100;
+
#tlkmenu li a
-
}
+
{ display: block;
-
+
margin: 0 1px 0 0;
-
.dmenu li,
+
padding: 4px 10px;
-
.dmenu li.even a,
+
width: 60px;
-
.dmenu li.odd a,
+
background: #5970B2;
-
.dmenu li li,
+
color: #FFF;
-
.dmenu li li a,
+
text-align: center;
-
.dmenu li li li,
+
text-decoration: none}
-
.dmenu li li li a {
+
 
-
color : black;
+
#tlkmenu li a:hover
-
}
+
{ background: #49A3FF}
-
+
 
-
.dmenu li li { margin: 0; }
+
#tlkmenu div
-
+
{ position: absolute;
-
.dmenu li ul { /* second-level lists */
+
visibility: hidden;
-
position: absolute;
+
margin: 0;
-
left: -999em;
+
padding: 0;
-
z-index: 101;
+
background: #EAEBD8;
-
border: 1px solid #ccc;
+
border: 1px solid #5970B2}
-
}
+
 
-
+
#tlkmenu div a
-
.dmenu li ul ul { /* third-and-above-level lists */
+
{ position: relative;
-
position: absolute;
+
display: block;
-
left: -999em;
+
margin: 0;
-
margin: 0 0 0 0;
+
padding: 5px 10px;
-
z-index: 102;
+
width: auto;
-
}
+
white-space: nowrap;
-
+
text-align: left;
-
.dmenu li.odd .submenu {
+
text-decoration: none;
-
width: 12px;
+
background: #EAEBD8;
-
height: 15px;
+
color: #2875DE;
-
float: right;
+
font: 11px arial}
-
background: url(/common/images/rarr-lt.png) 0 3px no-repeat;
+
 
-
}
+
#tlkmenu div a:hover
-
.dmenu li.even .submenu {
+
{ background: #49A3FF;
-
width: 12px;
+
color: #FFF}
-
height: 15px;
+
/* ----- End TLKMenu Standard Design ---------------- */
-
float: right;
+
-
background: url(/common/images/rarr-dk.png) 0 3px no-repeat;
+
-
}
+
-
.dmenu li.odd {
+
-
background: #E9EDF4;
+
-
border: 2px solid #E9EDF4;
+
-
}
+
-
.dmenu li.even {
+
-
background: #D0D8E8;
+
-
border: 2px solid #D0D8E8;
+
-
}
+
-
+
-
.dmenu li:hover, .dmenu li.sfhover {
+
-
border: 2px solid #385D8A;
+
-
}
+
-
+
-
.dmenu li:hover ul ul,
+
-
.dmenu li:hover ul ul ul,
+
-
.dmenu li.sfhover ul ul,
+
-
.dmenu li.sfhover ul ul ul {
+
-
left: -999em;
+
-
}
+
-
+
-
.dmenu li:hover ul,
+
-
.dmenu li li:hover ul,
+
-
.dmenu li li li:hover ul,
+
-
.dmenu li.sfhover ul,
+
-
.dmenu li li.sfhover ul,
+
-
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
+
-
left: 182px;
+
-
top: -3px;
+
-
}
+

Latest revision as of 02:25, 21 June 2010

/* CSS placed here will be applied to all skins */
/*
* Dynamic menus
*/

/* ---- Begin TLKMenu Standard Design ---------------- */
#tlkmenu
{	margin: 0;
	padding: 0;
	z-index: 30}

#tlkmenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#tlkmenu li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#tlkmenu li a:hover
{	background: #49A3FF}

#tlkmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#tlkmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#tlkmenu div a:hover
	{	background: #49A3FF;
		color: #FFF}
/* ----- End TLKMenu Standard Design ---------------- */
Personal tools
TOOLBOX
LANGUAGES