MediaWiki:Monobook.css: Difference between revisions

Latest revision as of 06:30, 12 October 2014

/* CSS placed here will affect users of the Monobook skin */

/* ----- General layout and design ----------------------- */

#globalWrapper {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

#column-one {
	position: relative !important;
}

@media all and (max-width: 700px) {
	#column-one, #footer { display: none; }
	#content { margin-left: 0 !important; }
}

body {
	margin: 0 2.2em;
	background-image: none;
	background-color: #f5f5f5;
}

#p-cactions {
	margin-left: 5.4em;
}

#p-cactions li  {
	border: 0;
}

#p-cactions li:hover {
	background-color: transparent;
}

.pBody {
	border: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	padding: 5px;
	margin: 0.5em 0 0.8em 0;
}

#p-logo {
	left: 0;
}

#content {
	border: 0;
	min-height: 300px;
	margin-left: 13.4em;
	padding: 20px 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

h1, h2, h3, h4, h5, h6 {
	border-bottom: 0;
	font-weight: normal;
	line-height: 1.1em;
	margin: 1em 0 0.5em 0;
}

h1 { font-size: 240%; }
h2 { font-size: 175%; border-left: 8px solid #fabd23; padding-left: 10px; display: inline-block; }
h3 { font-size: 165%; }
h4 { font-size: 145%; }
h5 { font-size: 115%; font-weight: bold; }
h6 { font-size: 100%; font-weight: bold; }

h1#firstHeading, h1#firstHeading2 {
	font-size: 240%;
	margin-bottom: 1em;
	line-height: 1.2em;
	padding-bottom: 0.3em;
	padding-top: 0;
	color: #444444;
}

.firstHeading:first-letter {
	background-color: #444444;
	color: white;
	display: inline-block;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-right: 3px;
	padding: 5px 6px 5px 4px;
}

.page-Main_Page #firstHeading {
	display: none;
}

/*.page-Main_Page h1#firstHeading2 {
	padding-top: 0;
}*/

.page-Main_Page object p {
	background-image: url(http://stock.wikimini.org/w/assets/carousel/background-no_flash.jpg);
	width:430px;
	height:420px;
	color:#ccc;
	font-size:smaller;
}

form#searchbox {
	padding: 20px;
}

form#searchbox input {
	font-size: 1.3em;
	margin:5px;
	padding:4px;
}

form#searchbox input#mw-inputbox-ns6,
form#searchbox label {
	display:none;
}

.subtitle {
	display: block;
	margin-left: 6px;
	color: #888;
	font-size: 45%;
	text-transform: uppercase;
	letter-spacing: 2px;
}

hr {
	background-color: #fff;
	border: #cdcdcd 1px dashed;
	border-style: none none dashed;
	color: #fff;
	margin: 2.3em 0 2em 0;
	clear: both;
}

p {
	margin: .8em 0 1em 0;
}

#searchGoButton {
	display: none;
}

.clear {
	clear: both;
}

.readmore {
	margin: 1.5em .8em 1.3em 3em;
	background: url(http://stock.wikimini.org/w/images/9/9f/Puce-rouge2.gif) no-repeat left top;
	padding-left: 32px;
	display: inline-block;
}

/* ----- 2 columns page layout ----------------------- */

.ColContainer {
	width:100%;
}

.LeftColumn  {
	width:50%;
	float:left;
}
.RightColumn {
	width:50%;
	float:right;
}


/* ----- Min-width 2 columns page layout ----------------------- */

.RespColContainer {
	width:100%;
}

.RespLeftColumn  {
	width:50%;
	min-width: 430px;
	float:left;
}
.RespRightColumn {
	width:50%;
	min-width: 430px;
	float:right;
}

@media all and (max-width: 1170px) {
	.RespLeftColumn  {
		width:450px;
		float:none;
		display:block;
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}
	.RespRightColumn {
		width:450px;
		float:none;
		display:block;
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}
}


/* ----- Files pages ----------------------- */

ul#filetoc {
	display: none;
}

div#file {
	font-size: 11px;
	margin-bottom: 16px;
	padding: 0px 50px 20px;
	border-bottom: 1px solid #ccc;
}

div#file img {
	padding-bottom: 8px;
}

h2#filehistory {
	border-top: 2px solid #ccc;
	border-left: 0;
	padding-top: 40px;
	padding-left: 0;
}


/* ----- Thumbnails ----------------------- */

div.thumb {
	margin-bottom: 1em;
	border: 0;
}

div.thumbinner {
	border: 0;
	padding: 20px 22px !important;
	background-color: transparent;
	font-size: 100%;
	text-align: center !important;
	/*box-shadow: 0px 0px 6px #bbb inset;*/
}

html .thumbimage {
	border: 1px solid #fff;
}

html .thumbimage:hover {
	opacity:.8;
}

html .thumbcaption {
	text-align: center !important;
	padding: 5px;
	font-size: 100%;
	color: #888888;
}

div.magnify, div.magnify a, div.magnify img {
	display: none;
}

div.tright {
	margin-left: 1em;
}

div.tleft {
	margin-right: 1em;
}


/* ----- Other images ----------------------- */

div.floatright {
	margin: 0 0 2em 2em;
	border: 0;
}

div.floatleft {
	margin: 0 2em 2em 0;
}


/* ----- Galeries ----------------------- */

table.gallery {
	border: 0;
}

table.gallery td {
	background-color: transparent;
	padding: 18px 20px;
}

div.gallerybox div.thumb {
	border: 1px solid #ddd;
}

div.gallerybox div.thumb:hover {
	border: 1px solid #ddd;
	box-shadow: 0px 0px 6px #bbb inset;
}

div.gallerytext {
	text-align: center;
	color: #888;
}


