/* Skins VFG pour pages demo Skyblog (cycle localStorage vfg-skin-mode:<appId>) */

body.skin-skyblog {
  background: #ffb6e6 url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='1' fill='%23ff88cc'/%3E%3C/svg%3E") repeat;
}
body.skin-skyblog .banner { animation-duration: 2s; }
body.skin-skyblog .panel { border-color: #ff00aa; }

body.skin-y2k {
  background: #c0c0c0 url("data:image/svg+xml,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' fill='%23fff'/%3E%3Crect x='4' y='4' width='4' height='4' fill='%23fff'/%3E%3C/svg%3E");
  font-family: "Tahoma", "Verdana", sans-serif;
}
body.skin-y2k .banner {
  background: linear-gradient(#0066cc, #003399);
  animation: none;
  border: 3px outset #6699cc;
}
body.skin-y2k .banner h1 { font-family: "Tahoma", sans-serif; text-shadow: 1px 1px 0 #000; }
body.skin-y2k .panel { border: 2px outset #ccc; box-shadow: none; }
body.skin-y2k .marquee-wrap { background: #000080; color: #ffff00; }
body.skin-y2k a { color: #0000cc; }

body.skin-weebkawai {
  background: linear-gradient(180deg, #ffe6f5 0%, #e8f4ff 100%);
}
body.skin-weebkawai .banner {
  background: linear-gradient(135deg, #ff9ecd, #b8a9ff, #9ee7ff);
  animation: none;
}
body.skin-weebkawai .banner h1 {
  font-family: "Comic Sans MS", cursive;
  color: #fff;
  text-shadow: 2px 2px 0 #ff6b9d;
}
body.skin-weebkawai .panel {
  border: 3px solid #ffb3d9;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
}
body.skin-weebkawai .post { border-radius: 8px; border-color: #ffcce6; }
body.skin-weebkawai a { color: #ff6b9d; }

body.skin-off .banner { animation: none; background: #666; }