MediaWiki:Common.css: Porovnání verzí

Z Iurium Wiki
(Založena nová stránka s textem „Zde uvedené CSS bude ovlivňovat všechny styly: #oboryTitle { list-style-type: none; margin:0; padding:0; } #oboryTitle li { float:left;…“)
 
m (break-inside)
 
(Není zobrazeno 24 mezilehlých verzí od 2 dalších uživatelů.)
Řádek 1: Řádek 1:
/* Zde uvedené CSS bude ovlivňovat všechny styly */
+
/* ====================== Common.css ==========================
 +
  popis: zde uvedené styly budou ovlivňovat všechny skiny
 +
  ============================================================ */
 +
 
 +
 
 +
/* =================== HLAVNÍ STRANA ================ */
 +
body.page-Home h1#firstHeading { display: none; }
 +
body.page-Home div#contentSub { display: none; }
 +
body.page-Home div#catlinks { display: none; }
 +
.mw-body { background-color:#ffffff;}
 +
.mainBox {
 +
float:left;
 +
margin-bottom:30px;
 +
max-width:600px;
 +
}
 +
.mainHeadBox {
 +
  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;
 +
}
 +
.mainContentBox {
 +
  background-color: #FFFFFF;
 +
  padding: 10px;
 +
}
 +
 
 +
#publikovano > a:link {color:#ffffff;}
 +
#publikovano > a:visited {color:#ffffff;}
 +
#publikovano > a:hover {color:#ffffff;}
 +
#publikovano > a:active {color:#ffffff;}
 +
 
 +
.mp_container_obory {
 +
    column-width: 14em;
 +
    column-gap: 1em;
 +
}
  
 
#oboryTitle {
 
#oboryTitle {
 
   list-style-type: none;
 
   list-style-type: none;
   margin:0;
+
   margin: 0;
   padding:0;
+
   padding: 0;
 +
}
 +
 
 +
#oboryTitle li:first-child
 +
{
 +
    margin-top:0px;
 
}
 
}
 +
 
#oboryTitle li {
 
#oboryTitle li {
  float:left;
+
    padding-top: 0.4em;
  height:35px;
+
    text-align:center;
  width:310px;
+
    -webkit-column-break-inside: avoid;
 +
    page-break-inside: avoid;
 +
    break-inside: avoid;
 
}
 
}
#oboryTitle li span {
+
 
   width:255px;
+
 
 +
 
 +
 
 +
/* ============================================================
 +
  PORTÁLY
 +
  ============================================================ */
 +
.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;
 +
}
 +
 
 +
.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;
 +
  }
 
}
 
}

Aktuální verze z 25. 10. 2018, 10:52

/* ====================== Common.css ==========================
   popis: zde uvedené styly budou ovlivňovat všechny skiny
   ============================================================ */


/* =================== HLAVNÍ STRANA ================ */
body.page-Home h1#firstHeading { display: none; }
body.page-Home div#contentSub { display: none; }
body.page-Home div#catlinks { display: none; }
.mw-body { background-color:#ffffff;}
.mainBox {
	float:left;
	margin-bottom:30px;
	max-width:600px;
}
.mainHeadBox {
  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;
}
.mainContentBox {
  background-color: #FFFFFF;
  padding: 10px;
}

#publikovano > a:link {color:#ffffff;}
#publikovano > a:visited {color:#ffffff;}
#publikovano > a:hover {color:#ffffff;}
#publikovano > a:active {color:#ffffff;}

.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;
    text-align:center;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}




/* ============================================================
   PORTÁLY
   ============================================================ */
.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;
}

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