This wiki is no longer being updated as of December 10, 2025.
|
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 238: | Line 238: | ||
{ | { | ||
position:relative; | position:relative; | ||
width:100%; | |||
float:left; | |||
display:block; | |||
margin:0; | |||
padding:0; | |||
text-decoration:none; | |||
} | } | ||
| Line 243: | Line 249: | ||
{ | { | ||
width:180px; | width:180px; | ||
top:0px; | |||
left:0px; | |||
min-height:60px; | |||
background-color:green; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
float:left; | |||
} | } | ||
#serverStatusDate | #serverStatusDate | ||
{ | { | ||
/* | |||
position:relative; | position:relative; | ||
top: | top:10px; | ||
left: | left:10px; | ||
color: | */ | ||
font:oblique | padding:10px 0 0 10px; | ||
color:#fff; | |||
font:oblique 12px verdana,arial,sans-serif; | |||
} | } | ||
#serverStatusEvent | #serverStatusEvent | ||
{ | { | ||
/* | |||
position:relative; | position:relative; | ||
top:20px; | top:20px; | ||
left: | left:8px; | ||
font:normal | */ | ||
padding:10px 0 0 8px; | |||
font:normal 16px/24px verdana,arial,sans-serif; | |||
color:white; | color:white; | ||
border-bottom:none; | border-bottom:none; | ||
| Line 267: | Line 285: | ||
#serverStatusDescription | #serverStatusDescription | ||
{ | { | ||
top:0px; | |||
min-width:100px; | |||
min-height:60px; | |||
/*margin-right:16px;*/ | |||
margin-left:196px; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
Revision as of 16:58, 8 April 2013
/* CSS placed here will be applied to all skins */
<head>
<style type="text/css">
/* ================================================================= */
/* Dummy is needed. Some conflict ignores the first declaration here */
#dummy{}
/* ================================================================= */
/* ================================================================= */
/* ===================== PRODUCT TEMPLATE ========================== */
/* ================================================================= */
h3
{
font-weight:bold;
font-size:14px;
padding:4px 0px -2px 0px;
}
/* ================================================================= */
/* ======================= SIMPLE UI =============================== */
/* ================================================================= */
#welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1, #productHeader h1, #productSecond h1, #productLeft h1
{
font:normal 24px/24px verdana,arial,sans-serif;
color:white;
border-bottom:none;
}
#welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeader, #productSecond, #productLeft
{
position:relative;
}
#welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft
{
padding:0;
margin:0;
}
#welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft
{
display:block;
text-decoration:none;
}
#welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #productHeaderLeftColor, #productLeftTopColor, #productLeftBottomContent
{
float:left;
}
#productSecondRightColor
{
float:right;
}
#welcomeHeaderLeftColor, #welcomeLeft, #welcomeLeftTopColor, #welcomeLeftBottomContent
{
width:380px;
}
#productHeaderLeftColor, #productSecondRightColor
{
width:280px;
}
#welcomeLeftBottomContent, #productLeftBottomContent
{
margin-top:16px;
}
#welcomeHeader, #productHeader, #productSecond, #productListHead
{
margin-bottom:-16px;
}
#welcomeHeaderRightContent
{
margin-left:396px;
}
#productHeaderRightContent
{
margin-left:296px;
}
#welcomeRightRightContent
{
margin-left:196px;
}
#productSecondLeftContent
{
margin-right:296px;
min-width:400px;
}
#welcomeHeaderRightContent, #welcomeRightRightContent, #productHeaderRightContent
{
min-width:100px;
}
#welcomeRightRightContent
{
min-height:100px;
}
/*
#welcomeHeaderRightContent, #welcomeRightRightContent
{
text-align:center;
}
*/
#welcomeHeader, #productHeader, #productSecond, #productLeft, #productLeftTopColor, #productLeftBottomContent
{
width:100%;
}
#welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productHeader, #productSecond, #productSecondLeftContent, #productSecondRightColor, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor
{
height:100px;
}
#welcomeRightLeftColor
{
width:180px;
}
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productSecondLeftContent, #productSecondRightColor
{
top:0px;
}
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent, #productSecondLeftContent
{
left:0px;
}
#productSecondRightColor
{
right:0px;
}
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent, #productSecondLeftContent, #productSecondRightColor, #productListShadow
{
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
}
.clear-both
{
clear:both;
}
/* ================================================================= */
/* ====================== POSITIONING FIXES ======================== */
/* ================================================================= */
#welcomeRightUpdatesFix
{
margin-top:0px;
}
#welcomeRightSupportFix
{
margin-top:-15px;
}
#welcomeRightUpdatesFix, #welcomeRightSupportFix
{
margin-left:14px;
}
#welcomeImage
{
padding:0px;
}
.padded
{
padding:0px 10px 6px 10px;
}
.paddedtop
{
padding:8px 10px;
}
/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */
/* ================================================================= */
/* ============================ COLORS ============================= */
/* ================================================================= */
.blue
{
background-color:#0159d0;
}
.green
{
background-color:#157c07;
}
.orange
{
background-color:#ec8205;
}
.red
{
background-color:#d70000;
}
/* ================================================================= */
/* ======================== TABLE SHADING ========================== */
/* ================================================================= */
table.alternate01
{
border-collapse:collapse;
}
.alternate01 tr,
.alternate01 td,
.alternate01 th
{
border-right:1px solid #AAAAAA;
border-bottom:1px solid #AAAAAA;
padding:3px 6px;
text-align:left;
}
.alternate01 tr:nth-child(odd)
{
background-color:white;
}
.alternate01 tr:nth-child(even)
{
background-color:#F6F6F6;
}
/* ============================ New Modifications ======================== */
#serverStatusHeader
{
position:relative;
width:100%;
float:left;
display:block;
margin:0;
padding:0;
text-decoration:none;
}
#serverStatusColor
{
width:180px;
top:0px;
left:0px;
min-height:60px;
background-color:green;
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
float:left;
}
#serverStatusDate
{
/*
position:relative;
top:10px;
left:10px;
*/
padding:10px 0 0 10px;
color:#fff;
font:oblique 12px verdana,arial,sans-serif;
}
#serverStatusEvent
{
/*
position:relative;
top:20px;
left:8px;
*/
padding:10px 0 0 8px;
font:normal 16px/24px verdana,arial,sans-serif;
color:white;
border-bottom:none;
}
#serverStatusDescription
{
top:0px;
min-width:100px;
min-height:60px;
/*margin-right:16px;*/
margin-left:196px;
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
}
</style>
</head>