cyberweb 0.4.174 → 0.5.225

data/lib/cyberweb/cascading_style_sheets/drop_shadow.css

@@ -0,0 +1,154 @@
+.drop_shadow_aliceblue                 { filter: drop-shadow(4px 4px 4px aliceblue); }
+.drop_shadow_antiquewhite              { filter: drop-shadow(4px 4px 4px antiquewhite); }
+.drop_shadow_aqua                      { filter: drop-shadow(4px 4px 4px aqua); }
+.drop_shadow_aquamarine                { filter: drop-shadow(4px 4px 4px aquamarine); }
+.drop_shadow_azure                     { filter: drop-shadow(4px 4px 4px azure); }
+.drop_shadow_beige                     { filter: drop-shadow(4px 4px 4px beige); }
+.drop_shadow_bisque                    { filter: drop-shadow(4px 4px 4px bisque); }
+.drop_shadow_black                     { filter: drop-shadow(4px 4px 4px black); }
+.drop_shadow_blanchedalmond            { filter: drop-shadow(4px 4px 4px blanchedalmond); }
+.drop_shadow_blue                      { filter: drop-shadow(4px 4px 4px blue); }
+.drop_shadow_blueviolet                { filter: drop-shadow(4px 4px 4px blueviolet); }
+.drop_shadow_brown                     { filter: drop-shadow(4px 4px 4px brown); }
+.drop_shadow_burlywood                 { filter: drop-shadow(4px 4px 4px burlywood); }
+.drop_shadow_cadetblue                 { filter: drop-shadow(4px 4px 4px cadetblue); }
+.drop_shadow_chartreuse                { filter: drop-shadow(4px 4px 4px chartreuse); }
+.drop_shadow_chocolate                 { filter: drop-shadow(4px 4px 4px chocolate); }
+.drop_shadow_coral                     { filter: drop-shadow(4px 4px 4px coral); }
+.drop_shadow_cornflowerblue            { filter: drop-shadow(4px 4px 4px cornflowerblue); }
+.drop_shadow_cornsilk                  { filter: drop-shadow(4px 4px 4px cornsilk); }
+.drop_shadow_crimson                   { filter: drop-shadow(4px 4px 4px crimson); }
+.drop_shadow_cyan                      { filter: drop-shadow(4px 4px 4px cyan); }
+.drop_shadow_darkblue                  { filter: drop-shadow(4px 4px 4px darkblue); }
+.drop_shadow_darkcyan                  { filter: drop-shadow(4px 4px 4px darkcyan); }
+.drop_shadow_darkgoldenrod             { filter: drop-shadow(4px 4px 4px darkgoldenrod); }
+.drop_shadow_darkgray                  { filter: drop-shadow(4px 4px 4px darkgray); }
+.drop_shadow_darkgreen                 { filter: drop-shadow(4px 4px 4px darkgreen); }
+.drop_shadow_darkgrey                  { filter: drop-shadow(4px 4px 4px darkgrey); }
+.drop_shadow_darkkhaki                 { filter: drop-shadow(4px 4px 4px darkkhaki); }
+.drop_shadow_darkmagenta               { filter: drop-shadow(4px 4px 4px darkmagenta); }
+.drop_shadow_darkolivegreen            { filter: drop-shadow(4px 4px 4px darkolivegreen); }
+.drop_shadow_darkorange                { filter: drop-shadow(4px 4px 4px darkorange); }
+.drop_shadow_darkorchid                { filter: drop-shadow(4px 4px 4px darkorchid); }
+.drop_shadow_darkred                   { filter: drop-shadow(4px 4px 4px darkred); }
+.drop_shadow_darksalmon                { filter: drop-shadow(4px 4px 4px darksalmon); }
+.drop_shadow_darkseagreen              { filter: drop-shadow(4px 4px 4px darkseagreen); }
+.drop_shadow_darkslateblue             { filter: drop-shadow(4px 4px 4px darkslateblue); }
+.drop_shadow_darkslategray             { filter: drop-shadow(4px 4px 4px darkslategray); }
+.drop_shadow_darkslategrey             { filter: drop-shadow(4px 4px 4px darkslategrey); }
+.drop_shadow_darkturquoise             { filter: drop-shadow(4px 4px 4px darkturquoise); }
+.drop_shadow_darkviolet                { filter: drop-shadow(4px 4px 4px darkviolet); }
+.drop_shadow_deeppink                  { filter: drop-shadow(4px 4px 4px deeppink); }
+.drop_shadow_deepskyblue               { filter: drop-shadow(4px 4px 4px deepskyblue); }
+.drop_shadow_dimgray                   { filter: drop-shadow(4px 4px 4px dimgray); }
+.drop_shadow_dimgrey                   { filter: drop-shadow(4px 4px 4px dimgrey); }
+.drop_shadow_dodgerblue                { filter: drop-shadow(4px 4px 4px dodgerblue); }
+.drop_shadow_firebrick                 { filter: drop-shadow(4px 4px 4px firebrick); }
+.drop_shadow_floralwhite               { filter: drop-shadow(4px 4px 4px floralwhite); }
+.drop_shadow_forestgreen               { filter: drop-shadow(4px 4px 4px forestgreen); }
+.drop_shadow_fuchsia                   { filter: drop-shadow(4px 4px 4px fuchsia); }
+.drop_shadow_gainsboro                 { filter: drop-shadow(4px 4px 4px gainsboro); }
+.drop_shadow_ghostwhite                { filter: drop-shadow(4px 4px 4px ghostwhite); }
+.drop_shadow_gold                      { filter: drop-shadow(4px 4px 4px gold); }
+.drop_shadow_goldenrod                 { filter: drop-shadow(4px 4px 4px goldenrod); }
+.drop_shadow_gray                      { filter: drop-shadow(4px 4px 4px gray); }
+.drop_shadow_grey                      { filter: drop-shadow(4px 4px 4px grey); }
+.drop_shadow_green                     { filter: drop-shadow(4px 4px 4px green); }
+.drop_shadow_greenyellow               { filter: drop-shadow(4px 4px 4px greenyellow); }
+.drop_shadow_honeydew                  { filter: drop-shadow(4px 4px 4px honeydew); }
+.drop_shadow_hotpink                   { filter: drop-shadow(4px 4px 4px hotpink); }
+.drop_shadow_indianred                 { filter: drop-shadow(4px 4px 4px indianred); }
+.drop_shadow_indigo                    { filter: drop-shadow(4px 4px 4px indigo); }
+.drop_shadow_ivory                     { filter: drop-shadow(4px 4px 4px ivory); }
+.drop_shadow_khaki                     { filter: drop-shadow(4px 4px 4px khaki); }
+.drop_shadow_lavender                  { filter: drop-shadow(4px 4px 4px lavender); }
+.drop_shadow_lavenderblush             { filter: drop-shadow(4px 4px 4px lavenderblush); }
+.drop_shadow_lawngreen                 { filter: drop-shadow(4px 4px 4px lawngreen); }
+.drop_shadow_lemonchiffon              { filter: drop-shadow(4px 4px 4px lemonchiffon); }
+.drop_shadow_lightblue                 { filter: drop-shadow(4px 4px 4px lightblue); }
+.drop_shadow_lightcoral                { filter: drop-shadow(4px 4px 4px lightcoral); }
+.drop_shadow_lightcyan                 { filter: drop-shadow(4px 4px 4px lightcyan); }
+.drop_shadow_lightgoldenrodyellow      { filter: drop-shadow(4px 4px 4px lightgoldenrodyellow); }
+.drop_shadow_lightgray                 { filter: drop-shadow(4px 4px 4px lightgray); }
+.drop_shadow_lightgrey                 { filter: drop-shadow(4px 4px 4px lightgrey); }
+.drop_shadow_lightgreen                { filter: drop-shadow(4px 4px 4px lightgreen); }
+.drop_shadow_lightpink                 { filter: drop-shadow(4px 4px 4px lightpink); }
+.drop_shadow_lightsalmon               { filter: drop-shadow(4px 4px 4px lightsalmon); }
+.drop_shadow_lightseagreen             { filter: drop-shadow(4px 4px 4px lightseagreen); }
+.drop_shadow_lightskyblue              { filter: drop-shadow(4px 4px 4px lightskyblue); }
+.drop_shadow_lightslategray            { filter: drop-shadow(4px 4px 4px lightslategray); }
+.drop_shadow_lightslategrey            { filter: drop-shadow(4px 4px 4px lightslategrey); }
+.drop_shadow_lightsteelblue            { filter: drop-shadow(4px 4px 4px lightsteelblue); }
+.drop_shadow_lightyellow               { filter: drop-shadow(4px 4px 4px lightyellow); }
+.drop_shadow_lime                      { filter: drop-shadow(4px 4px 4px lime); }
+.drop_shadow_limegreen                 { filter: drop-shadow(4px 4px 4px limegreen); }
+.drop_shadow_linen                     { filter: drop-shadow(4px 4px 4px linen); }
+.drop_shadow_magenta                   { filter: drop-shadow(4px 4px 4px magenta); }
+.drop_shadow_maroon                    { filter: drop-shadow(4px 4px 4px maroon); }
+.drop_shadow_mediumaquamarine          { filter: drop-shadow(4px 4px 4px mediumaquamarine); }
+.drop_shadow_mediumblue                { filter: drop-shadow(4px 4px 4px mediumblue); }
+.drop_shadow_mediumorchid              { filter: drop-shadow(4px 4px 4px mediumorchid); }
+.drop_shadow_mediumpurple              { filter: drop-shadow(4px 4px 4px mediumpurple); }
+.drop_shadow_mediumseagreen            { filter: drop-shadow(4px 4px 4px mediumseagreen); }
+.drop_shadow_mediumslateblue           { filter: drop-shadow(4px 4px 4px mediumslateblue); }
+.drop_shadow_mediumspringgreen         { filter: drop-shadow(4px 4px 4px mediumspringgreen); }
+.drop_shadow_mediumturquoise           { filter: drop-shadow(4px 4px 4px mediumturquoise); }
+.drop_shadow_mediumvioletred           { filter: drop-shadow(4px 4px 4px mediumvioletred); }
+.drop_shadow_midnightblue              { filter: drop-shadow(4px 4px 4px midnightblue); }
+.drop_shadow_mintcream                 { filter: drop-shadow(4px 4px 4px mintcream); }
+.drop_shadow_mistyrose                 { filter: drop-shadow(4px 4px 4px mistyrose); }
+.drop_shadow_moccasin                  { filter: drop-shadow(4px 4px 4px moccasin); }
+.drop_shadow_navajowhite               { filter: drop-shadow(4px 4px 4px navajowhite); }
+.drop_shadow_navy                      { filter: drop-shadow(4px 4px 4px navy); }
+.drop_shadow_oldlace                   { filter: drop-shadow(4px 4px 4px oldlace); }
+.drop_shadow_olive                     { filter: drop-shadow(4px 4px 4px olive); }
+.drop_shadow_olivedrab                 { filter: drop-shadow(4px 4px 4px olivedrab); }
+.drop_shadow_orange                    { filter: drop-shadow(4px 4px 4px orange); }
+.drop_shadow_orangered                 { filter: drop-shadow(4px 4px 4px orangered); }
+.drop_shadow_orchid                    { filter: drop-shadow(4px 4px 4px orchid); }
+.drop_shadow_palegoldenrod             { filter: drop-shadow(4px 4px 4px palegoldenrod); }
+.drop_shadow_palegreen                 { filter: drop-shadow(4px 4px 4px palegreen); }
+.drop_shadow_paleturquoise             { filter: drop-shadow(4px 4px 4px paleturquoise); }
+.drop_shadow_palevioletred             { filter: drop-shadow(4px 4px 4px palevioletred); }
+.drop_shadow_papayawhip                { filter: drop-shadow(4px 4px 4px papayawhip); }
+.drop_shadow_peachpuff                 { filter: drop-shadow(4px 4px 4px peachpuff); }
+.drop_shadow_peru                      { filter: drop-shadow(4px 4px 4px peru); }
+.drop_shadow_pink                      { filter: drop-shadow(4px 4px 4px pink); }
+.drop_shadow_plum                      { filter: drop-shadow(4px 4px 4px plum); }
+.drop_shadow_powderblue                { filter: drop-shadow(4px 4px 4px powderblue); }
+.drop_shadow_purple                    { filter: drop-shadow(4px 4px 4px purple); }
+.drop_shadow_red                       { filter: drop-shadow(4px 4px 4px red); }
+.drop_shadow_rosybrown                 { filter: drop-shadow(4px 4px 4px rosybrown); }
+.drop_shadow_royalblue                 { filter: drop-shadow(4px 4px 4px royalblue); }
+.drop_shadow_saddlebrown               { filter: drop-shadow(4px 4px 4px saddlebrown); }
+.drop_shadow_salmon                    { filter: drop-shadow(4px 4px 4px salmon); }
+.drop_shadow_sandybrown                { filter: drop-shadow(4px 4px 4px sandybrown); }
+.drop_shadow_seagreen                  { filter: drop-shadow(4px 4px 4px seagreen); }
+.drop_shadow_seashell                  { filter: drop-shadow(4px 4px 4px seashell); }
+.drop_shadow_sienna                    { filter: drop-shadow(4px 4px 4px sienna); }
+.drop_shadow_silver                    { filter: drop-shadow(4px 4px 4px silver); }
+.drop_shadow_skyblue                   { filter: drop-shadow(4px 4px 4px skyblue); }
+.drop_shadow_slateblue                 { filter: drop-shadow(4px 4px 4px slateblue); }
+.drop_shadow_slategray                 { filter: drop-shadow(4px 4px 4px slategray); }
+.drop_shadow_slategrey                 { filter: drop-shadow(4px 4px 4px slategrey); }
+.drop_shadow_snow                      { filter: drop-shadow(4px 4px 4px snow); }
+.drop_shadow_springgreen               { filter: drop-shadow(4px 4px 4px springgreen); }
+.drop_shadow_steelblue                 { filter: drop-shadow(4px 4px 4px steelblue); }
+.drop_shadow_tan                       { filter: drop-shadow(4px 4px 4px tan); }
+.drop_shadow_teal                      { filter: drop-shadow(4px 4px 4px teal); }
+.drop_shadow_thistle                   { filter: drop-shadow(4px 4px 4px thistle); }
+.drop_shadow_tomato                    { filter: drop-shadow(4px 4px 4px tomato); }
+.drop_shadow_turquoise                 { filter: drop-shadow(4px 4px 4px turquoise); }
+.drop_shadow_violet                    { filter: drop-shadow(4px 4px 4px violet); }
+.drop_shadow_wheat                     { filter: drop-shadow(4px 4px 4px wheat); }
+.drop_shadow_white                     { filter: drop-shadow(4px 4px 4px white); }
+.drop_shadow_whitesmoke                { filter: drop-shadow(4px 4px 4px whitesmoke); }
+.drop_shadow_yellow                    { filter: drop-shadow(4px 4px 4px yellow); }
+.drop_shadow_yellowgreen               { filter: drop-shadow(4px 4px 4px yellowgreen); }
+
+/*
+ * Next we will use some box-shadow effects.
+ */
+.box_shadow_1 {
+  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
+}

