MediaWiki:Vector.css : Différence entre versions

De Aide Battle Arenas
(Annulation des modifications 2040 de WikiSysop (discussion))
 
Ligne 1 : Ligne 1 :
−
/* CSS placed here will affect users of the Vector skin */
+
/***********************/
 +
/* jquery tabs/sliders */
 +
/***********************/
 +
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
 +
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
 +
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
 +
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
 +
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
 +
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
 +
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
 +
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
 +
.ui-tabs .ui-tabs-hide { display: none !important; }
 +
.ui-tabs-hide { display: none !important; }
  
−
/* Cacher l'icône "Powered by MediaWiki" */
+
/******************/
−
#footer-icon-poweredby { display: none; }
+
/* jquery widgets */
 +
/******************/
 +
.ui-widget { font-family: sans-serif; font-size:1em; }
 +
.ui-widget .ui-widget { font-size:1em; }
 +
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: sans-serif; font-size:1em; }
 +
.ui-widget-content { border:1px solid #aaa; background:#f9f9f9; color:#000; }
 +
.ui-widget-content a { color:#0645AD; }
 +
.ui-widget-header { border-bottom:1px solid #aaa; background:#f9f9f9; color:#000; font-weight:bold; line-height:1em; }
 +
.ui-widget-header a { color:#0645AD; }
  
−
/* Notes diverses */
+
/*****************************************/
−
/** Informations de bas de page : voir [[Mediawiki:Viewcount]] et [[Mediawiki:Lastmodifiedat]] **/
+
/* jquery tabs/sliders interaction state */
 +
/*****************************************/
 +
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; }
 +
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
 +
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; }
 +
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
 +
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; }
 +
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
 +
.ui-widget :active { outline: none; }
  
−
/* Fond du wiki */
+
/**********/
−
body { background:url(http://wiki.battle-arenas.net/images/9/90/Fond.jpg) no-repeat fixed center top #000000; }
+
/* portal */
 +
/**********/
 +
.portal_container { }
 +
.portal_section { border:1px solid #aaa; margin:0; background:#f9f9f9; border-radius:10px 10px 10px 10px; }
 +
.portal_section ul { list-style: disc; }
 +
.portal_header { padding:0 1em; position:relative; }
 +
.portal_header_text { line-height:2em; font-size:2em; border-bottom:1px solid black; }
 +
.portal_headerlinks { font-size:0.8em; position:absolute; right:1em; bottom:-2em; padding-bottom:2px; }
 +
.portal_body { padding:0.8em; }
 +
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
 +
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { }
 +
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px solid black; text-align: left; font-size: 1.8em; line-height:1.8em; }
  
−
/* Fond du wiki sur le haut de page */
+
/******************/
−
#mw-page-base { background:none; }
+
/* portal: slider */
 +
/******************/
 +
#portal_slider { margin: 0px; padding: 0px; position: relative; height: 450px; }
 +
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 0, rgb(221,221,221) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(153,153,153)), color-stop(100%, rgb(221,221,221))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(153,153,153); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
 +
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(114,183,245) 0, rgb(167,215,249) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(114,183,245)), color-stop(100%, rgb(167,215,249))); color: rgb(114,183,245); }
 +
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
 +
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
 +
#portal_slider > .portal_body { padding: 0; }
  
−
/* Fond en transparence sur le bloc central */
+
/***********/
−
div#content { background:rgba(255,255,255,.8); }
+
/* infobox */
 +
/***********/
 +
