MediaWiki:Common.css
Z Iurium Wiki
Poznámka: Po uložení musíte smazat cache vašeho prohlížeče, jinak změny neuvidíte.
- Firefox / Safari: Při kliknutí na Aktualizovat držte Shift nebo stiskněte Ctrl-F5 nebo Ctrl-R (na Macu ⌘-R)
- Google Chrome: Stiskněte Ctrl-Shift-R (na Macu ⌘-Shift-R)
- Internet Explorer: Při kliknutí na Aktualizovat držte Ctrl nebo stiskněte Ctrl-F5
- Opera: Jděte do Menu → Nastavení (na Macu Opera → Nastavení) a tam pak Soukromí & bezpečnost → Vymazat údaje o prohlížení → Obrázky a soubory z cache
/* ====================== Common.css ==========================
popis: zde uvedené styly budou ovlivňovat všechny skiny
============================================================ */
/* =================== HLAVNÍ STRANA A PORTÁLY ================ */
body.page-Home h1#firstHeading { display: none; }
body.page-Home div#contentSub { display: none; }
body.page-Home div#catlinks { display: none; }
body.page-Home #mainPageLink a:hover {
text-decoration: none;
}
#p-rel-portals, #p-rel-exam, #n-hidden1, #n-hidden2, #n-hidden3 {
display: none;
}
.portaltoggle {
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
font-size: small !important;
}
/* třídy pro přehled oborů */
.skryteObory {
display:none;
}
.viditelneObory {
mask-image: linear-gradient(top, rgba(255,174,0,1) 0%,rgba(255,174,0,0) 100%);
}
/* nastavení sloupců na tit. straně */
#mainPageLeftCol {
float:left;
/*width:49.5%;*/
width: -moz-calc(50% - 8px);
width: -webkit-calc(50% - 8px);
width: calc(50% - 8px);
}
#mainPageRightCol {
float:right;
/*width:49.5%;*/
width: -moz-calc(50% - 8px);
width: -webkit-calc(50% - 8px);
width: calc(50% - 8px);
}
/* pahýly */
#mw-wrapper a.stub {
color: #6a5acd;
}
/* =================== EDITACE ================================ */
/* shrnutí editace */
#wpSummary {
border-radius: 2px;
padding: 0.5rem;
font-size: inherit;
border: 1px solid #a2a9b1;
}
/* ukládací tlačítka */
#wpSave, #wpDiff, #wpPreview, #wpWork {
border: none;
padding: 0.5rem 1rem;
color: white;
margin-right: 0.5rem;
border-radius: 4px;
font-size: 0.875rem;
cursor: pointer;
opacity: 0.85;
transition: 0.2s all ease-out;
box-shadow: 0 2px 2px #cccccc;
}
#wpSave:hover, #wpDiff:hover, #wpPreview:hover, #wpWork:hover {
opacity: 1;
}
#wpSave {
background-color: #0074d9;
font-weight: bold;
padding: 0.5rem 4rem;
}
#wpDiff {
background-color: #808080;
}
#wpPreview {
background-color: #808080;
}
#wpWork {
background-color: #ff851b;
}
a#mw-editform-cancel {
font-weight: bold;
color: #ff4242;
}
/* schovat nadpis "Náhled" */
.previewnote h2, .previewnote hr {display: none;}
/* schovat data analyzátoru u fóra */
.limitreport {display: none;}
/* barva tlačítka Visual Editoru */
.oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: #cccccc;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #888888;
}
.warningbox {
border: none;
background-color: transparent;
}
/* WikiEditor - promazání zbatečných zvláštních znaků
(do doby, než bude spolehlivě fungovat zabudovaná funkce removeFromToolbar() */
div[rel='latinextended'], div[rel='ipa'], div[rel='cyrillic'], div[rel='arabic'], div[rel='hebrew'], div[rel='bangla'], div[rel='telugu'], div[rel='sinhala'], div[rel='gujarati'], div[rel='thai'], div[rel='lao'], div[rel='khmer'] {display:none;}
/* nápovědní text */
.htmlform-tip {
padding-bottom: 0.2em;
padding-left: 2em;
padding-right: 2em;
color: #666666;
font-size: x-small;
padding-top: 0.2em;
}
/* editace sekcí */
.mw-editsection {
float: none !important;
font-size: 0.8rem;
margin-left: 0 !important;
display: none;
}
h2 > span.mw-editsection {
display: inline;
}
h2 {
padding: 1rem 0;
}
.mw-editsection, .mw-editsection a {
color: #aaaaaa !important;
}
.mw-editsection-bracket {
display:none;
}
/* barva tlačítka nové diskuse */
.lqt_start_discussion {
border: none;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
border-radius: 4px;
font-size: 0.875rem;
cursor: pointer;
box-shadow: 0 2px 2px #cccccc;
background-color: #0074d9;
}
.lqt_start_discussion a {
color: white !important;
}
/* Oznámení o náhledu při editaci stránky */
/* Upozornění */
div.warningnote, div.previewnote {
border: 1px solid black;
color: black;
padding: 7px;
margin-bottom: 15px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
/* shrnutí editace - udělátko */
div.mw-editSummary {
margin-top: 5px;
border-top: 1px solid #CCCCCC;
}
/* =================== MENU =================================== */
/* skrýt odkaz na související změny a další */
#t-recentchangeslinked, #t-info, #t-permalink {display: none;}
/* chrome fix */
code, pre, tt {
font-size:14px;
}
/* přesměrování v kategoriích, [[Speciální:Allpages]] a [[Special:Prefixindex]] */
.redirect-in-category, .allpagesredirect {
font-style: italic;
color:gray;
}
/* =================== TISK =================================== */
@media print {
/* při tisku skrýt nepotřebný obsah */
.netisknout, #privacy, #about, #disclaimer, .sablona, #catlinks, #mw-footer, #ca-feedback, .toc, #siteSub, .mw-editsection {
display: none !important;
}
/* FIX - dělení tabulek v generovaném PDF */
table, tr, td, th, tbody, thead, tfoot {
page-break-inside: avoid !important;
}
/* Pokus o opravu noprint */
.noprint { display: none; }
}
/* skrýt odkaz na verzi k tisku - nadále nepodporujeme */
#t-print {
display: none;
}
/* =================== TABULKY ================================ */
table.wikitable, table.bluetable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
border-radius: 2px;
}
table.wikitable th, table.wikitable td, table.bluetable th, table.bluetable td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable th, table.bluetable th {
background: #f2f2f2;
text-align: center;
}
table.wikitable caption, table.bluetable caption {
margin-left: inherit;
margin-right: inherit;
}
table.bluetable th {
background-color: #8da6d6;
}
.bluecell {
background: #d4e3ff !important;
}
/* =================== POSLEDNÍ ZMĚNY ========================= */
/*
* počitadlo bytů (Speciální:RecentChanges)
* zmenšení článku: červeně
* přírůstek článku: zeleně
*/
strong.mw-plusminus-pos {
color: #040;
}
strong.mw-plusminus-neg {
color: #c00;
}
span.mw-plusminus-neg {
color: #900;
}
span.mw-plusminus-pos {
color: #060;
}
/* =================== ČLÁNKY ================================= */
/* skrýt šipky u vybraných externích odkazů */
.plainlinksneverexpand a {
background:none !important;
padding:0 !important;
}
/* skrýt vybraný obsah */
.hiddenStructure {
display: none;
}
/* obsah vždy vpravo na stránce */
#toc, .toc {
float: right;
margin: 0.5em;
max-width: 250px;
}
/* Omezení úrovní nadpisů zobrazených v obsahu (TOC)
* např. <div class="toclimit-3"> omezí zobrazení do úrovně h3
* autor: w:en:User:Ais523
*/
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}
/* Schované šablony */
/* (pro IE6 platí [[MediaWiki:Sablony.js]]) */
.schovana_zprava .schovana_zprava_hidden{
background-color: #FFFFFF;
position: absolute;
opacity: 0;
right: 1%;
z-index: 1000;
transition: 0.2s all ease-out;
}
.schovana_zprava:hover .schovana_zprava_hidden{
opacity: 1;
}
.schovana_zprava_visible {
z-index: 990;
background-color: #FFFFFF;
}
/* Kategorie - odkazy dole v článcích */
#catlinks, .catlinks {
padding-top: 0px;
padding-bottom: 0px;
font-size: 10pt;
}
/* line-height IE7 fix */
body.ns-0 #content table {
line-height: normal !important;
}
body.ns-0 #content table.diff {
line-height: 1.5 !important;
}
/* =================== SPECIÁLNÍ STRÁNKY ====================== */
/* nastavení - skrýt matematickou sekci, nefunguje MathML */
#mw-prefsection-rendering-math {
display: none;
}
/* spam report */
body.page-Speciální_SpamReport tt {
font-size: 10pt;
font-family: "Courier New";
}
body.page-Speciální_SpamReport span.help {
color: #A0A0A0;
}
body.page-Speciální_SpamReport .errorMes {
border: 1px solid #CC0000;
background-color: #FFEEEE;
padding: 10px;
}
body.page-Speciální_SpamReport .succMes {
border: 1px solid #00CC00;
background-color: #EEFFEE;
padding: 10px;
}
body.page-Speciální_SpamReport .IpMes {
border: 1px solid #0000CC;
background-color: #EEEEFF;
padding: 10px;
}
body.page-Speciální_SpamReport fieldset {
padding: 10px;
}
body.page-Speciální_SpamReport a#getInfo, span.help {
padding-left: 20px;
text-decoration:none;
}
/* dokumentační podstránka */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #dddddd;
border-left: 6px solid #17a2b8;
border-radius: 4px;
background-color: #fafafa;
padding: 1em;
}
/* =================== UŽIVATELSKÉ INLINE STYLY =============== */
/* úvodní box v článcích ve fóru */
div.forum-uvod {
padding: 5px;
background-color:#f9f9fd;
border: 1px solid #aaaacc;
border-radius: 2px;
}
/* tip */
.tip {
padding:5px;
background-color:#DDFBDD;
border:1px solid #66CD00;
border-radius: 5px;
}
/* box vypadající jako komixová bublina */
.bublina {
display: block;
position: relative;
width: 300px;
height: 75px;
text-align: center;
line-height: 75px;
background-color: white;
border: 8px solid #FFBB05;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 2px 2px 4px #FFBB05;
-moz-box-shadow: 2px 2px 4px #FFBB05;
box-shadow: 2px 2px 4px #ECECEC;
}
.bublina:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 30px;
top: 75px;
border: 25px solid;
border-color: #FFBB05 transparent transparent #FFBB05;
}
.bublina:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 38px;
top: 75px;
border: 15px solid;
border-color: white transparent transparent white;
}
/* box se správným příkladem */
.dobry_priklad {
background-color: #DAFFDA;
}
/* box se špatným příkladem */
.spatny_priklad {
background-color: #FFE5F5;
}
/* poznámka "pod čarou" */
.poznamka {
background-color: #E6E6FA;
margin-left: 5em;
margin-right: 5em;
font-size: smaller;
}
/* cave */
.cave {
font-weight: bold;
// až bude vhodný obrázek:
// padding-left: 20px;
// background: url() no-repeat left;
}
/* příklad z praxe nebo ukázka */
.priklad {
background-color: #F0FFFF;
margin-left: 5em;
margin-right: 5em;
font-style: italic;
}
/* petit */
.petit {
font-size: 80%;
}
/* přeškrtnutí textu nebo redakčních údajů - použito v redakčním tlačítku */
.preskrtnuto {
text-decoration: line-through;
}
/* MAIN PAGE */
.mainHeadBox {
background-color: #FFBB05;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.mainContentBox {
background-color: #FFFFFF;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.helpContentBox {
border: 1px solid #FFBB05;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.mainTopBox {
width:100%;
padding:5px;
border: 1px solid #ececec;
background-color: #FFFFFF;
margin-bottom: 12px;
margin-top: -17px;
border-radius: 5px;
}
.forumHeadBox {
background-color: #A4C9F6;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.forumContentBox {
border: 1px solid #A4C9F6;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.contactsHeadBox {
background-color: #FFD740;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.contactsContentBox {
border: 1px solid #FFD740;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.YellowHeadBox {
background-color: #FFD740;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.YellowContentBox {
border: 1px solid #FFD740;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.LightgreenHeadBox {
background-color: lightgreen;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.LightgreenContentBox {
border: 1px solid lightgreen;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.LightblueHeadBox {
background-color: lightblue;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.LightblueContentBox {
border: 1px solid lightblue;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.PinkHeadBox {
background-color: pink;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.PinkContentBox {
border: 1px solid pink;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.otherHeadBox {
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.otherContentBox {
border: 1px solid;
padding: 7px;
margin-bottom: 15px;
border-radius: 0 0 5px 5px;
}
.imagemapBox {
padding: 2px;
width: 98%;
border: 2px solid #A6D8FF;
border-radius: 5px;
}
.portalMainBox {
padding: 4px !important;
font-size: 20pt;
font-weight: bold;
border-radius: 5px;
}
/* oddíly portálů */
.oddilPortalu {
float: left;
margin: 1rem 0.5rem;
width: 31%;
overflow-x: hidden;
}
@media (max-width: 600px) {
.oddilPortalu {
width: 100%;
float: none;
margin: 1rem 0;
}
}
/* infobox */
.infobox
{
border: 1px solid #888888;
clear: right;
float: right;
margin-left:2em;
margin-right:2em;
margin-bottom:2em;
margin-top:0.5em;
padding-top:1em;
padding-bottom: 1em;
padding-right: 1em;
padding-left: 1em;
}
.infobox th, .infobox td {
vertical-align: top;
}
/* navbox */
zdroj: cs.wiki
div.navbox {
border: 1px solid transparent;
clear: both;
font-size: 88%;
padding: 2px;
text-align: center;
margin-top: 2em;
}
div.navbox + div.navbox {
margin-top: 0;
}
div.navbox tr.navbox-padding {
height: 2px;
}
div.navbox th.navbox-název,
div.navbox td.navbox-nadpod,
div.navbox th {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
div.navbox td.navbox-skupina {
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
text-align: right;
white-space: nowrap;
}
div.navbox table.navbox-navbox,
div.navbox table.navbox-podskupina,
div.navbox td.navbox-skupina + th.navbox-název,
div.navbox td.navbox-seznam {
width: 100%;
}
div.navbox td.navbox-seznam {
padding: 0;
}
div.navbox td.navbox-skupina + td.navbox-seznam {
border-left: 2px solid transparent;
text-align: left;
}
div.navbox td.navbox-seznam div {
padding: 0 .25em;
}
div.navbox td.navbox-skupina + th.navbox-název {
border-left: 2px solid transparent;
}
div.navbox table.navbox-navbox th.navbox-název span.navbox-názevtext {
font-size: 110%;
}
div.navbox table.navbox-podskupina th.navbox-název span.navbox-názevtext {
font-size: 100%;
}
div.navbox td.navbox-obrázekleft {
padding: 0 2px 0 0;
width: 0;
}
div.navbox td.navbox-obrázek {
padding: 0 0 0 2px;
width: 0;
}
div.navbox .collapseButton {
width: 6em;
}
/* barvy navboxu */
div.navbox {
border-color: #aaa;
}
div.navbox,
div.navbox table.navbox-podskupina {
background-color: #fdfdfd;
}
div.navbox table.navbox-navbox {
background-color: transparent;
color: inherit;
}
div.navbox td.navbox-skupina + th.navbox-název ,
div.navbox td.navbox-skupina + td.navbox-seznam {
border-color: #fdfdfd;
}
div.navbox th.navbox-název,
div.navbox th {
background-color: #FDA600;
}
div.navbox td.navbox-nadpod,
div.navbox td.navbox-skupina,
div.navbox table.navbox-podskupina td.navbox-název {
background-color: #fdaa2c;
}
div.navbox table.navbox-podskupina td.navbox-skupina,
div.navbox table.navbox-podskupina td.navbox-nadpod {
background-color: #fdaa2c;
}
div.navbox td.navbox-even {
background-color: #ffcb7b;
}
div.navbox td.navbox-odd {
background-color: #ffcb7b;
}
table.navboxes {
border: 1px solid #aaa;
clear: both;
font-size: 88%;
text-align: center;
width: 100%;
}
table.navboxes th {
background-color: #F6AE41;
padding-left: 1em;
padding-right: 1em;
}
table.navboxes .collapseButton {
width: 6em;
}
table.navboxes div.navbox {
font-size: 88%;
}
table.navboxes + table.navboxes,
table.navboxes + div.navbox,
div.navbox + table.navboxes,
div.navbox + div.navbox {
margin-top: -1px;
}
.collapseButton {
float: right;
font-weight: normal;
text-align: right;
width: auto;
}
/* Horizontální seznamy (tzv. flatlist)*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Horizontální seznam bez zalomení řádku na konci */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Vnořené horizontální seznamy */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generování interpunkce */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Číslovaný horizontální seznam */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
/* Seznamy bez odrážek (tzv. plainlist) */
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}
/* styly odrážek pro Šablona:Seznam */
.seznam > ul > li {
list-style-type: disc;
}
.seznam > ul > li > ul >li {
list-style-type: circle;
}
.seznam > ul > li > ul > li > ul li {
list-style-type: square;
}
/* styly pro NavBox */
.navBoxHeader {
padding:8px 10px 8px 35px;
font-weight:bold;
color:#ffffff;
background-color:#fdaa2c;
border-top-left-radius:1rem;
border-top-right-radius:1rem;
}
.navBoxContent {
padding:0px 0px 20px 8px;
background-color: #ffe1b5;
}
.navBoxContent > ul { padding:10px 10px 20px 15px; }
.navBoxContent > ul ul { margin-left: 20px; }
.navBoxContent > ul li {
list-style-type: none;
margin:2px 10px;
position: relative;
padding:0px 5px;
font-size:0.9rem;
line-height:1rem;
}
.navBoxContent > ul li::before {
content: "";
position: absolute;
top:-5px; /*-4*/
left:-20px;
border-left: 1px solid #d3941c;
border-bottom:1px solid #d3941c;
width:20px;
height:12px;
}
.navBoxContent > ul li::after {
position:absolute;
content:"";
top:7px;/*11*/
left:-20px;
border-left: 1px solid #d3941c;
border-top:1px solid #d3941c;
width:20px;
height:100%;
}
.navBoxContent > ul li:last-child::after, .navBoxContent > ul > li:first-child::before { display:none; }
.navBoxFooter {
border-bottom-left-radius:1rem;
border-bottom-right-radius:1rem;
padding:0px 10px 20px 35px;
background-color: #f7c06c;
margin:0px;
font-size:0.9rem;
}
/* Nová titulní strana */
.mw-body {
background-color:#ffffff;
}
.mainBox2 {
float:left;
margin-bottom:30px;
max-width:600px;
}
.mainHeadBox2 {
background-color: #4c5063; /* #FFBB05;*/
color:#ffffff;
padding: 10px !important;
font-size: 1.3rem;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#publikovano > a:link {color:#ffffff;}
#publikovano > a:visited {color:#ffffff;}
#publikovano > a:hover {color:#ffffff;}
#publikovano > a:active {color:#ffffff;}
.mainContentBox2 {
background-color: #FFFFFF;
padding: 10px;
}
.mp_container_obory {
column-width: 14em;
column-gap: 1em;
}
#oboryTitle {
list-style-type: none;
margin: 0;
padding: 0;
}
#oboryTitle li:first-child
{
margin-top:0px;
}
#oboryTitle li {
padding-top: 0.4em;
}
/* schovat osobní menu pro nepřihlášené */
#p-custom-menu {
display:none;
}
/* šablony úvodních upozornění */
div.uvodni-upozorneni
{
font-style: italic;
margin: 0 0 1em 2em;
}
/* Portály responzivně */
div.portalCely {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
div.portalOddil {
padding: 0 3rem 3rem 0;
}
/* reference */
sup.reference {
font-size: 70%;
}
