MediaWiki:Common.css: Difference between revisions

From Melissa Data Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 400: Line 400:
.short-expand2 span.mw-collapsible-toggle{
.short-expand2 span.mw-collapsible-toggle{
float:left;
float:left;
background-color:#ddd;
border:1px solid black;
}
}
span.mw-collapsible-toggle-expanded{
span.mw-collapsible-toggle-expanded{

Revision as of 21:48, 2 April 2014

/* 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 helvetica,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;
}

/*=============== Table Floats (Returned Result Codes Pages) ================ */
.float01
{
float:left;
}

.tableDisplay
{
display:inline-block;
vertical-align:top;
margin:0 20px 20px 0;
}

/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */

/* ================================================================= */
/* ============================ COLORS ============================= */
/* ================================================================= */
.blue
{
background-color:#0159d0;
}
.prodblue, .productblue
{
background-color:#005cbe;
}
.green
{
background-color:#157c07;
}
.prodgreen, .productgreen
{
background-color:#009245;
}
.orange
{
background-color:#ec8205;
}
.prodorange, .productorange
{
background-color:#ff9000;
}
.prodfuchsia, .productfuchsia
{
background-color:#c02040;
}
.red
{
background-color:#d70000;
}
.prodred, .productred
{
background-color:#a31616;
}
.white
{
background-color:#ffffff;
}
.purple, .productpurple
{
background-color:#6f1ba5;
}

/* ================================================================= */
/* ======================== TABLE SHADING ========================== */
/* ================================================================= */
table.alternate01,
table.alternate02
{
border-collapse:collapse;
}

.alternate01 tr,
.alternate01 td,
.alternate01 th,
.alternate02 tr,
.alternate02 td,
.alternate02 th
{
border-right:1px solid #AAAAAA;
border-bottom:1px solid #AAAAAA;
padding:3px 6px;
text-align:left;
}

.alternate01 tr:nth-child(odd),
.alternate02 td:nth-child(odd)
{
background-color:white;
}

.alternate01 tr:nth-child(even),
.alternate02 td:nth-child(even)
{
background-color:#F6F6F6;
}


/* ============================ New Modifications ======================== */
#serverStatusHeader
{
position:relative;
width:100%;
float:left;
display:block;
margin:0 0 16px 0;
padding:0;
text-decoration:none;
}

#serverStatusColor
{
width:180px;
top:0px;
left:0px;
min-height:50px;
-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
{
padding:7px 0 0 10px;
color:#fff;
font:oblique 12px helvetica,arial,sans-serif;
}

#serverStatusEvent
{
padding:1px 0 0 8px;
font:normal 16px/24px helvetica,arial,sans-serif;
color:white;
border-bottom:none;
}

#serverStatusDescription
{
top:0px;
left:0px;
min-width:100px;
min-height:50px;
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);
}
/*===============================================*/
#homeContentBlurb
{
float:left;
min-width:182px;
height:100px;
position:relative;
}

#homeContentColor
{
float:left;
width:100%;
top:0px;
left:0px;
min-width:230px;
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
}

#homeContentImage
{
/*background-color:#eee;*/
height:100px;
min-width:230px;
float:left;
}
/*===============================================*/
#homeHeaderColor
{
min-width:476px;
margin-bottom:16px;
position:relative;
display:block;
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
}

#homeHeaderImage
{
height:100px;
float:left;
/*width:476px;*/
}

#homeHeaderBlurb
{
height:100px;
float:left;
/*width:460px;*/
}


/*===================== Word-Wrap in the <pre> tags ==========================*/
pre
{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

/* JS Collapsible float left ================================================== */
.short-expand span.mw-collapsible-toggle{
float:left;
clear:left;
margin-right:4px;
}
.short-expand2 span.mw-collapsible-toggle{
float:left;
background-color:#ddd;
border:1px solid black;
}
span.mw-collapsible-toggle-expanded{

}
.short-expand, .short-expand2{
background-color:#eee;
}


/*=================== Custom Link Colors !NOT WORKING!============================
standard link colors
.mw-body a:link { color: #0000FF; } /* normal unvisited links
.mw-body a:link:visited { color: #7F007F; } /* visited links
.mw-body a:link:active { color: #FF0000; } /* active links
.mw-body a:link.new { color: #FF0000; } /* new links
.mw-body a:link.interwiki { color: #3366BB; } /* interwiki links
.mw-body a:link.external { color: #3366BB; } /* external links
.mw-body a:link.stub { color: #772233; } /* hovered links

.mw-body a:link {color: #FF0000}
.mw-body a:visited {color: #00FF00}
.mw-body a:hover {color: FF00FF}
.mw-body a:active {color: #0000FF}
*/

</style>
</head>