Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
av-styles-and-scripts [2020/05/25 13:23] avsetula |
av-styles-and-scripts [2020/06/08 09:21] avsetula |
||
---|---|---|---|
Line 1: | Line 1: | ||
/* | /* | ||
- | Popis uživatelských stylů a skriptů pro KB.Unipi | + | *Popis uživatelských stylů a skriptů pro KB.Unipi od AVsetula |
- | */ | + | */ |
Line 7: | Line 7: | ||
<style> | <style> | ||
/* Modry nadpis pro uroven H7 bez podtrzeni */ | /* Modry nadpis pro uroven H7 bez podtrzeni */ | ||
- | span.kbBlueLightText{ | + | span.kbBlueLightText{ font-weight: bold; color: #00679a;} |
- | font-weight: bold; | + | |
- | color: #00679a; | + | |
- | } | + | |
| | ||
/* Modre zvýraznění textu */ | /* Modre zvýraznění textu */ | ||
- | span.avBlueText{ | + | span.avBlueText{font-weight: bold; color: #2f5496;} |
- | font-weight: bold; | + | |
- | color: #2f5496; | + | |
- | } | + | |
| | ||
/* Oranzove zvýraznění textu */ | /* Oranzove zvýraznění textu */ | ||
- | span.avOrangeText{ | + | span.avOrangeText{font-weight: bold; color: #c45911;} |
- | font-weight: bold; | + | |
- | color: #c45911; | + | |
- | } | + | |
- | | + | |
| | ||
/* Rude podbarveni textu */ | /* Rude podbarveni textu */ | ||
- | span.wrongTranslate{ | + | span.wrongTranslate{font-weight: bold; background: #bb2922; color: #fff;} |
- | font-weight: bold; | + | |
- | background: #bb2922; | + | |
- | color: #fff; | + | |
- | } | + | |
| | ||
/* Modry nadpis pro uroven H7 */ | /* Modry nadpis pro uroven H7 */ | ||
- | span.kbBlueText{ | + | span.kbBlueText{font-weight: bold; color: #00679a;} |
- | font-weight: bold; | + | |
- | color: #00679a; | + | |
- | } | + | |
| | ||
/* Modry nadpis pro uroven H8 */ | /* Modry nadpis pro uroven H8 */ | ||
- | span.kbBlue-H8{ | + | span.kbBlue-H8{padding-left: 20px; font-weight: bold; color: #00679a;} |
- | padding-left: 20px; | + | |
- | font-weight: bold; | + | |
- | color: #00679a; | + | |
- | } | + | |
| | ||
/* Alternativní modry nadpis pro uroven H4 bez horní čáry */ | /* Alternativní modry nadpis pro uroven H4 bez horní čáry */ | ||
- | span.kbBlue-H4alt{ | + | span.kbBlue-H4alt{font-size: 25px; color: #00679a; margin-top: 10px; display: inline-block;} |
- | font-size: 25px; | + | |
- | color: #00679a; | + | |
- | margin-top: 10px; | + | |
- | display: inline-block; | + | |
- | } | + | |
| | ||
/* Tagovací div */ | /* Tagovací div */ | ||
- | .errorTag{ | + | .errorTag{width: 0; height: 0; margin: 0;} |
- | width: 0; | + | |
- | height: 0; | + | |
- | margin: 0; | + | /* HW tagy článků */ |
- | } | + | .dev-axon {color: #fff; background-color: #222;} |
+ | .dev-neuron {color: #fff; background-color: #017ebe;} | ||
+ | .dev-unipi11 {color: #fff; background-color: #1a9368;} | ||
+ | .dev-extens{color: #fff; background-color: #777;} | ||
+ | |||
+ | span.dev-tag {border-radius: 25px; font-weight: bold; font-size: 12px; padding: 0.5px 10px 0 10px;} | ||
+ | span.mini-tag {border-radius: 25px; font-weight: bold; font-size: 12px; padding: 0 4px;} | ||
+ | span.color-tag {border-radius: 25px; font-weight: bold; font-size: 12px; padding: 0 8px;} | ||
+ | | ||
+ | div.multi-tag {border-radius: 25px; width: 16px; height: 16px; display: inline-block; margin: 0; overflow: hidden;} | ||
+ | div.multi-tag div {width: 8px; height: 8px; display: block; float: left;} | ||
+ | | ||
| | ||
/* CSS pro JS lupu */ | /* CSS pro JS lupu */ | ||
- | figure.zoom { | + | figure.zoom { |
- | + | background-position: 50% 50%; | |
- | background-position: 50% 50%; | + | position: relative; |
- | position: relative; | + | max-width: 100%; |
- | max-width: 100%; | + | height: auto; |
- | height: auto; | + | overflow: hidden; |
- | overflow: hidden; | + | display: inline-block; |
- | display: inline-block; | + | cursor: zoom-in; |
- | cursor: zoom-in; | + | } |
- | } | + | |
- | + | figure.zoom img { | |
- | .hide-opacity { | + | display: block; |
- | opacity: 0; | + | width: 100%; |
- | } | + | height: auto; |
- | + | } | |
- | figure.zoom img { | + | |
- | display: block; | + | .hide-opacity {opacity: 0;} |
- | width: 100%; | + | |
- | height: auto; | + | |
- | } | + | |
</style> | </style> | ||
| | ||
Line 117: | Line 99: | ||
| | ||
function setHeight(e) { | function setHeight(e) { | ||
- | var iframeWidth = e.offsetWidth; | + | e.style.height = e.offsetWidth*0.5625+"px"; |
- | e.style.height = iframeWidth*0.5625+"px"; | + | |
- | alert(iframeWidth); | + | |
} | } | ||
</script> | </script> | ||
</html> | </html> | ||
- | /* záloha starších verzí: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* záloha starších verzí: | ||
Původní verze lupy (s pohybem podle myši): | Původní verze lupy (s pohybem podle myši): | ||
function zoom(e){ | function zoom(e){ |