User:Inductiveload/site-css-js/Gadget-enws-mainpage.css

From Wikisource
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.

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