Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Next revision Both sides next revision
av-styles-and-scripts [2020/05/25 13:30]
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 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 122: Line 104:
 </​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){