MediaWiki:Common.css

Z Základy informatiky pro střední školy
Přejít na: navigace, hledání

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

to tu asi nemusi byt? <style type="text/css" media="screen">
*/

/*********************************************** */
/* PREPINACI BLOKY */

div.ToggleBoxPanel{
   background:#ffffff;
   border:1px #aaaaaa solid;
   padding:8px;
   color:#4D4D4D;
   font-size:smaller;
}
 
div.ToggleButton {
   border:1px #ffffff solid;
   cursor:pointer;
   margin:2px;
   padding:2px;
   color:#0645AD
}
div.ToggleButton-active{
   background-color: #F6F6F6;
   border: 1px #A7D7F9 solid !important;  /* it would not be used without important, when jQ adds the class */
}
div.ToggleButton:hover {
   text-decoration: underline;
   border: 1px #A7D7F9 solid;
}
 
#ToggleBox-View-Link{
   font-size:smaller;
}

 
.GeneralBox {
   padding: 0.5ex;
   position: relative;
}

@media not print {
.ToggleBox {  /* first, so that others can override it */
   display : none;
}}

@media print {
.ToggleBox, .BoxContent {
   display: block;
}
.mw-collapsible-toggle {
   display: none;
}
#siteSub {
   display: none;
}
#contentSub {
   display: none;
}
.printfooter {
   display: none;
}
#footer {
   display: none;
}
#toc {
   display: none;
}

}
 
.BoxTitle {
   font-weight:bold;
}
 

@media not print {
.BoxContent {
   /* this is to improve nesting of boxes */
   /* overflow: auto; this made ugly scrollbars with collapsed boxes (due to icons) */
   overflow: hidden;
   position: relative;
/* tenhle div ořezává najížděcí obsah (vlastním rámečkem, nikoliv okolními prvky). nehledě na z-index */
}}
 
.TeacherBox, .AutodidactBox, .BonusBox {
   float: right;
   width: 45%;
   margin: 0.5em;
   border: 1px solid #aaaaaa;
   background-color: #D1ECFF;
}
 
.BonusBox{
   border: 1px solid #aaaaaa;
   background-color: #FFE2C4;
   font-size:smaller;
}
 
.tgb-wide{
   float: none;
   width: 80%;
   margin: auto;
   clear: both;
}
 
.tgb-wide-100{
   float: none;
   clear: both;
   width: initial;
   margin: 0.5em auto;
}
 
.HintBox{
   /*color: #4D4D4D;
   background-color: #F6F6F6;*/
   border-top: 1px #4D4D4D solid;
   /*border: 1px #4D4D4D solid;*/
   overflow:hidden;
}

@media not print {
.SolutionBox{
   opacity: 0.7;
   display: none; /* attempt to hide it even before the script loads to hide it (it is probably still too late?) */
   border:none;
   border-top: 1px #4D4D4D solid;
   border-bottom: 1px #4D4D4D solid;
   overflow:hidden;
}}
@media print {
.SolutionBox{
   display: block;
}}

 
div.todo { /* (existuje i span.todo) */
   float: none;
   overflow:hidden;
   margin: auto;
   border: 5px #000000 dashed;
   background-color: #ffff00;
}

/*********************************************** */
/* dalsi boxy */

.ThinkBox, .ActivityBox, .ExampleBox {
    width: inherit;
    clear:both;  /* on se stejne nezužuje, prostě toggle boxy překrývá... */
    min-width: 40%;
    margin: 12pt auto;
    padding: 6pt;
    background: #ffd;
    border: 1px solid #aaaaaa;
}

.GoalBox {
   float: none;
   clear: both;
   width: initial;
    margin: 0.5em auto;
    padding: 6pt;
    background: #90F25E;
    border: 1px double #aaaaaa;
}

.SummaryBox {
    clear: all;
    margin: 12pt auto;
    padding: 2em;
    background: #90F25E;
    border: 1px double #aaaaaa;
    font-size:larger;
}

.RememberBox {
    font-size:larger;
    background: #90F25E;
    border: 1px double #aaaaaa;
    padding-bottom: 1em;
    margin: 12pt 5%;
    min-width: 40%;
    width:auto;        /* tyhle dva radky smacknou blok, pokud je vedle neco plovouciho */
    overflow: hidden;
}

/*********************************************** */
/* pokus o poznamky v bublinach podle https://what-if.xkcd.com/ */
.detail {
    position: relative;
}

.detail-anchor {
    color: #005994;
    cursor: pointer;
    border-bottom: 1px dashed;
}

.detail-body {
    font-size: .7em;
    line-height: 1.1;
    display: block;
    min-width: 20em;
    position: absolute;
    left: 2.5em;
    top: 2em ;
    border: 1px solid;
    padding: 5px;
    background-color: #fff;
    word-wrap: break-word;
    z-index: 9999;
    overflow: auto;
}

/* vlastni pokus - najizdeci synonyma */
.synonym {
    position: relative;
}
.synonym-main {
    color: #FF8400;
    border-bottom: 1px dashed;
    cursor: pointer;
}
.synonym-alternative {
    font-size: smaller;
    /*line-height: 1.1;*/
    display: none;
    min-width: 20em;
    position: absolute;
    left: -2.5em;
    bottom: 2em ;
    border: 1px solid #FF8400;
    padding: 5px;
    background-color: #fff;
    word-wrap: break-word;
    z-index: 9999;
    overflow: auto;
}

