Difference between revisions of "MediaWiki:Common.css"
From GATE
(231 intermediate revisions by 4 users not shown) | |||
Line 5: | Line 5: | ||
sup.reference:target { background-color: #ddeeff; } | sup.reference:target { background-color: #ddeeff; } | ||
− | . | + | /*da utilizzare per linkare a singole porzioni di testo*/ |
− | + | .line-break:target { animation: highlight 10s ease; transition: all 9s ease; } | |
+ | .sentence:target { animation: highlight 10s ease; transition: all 9s ease; } | ||
@keyframes highlight { | @keyframes highlight { | ||
from {background-color: #ddeeff;} | from {background-color: #ddeeff;} | ||
to {background-color: none;} | to {background-color: none;} | ||
} | } | ||
+ | /*stile per tutto GATE*/ | ||
body { | body { | ||
font-family: Georgia; | font-family: Georgia; | ||
+ | color: black; | ||
+ | font-size: 16px; | ||
+ | overflow-anchor: none; | ||
} | } | ||
+ | /*nasconde titolo sulla hompegae*/ | ||
body.page-Gregorian_Archives_Texts_Editing_GATE.action-view h1.firstHeading, body.page-Gregorian_Archives_Texts_Editing_GATE.action-submit h1.firstHeading { | body.page-Gregorian_Archives_Texts_Editing_GATE.action-view h1.firstHeading, body.page-Gregorian_Archives_Texts_Editing_GATE.action-submit h1.firstHeading { | ||
− | |||
− | |||
− | |||
− | |||
display: none; | display: none; | ||
} | } | ||
Line 46: | Line 48: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
+ | |||
.skin-chameleon .navbar-tools { | .skin-chameleon .navbar-tools { | ||
width: 100px; | width: 100px; | ||
Line 60: | Line 63: | ||
font-family: georgia; | font-family: georgia; | ||
} | } | ||
− | + | ||
− | + | /*nasconde il PageTools sulla hompegae*/ | |
+ | .page-Gregorian_Archives_Texts_Editing_GATE > .container > .row > .col > .pagetools { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .pagetools { | ||
+ | margin-top: 18px !important; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > li > a { | ||
+ | color: black; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | .profile-tab { | ||
+ | padding: 2px 5px 0px 5px; | ||
+ | } | ||
+ | .profile-tab-on { | ||
+ | padding: 2px 5px 0px 5px; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.ace_gutter { | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | div.ace_scrollbar { | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | /*permette a codemirror di funzionare correttamente*/ | ||
+ | .CodeMirror pre { | ||
+ | z-index: 1; | ||
+ | } | ||
+ | .CodeMirror-vscrollbar { | ||
+ | z-index: 1; | ||
} | } | ||
− | body. | + | |
− | font-family: | + | /*sistema la visualizzazione della barra degli strumenti per inserire i caratteri speciali in wikieditor*/ |
+ | .wikiEditor-ui-toolbar .page-characters div span { | ||
+ | height: unset; | ||
+ | } | ||
+ | |||
+ | /* modifica colori dei link per renderli più evidenti */ | ||
+ | a:visited { | ||
+ | color:#025aa7; | ||
+ | } | ||
+ | |||
+ | a:link { | ||
+ | color:#4797dc; | ||
+ | } | ||
+ | |||
+ | .mw-body a.external:visited { | ||
+ | color:#025aa7; | ||
+ | } | ||
+ | |||
+ | .mw-body a.external:link { | ||
+ | color:#4797dc; | ||
+ | } | ||
+ | |||
+ | a.new:visited, #p-personal a.new:visited { | ||
+ | color:#7b1815; | ||
+ | } | ||
+ | |||
+ | /* stile delle schede di tabber */ | ||
+ | ul.tabbernav li a:visited { | ||
+ | color:#000000; | ||
+ | font-family: georgia; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | ul.tabbernav li a:link { | ||
+ | color:#000000; | ||
+ | font-family: georgia; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | /*sistema la visualizzazione della finestra di upload in wikieditor */ | ||
+ | .wikiEditor-ui-toolbar, .oo-ui-popupWidget.ve-init-mw-switchPopupWidget { | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | /*evita che la barra del menu si sovrapponga ai titoli delle sezioni quando si segue un link */ | ||
+ | .mw-headline[id]::before { | ||
+ | display: block; | ||
+ | content: " "; | ||
+ | margin-top: -50px; | ||
+ | height: 50px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | sup.reference[id]::before { | ||
+ | display: inline-block; | ||
+ | content: " "; | ||
+ | margin-top: -65px; | ||
+ | height: 65px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .smw-table-row .smwpropname { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .smw-factbox input.nav-tab:checked + label.nav-label { | ||
+ | font-size: larger; | ||
+ | } | ||
+ | |||
+ | .smw-factbox .smwfactboxhead { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | .cm-mw-htmltag-name { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* non mostra il messaggio di smw su ogni pagina*/ | ||
+ | .smw-editpage-help { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* classi per la pagina board*/ | ||
+ | .featured-page { | ||
+ | width:100%; | ||
+ | border-radius: 10px; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#F5F5F5; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: auto; | ||
+ | margin-bottom: 20px; | ||
+ | padding:5px; | ||
+ | } | ||
+ | .featured-page-title { | ||
+ | width:100%; | ||
+ | border-radius: 10px; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#e7e7e7; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin: auto; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .news { | ||
+ | width:49%; | ||
+ | border-radius: 10px; | ||
+ | float:right; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#F5F5F5; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin: auto; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .news-title { | ||
+ | width:100%; | ||
+ | border-radius: 10px; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#e7e7e7; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin: auto; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .focus-on { | ||
+ | width:49%; | ||
+ | border-radius: 10px; | ||
+ | float:left; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#F5F5F5; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin: auto; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .focus-on-title { | ||
+ | width:100%; | ||
+ | border-radius: 10px; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#e7e7e7; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin: auto; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .collaborate { | ||
+ | width:100%; | ||
+ | border-radius: 10px; | ||
+ | float:left; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#F5F5F5; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin-top: 20px; | ||
+ | margin-right:auto; | ||
+ | margin-left:auto; | ||
+ | margin-bottom:20px; | ||
+ | padding:5px; | ||
+ | } | ||
+ | .collaborate-title { | ||
+ | width:100%; | ||
+ | border-radius: 10px; | ||
+ | border:1px solid #e7e7e7; | ||
+ | background:#e7e7e7; | ||
+ | vertical-align:top; | ||
+ | color:#000; | ||
+ | margin: auto; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .guider { | ||
+ | font-family: Georgia; | ||
+ | font-size: 16px; | ||
+ | text-align: justify; | ||
+ | /*background-color: #e7e7e7;*/ | ||
+ | } | ||
+ | |||
+ | .mw-ui-button { | ||
+ | padding-top: 0.546875em; | ||
+ | padding-right: 0.465em; | ||
+ | padding-bottom: 0.546875em; | ||
+ | padding-left: 0.465em; | ||
+ | } | ||
+ | |||
+ | div#catlinks.catlinks { | ||
+ | border: 1px solid #e7e7e7; | ||
+ | background-color: #f8f9fa; | ||
+ | padding: 5px; | ||
+ | margin-top: 1em; | ||
+ | clear: both; | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | div#catlinks.catlinks.catlinks-allhidden { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | button, html input[type="button"], input[type="reset"], input[type="submit"] { | ||
+ | font-family: inherit; | ||
+ | font-size: 1em; | ||
+ | display: inline-block; | ||
+ | min-width: 4em; | ||
+ | max-width: 28.75em; | ||
+ | padding: 0.546875em 1em; | ||
+ | line-height: 1.286; | ||
+ | margin: 0; | ||
+ | border-radius: 2px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | -webkit-appearance: none; | ||
+ | zoom: 1; | ||
+ | vertical-align: middle; | ||
+ | background-color: #f8f8f8; | ||
+ | color: #222222; | ||
+ | border: 1px solid #e7e7e7; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .editHelp { | ||
+ | font-family: inherit; | ||
+ | font-size: 1em; | ||
+ | display: inline-block; | ||
+ | min-width: 4em; | ||
+ | max-width: 28.75em; | ||
+ | padding: 0.546875em 1em; | ||
+ | line-height: 1.286; | ||
+ | margin: 0; | ||
+ | border-radius: 2px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | -webkit-appearance: none; | ||
+ | zoom: 1; | ||
+ | vertical-align: middle; | ||
+ | background-color: #f8f8f8; | ||
+ | color: #222222; | ||
+ | border: 1px solid #e7e7e7; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .cm-mw-tag-ref { | ||
+ | background-color: bisque; | ||
+ | } | ||
+ | .cm-mw-exttag-bracket { | ||
+ | background-color: bisque; | ||
+ | } | ||
+ | |||
+ | .cm-mw-exttag-name { | ||
+ | background-color: bisque; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.reflist ol.references { | ||
+ | list-style-type: inherit; /* Enable custom list style types */ | ||
+ | } | ||
+ | |||
+ | body.ns-250 .sidenoteRight, | ||
+ | body.ns-250 .sidenote-right { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | width: 6em; | ||
+ | padding-left: 1em; | ||
+ | text-indent: 0; | ||
+ | text-align: left; | ||
+ | } | ||
+ | /* | ||
+ | * Sidenotes in the Page namespace | ||
+ | */ | ||
+ | body.ns-250 .sidenoteLeft, | ||
+ | body.ns-250 .sidenote-left { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | width: 6em; | ||
+ | padding-right: 1em; | ||
+ | text-indent: 0; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .cm-mw-exttag-attribute { | ||
+ | background-color: bisque; | ||
+ | } | ||
+ | |||
+ | /* trasforma la lista della pagina what links here da un elenco puntato a uno numerato */ | ||
+ | |||
+ | .mw-special-Whatlinkshere ul { | ||
+ | list-style: decimal; | ||
+ | } | ||
+ | |||
+ | /* Modifica lo stile del logo della Gregoriana in HomePage */ | ||
+ | .LogoImage{ | ||
+ | border-radius: 50%; | ||
+ | width: 30%; | ||
+ | height: 30%; | ||
+ | border: 2px solid #e7e7e7; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | /* stile per il pulsante beta nel menù personaltool da loggato*/ | ||
+ | #pt-betafeatures{ | ||
+ | background: url(images/confetti.png) left top no-repeat; | ||
+ | padding-left: 10px !important; | ||
+ | text-transform: none; | ||
+ | margin-left: 26px; | ||
+ | } | ||
+ | /* evito che il menu personal tools da loggato sia troppo a destra*/ | ||
+ | @media screen and (min-width: 800px) { | ||
+ | .p-personal-tools{ | ||
+ | left: -14px !important; | ||
+ | } | ||
+ | } | ||
+ | /* problema in home page con firefox, le card di immaginni non sono ben renderizzate*/ | ||
+ | @-moz-document url-prefix() { | ||
+ | .card{ | ||
+ | min-height: 282px !important; | ||
+ | } | ||
} | } |
Latest revision as of 16:50, 20 April 2023
/* CSS placed here will be applied to all skins */
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/*da utilizzare per linkare a singole porzioni di testo*/
.line-break:target { animation: highlight 10s ease; transition: all 9s ease; }
.sentence:target { animation: highlight 10s ease; transition: all 9s ease; }
@keyframes highlight {
from {background-color: #ddeeff;}
to {background-color: none;}
}
/*stile per tutto GATE*/
body {
font-family: Georgia;
color: black;
font-size: 16px;
overflow-anchor: none;
}
/*nasconde titolo sulla hompegae*/
body.page-Gregorian_Archives_Texts_Editing_GATE.action-view h1.firstHeading, body.page-Gregorian_Archives_Texts_Editing_GATE.action-submit h1.firstHeading {
display: none;
}
input[type="submit"] {
font-family: inherit;
font-size: 1em;
display: inline-block;
min-width: 4em;
max-width: 28.75em;
padding: 0.546875em 1em;
line-height: 1.286;
margin: 0;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
zoom: 1;
vertical-align: middle;
background-color: #f8f8f8;
color: #222222;
border: 1px solid #e7e7e7;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.skin-chameleon .navbar-tools {
width: 100px;
}
.tool-button {
width: 26px;
height: 26px;
}
.label {
font-size: 100%
}
.ui-widget {
font-family: georgia;
}
/*nasconde il PageTools sulla hompegae*/
.page-Gregorian_Archives_Texts_Editing_GATE > .container > .row > .col > .pagetools {
display: none !important;
}
.pagetools {
margin-top: 18px !important;
}
.navbar-default .navbar-nav > li > a {
color: black;
font-size: 16px;
}
.profile-tab {
padding: 2px 5px 0px 5px;
}
.profile-tab-on {
padding: 2px 5px 0px 5px;
font-size: 16px;
}
div.ace_gutter {
z-index: 1;
}
div.ace_scrollbar {
z-index: 1;
}
/*permette a codemirror di funzionare correttamente*/
.CodeMirror pre {
z-index: 1;
}
.CodeMirror-vscrollbar {
z-index: 1;
}
/*sistema la visualizzazione della barra degli strumenti per inserire i caratteri speciali in wikieditor*/
.wikiEditor-ui-toolbar .page-characters div span {
height: unset;
}
/* modifica colori dei link per renderli più evidenti */
a:visited {
color:#025aa7;
}
a:link {
color:#4797dc;
}
.mw-body a.external:visited {
color:#025aa7;
}
.mw-body a.external:link {
color:#4797dc;
}
a.new:visited, #p-personal a.new:visited {
color:#7b1815;
}
/* stile delle schede di tabber */
ul.tabbernav li a:visited {
color:#000000;
font-family: georgia;
font-size: 16px;
}
ul.tabbernav li a:link {
color:#000000;
font-family: georgia;
font-size: 16px;
}
/*sistema la visualizzazione della finestra di upload in wikieditor */
.wikiEditor-ui-toolbar, .oo-ui-popupWidget.ve-init-mw-switchPopupWidget {
z-index: 1;
}
/*evita che la barra del menu si sovrapponga ai titoli delle sezioni quando si segue un link */
.mw-headline[id]::before {
display: block;
content: " ";
margin-top: -50px;
height: 50px;
visibility: hidden;
}
sup.reference[id]::before {
display: inline-block;
content: " ";
margin-top: -65px;
height: 65px;
visibility: hidden;
}
.smw-table-row .smwpropname {
font-weight: bold;
}
.smw-factbox input.nav-tab:checked + label.nav-label {
font-size: larger;
}
.smw-factbox .smwfactboxhead {
font-style: italic;
}
.cm-mw-htmltag-name {
font-style: italic;
}
/* non mostra il messaggio di smw su ogni pagina*/
.smw-editpage-help {
display: none;
}
/* classi per la pagina board*/
.featured-page {
width:100%;
border-radius: 10px;
border:1px solid #e7e7e7;
background:#F5F5F5;
vertical-align:top;
color:#000;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: 20px;
padding:5px;
}
.featured-page-title {
width:100%;
border-radius: 10px;
border:1px solid #e7e7e7;
background:#e7e7e7;
vertical-align:top;
color:#000;
margin: auto;
padding: 5px;
}
.news {
width:49%;
border-radius: 10px;
float:right;
border:1px solid #e7e7e7;
background:#F5F5F5;
vertical-align:top;
color:#000;
margin: auto;
padding: 5px;
}
.news-title {
width:100%;
border-radius: 10px;
border:1px solid #e7e7e7;
background:#e7e7e7;
vertical-align:top;
color:#000;
margin: auto;
padding: 5px;
}
.focus-on {
width:49%;
border-radius: 10px;
float:left;
border:1px solid #e7e7e7;
background:#F5F5F5;
vertical-align:top;
color:#000;
margin: auto;
padding: 5px;
}
.focus-on-title {
width:100%;
border-radius: 10px;
border:1px solid #e7e7e7;
background:#e7e7e7;
vertical-align:top;
color:#000;
margin: auto;
padding: 5px;
}
.collaborate {
width:100%;
border-radius: 10px;
float:left;
border:1px solid #e7e7e7;
background:#F5F5F5;
vertical-align:top;
color:#000;
margin-top: 20px;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
padding:5px;
}
.collaborate-title {
width:100%;
border-radius: 10px;
border:1px solid #e7e7e7;
background:#e7e7e7;
vertical-align:top;
color:#000;
margin: auto;
padding: 5px;
}
.guider {
font-family: Georgia;
font-size: 16px;
text-align: justify;
/*background-color: #e7e7e7;*/
}
.mw-ui-button {
padding-top: 0.546875em;
padding-right: 0.465em;
padding-bottom: 0.546875em;
padding-left: 0.465em;
}
div#catlinks.catlinks {
border: 1px solid #e7e7e7;
background-color: #f8f9fa;
padding: 5px;
margin-top: 1em;
clear: both;
display: inline-block;
width: 100%;
}
div#catlinks.catlinks.catlinks-allhidden {
display: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
font-family: inherit;
font-size: 1em;
display: inline-block;
min-width: 4em;
max-width: 28.75em;
padding: 0.546875em 1em;
line-height: 1.286;
margin: 0;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
zoom: 1;
vertical-align: middle;
background-color: #f8f8f8;
color: #222222;
border: 1px solid #e7e7e7;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.editHelp {
font-family: inherit;
font-size: 1em;
display: inline-block;
min-width: 4em;
max-width: 28.75em;
padding: 0.546875em 1em;
line-height: 1.286;
margin: 0;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
zoom: 1;
vertical-align: middle;
background-color: #f8f8f8;
color: #222222;
border: 1px solid #e7e7e7;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.cm-mw-tag-ref {
background-color: bisque;
}
.cm-mw-exttag-bracket {
background-color: bisque;
}
.cm-mw-exttag-name {
background-color: bisque;
}
div.reflist ol.references {
list-style-type: inherit; /* Enable custom list style types */
}
body.ns-250 .sidenoteRight,
body.ns-250 .sidenote-right {
position: absolute;
right: 0;
width: 6em;
padding-left: 1em;
text-indent: 0;
text-align: left;
}
/*
* Sidenotes in the Page namespace
*/
body.ns-250 .sidenoteLeft,
body.ns-250 .sidenote-left {
position: absolute;
left: 0;
width: 6em;
padding-right: 1em;
text-indent: 0;
text-align: left;
}
.cm-mw-exttag-attribute {
background-color: bisque;
}
/* trasforma la lista della pagina what links here da un elenco puntato a uno numerato */
.mw-special-Whatlinkshere ul {
list-style: decimal;
}
/* Modifica lo stile del logo della Gregoriana in HomePage */
.LogoImage{
border-radius: 50%;
width: 30%;
height: 30%;
border: 2px solid #e7e7e7;
margin-top: 20px;
}
/* stile per il pulsante beta nel menù personaltool da loggato*/
#pt-betafeatures{
background: url(images/confetti.png) left top no-repeat;
padding-left: 10px !important;
text-transform: none;
margin-left: 26px;
}
/* evito che il menu personal tools da loggato sia troppo a destra*/
@media screen and (min-width: 800px) {
.p-personal-tools{
left: -14px !important;
}
}
/* problema in home page con firefox, le card di immaginni non sono ben renderizzate*/
@-moz-document url-prefix() {
.card{
min-height: 282px !important;
}
}