Differences

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

--- av-styles-and-scripts [2020/05/25 13:30]
avsetula
+++ av-styles-and-scripts [2020/06/08 09:20]
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>
     /* 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 */
-    span.avBlueText{
+      span.avBlueText{font-weight: bold; color: #2f5496;}
-      font-weight: bold;
-      color: #2f5496;
-    }
     /* Oranzove zvýraznění textu */
-    span.avOrangeText{
+      span.avOrangeText{font-weight: bold; color: #c45911;}
-      font-weight: bold;
-      color: #c45911;
-    }
     /* 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 */
-    span.kbBlueText{
+      span.kbBlueText{font-weight: bold; color: #00679a;}
-      font-weight: bold;
-      color: #00679a;
-    }
     /* 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 */
-    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 */
-    .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 */
-    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>