MediaWiki:Common.css
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 { position:absolute; display:inline; right:5px; top:10px; width:200px; margin:10px 0px 10px 20px; -moz-border-top-left-radius:15px; border-top-left-radius:15px; border:1px solid darkgray; } #mdwidget_head { position:absolute; border-bottom:1px solid darkgray; background-color:lightblue; width:200px; height:50px; top:0px; left:0px; } #mdwidget_body { position:absolute; top:52px; left:0px; width:200px; } /* ================================================================= */ /* ===================== 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); /* =========================================== */ } #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 ======================== */ /* ================================================================= */