data/lib/cyberweb/cascading_style_sheets/error_404_css_class.css

@@ -0,0 +1,26 @@
+/*
+ * error_404_css_class.css
+ *
+ * This class can be used to define ad-hoc 404 errors, via
+ * CSS. An alternative may be to use an image, but I found
+ * a simple, CSS-styled 404 text error to be more convenient.
+ */
+.error_404_css_class {
+  color: #fff;
+  font-size: 5em;
+  font-weight: bold;
+  font-family: Helvetica;
+  text-shadow:
+    0  1px    0 #ccc, 
+    0  2px    0 #c9c9c9, 
+    0  3px    0 #bbb, 
+    0  4px    0 #b9b9b9, 
+    0  5px    0 #aaa, 
+    0  6px  1px rgba(0,0,0,.1), 
+    0    0  5px rgba(0,0,0,.1), 
+    0  1px  3px rgba(0,0,0,.3), 
+    0  3px  5px rgba(0,0,0,.2), 
+    0  5px 10px rgba(0,0,0,.25), 
+    0 10px 10px rgba(0,0,0,.2), 
+    0 20px 20px rgba(0,0,0,.15);
+}

data/lib/cyberweb/cascading_style_sheets/fonts.css

@@ -29,7 +29,7 @@
 .FWM      { font-weight: 500;}
 .FW1, .F1 { font-weight: 100;}
 .FW2, .F2 { font-weight: 200;}
