Utente:Raoli/Phase 2

Da Wikivoyage.
Caratteristica
Pulsanti 3D
Note digitali
Link diretto per caricare file su Commons
Nuovo Apri-Chiudi
Lingue selezionabili
Wikilove (file a request here: Wikimedia > Extension setup) [1] ✔ Fatto
Feedback post-edit (file a request here: MediaWiki extensions > PostEdit) [2] ✔ Fatto
Article Feedback Tool (file a request here: Wikimedia > Extension setup)
Podt (scalable image)
WikiMiniAtlas

Potd[modifica]

Pagina da copiare Pagina dove incollare (spostare)
Potd
Utente:Raoli/Potd.css ► MediaWiki:Potd.css
Utente:Raoli/Potd3.css ► MediaWiki:Potd3.css
Utente:Raoli/Potd4.css ► MediaWiki:Potd4.css

Mediawiki:Common.js[modifica]

Aggiungere in fondo alla pagina Mediawiki:Common.js il seguente codice.
Si abiliteranno le Note digitali , il Link diretto per caricare file su Commons, Lingue selezionabili e Nuovo Apri-Chiudi, WikiMiniAtlas. 

/*
Collegamento diretto alla pagina di upload di Commons nel portlet Strumenti
*/
$(function(){
    mw.util.addPortletLink('p-tb', '//commons.wikimedia.org/wiki/Special:UploadWizard',
              'Carica su Commons', 't-uploadcommons', 'Carica file multimediali su Commons', 'm', '#t-specialpages');
});

/*
Attiva nuovi effetti di apertura e chiusura dei cassetti
*/
importScript("Wikivoyage:Common.js/Apri-chiudi.js")
 
/*
Attiva la visualizzazione delle note sopra la nota stessa all'interno di un riquadro (REFERENCE TOOLTIP)
*/
importScriptURI("/w/index.php?title=Wikivoyage:Common.js/ReferenceTooltip.js&action=raw&ctype=text/javascript&dontcountme=s");

// Più lingue selezionabili
mw.loader.load('//commons.wikimedia.org/w/index.php?title=MediaWiki:Gadget-LanguageSelect.js&action=raw&ctype=text/javascript');

/*
WikiMiniAtlas, leggi [[meta:WikiMiniAtlas]]
*/
 
mw.loader.load('//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript&smaxage=21600&maxage=86400');

Mediawiki:Common.css[modifica]

Aggiungere in fondo alla pagina Mediawiki:Common.css il seguente codice.
Si abiliteranno le Note digitali, il Nuovo Apri-Chiudi, Potd e i Pulsanti 3D. 

/*
Datatable funzione per tabelle
*/
table.datatable {
	background-color: transparent;
}
 
table.datatable th,
table.datatable td {
	padding: 4px;
}
 
table.datatable th {
	text-align: left;
	background-color: #999999;
}
 
table.datatable tr {
	background-color: #cccccc;
}
 
table.datatable tr:hover {
	background-color: #ffffcc;
}

/** Tabella collassabile *********************************************************
 *
 *  Descrizione: Permette alle tabelle di espandersi e contrarsi, mostrando solo il titolo. Vedi
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Mantenimento: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: auto;
}

/** jquery.chefaCollassabile demo **/
#collapse-pre-one  .mw-collapsible-toggle .up,
#collapse-pre-one.mw-collapsed .mw-collapsible-toggle .down {
 display: none;
}
 
#collapse-pre-one .mw-collapsible-toggle .down,
#collapse-pre-one.mw-collapsed  .mw-collapsible-toggle .up {
 display: block;
}

/*
 Stili per i box che si visualizzano al passaggio del mouse
 Licenza: GFDL e Creative Commons Attribution 2.5
*/
.HopContent
{
 display:none;
}

.HopFrame:hover .HopContent
{
 display:block;
}

/* Pulsanti 3D
Autore: Matt Gentile
Licenza: CC-BY 3.0
Fonte: //icondeposit.wdfiles.com/local--files/chunky-3d-css3-buttons/style.css
*/
.pulsantep a { /* Stato a riposo */
    padding: 4px 15px 7px 15px;
    width: auto;
    height: auto;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.50);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.50);
    border-top: 1px solid rgba(0,0,0,0.001);
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    cursor: pointer;
}
 
.pulsantep a:hover { /* Stato a passaggio del mouse sopra */
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -webkit-animation: glow 1s infinite ease-in-out;
    cursor: pointer;
}
 
.pulsantep a:active { /* Stato successivo al clic del mouse */
    padding: 6px 15px 5px 15px;
    border-top: 1px solid rgba(0,0,0,0.55);
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -webkit-animation: none;
    cursor: pointer !important;
}
/* Fine codice per Pulsante 3D */
 
