MediaWiki:Common.css: diferència entre les revisions

Revisió de 14:49, 11 ago 2025

/* Editeu aquest fitxer per personalitzar totes les aparences per al lloc sencer */
/*============================
      1. General
  ============================*/
/* Imports */
@import "/index.php?title=MediaWiki:Noticies.css&action=raw&ctype=text/css";
@import url("caskin.css");

/* Amaga l'atribució de la imatge en un article */
.picture-attribution { display:none !important; }

/** Text expansible **/
/* Aquestes dues classes fan que un text ocult es torni visible quan passes el ratolí per sobre y desapareix quan poses el ratolí sobre un altre text. Original de Uncyclopedia. */

/* Exemple:
<span class="textvisible">Això ho veus<span class="textocult">Això no ho veies</span></span>
;Mostra (posa el ratolí sobre del text):<span class="textvisible">Això ho veus <span class="textocult">Això no ho veies</span></span>

Per més comoditat s'ha creat la [[Plantilla:Expansible]]*/

/* allows for expanding hidden sig sections (experimental) -Dawg */
.textocult { display: none }
.textvisible:hover .textocult { display: inline !important }
.menuocult { display: none }
.menuvisible:hover .menuocult { display: block !important }

/* Imatges il·luminades */
.imatge_llum:hover img  {
opacity:0.8;
filter:alpha(opacity=80);
}

/* Configuració de Taula */
    tr.llum { }
        tr.llum:hover  {background-color: #FED0AC;}
        .llum tr:hover {background-color: #FED0AC;}
    td { empty-cells: hide }

/*============================
      2. Navegació
  ============================*/
/* Standard Navigationsleisten,
   (aka box hiding thing from .de. Documentation at Wikipedia:NavFrame.) */
    div.Boxmerge,
    div.NavFrame {  margin: 0px;                padding: 4px;
                    border: 1px solid #aaa;     text-align: center;
                    border-collapse: collapse;  font-size: 95%; }
    div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; }
    div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; }
    div.NavPic { background-color: #fff; margin: 0px;
                 padding: 2px; float: left; }
    div.NavFrame div.NavHead { height: 1.6em; font-weight: bold;
                               background-color: #ccccff; position:relative; }
    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; }
    a.NavToggle { position:absolute; top:0px; font-weight:normal; font-size:smaller; }

/*============================
     3. Format del Fòrum
  ============================*/
/* Forum format - Algorithm & Splarka */
    .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; 
                   margin-top: 1em; padding: 12px; }
    .forumlist td span { display: block; padding-left: 10px; font-size: smaller }
        .forumlist td span a { text-decoration: none; }
        .forumlist td span.forum_author { padding-left: 30px; }
    .forumlist td.forum_edited a { text-decoration: none }
    .forumlist th.forum_title { padding-left: 20px; }
        .forumlist td.forum_title a { padding-left: 20px; }
        .forumlist td.forum_title span a { padding-left: 0px }
        .forumlist td.forum_title a.forum_new { font-weight: bold; padding-left: 20px;
                background: url(/images/4/4e/Forum_new.gif) center left no-repeat;}
    .forumlist td.forum_title a.forum_new:visited {
            font-weight: normal; background: none; padding-left: 20px; }
/* remove talk link from forum namespace (Monobook/Monaco) - Splarka */
    body.ns-110 #ca-talk, body.ns-110 #page_tabs li+li { display: none; }

/*====================================
      4. Característiques del Tabber
  ====================================*/
/* Tabber: poder posar encapçalaments */
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }
 
/* Tabber: Aparença */
.tabberlive .tabbertab {
border: none !important;
border-top:0 !important;
background-color: none !important;
} 

ul.tabbernav {
 font: bold 12px Arial, sans-serif !important;
}
 
ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important; !important; outline-style: none !important; }
 
ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a {
border-bottom: none !important; 
}

/*====================================
           5. Enllaços
  ====================================*/
/* Canvi colors enllaços */
body.page-Usuari_Marcmpujol #mw-content-text a:link {color: #4B0082} /* enllaços */
body.page-Usuari_Marcmpujol #mw-content-text a:visited {color: #4B0082} /* enllaços visitats */
body.page-Usuari_Marcmpujol #mw-content-text a:hover {color: #4B0082} /* enllaços quan passes el ratolí per sobre*/

/*====================================
           6. Categories
  ====================================*/
/* Canvi aparença de les categories */
body.page-Usuari_Marcmpujol #WikiaArticleCategories {
   background:#000000;
   border:#4B0082 4px solid;
   border-radius:20px;
   -moz-border-radius:4ex;
   border-radius:4ex;
   -moz-box-shadow: 0 0 10px 4px MediumPurple;
   -webkit-box-shadow: 0 0 10px 4px MediumPurple;
   box-shadow: 0 0 10px 4px Indigo;
   color:#4B0082;
}
body.page-Usuari_Marcmpujol #WikiaArticleCategories a:link {
   color:indigo;
}

body.page-Usuari_Marcmpujol #WikiaArticleCategories a:visited {
   color:indigo;
}