-.FW3, .F3 { font-weight: 300;}
+.FW3, .F3, .FW300 { font-weight: 300;}
 .FW4, .F4 { font-weight: 400;}
 .FW5, .F5 { font-weight: 500;}
 .FW6, .F6 { font-weight: 600;}
@@ -43,20 +43,6 @@
 .GOBOLD { font-weight:600;color:gold}
 .normal { font-weight:300; font-style: normal;}
 
-
-.BG_IMG_BGP1       { background-image: url(../images/RPG/BG_PARCHMENT1.jpg)  }
-.BG_IMG_BGP2       { background-image: url(../images/RPG/BG_PARCHMENT2.jpg)  }
-.BG_IMG_FGP1       { background-image: url(../images/RPG/FG_PARCHMENT1.gif)  }
-.BG_IMG_FGP2       { background-image: url(../images/RPG/FG_PARCHMENT2.jpg)  }
-.BG_IMG_DnD_CGEN1  { background-image: url(../images/RPG/DnD/CGEN/CGEN1.png) }
-.BG_IMG_RUBY       { background-image: url(../images/PC/RUBY/RUBY.png) }
-.BG_IMG_SR1        { background-image: url(../images/RPG/SR/BG1.jpg) }
-.BG_IMG_PARCHMENT1 { background-image: url(../images/STD/PERGAMENT_TILER1.jpg) }
-.BG_IMG_DD1        { background-image: url(../images/RPG/DnD/BG_DnD.png) }
-.BG_IMG_DSA1       { background-image: url(../images/RPG/DSA/BG_DSA.png) }
-.BG_IMG_PCBG1      { background-image: url(../images/PC/BG.jpg) }
-.BG_IMG_PCTOP      { background-image: url(../images/PC/TOP.jpg) }
-.BG_IMG_WEISHEITEN { background-image: url(../images/WEISHEITEN/WEISHEITEN.jpg) }
 .BG_FIX            { background-attachment: fixed; }
 .BG_Pos00          { background-position: 0 0; }
 
