User:Inductiveload/site-css-js/Gadget-enws-mainpage.css
Jump to navigation
Jump to search
Note: After saving, changes may not occur immediately. Click here to learn how to bypass your browser's cache.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Cmd-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (Cmd-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
For details and instructions about other browsers, see Wikipedia:Bypass your cache.
Code that you insert on this page could contain malicious content capable of compromising your account. If you are unsure whether code you are adding to this page is safe, you can ask at the central discussion page, Scriptorium. The code will be executed when previewing this page under some skins, including Monobook. You can in the interim if you wish to refresh the content sooner under another skin. |
Documentation for this script can be added at User:Inductiveload/site-css-js/Gadget-enws-mainpage. |
/*
*==== This stylesheet deals with Main page settings =====
*/
body.page-Main_Page.action-view .firstHeading, body.page-Main_Page.action-view #siteSub {
display: none;
}
div.main_page {
position: static;
}
/* some new stuff for styling the main page header */
table.tblMain_page_header {
margin: 0 0 1em 0;
/* border and background-color properties set in shared rules; see further down */
width: 100%;
}
table.tblMain_page_header div.divMPheading_wrapper {
float: left;
padding-right: 7em;
}
table.tblMain_page_header .h1 {
font-size: 150%;
padding-bottom: 0.15em;
}
table.tblMain_page_header .h2 {
font-size: 90%;
}
/* override margin-top to better align with h1-element; margin-left isn't applicable in this context */
table.tblMain_page_header ul {
margin: 0;
}
table.tblMain_page_header hr {
color: #569BBB;
background-color: #569BBB;
}
/* may want to loosen specificity a bit... and rename. more likely, it'll become floats... */
div.main_page table.subheader {
width: 100%;
margin: -0.8em 0 -0.7em 0;
background: none;
font-size: 0.95em;
}
div.main_page table.subheader td {
padding: 10px 0;
}
/* some new stuff for styling the layout and look of the main page columns and modules */
div#divMain_page-ColumnWrapper {
float: left;
width: 100%;
}
div#divMain_page-PrimaryMaterial {
float: left;
width: 51%;
}
div#divMain_page-SecondaryMaterial {
float: right;
width: 49%;
}
div#divMain_page-TertiaryMaterial {
float: left;
width: 100%;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule,
div#divMain_page-TertiaryMaterial table.tblMPmodule {
width: 100%;
background-color: transparent;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule td.tdMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule,
div#divMain_page-TertiaryMaterial table.tblMPmodule td.tdMPmodule {
border: 1px solid #cedff2;
padding: 1em 1em 0.5em;
font-size: 100%;
}
div#divMain_page-PrimaryMaterial table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-TertiaryMaterial table.tblMPmodule td.tdMPmodule h2 {
font-size: 135%;
background-color: #569BBB;
color: white;
margin: 0 0 3px 0;
padding: 1px 0 0 0;
text-align: center;
line-height: 1.33;
}
/* common rule for main page header in main page moldules */
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule,
div#divMain_page-ColumnWrapper table.tblMPmodule th,
div#divMain_page-ColumnWrapper table.tblMPmodule td {
border: 1px solid #569BBB;
}
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule th {
background-color: #f1f5fc;
}
/* main page stuff beyond here still to-review */
.main_page h1 {
margin: 0 !important;
padding: 0;
border: 0;
font-size: 1.75em;
}
.main_page .titlebox {
width: 100%;
padding-left: 2em;
border: 1px solid #CCC;
background-color: #FCFCFC;
}
.main_page .titlebox div {
margin-left: 2em;
font-size: 0.95em;
}
.main_page .portals {
width: 11%;
font-size: 0.95em;
}
.main_page th {
padding-left: 0.4em;
border: 1px solid #A3B0BF;
background-color: #ECDCC8;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.main_page .blurb {
width: 60%;
padding: 1em;
border: 1px solid #68A;
background-color: #FFE4C4;
}
.main_page .blurb img {
float: left;
margin: 0 .7em 0 .3em;
}
.main_page .mpsidebox {
width: 30%;
border: 1px solid #68A !important;
}
.main_page .featuredtext {
border: 1px solid #68A;
}
.main_page .mpsidebox table, .main_page .featured_text table {
width: 100%;
vertical-align: top;
}
.main_page .sisterprojects {
margin: 0 -8px;
border-spacing: 8px;
}
.main_page .sisterprojects .sptd {
padding: 10px;
border: 1px solid #BBB;
vertical-align: top;
}
/* above main page stuff that is indented does not appear to be used these days; will review further and eventually remove */
/*
*
* Not only is the above no longer in use but the last attempt to
* freshen things up on the Main Page has fallen to the wayside
*
* 01/04/2015 - Copied what we had "so far" in Tweaks.css to the below
* as the backup to the last known good restoral point where Eliyak(?)
* had left things off the last time he was able to work on this.
**/
/*
*==== This stylesheet deals with Main page settings (sandbox only for now) =====
*/
.page-Main_Page_sandbox.action-view .firstHeading, .page-Main_Page_sandbox.action-view #siteSub, .page-Main_Page_sandbox.action-view #contentSub {
display: none;
}
/* Make main page snazzy on modern browsers */
.page-Main_Page_sandbox #mw-content-text #main-header,
.page-Main_Page_sandbox #mw-content-text #main-col1>div,
.page-Main_Page_sandbox #mw-content-text #main-col2>div,
.page-Main_Page_sandbox #mw-content-text #main-footer {
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-moz-box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
-webkit-box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.2);
}
.page-Main_Page_sandbox #mw-content-text h2 {
background: rgb(83,118,198); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(122,177,214,1) 0%, rgba(83,118,198,1) 30%, rgba(83,118,198,1) 70%, rgba(104,142,183,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(122,177,214,1)), color-stop(30%,rgba(83,118,198,1)), color-stop(70%,rgba(83,118,198,1)), color-stop(100%,rgba(104,142,183,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(122,177,214,1) 0%,rgba(83,118,198,1) 30%,rgba(83,118,198,1) 70%,rgba(104,142,183,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab1d6',endColorstr='#688eb7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.page-Main_Page_sandbox #mw-content-text h3 {
margin: 1em;
padding: 0px;
font-size: 100%;
background: rgb(227,240,252);
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}
.page-Main_Page_sandbox #mw-content-text #main-header #main-scribe {
-moz-border-radius: 0.5em;
border-radius: 0.5em;
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/a/ac/Accueil_scribe_invert.png/120px-Accueil_scribe_invert.png);
-moz-box-shadow: inset 0em 0em 0em 0.2em rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0em 0em 0em 0.2em rgba(0,0,0,0.2);
box-shadow: inset 0em 0em 0em 0.2em rgba(0,0,0,0.2);
}
/* Hide firstHeading etc. & timestamp on edit-protected Main Page */
.page-Main_Page.action-view .firstHeading, .page-Main_Page.action-view #siteSub, .page-Main_Page.action-view #contentSub {
display: none !important;
}
.page-Main_Page #footer-info-lastmod {
display: none !important;
}
/* @end */