MediaWiki:Common.css: Difference between revisions

From Melissa Data Wiki
Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
No edit summary
Line 9: Line 9:
#dummy{}
#dummy{}
/* ================================================================= */
/* ================================================================= */
/* ================================================================= */
/* ===================== PRODUCT TEMPLATE ========================== */
/* ================================================================= */
.boxhead02
{
font-weight:bold;
font-size:14px;
margin-bottom:8px;
}


/* ================================================================= */
/* ================================================================= */

Revision as of 21:09, 22 August 2012


/* CSS placed here will be applied to all skins */
/*  http://www.colorzilla.com/gradient-editor/#1b5491+0,0077d8+52,226ab7+52,5eabff+100;Custom */

<head>
<style type="text/css">
/* ================================================================= */
/* Dummy is needed. Some conflict ignores the first declaration here */
#dummy{}
/* ================================================================= */

/* ================================================================= */
/* ===================== PRODUCT TEMPLATE ========================== */
/* ================================================================= */
.boxhead02
{
font-weight:bold;
font-size:14px;
margin-bottom:8px;
}

/* ================================================================= */
/* ===================== WIDGET TEMPLATE =========================== */
/* ================================================================= */
.mdwidget
{
float:right;
clear:right;
margin:10px 0 10px 20px;
color:black;
text-align:left;
font-size:88%;
line-height:1.5em;
}