@@ -241,23 +227,8 @@
 .big      { font-size:larger;}
 .smaller  { font-size:smaller}
 
-  /*  Font style tags, font-style tags, Value:normal | italic | oblique | inherit  */
-.FSN           { font-style:normal;}
-.FN            { font-style:normal;}
-.FSI, .italic  { font-style:italic;}
-.FI            { font-style:italic;}
-.FSO           { font-style:oblique}
-/* inherit means that it takes the same style as the parent */
-.FINHERIT      { font-style:inherit} /* each property may have a specified value of inherit */
-
 .yeli { font-style:italic; color: yellow;}
 
-  /*  text-decoration tags, text deco tags, text-decoration tags, none | underline | overline | line-through  */
-.TDN   {text-decoration:none}
-.TDU   {text-decoration:underline}
-.TDO   {text-decoration:overline}
-.TDL, .LT, .STRIKE, .STRIKETHROUGH  {text-decoration:line-through}
-
   /*  Text tag, text deco tags, deco tags, decoration tags  */
 .nud   {text-decoration:none     }
 .ud    {text-decoration:underline}
@@ -332,17 +303,21 @@
 .FF-EN_ARI_TAH_VER_HELs { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; }
 .COMIC                  { font-family: 'Comic Sans MS'; }
 
+  /*  text-decoration tags, text deco tags, text-decoration tags, none | underline | overline | line-through  */
+.TDN   { text-decoration:none}
+.TDO   { text-decoration:overline}
+.TDL, .LT, .STRIKE, .STRIKETHROUGH  {text-decoration:line-through}
+
+.TDU   { text-decoration: underline; }
+
 /*
- * bg repeat, background-repeat
+ * Simple CSS rule to increase the first letter to 200% of its
+ * regular size.
  */
