MediaWiki:Common.css

From Melissa Data Wiki
Revision as of 16:33, 27 July 2012 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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{}
/* ================================================================= */

/* ================================================================= */
/* ===================== WIDGET TEMPLATE =========================== */
/* ================================================================= */
.mdwidget
{
border:1px solid #aaa;
background-color:#f9f9f9;
color:black;
margin:10px 0 10px 20px;
float: right;
clear: right;
text-align:left;
font-size:88%;
line-height:1.5em;
-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
}

/*#mdwidget
{
position:relative;
display:block;
right:5px;
top:10px;
width:200px;
margin:px 0px 10px 20px;
-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
border:1px solid darkgray;
}*/

#mdwidget_head
{
color:white;
font-weight:bold;
border-bottom:1px solid darkgray;
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(27,84,145,1) 1%, rgba(0,119,216,1) 51%, 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(51%,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) 51%,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) 51%,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) 51%,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) 51%,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 */


-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
top:0px;
left:-1px;
padding:8px 6px 6px 6px;
}

#mdwidget_body
{/*
top:49px;
left:0px;
width:100%;
height:100%;
*/
padding:10px 4px;
}

/* ================================================================= */
/* ===================== 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
{
margin-left:51%;
width:49%;
margin-bottom:14px;
}
#mdmain.bot
{
float:left;
}

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

#mdcontainer01 h1 strong
{
color:#1B5491;
font-weight:bold;
}
#mdcontainer01 h1
{
padding:2px 0 0 0;
margin:0px;
font-size:18px;
font-weight:normal;
color:black;
border:0px;
}
#mdcontainer01 h2
{
padding:0 0 2px 0;
margin:0px;
font-size:14px;
font-weight:bold;
color:#1B5491;
border:0px;
}

#mdcontainer01.main
{
outline:darkgray solid 1px;
/* border:1px solid darkgray; */
width:100%;
padding:0px;
}
#mdcontainer01.header
{
border-bottom:1px solid darkgray;
text-align:left;
padding:1px 0 0 10px;
height:24px;
margin:0px;
/* ========= GRADIENT BACKGROUND ============= */
/* for non-css3 browsers
background: #F8F8F8;
/* for IE
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#ECECEC'); 
/* for webkit browsers
background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#ECECEC)); 
/* for firefox 3.6+
background: -moz-linear-gradient(top,  #F8F8F8,  #ECECEC);*/
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(27,84,145,1) 1%, rgba(0,119,216,1) 51%, 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(51%,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) 51%,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) 51%,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) 51%,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) 51%,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;
}

/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */
#mdcontainer01.side
{
outline:darkgray solid 1px;
padding:0px;
}
#mdcontainer01.smallhead
{
border-bottom:1px solid darkgray;
text-align:left;
padding:1px 0 0 10px;
margin:0px;
height:18px;
/* ========= GRADIENT BACKGROUND ============= */
/* for non-css3 browsers */
background: #F4F8FF;
/* for IE */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F8FF', endColorstr='#E5EEFF'); 
/* for webkit browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#F4F8FF), to(#E5EEFF)); 
/* for firefox 3.6+ */
background: -moz-linear-gradient(top,  #F4F8FF,  #E5EEFF);
/* =========================================== */
}
</style>
</head>

/* ================================================================= */
/* ======================== GETTING STARTED ======================== */
/* ================================================================= */

/* ================================================================= */
/* ===================== OTHER USEFUL LINKS ======================== */
/* ================================================================= */