#mdwidget_head
{
top:0px;
left:-1px;
height:24px;
padding:6px 0 0 10px;
color:white;
font-size:14px;
font-weight:bold;
border:1px solid #A7D7F9;
-moz-border-top-left-radius:14px;
border-top-left-radius:14px;

background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdwidget_body
{
padding:10px 4px;
background-color:#f9f9f9;
border-left:1px solid #A7D7F9;
border-right:1px solid #A7D7F9;
border-bottom:1px solid #A7D7F9;
}

/* ================================================================= */
/* ===================== MAIN PAGE TEMPLATE ======================== */
/* ================================================================= */
#mdmain
{
display:block;
width:100%;
height:100%;
padding:1px;
}

#mdmain.top
{
margin-bottom:14px;
}

#mdmain.midleft
{
float:left;
width:49%;
margin-right:2%;
margin-bottom:14px;
}

#mdmain.midright
{
width:49%;
margin-left:51%;
margin-bottom:14px;
}

#mdmain.bot
{
float:left;
}

/* ================================================================= */
/* ============================ WELCOME ============================ */
/* ================================================================= */
#mdcontainer01
{
display:block;
}

#mdcontainer01 h1 strong
{
color:white;
font-weight:bold;
}

#mdcontainer01 h1
{
margin:0px;
padding:2px 0 0 0;
color:white;
font-size:18px;
font-weight:bold;
border:0px;
}

#mdcontainer01 h2
{
margin:0px;
padding:0 0 2px 0;
color:white;
font-size:14px;
font-weight:bold;
border:0px;
}

#mdcontainer01.main
{
width:100%;
padding:0px;
}

#mdcontainer01.header
{
height:24px;
margin:0px;
padding:1px 0 0 10px;
text-align:left;
border:1px solid #A7D7F9;
-moz-border-top-left-radius:14px;
border-top-left-radius:14px;

/* ========= GRADIENT BACKGROUND ============= */
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdcontainer01.content
{
padding:14px 10px;
border-left:1px solid #A7D7F9;
border-right:1px solid #A7D7F9;
border-bottom:1px solid #A7D7F9;
}

/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */
#mdcontainer01.side
{
padding:0px;
}

#mdcontainer01.smallheadblue,
#mdcontainer01.smallheadorange,
#mdcontainer01.smallheadgreen,
#mdcontainer01.smallheadred,
#mdcontainer01.smallheaddarkorange,
#mdcontainer01.smallheaddarkgreen,
#mdcontainer01.smallheaddarkred
{
height:18px;
margin:0px;
padding:1px 0 0 10px;
text-align:left;
border:1px solid #A7D7F9;
-moz-border-top-left-radius:10px;
border-top-left-radius:10px;
}

#mdcontainer01.smallheadblue
{

/* ========= GRADIENT BACKGROUND ============= */
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdcontainer01.smallheadorange
{
background: rgb(214,113,12); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(214,113,12,1) 0%, rgba(232,134,37,1) 50%, rgba(214,113,12,1) 50%, rgba(255,162,76,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(214,113,12,1)), color-stop(50%,rgba(232,134,37,1)), color-stop(50%,rgba(214,113,12,1)), color-stop(100%,rgba(255,162,76,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(214,113,12,1) 0%,rgba(232,134,37,1) 50%,rgba(214,113,12,1) 50%,rgba(255,162,76,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(214,113,12,1) 0%,rgba(232,134,37,1) 50%,rgba(214,113,12,1) 50%,rgba(255,162,76,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(214,113,12,1) 0%,rgba(232,134,37,1) 50%,rgba(214,113,12,1) 50%,rgba(255,162,76,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(214,113,12,1) 0%,rgba(232,134,37,1) 50%,rgba(214,113,12,1) 50%,rgba(255,162,76,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6710c', endColorstr='#ffa24c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdcontainer01.smallheadgreen
{
background: rgb(42,86,39); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(42,86,39,1) 0%, rgba(29,89,22,1) 50%, rgba(34,68,31,1) 50%, rgba(66,186,57,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(42,86,39,1)), color-stop(50%,rgba(29,89,22,1)), color-stop(50%,rgba(34,68,31,1)), color-stop(100%,rgba(66,186,57,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(42,86,39,1) 0%,rgba(29,89,22,1) 50%,rgba(34,68,31,1) 50%,rgba(66,186,57,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(42,86,39,1) 0%,rgba(29,89,22,1) 50%,rgba(34,68,31,1) 50%,rgba(66,186,57,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(42,86,39,1) 0%,rgba(29,89,22,1) 50%,rgba(34,68,31,1) 50%,rgba(66,186,57,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(42,86,39,1) 0%,rgba(29,89,22,1) 50%,rgba(34,68,31,1) 50%,rgba(66,186,57,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a5627', endColorstr='#42ba39',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdcontainer01.smallheadred
{
background: rgb(173,0,0); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(173,0,0,1) 0%, rgba(198,15,15,1) 50%, rgba(173,0,0,1) 50%, rgba(255,73,73,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(173,0,0,1)), color-stop(50%,rgba(198,15,15,1)), color-stop(50%,rgba(173,0,0,1)), color-stop(100%,rgba(255,73,73,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(173,0,0,1) 0%,rgba(198,15,15,1) 50%,rgba(173,0,0,1) 50%,rgba(255,73,73,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(173,0,0,1) 0%,rgba(198,15,15,1) 50%,rgba(173,0,0,1) 50%,rgba(255,73,73,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(173,0,0,1) 0%,rgba(198,15,15,1) 50%,rgba(173,0,0,1) 50%,rgba(255,73,73,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(173,0,0,1) 0%,rgba(198,15,15,1) 50%,rgba(173,0,0,1) 50%,rgba(255,73,73,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad0000', endColorstr='#ff4949',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdcontainer01.smallheaddarkorange
{
background: rgb(127,48,0); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(127,48,0,1) 0%, rgba(178,74,0,1) 50%, rgba(147,61,0,1) 50%, rgba(201,87,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(127,48,0,1)), color-stop(50%,rgba(178,74,0,1)), color-stop(50%,rgba(147,61,0,1)), color-stop(100%,rgba(201,87,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(127,48,0,1) 0%,rgba(178,74,0,1) 50%,rgba(147,61,0,1) 50%,rgba(201,87,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(127,48,0,1) 0%,rgba(178,74,0,1) 50%,rgba(147,61,0,1) 50%,rgba(201,87,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(127,48,0,1) 0%,rgba(178,74,0,1) 50%,rgba(147,61,0,1) 50%,rgba(201,87,0,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(127,48,0,1) 0%,rgba(178,74,0,1) 50%,rgba(147,61,0,1) 50%,rgba(201,87,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f3000', endColorstr='#c95700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdcontainer01.smallheaddarkgreen
{
background: rgb(38,58,11); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(38,58,11,1) 0%, rgba(59,89,16,1) 50%, rgba(45,68,13,1) 50%, rgba(44,135,47,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(38,58,11,1)), color-stop(50%,rgba(59,89,16,1)), color-stop(50%,rgba(45,68,13,1)), color-stop(100%,rgba(44,135,47,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(38,58,11,1) 0%,rgba(59,89,16,1) 50%,rgba(45,68,13,1) 50%,rgba(44,135,47,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(38,58,11,1) 0%,rgba(59,89,16,1) 50%,rgba(45,68,13,1) 50%,rgba(44,135,47,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(38,58,11,1) 0%,rgba(59,89,16,1) 50%,rgba(45,68,13,1) 50%,rgba(44,135,47,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(38,58,11,1) 0%,rgba(59,89,16,1) 50%,rgba(45,68,13,1) 50%,rgba(44,135,47,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263a0b', endColorstr='#2c872f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#mdcontainer01.smallheaddarkred
{
background: rgb(119,22,24); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(119,22,24,1) 0%, rgba(170,18,18,1) 50%, rgba(145,27,29,1) 50%, rgba(204,32,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(119,22,24,1)), color-stop(50%,rgba(170,18,18,1)), color-stop(50%,rgba(145,27,29,1)), color-stop(100%,rgba(204,32,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(119,22,24,1) 0%,rgba(170,18,18,1) 50%,rgba(145,27,29,1) 50%,rgba(204,32,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(119,22,24,1) 0%,rgba(170,18,18,1) 50%,rgba(145,27,29,1) 50%,rgba(204,32,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(119,22,24,1) 0%,rgba(170,18,18,1) 50%,rgba(145,27,29,1) 50%,rgba(204,32,35,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(119,22,24,1) 0%,rgba(170,18,18,1) 50%,rgba(145,27,29,1) 50%,rgba(204,32,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#771618', endColorstr='#cc2023',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

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

/* ================================================================= */
/* ============================ TEMPLATE =========================== */
/* ================================================================= */



</style>
</head>
Retrieved from "http://wiki.melissadata.com/index.php?title=MediaWiki:Common.css&oldid=1192"