-.BG_R                         { background-repeat: repeat}
-.BG_Rx                        { background-repeat: repeat-x}
-.BG_Ry                        { background-repeat: repeat-y}
-.BG_noR                       { background-repeat: no-repeat}
-.BG_NOREPEAT                  { background-repeat: no-repeat}
-.NOREPEAT                     { background-repeat: no-repeat}
-.NO_REPEAT                    { background-repeat: no-repeat}
-.do_not_repeat_the_background { background-repeat: no-repeat}
+.first_letter_is_bigger::first-letter {
+  font-size: 200%;
+}
+
 
 /*
  * Mono-related fonts:
@@ -363,3 +338,49 @@
  */
 .FF-MONO                { font-family: monospace}
 .MONOFONT               { font-family: monospace}
+.monospace {
+  font-family: Consolas, monospace;
+}
+
+.BG_IMG_BGP1       { background-image: url(../../../../../../../../data/images/RPG/BG_PARCHMENT1.jpg)  }
+.BG_IMG_BGP2       { background-image: url(../../../../../../../../data/images/RPG/BG_PARCHMENT2.jpg)  }
+.BG_IMG_FGP1       { background-image: url(../../../../../../../../data/images/RPG/FG_PARCHMENT1.gif)  }
+.BG_IMG_FGP2       { background-image: url(../../../../../../../../data/images/RPG/FG_PARCHMENT2.jpg)  }
+.BG_IMG_DnD_CGEN1  { background-image: url(../../../../../../../../data/images/RPG/DnD/CGEN/CGEN1.png) }
+.BG_IMG_RUBY       { background-image: url(../../../../../../../../data/images/PC/RUBY/RUBY.png) }
+.BG_IMG_SR1        { background-image: url(../../../../../../../../data/images/RPG/SR/BG1.jpg) }
+.BG_IMG_PARCHMENT1 { background-image: url(../../../../../../../../data/images/STD/PERGAMENT_TILER1.jpg) }
+.BG_IMG_DD1        { background-image: url(../../../../../../../../data/images/RPG/DnD/BG_DnD.png) }
+.BG_IMG_DSA1       { background-image: url(../../../../../../../../data/images/RPG/DSA/BG_DSA.png) }
+.BG_IMG_PCBG1      { background-image: url(../../../../../../../../data/images/PC/BG.jpg) }
+.BG_IMG_PCTOP      { background-image: url(../../../../../../../../data/images/PC/TOP.jpg) }
+.BG_IMG_WEISHEITEN { background-image: url(../../../../../../../../data/images/WEISHEITEN/WEISHEITEN.jpg) }
+
+/*
+ * bg repeat, background-repeat
+ */
+.BG_R                         { background-repeat: repeat}
+.BG_Rx                        { background-repeat: repeat-x}
+.BG_Ry                        { background-repeat: repeat-y}
+.BG_noR,
+
+.BG_NOREPEAT,
+.NOREPEAT,
+.NO_REPEAT,
+.norepeat,
+.do_not_repeat_the_background {
+  background-repeat: no-repeat;
+}
+
+  /*
+   * Font style tags, font-style tags, Value:normal | italic | oblique | inherit
+   *
+   */
+.FSN,
+.FN,
+.no_italics    { font-style: normal;}
+.FSI, .italic  { font-style: italic;}
+.FI            { font-style: italic;}
+.FSO           { font-style: oblique}
+/* inherit means that it takes the same style as the parent */
+.FINHERIT      { font-style:inherit} /* each property may have a specified value of inherit */