/*********************************************** */
/* sablona img - lepsi prace s velikosti a popiskem obrazku */
div.imageframe {
  width: 96%;
  background-color: #F6F6F6;
  border: 1px solid #aaaaaa;
/*  padding: 5px;*/
  padding-top: 5px;
  padding-bottom: 5px;
  margin: auto;
margin-left:2%;
margin-right:2%;
}
div.imagecaption {
  font-size: smaller;
margin-left:2%;
margin-right:2%;
}
.imageframe img {
  max-width: 96%;
margin-left:2%;
margin-right:2%;
  height: auto !important; 
  /*width: auto !important; to kdyz se vynecha, tak je mozne svg i zvetsit, jinak to prohlizec omezi */  /* for IE8 */
  border: 1px solid #aaaaaa;
  background-color: #FFFFFF;
}

/*********************************************** */
/* totez pro ikony - nektere prohlizece totiz podivne skaluji svg */
div.iconbox {
  width: 100%;
  position:absolute;
}

div.iconplaceholder{
    float:left;
    margin-left:3px;
    margin-bottom:3px;
}

.iconbox img {
  max-width: 100%;
  height: auto !important;
  /*width: auto !important; to kdyz se vynecha, tak je mozne svg i zvetsit, jinak to prohlizec omezi */  /* for IE8 */
}

/*********************************************** */
/* moje drobnosti */
span.inline-kod {
   font-family: Courier, monospace;
   background: #F6F6F6;
}
span.klavesa {
   background: #F6F6F6;
   border: 1px solid #4D4D4D;
   border-radius: .5ex;
   padding: .3ex;
}

/*********************************************** */
/* upravy existujicich stylu */

/* to je pry pro sablonu chapnav ? */
.topicon { position:absolute; display:none; }
#page-status { position:relative; float:right; left:1.5em; margin-right:1.5em; height:1em; }
#protected-icon { right:35px; }
#status-icon { right:5px; }

/* prasecinky, aby lidi z ulice neobtezovaly zbytecne cudliky a odkazy*/

#left-navigation { display: none; }
#p-tb { display: none; } /* tohle vypne "nastroje", ale pozor, obcas je potrbuju, ehm */
#right-navigation { display: none; }
#mw-head-base { height: 2em;}

#footer-info-lastmod { display: none; }
#footer-places-privacy { display: none; }
#footer-places-about { display: none; }
#footer-places-disclaimer { display: none; }

/* hnusny trik na schovani hlavniho nadpisu na hlavni strane, ktery se urputne brani
http://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_hide_the_main_page_title.3F
*/
body.page-Hlavní_strana h1 { 
   border: none; 
}
/* alternativně:
body.page-Hlavní_strana div#bodyContent { 
   position: relative;
   top: -5px;
   background:#ffffff;
} */

div.RunestoneDiv {
    margin-left: 5%;
    margin-right:5%;
    border: 1px solid #aaaaaa;
    background-color: #FFF;
}

/*********************************************** */
/* moje drobnosti a upravy */
/* to je pro obcasne "kvizove" otazky, wiki sama neumi spravne odrazky */
ol.quiz-items {
   list-style-type:upper-alpha;
}


div#bodyContent a {
    text-decoration: underline;
}

/* interwiki linky chci taky s sipeckou ven, tedy "ven mimo ucebnici"
   a HTTPS nechci odlisovat zameckem
*/

a.extiw, a[href ^="https://"].external {
    padding-right: 13px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20transform%3D%22translate%28-826.429%20-698.791%29%22%3E%3Crect%20width%3D%225.982%22%20height%3D%225.982%22%20x%3D%22826.929%22%20y%3D%22702.309%22%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M831.194%20698.791h5.234v5.391l-1.571%201.545-1.31-1.31-2.725%202.725-2.689-2.689%202.808-2.808-1.311-1.311z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M835.424%20699.795l.022%204.885-1.817-1.817-2.881%202.881-1.228-1.228%202.881-2.881-1.851-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
/* dekodovane:    background-image: linear-gradient(transparent, transparent), url('data:image/svg xml,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><g transform="translate(-826.429 -698.791)"><rect width="5.982" height="5.982" x="826.929" y="702.309" fill="#fff" stroke="#06c"/><g><path d="M831.194 698.791h5.234v5.391l-1.571 1.545-1.31-1.31-2.725 2.725-2.689-2.689 2.808-2.808-1.311-1.311z" fill="#06f"/><path d="M835.424 699.795l.022 4.885-1.817-1.817-2.881 2.881-1.228-1.228 2.881-2.881-1.851-1.851z" fill="#fff"/></g></g></svg>'); */
}
/*

to asi neni treba: </style>

ale jak se udela styl pro tisk?
<style type="text/css" media="print">
</style>
*/
Citováno z „https://popelka.ms.mff.cuni.cz/~lessner/mw/index.php?title=MediaWiki:Common.css&oldid=9944“