MediaWiki:Vector.css
From Wikimini Stock
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 affect users of the Vector 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-top: 20px;
margin-left: 10.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;
}
.thumbs-table .thumbcaption a.internal{
color: #FFF !important;
}
/* ----- 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;
}
canvas img{
width: 100px;
height: 100px;
border: 2px solid #ffffff;
}
fieldset#mw-prefsection-personal-signature {
display: none;
}
fieldset#mw-prefsection-rendering-skin {
display: none;
}
fieldset#mw-prefsection-rendering-files {
display: none;
}
fieldset#mw-prefsection-rendering-diffs {
display: none;
}
fieldset#mw-prefsection-rendering-advancedrendering {
display: none;
}
#mw-userlogin-help {
display: none;
}
Views
Tools 
Personal tools