body.page-Usuari_Marcmpujol #WikiaArticleCategories a:hover {
   color:indigo;
}

body.page-Usuari_Marcmpujol #WikiaArticleCategories a:active {
   color:indigo;
}

/*==========================
      7. Referències
  ==========================*/
/* Ressaltar referència clicada en blau */
ol.references > li:target,
sup.reference:target,
span.citation:target { 
    background-color: #DEF;
}

/*==========================
     8. Altres
  ==========================*/
/* Comentaris en blocs */
.comments li[data-user="Marcmpujol"] blockquote {
   background:#69f  !important;
}
.comments li[data-user="Marcmpujol"] blockquote:after {
   border-color: transparent #69f #69f transparent !important;
}
.comments li[data-user="Marcmpujol"] blockquote div {
   background: transparent !important;
}
.comments li[data-user="Marcmpujol"] blockquote {color:#000000; font-weight:normal; !important;
}

/*==========================
     8. Taules
  ==========================*/
/* Prettytable */
table.prettytable,
table.bellataula {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}
 
table.prettytable th, table.prettytable td,
table.bellataula th, table.bellataula td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
 
table.bellataula th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
 
table.bellataula caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}
 
table.centre, table.center { /* Alineació centrada amb class="wikitable centre" */
 margin:1em auto;
}
 
table.wikitable[align=center] {margin:1em auto;} /*Alineació centrada amb align=center */

/*====================================
     9. Nova pàgina principal 2025
  ===================================*/

/* Distribució de les caselles esquerra i dreta per a PC d'escriptori i mòbil */

.portail-gauche {
	float: left;
	width: 58%;
}
.portail-droite {
	float: right;
	width: 42%;
}
.portail-gauche-inner {
	padding-right: 1rem;
}

/* Estructura de la pàgina principal */

.accueil-contenu {
	margin: 0.4em -1% 0.4em 0;
	display: flex;
	flex-flow: wrap;
	overflow: hidden; /*be kind ie10 et les navigateurs ne gérant pas les flexbox */
}

/* Elimina el nom de la pàgina principal */

body.action-view.page-ConanWiki_Hauptseite #firstHeading {
	position: absolute;
	top: -5000px;
}
body.page-ConanWiki_Hauptseite .wbc-editpage { 
	display: none;
}

/* Ajustaments per a la nova pàgina principal 2017 */

#accueil_2017_en-tete {
    margin: auto;
    box-shadow: 0 0 .3rem #999; 
    border-radius: 12px;
    padding: auto 1rem;
    background: #DED9E2;
    background: -moz-linear-gradient(top, #fff, #DED9E2);
    background: -webkit-linear-gradient(top, #fff, #DED9E2);
    background: -o-linear-gradient(top, #fff, #DED9E2);
    background: linear-gradient(to bottom, #fff, #DED9E2);
    border: 1px solid #999;
    clear: both;
}


#accueil_bandeau_2017 .bloc-titre {
	display: inline;
	display: inline-block;
	margin: auto auto auto 14rem;
	text-align: center;
	line-height: 1.8;
	color: #457;
}
#accueil_bandeau_2017 .sous-titre {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-family: Sans-serif;
}

.bouton_accueil_bandeau_2017 h2.titre-wikipedia {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 200%;
	font-weight: bold;
	color: #457;
	font-family: 'Open Sans', Sans-serif;
}

#accueil-contenu .accueil_2017_cadre,
#accueil-pied .accueil_2017_cadre {
    box-shadow: 0 0 .3rem #999; 
    border-radius: 12px;
    padding: 1.2rem; 
    margin: 1rem 0 1.6rem 0;
    clear: both;
    background-color: #DED9E2;
    border: 1px solid;
}

#accueil-contenu .accueil_2017_titres,
#accueil-pied .accueil_2017_titres {
	font-variant:small-caps;
	letter-spacing:.01em;
	display:block;
	border-bottom: solid  0.2rem #112A46;
    border-radius: 12px;
	margin: -0.4rem 0 0.5rem;
}
#accueil-contenu .accueil_2017_pied,
#accueil-pied .accueil_2017_pied {
	padding:1.3em 0 0;
	font-size:85%;
	text-align:right;
}

.list-wiki {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
  font-size: 90%;
  color: #868686;
  text-align: center;
  padding-top: 1rem;
}

@media (max-width: 768px) {
  .list-wiki {
    grid-template-columns: repeat(2, 1fr);
  }
}

.list-wiki ul {
  line-height: inherit;
  list-style: none none;
  margin: 0;
  padding: 0;
}

.list-wiki ul li {
  margin-bottom: 0;
  text-align: center;
}

#mw-panel #p-logo + .portal{
	margin-top: -1.2em
}

.CodeMirror-wrap pre { overflow-wrap: anywhere; }

.comment {
word-break: break-word
}

/* Responsive lists */
.res-list ul li {
  display:inline-block;
  margin: 3px;
  text-align: center;
  vertical-align: top;
}

.res-list ul li ul li{
  display: block;
}

/* List without bullets */
.liste-simple ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.liste-simple ul li {
	margin-bottom: 0;
}