/* ----- Visual indexes of images on main page ("thumbs-table") ----------------------- */

.thumbs-table th {
	padding: 0;
	text-align: left;
}

.thumbs-table th img {
	background-color: #fff;
	vertical-align: middle;
	float: left;
	padding-right: 10px;
	margin-right: 20px;
}

.thumbs-table h3 {
	font-size: 125%;
	color: #fff;
}

.thumbs-table .subtitle {
	color: #888;
}

.thumbs-table h3:hover .subtitle {
	background-color: #fff;
}

.thumbs-table a:hover {
	text-decoration: none;
}

/* Réinitialisation de certains styles non désirés pour les thumbs: */
.thumbs-table .thumb,
.thumbs-table .thumbinner,
.thumbs-table .thumbimage,
.thumbs-table .tright,
.thumbs-table .tleft {
	margin: 0;
	padding: 0 !important;
	border: 0;
	background-color: transparent;
	clear: none;
	float: none;
}
.thumbs-table .thumbinner {
	font-size: 90%;
}
.thumbs-table .magnify {
	display: none;
}

/* Affichage de la légende (caption) sur l'image */
.thumbs-table .thumbinner {
	display: inline-block;
	position: relative;
}
.thumbs-table .thumbcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 3em; /* = 3 lignes de texte en line-height = 1em)*/
	background-color: rgba(0,0,0,0.6);
	text-align: left !important;
	color: #fff;
	font-weight: bold;
	line-height: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.thumbs-table .thumbinner:hover .thumbcaption {
	display: none;
}


/* ----- Categories ----------------------- */

#mw-subcategories h3 {
	display: none;
	/* These headings didn't make sense with our custom sortkeys (all beginning with letter "C") */
}

/* Category tree styling (works in conjonction with:
    > [[MediaWiki:Categorytree-expand-bullet]],
    > [[MediaWiki:Categorytree-collapse-bullet]]
    > [[MediaWiki:Categorytree-empty-bullet]] */

#mw-subcategories ul {
	list-style: none none;
	margin-left: 0.25em;
}

#mw-subcategories span.CategoryTreeBullet {
	background: url(http://stock.wikimini.org/w/images/folder-horizontal-open.png) no-repeat left top;
}

#mw-subcategories span.CategoryTreeBullet span {
	color:transparent !important;
}

#mw-subcategories .CategoryTreeItem span:last-child {
	color: #888;
	display:none;
}

.CategoryTreeChildren {
	margin-left: 2em;
}


/* ----- Templates -------------------- */

/* Template:Lang */

#lang-header {
	margin-bottom: 16px;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#lang-header:hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

#lang-header ul {
	list-style: none;
	margin: 0;
	padding: 0 20px 0 24px;
	float:left;
	background: url('http://stock.wikimini.org/w/images/thumb/5/5c/Globe_icon.png/16px-Globe_icon.png') no-repeat;
}

#lang-header li {
	display: inline;
}

#lang-header li:after {
	content: "\007C";
}

#lang-header li:last-child:after {
	content: none;
}


/* ----- Footer ----------------------- */

#f-poweredbyico {
	display:none
}


/* ----- Remove distraction and unnecessary clutter ----------------------- */

/* Options in the edit form */

.editOptions #wpSummaryLabel,
.editOptions input#wpSummary,
.editOptions input#wpMinoredit,
.editOptions input#wpWatchthis,
.editOptions input#wpDiff,
.editOptions label,

/* More options in upload page */
#mw-upload-table input#wpWatchthis,
#mw-upload-table input#wpIgnoreWarning,
#mw-upload-table label[for=wpWatchthis],
#mw-upload-table label[for=wpIgnoreWarning] {
    display: none;
}

/* Unused namespaces in advanced search form */
/* (talk pages are being replaced by LiquidThreads) */

form#powersearch input#mw-search-ns1,
form#powersearch label[for=mw-search-ns1],
form#powersearch input#mw-search-ns7,
form#powersearch label[for=mw-search-ns7],
form#powersearch input#mw-search-ns13,
form#powersearch label[for=mw-search-ns13],
form#powersearch input#mw-search-ns3,
form#powersearch label[for=mw-search-ns3],
form#powersearch input#mw-search-ns9,
form#powersearch label[for=mw-search-ns9],
form#powersearch input#mw-search-ns15,
form#powersearch label[for=mw-search-ns15],
form#powersearch input#mw-search-ns5,
form#powersearch label[for=mw-search-ns5],
form#powersearch input#mw-search-ns11,
form#powersearch label[for=mw-search-ns11],
form#powersearch input#mw-search-ns91,
form#powersearch label[for=mw-search-ns91],
form#powersearch input#mw-search-ns92,
form#powersearch label[for=mw-search-ns92],
form#powersearch input#mw-search-ns93,
form#powersearch label[for=mw-search-ns93] {
    display:none;
}

/* Links pointing to anonyous user's page and talk page */

li#pt-anonuserpage,
li#pt-anontalk {
    display:none;
}

/* "Rename" link on user pages */

body.ns-2 li#ca-move {
    display:none;
}

/* "Edit" button on category pages (to prevent newbies to edit these pages and mess up sortkeys */
.ns-14 #ca-edit {
    display: none !important;
}

/* Toolbox */

li#t-whatlinkshere,
li#t-recentchangeslinked,
li#t-print,
li#t-permalink,
li#t-log {
    display: none;
}


/* ----- Below is some CSS code that was included into the Wikimini skin that we also need here ----------------------- */

/* ============================= Wikimini Boîte déroulante ====================== */

div.BoxenVerschmelzen,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 100%;
}
div.BoxenVerschmelzen div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #ffffff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}

.NavToggle {

   font-size: x-small;
   float:right;

}