/* Inizio schema Colori per Pulsanti 3D */
.pulsantep1 a {background: #c0c0c0;} /* GrigioChiaro */
.pulsantep2 a {background: #4b4b4b;} /* GrigioScuro */
.pulsantep3 a {background: #77AD0C;} /* VerdeChiaro */
.pulsantep4 a {background: #336600;} /* VerdeScuro */
.pulsantep5 a {background: #0066cc;} /* Azzurro */
.pulsantep6 a {background: #333399;} /* Bluette */
.pulsantep7 a {background: #663399;} /* Indigo */
.pulsantep8 a {background: #993399;} /* Viola */
.pulsantep9 a {background: #EA4C89;} /* Rosa */
.pulsantep10 a {background: #CC3333;} /* RossoSalmone */
.pulsantep11 a {background: #CC0000;} /* Rosso */
.pulsantep12 a {background: #990000;} /* RossoScuro */
.pulsantep13 a {background: #FF6600;} /* Arancione */
.pulsantep14 a {background: #FF9900;} /* Oro */
.pulsantep15 a {background: #F9BB11;} /* Giallo */
 
.pulsantep20 a {background: #0000CC;} /* Blu */
.pulsantep21 a {background: #9909FF;} /* Violetto */
.pulsantep22 a {background: #0099FF;} /* Celeste */
.pulsantep23 a {background: #00CC00;} /* Verde */
.pulsantep24 a {background: #1D1D1D;} /* Nero */
/* Fine schema Colori per Pulsanti 3D */
 
/* Inizio Animazione Glow */
@-webkit-keyframes glow {
  0% {
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.35);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.35);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.35);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.35);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.35);
  }
 
  100% {
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.18);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.18);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.18);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.18);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.18);
  }
}
/* Fine Animazione Glow */

/* mw-collapsible-toggle Migliorato */
 
/* Frecce, colori e contorni */
.it-collapsible-toggle {
background: url("//upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png") no-repeat scroll left center transparent;
padding: 0 0 0 15px;
cursor: pointer;
float: right;
}
.it-collapsible-toggle-collapsed {
background: url("//upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png") no-repeat scroll left center transparent;
}
.it-collapsible-toggle, .it-collapsible-toggle-keyboard {
outline: 0 none;
}
.it-collapsible-toggle:focus, .it-collapsible-toggle-keyboard:focus, .it-collapsible-toggle:hover, .it-collapsible-toggle-keyboard:hover {
text-decoration: underline;
}
.it-collapsible span.up, .it-collapsible span.down {
color: #0645AD;
}
.it-collapsible-toggle-expanded span.up {
display: none
}
.it-collapsible-toggle-collapsed span.down {
display: none
}
 
/* Apri / chiudi tutto */
.it-collapsible-group-toogle-all {
font-size: 12px;
font-weight: normal;
}
 
/* it-collapsible-toggle del riquadro a discesa */
.toogleboxnew {
border: 1px solid #AAA;
padding: 2px 2px 0 2px;
border-radius: 3px;
}
.toogleboxnew_title {
background:#EFEFEF;
margin: 0 0 2px 0;
text-align: center;
font-weight: bold;
padding: 0 5em;
}
.toogleboxnew .it-collapsible-content {
font-size: 90%;
}
 
/* it-collapsible-toggle dei riquadri, dei template di navigazioni e dei cassetti */
.toogleboxnew .it-collapsible-toggle, .navboxnew .it-collapsible-toggle, caption .it-collapsible-toggle {
font-size: 0.9em;
font-weight: normal;
min-width: 5em;
text-align: left;
}
 
/* it-collapsible-toggle della tabella */
table.it-collapsible {
min-width: 80%;
}
table.it-collapsible.it-enhanced-rc {
min-width: 0;
}
table.it-collapsible caption {
background: #EFEFEF;
border: 1px solid #AAAAAA;
border-radius: 3px;
margin-bottom: 3px;
}
 
/* REFERENCE TOOLTIPS. Vedi [[mw:Reference Tooltips]] */
.referencetooltip {
        position: absolute;
        list-style: none;
        list-style-image: none;
        opacity: 0;
        font-size: 10px;
        margin: 0;
        z-index: 5;
        padding: 0;
}
.referencetooltip li {
        border: #080086 2px solid;
        max-width: 260px;
        padding: 10px 8px 13px 8px;
        margin: 0px;
        background-color: #F7F7F7;
        box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
        -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
}
.referencetooltip li+li {
        margin-left: 7px;
        margin-top: -2px;
        border: 0;
        padding: 0;
        height: 3px;
        width: 0px;
        background-color: transparent;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-top: 12px #080086 solid;
        border-right: 7px transparent solid;
        border-left: 7px transparent solid;
}
.referencetooltip>li+li::after {
        content: '';
        border-top: 8px #F7F7F7 solid;
        border-right: 5px transparent solid;
        border-left: 5px transparent solid;
        margin-top: -12px;
        margin-left: -5px;
        z-index: 1;
        height: 0px;
        width: 0px;
        display: block;
}
.client-js .referencetooltip li ul li {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        height: auto;
        width: auto;
        margin: auto;
        padding: 0;
        position: static;
}
.RTflipped {
        padding-top: 13px;
}
.referencetooltip.RTflipped li+li {
        position: absolute;
        top: 2px;
        border-top: 0;
        border-bottom: 12px #080086 solid;
}
.referencetooltip.RTflipped li+li::after {
        border-top: 0;
        border-bottom: 8px #F7F7F7 solid;
        position: absolute;
        margin-top: 7px;
}
.RTsettings{
        float: right;
        height: 16px;
        width: 16px;
        cursor: pointer;
        background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
        margin-top: -9px;
        margin-right: -7px;
        -webkit-transition: opacity 0.15s;
        -moz-transition: opacity 0.15s;
        -o-transition: opacity 0.15s;
        -ms-transition: opacity 0.15s;
        transition: opacity 0.15s;
        opacity: 0.6;
        filter: alpha(opacity=60);
}
.RTsettings:hover{
        opacity: 1;
        filter: alpha(opacity=100);
}

/*
Evidenzia di blu qualsiasi testo che è inserito all'interno del template {{Ancora}}
*/
 
span.Citazione:target {
    background-color: #DEF;
}

/*
Potd
*/
#mainpage-potd a img {
 width: 100%!important;
 -ms-interpolation-mode: bicubic;
 height: auto!important;
 max-width: 600px!important;
}

Mediawiki:Common.js 2[modifica]

Aggiungere in fondo alla pagina Mediawiki:Common.js il seguente codice. {{Avviso}}, {{Cat}}, {{Interprogetto}}, categorie nascoste 

//HIDDENCAT (mostra le categorie nascoste).
//@ deprecated
function addClass(node, className) {
    if (hasClass(node, className)) {
        return false;
    }
    node.className += ' '+ className;
    return true;
}
 
function eregReplace(search, replace, subject) {
    return subject.replace(new RegExp(search,'g'), replace);
}
 
//@ deprecated
function removeClass(node, className) {
  if (!hasClass(node, className)) {
    return false;
  }
  node.className = eregReplace('(^|\\s+)'+ className +'($|\\s+)', ' ', node.className);
  return true;
}
 
function hiddencat()
{
 var cl = document.getElementById('catlinks');           if(!cl) return;
 var hc = document.getElementById('mw-hidden-catlinks'); if(!hc) return;
 var nc = document.getElementById('mw-normal-catlinks');
 if(!nc)
 {
  removeClass(cl, 'catlinks-allhidden');
  addClass(cl, 'catlinks-allhidden-mostra');
  var ahc = '<div id="mw-normal-catlinks"><a href="/wiki/Categoria:Categorie" title="Categoria:Categorie">Categorie</a>&nbsp;:&#32;<span dir="ltr"><a onclick="javascript:toggleHiddenCats();" id="mw-hidden-cats-link" style="cursor:pointer; color:#002BB8;" title="Questa voce contiene categorie nascoste">[altre]</a></span></div>';
  document.getElementById('catlinks').innerHTML = ahc + cl.innerHTML;
 }
 else if( hasClass(hc, 'mw-hidden-cats-hidden') )
 {
  var ahc = ' | <a onclick="javascript:toggleHiddenCats();" id="mw-hidden-cats-link" style="cursor:pointer; color:#002BB8;" title="Questa voce contiene categorie nascoste">[altre]</a>';
  document.getElementById('mw-normal-catlinks').innerHTML += ahc;
 }
}
function toggleHiddenCats()
{
 var hc = document.getElementById('mw-hidden-catlinks');
 if( hasClass(hc, 'mw-hidden-cats-hidden') )
 {
  removeClass(hc, 'mw-hidden-cats-hidden');
  addClass(hc, 'mw-hidden-cat-user-shown');
 
  //L'elemento <span /> crea problemi a HotCat
  document.getElementById('mw-hidden-cats-link').innerHTML = '[nascondi]'; 
  //document.getElementById('mw-hidden-cats-link').innerHTML = '[<span style="font-style:italic;">nascondi</span>]';
 }
 else
 {
  removeClass(hc, 'mw-hidden-cat-user-shown');
  addClass(hc, 'mw-hidden-cats-hidden');
 
  //Vedi commento sopra
  document.getElementById('mw-hidden-cats-link').innerHTML = '[altre]';
  //document.getElementById('mw-hidden-cats-link').innerHTML = '[<span style="font-style:italic;">altre</span>]';
 }
}
 
$(hiddencat);

Mediawiki:Common.css 2[modifica]

Aggiungere in fondo alla pagina Mediawiki:Common.css il seguente codice. categorie nascoste 

/* CATEGORIE NASCOSTE */
/* Se tutte le categorie di una voce sono nascoste, le mostra lo stesso (in modo da visualizzare il [altre] per poterci accedere) */
.catlinks-allhidden-mostra { display: block; }
Estratto da "https://it.wikivoyage.org/w/index.php?title=Utente:Raoli/Phase_2&oldid=682216"