.terainfobox { border:1px solid #aaa; float:right; margin-bottom:2em; margin-left:2em; padding:0; width:275px; border-spacing:2px; }
 +
.terainfobox th { background:#f2f2f2; border:1px solid #aaa; color:#000; font-weight:normal; font-size:0.9em; line-height:1.2em; padding-right:0.5em; text-align:right; width:35%; }
 +
.terainfobox td { background:#fff; font-size:0.9em; line-height:1.2em; padding:0.3em; text-align:left; }
 +
.terainfobox .terainfobox_header { background:#f2f2f2; border:1px solid #aaa; color:#000; font-size:1.1em; line-height:1.1em; padding:0; }
 +
.terainfobox .terainfobox_header2 { width:100%; }
 +
.terainfobox .terainfobox_image { border:1px solid #aaa; padding:4px; text-align:center; }
 +
.terainfobox .terainfobox_imagecaption { font-weight:bold; padding:0.5em; }
 +
.terainfobox .terainfobox_header td { background-color:transparent; text-align:center; }
 +
.terainfobox .terainfobox_supertitle, .terainfobox .terainfobox_subtitle { font-size:0.9em; line-height:1.2em; }
 +
.terainfobox .terainfobox_title { font-size: 1.2em; font-weight: bold; line-height: 1.35em; }
  
−
/* Design du footer */
+
/**********/
−
#footer { color: white; }
+
/* navbox */
 +
/**********/
 +
.navbox { border:1px solid #aaa; background-color:#f9f9f9; border-spacing:0; clear:both; font-size:88%; margin:1em auto auto; padding:0; text-align:center; width:100%; }
 +
.navbox table, .navbox-subgroup { border-spacing: 1px; }
 +
.navbox + .navbox { margin: 1px 0 0; }
 +
.navbox tr, .navbox-columns-table tr { background-color: #fff; }
 +
.navbox table td { background-color: #f9f9f9; }
 +
.navbox-even { background-color: #f9f9f9; }
 +
.navbox-odd { background-color: #f9f9f9; }
 +
.navbox-title, .navbox-abovebelow, table.navbox th { background-color:#f2f2f2; border-color: #aaa; border-style: solid; border-width: 1px; padding-left: 1em; padding-right: 1em; text-align: center; }
 +
.navbox-group { background:#f2f2f2; border: 1px solid #aaa; font-weight: bold; padding-left: 1em; padding-right: 1em; text-align: right; white-space: nowrap; }
 +
.navbox-subgroup { background-color: #fff; }
 +
.navbox-list { border-color: #f9f9f9; }
 +
.navbox-title, navbox th { }
 +
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color:#f2f2f2 !important; }
 +
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color:#f2f2f2 !important; }
 +
.navbox .collapseButton { width: 6em; }
 +
.navbox .collapseButton { float: right; font-weight: normal; text-align: right; width: auto; }
  
−
/* Boîte utilisateur */
+
/*********/
−
/** Couleur de fond **/
+
/* ambox */
−
#p-personal {  
+
/*********/
−
background-color: #FFFFFF;
+
.ambox { background-color: #f9f9f9; border-color: #BBBBAA; border-style: solid; border-width: 1px 1px 1px 10px; margin: 8px 10% 12px; padding: 2px 10px; }
−
border: 1px solid #A7D7F9;
+
.ambox-blue { border-color: #1E90FF; }
−
padding: 2px 5px 3px 5px;
+
.ambox-red { border-color: #B22222; }
−
}
+
.ambox-orange { border-color: #F28500; }
 +
.ambox-yellow { border-color: #F4C430; }
 +
.ambox-purple { border-color: #9932CC; }
 +
.ambox-gray { border-color: #BBBBAA; }
 +
.ambox-green { border-color: #228B22; }
 +
.ambox-image { padding-right: 10px; text-align: center; min-width: 45px; vertical-align:middle; }
 +
.ambox-info { color: #000; }
  
−
/* Menu de navigation (Mediawiki:Sidebar) */
+
/*********/
−
/** Couleur de fond **/
+
/* ombox */
−
div#mw-panel {
+
/*********/
−
background-color: #FFFFFF;
+
.ombox { background: #f9f9f9; border: 1px solid #aaa; margin: 0.5em 0.5em 0.5em 10%; clear:both; padding:0.2em; width:80%; }
−
border: 1px solid #A7D7F9;
+
.ombox-image { text-align: center; width:90px; }
−
margin-left:10px;
+
.ombox-image-right { text-align: center; width:90px; }
−
}
+
.ombox-info { color: #000; width: 100%; }
−
 
+
.ombox-red { border:1px solid #b22222 !important; }
−
/* Bloc central (div#content) */
+
.ombox-orange { border:1px solid #f28500 !important; }
−
/** Largeur du bloc central (gauche) **/
+
.ombox-yellow { border:1px solid #f4c430 !important; }
−
div#content, div#mw-head, div#footer, div#mw-head-base {
+
.ombox-purple { border:1px solid #9932cc !important; }
−
margin-left: 200px;
+
.ombox-blue { border:1px solid #1e90ff !important; }
−
}
+
.ombox-green { border:1px solid #228b22 !important; }
−
/** Largeur du bloc central (droite) **/
+
.ombox-gray { border:1px solid #bba !important; }
−
div#content, div#mw-head, div#footer, div#mw-head-base {
+
.ombox-default { border:1px solid #aaa !important; }
−
margin-right: 75px;
+
−
}
+
−
/** Bord du bloc central **/
+
−
div#content {
+
−
border: 1px solid #A7D7F9;
+
−
}
+
−
 
+
−
/* Gestion des onglets Message et Discussion (calage sur div#content) */
+
−
div#left-navigation {
+
−
margin-left: 115px;
+
−
}
+
−
 
+
−
/* Formatage des liens du bloc du bas (footer) */
+
−
/** Couleur des liens **/
+
−
div#footer li a,
+
−
/*** Normal ***/
+
−
div#footer li a.new
+
−
            { color: #FFFFFF; text-decoration: none; }
+
−
/*** Passage de la souris ***/
+
−
div#footer li a:hover
+
−
            { color: #E97B00; background-color: transparent; text-decoration: underline; }
+
−
 
+
−
/* Formatage des menus de navigation (haut) */
+
−
/** Droite puis gauche **/
+
−
#p-views
+
−
#p-namespaces
+

Version actuelle en date du 26 septembre 2012 à 19:22

/***********************/
/* jquery tabs/sliders */
/***********************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }

/******************/
/* jquery widgets */
/******************/
.ui-widget { font-family: sans-serif; font-size:1em; }
.ui-widget .ui-widget { font-size:1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: sans-serif; font-size:1em; }
.ui-widget-content { border:1px solid #aaa; background:#f9f9f9; color:#000; }
.ui-widget-content a { color:#0645AD; }
.ui-widget-header { border-bottom:1px solid #aaa; background:#f9f9f9; color:#000; font-weight:bold; line-height:1em; }
.ui-widget-header a { color:#0645AD; }

/*****************************************/
/* jquery tabs/sliders interaction state */
/*****************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/**********/
/* portal */
/**********/
.portal_container { }
.portal_section { border:1px solid #aaa; margin:0; background:#f9f9f9; border-radius:10px 10px 10px 10px; }
.portal_section ul { list-style: disc; }
.portal_header { padding:0 1em; position:relative; }
.portal_header_text { line-height:2em; font-size:2em; border-bottom:1px solid black; }
.portal_headerlinks { font-size:0.8em; position:absolute; right:1em; bottom:-2em; padding-bottom:2px; }
.portal_body { padding:0.8em; }
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { }
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px solid black; text-align: left; font-size: 1.8em; line-height:1.8em; }

/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0px; padding: 0px; position: relative; height: 450px; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 0, rgb(221,221,221) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(153,153,153)), color-stop(100%, rgb(221,221,221))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(153,153,153); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(114,183,245) 0, rgb(167,215,249) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(114,183,245)), color-stop(100%, rgb(167,215,249))); color: rgb(114,183,245); }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }

/***********/
/* infobox */
/***********/
.terainfobox { border:1px solid #aaa; float:right; margin-bottom:2em; margin-left:2em; padding:0; width:275px; border-spacing:2px; }
.terainfobox th { background:#f2f2f2; border:1px solid #aaa; color:#000; font-weight:normal; font-size:0.9em; line-height:1.2em; padding-right:0.5em; text-align:right; width:35%; }
.terainfobox td { background:#fff; font-size:0.9em; line-height:1.2em; padding:0.3em; text-align:left; }
.terainfobox .terainfobox_header { background:#f2f2f2; border:1px solid #aaa; color:#000; font-size:1.1em; line-height:1.1em; padding:0; }
.terainfobox .terainfobox_header2 { width:100%; }
.terainfobox .terainfobox_image { border:1px solid #aaa; padding:4px; text-align:center; }
.terainfobox .terainfobox_imagecaption { font-weight:bold; padding:0.5em; }
.terainfobox .terainfobox_header td { background-color:transparent; text-align:center; }
.terainfobox .terainfobox_supertitle, .terainfobox .terainfobox_subtitle { font-size:0.9em; line-height:1.2em; }
.terainfobox .terainfobox_title { font-size: 1.2em; font-weight: bold; line-height: 1.35em; }

/**********/
/* navbox */
/**********/
.navbox { border:1px solid #aaa; background-color:#f9f9f9; border-spacing:0; clear:both; font-size:88%; margin:1em auto auto; padding:0; text-align:center; width:100%; }
.navbox table, .navbox-subgroup { border-spacing: 1px; }
.navbox + .navbox { margin: 1px 0 0; }
.navbox tr, .navbox-columns-table tr { background-color: #fff; }
.navbox table td { background-color: #f9f9f9; }
.navbox-even { background-color: #f9f9f9; }
.navbox-odd { background-color: #f9f9f9; }
.navbox-title, .navbox-abovebelow, table.navbox th { background-color:#f2f2f2; border-color: #aaa; border-style: solid; border-width: 1px; padding-left: 1em; padding-right: 1em; text-align: center; }
.navbox-group { background:#f2f2f2; border: 1px solid #aaa; font-weight: bold; padding-left: 1em; padding-right: 1em; text-align: right; white-space: nowrap; }
.navbox-subgroup { background-color: #fff; }
.navbox-list { border-color: #f9f9f9; }
.navbox-title, navbox th { }
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background-color:#f2f2f2 !important; }
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color:#f2f2f2 !important; }
.navbox .collapseButton { width: 6em; }
.navbox .collapseButton { float: right; font-weight: normal; text-align: right; width: auto; }

/*********/
/* ambox */
/*********/
.ambox { background-color: #f9f9f9; border-color: #BBBBAA; border-style: solid; border-width: 1px 1px 1px 10px; margin: 8px 10% 12px; padding: 2px 10px; }
.ambox-blue { border-color: #1E90FF; }
.ambox-red { border-color: #B22222; }
.ambox-orange { border-color: #F28500; }
.ambox-yellow { border-color: #F4C430; }
.ambox-purple { border-color: #9932CC; }
.ambox-gray { border-color: #BBBBAA; }
.ambox-green { border-color: #228B22; }
.ambox-image { padding-right: 10px; text-align: center; min-width: 45px; vertical-align:middle; }
.ambox-info { color: #000; }

/*********/
/* ombox */
/*********/
.ombox { background: #f9f9f9; border: 1px solid #aaa; margin: 0.5em 0.5em 0.5em 10%; clear:both; padding:0.2em; width:80%; }
.ombox-image { text-align: center; width:90px; }
.ombox-image-right { text-align: center; width:90px; }
.ombox-info { color: #000; width: 100%; }
.ombox-red { border:1px solid #b22222 !important; }
.ombox-orange { border:1px solid #f28500 !important; }
.ombox-yellow { border:1px solid #f4c430 !important; }
.ombox-purple { border:1px solid #9932cc !important; }
.ombox-blue { border:1px solid #1e90ff !important; }
.ombox-green { border:1px solid #228b22 !important; }
.ombox-gray { border:1px solid #bba !important; }
.ombox-default { border:1px solid #aaa !important; }
Récupérée de « http://wiki.battle-arenas.net/index.php?title=MediaWiki:Vector.css&oldid=2307 »