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
/* Zde uvedené CSS bude ovlivňovat všechny styly */
/* ====================== Common.css ==========================
   popis: zde uvedené styly budou ovlivňovat všechny skiny
   dokumentace: [[Fórum:Common.css (dokumentace)]]
   ============================================================ */

/* =================== 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);
}

/* =================== EDITACE ================================ */
/* skrýt nepotřebné odkazy a tlačítka u editací */
.editHelp, #wpDiff {display: none;}

/* 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: white;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #aaaaaa;
}

.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 0;
}

.mw-editsection, .mw-editsection a {
	color: #aaaaaa !important;
}

.mw-editsection-bracket {
  display:none;
}

/* barva tlačítka nové diskuse */
.lqt_start_discussion a {
	color: #ffffff !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;}

/* písmo v textarea */
#wpTextbox1 {
  font-family: Verdana, monospace;
}

/* 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 =================================== */
/* při tisku skrýt nepotřebný obsah */
@media print {
	
  .netisknout, #privacy, #about, #disclaimer, .sablona, #catlinks, #mw-footer, #ca-feedback, .toc, #siteSub, .mw-editsection {
  	display: none !important;
  }
  
}

/* 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 #AAA solid;
  border-collapse:collapse;
}

table.wikitable th, table.wikitable td, table.bluetable th, table.bluetable td {
  border:1px #AAA 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;
  visibility: hidden;
  right: 1%;
  z-index: 1000;
}

.schovana_zprava:hover .schovana_zprava_hidden{
  visibility: visible;
}

.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 ====================== */
/* 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 #aaa;
    background-color: #FDE7A3;
    padding: 1em;
}


/* =================== UŽIVATELSKÉ INLINE STYLY =============== */

/* úvodní box v článcích ve fóru */
div.forum-uvod {
  padding: 5px;
  background-color:#D0E3FB;
  border: 1px solid #A4C9F6;
  border-radius: 5px;
}

/* 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%;
}

@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;
}

#oboryTitle {
  list-style-type: none;
  margin:0;
  padding:0;
}
#oboryTitle li {
  float:left;
  height:35px;
  width:310px;
}
#oboryTitle li span {
  width:255px;
}


/* schovat osobní menu pro nepřihlášené */
#p-custom-menu {
	display:none;
}


/* Pokus o opravu noprint */
@media print {
  .noprint { 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: 1.5rem;
}

/* reference */
sup.reference {
	font-size: 70%;
}.mainContentBox2 {
  background-color: #FFFFFF;
  padding: 10px;
}

#oboryTitle {
  list-style-type: none;
  margin:0;
  padding:0;
}
#oboryTitle li {
  float:left;
  height:35px;
  width:310px;
}
#oboryTitle li span {
  width:255px;
}