data/lib/cyberweb/cascading_style_sheets/glow_effects.css

@@ -0,0 +1,69 @@
+/*
+ * glow_effects.css
+ *
+ * This file will compile glow effects on text.
+ */
+
+.text_glow1 {
+  text-shadow: 0 0 80px rgb(192 219 255 / 75%), 0 0 32px rgb(65 120 255 / 24%);
+}
+
+.glow_on_hover {
+  width: 220px;
+  height: 50px;
+  border: none;
+  outline: none;
+  color: #fff;
+  background: #111;
+  cursor: pointer;
+  position: relative;
+  z-index: 0;
+  border-radius: 10px;
+}
+
+.glow_on_hover:before {
+  content: '';
+  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
+  position: absolute;
+  top: -2px;
+  left:-2px;
+  background-size: 400%;
+  z-index: -1;
+  filter: blur(4px);
+  width:  calc(100% + 4px);
+  height: calc(100% + 4px);
+  animation: glowing_on_hover_animation 22s linear infinite;
+  opacity: 0;
+  transition: opacity .3s ease-in-out;
+  border-radius: 8px;
+}
+
+.glow_on_hover:active {
+  color: #000
+}
+
+.glow_on_hover:active:after {
+  background: transparent;
+}
+
+.glow_on_hover:hover:before {
+  opacity: 1;
+}
+
+.glow_on_hover:after {
+  z-index: -1;
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: #111;
+  left: 0;
+  top: 0;
+  border-radius: 10px;
+}
+
+@keyframes glowing_on_hover_animation {
+    0% { background-position: 0 0; }
+   50% { background-position: 400% 0; }
+  100% { background-position: 0 0; }
+}

data/lib/cyberweb/cascading_style_sheets/gradient_effects.css

@@ -0,0 +1,5 @@
+.text_gradient1 {
+  background: linear-gradient(to right, #30CFD0, #c43ad6);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}