Skip to content

chess.com pack NO_WINNING_CHANCES by no_winning_chances

Write a review Install Get Stylus

Details

Authorno_winning_chances

LicenseNo License

Categorychess.com

Created

Updated

Size7.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

New pieces and visual effects

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           chess.com package V.2
@namespace      USO Archive
@author         Ralph Matthew De Leon
@description    `My fav userstyles from lichess.org + my own custom styles and animationsChanges:   1.) Brown Wooden Chess Board. (Brightened it a lil bit)          - https://userstyles.org/styles/182874/lichess-board-brown-wooden-chess-board           - Original work by Mad_Amateur    2.) Added Board Shadow and Higher Border Radius   3.) Lichess Pieces With Shadow.          - https://userstyles.org/styles/182361/lichess-pieces-with-shadow)         - Full credits to Mad_Amateur    4.) Hint and Capture-Hint Effects + Animations   5.) Piece-Dragging Effect (Different Color For Both Sides).   6.) Changed Highlight Color   7.) Thinner Hover-square + Shadows    8.) On-board Custom Cursors and Pointers      9.) Smaller Coordinates Size + Shadows   10.) Added my digital imprint on bottom-most-left square lol`
@version        20230202.9.38
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain('chess.com'), url-prefix('https://chess.com') {


.highlight.square-18{
  border-top-left-radius: 7px;
}

.highlight.square-11{
  border-bottom-left-radius: 7px;
}

.highlight.square-81{
  border-bottom-right-radius: 7px;
}

.highlight.square-88{
  border-top-right-radius: 7px;
}

.flipped > .highlight.square-18{
  border-top-left-radius: 0;
  border-bottom-right-radius: 7px;
}

.flipped > .highlight.square-11{
  border-bottom-left-radius: 0;
  border-top-right-radius: 7px;
}

.flipped > .highlight.square-81{
  border-bottom-right-radius: 0;
  border-top-left-radius: 7px;
}

.flipped > .highlight.square-88{
  border-top-right-radius: 0;
  border-bottom-left-radius: 7px;
}

.highlight{
  z-index: -2;
  background-color: rgb(240, 219, 134) !important; opacity: .5 !important;
  display: block;
}

.capture-hint{
  z-index: -1;
  -webkit-animation: .2s captureHint forwards, .4s .15s captureHintBC forwards;
}

@-webkit-keyframes captureHintBC{
  0%{
   background-color: rgba(255,255,255,  0);
  }
  
  100%{
    background-color: rgba(255,255,255, .4);
  }
}

@-webkit-keyframes captureHint{
  0%{
    border-radius: 0;
    border-color: rgba(255,255,255, 0);
  }
  
  100%{
    border-radius: 50%;
    border-color: rgba(255,255,255, .2);
  }
}

.hint{
  background-color: rgba(255,255,255, .5);
  filter: drop-shadow(0px 0px calc(var(--boardWidth) * .0232) white);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-animation: fadeInFromNone 0.4s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: .1;
        border-radius: 43%;
    }
  
    100% {
        opacity: 1;
        border-radius: 50%;
    }
}

.piece.dragging {
  cursor: url(https://drive.google.com/uc?export=view&id=1xSul1sJTP4esJsIrHrSjcZ4M5KeRv7GJ) , auto !important;

  overflow: visible;
  overflow-wrap: normal;
  box-sizing: border-box;
}

.piece.wp.dragging::before, .piece.wb.dragging::before, .piece.wr.dragging::before,
.piece.wk.dragging::before, .piece.wn.dragging::before, .piece.wq.dragging::before{
  position: absolute !important;
  content: "";
  width: 150%;
  height: 150%;
  opacity: .2;
  background: white;
  border-radius: 50%;
  left: -25%;
  top: -25%;
  
 -webkit-animation: pieceScale 0.2s ease-out alternate;
}

.piece.bp.dragging::before, .piece.bb.dragging::before, .piece.br.dragging::before,
.piece.bk.dragging::before, .piece.bn.dragging::before, .piece.bq.dragging::before{
    position: absolute !important;
    content: "";
    width: 150%;
    height: 150%;
  	opacity: .175;
    background: black;
    border-radius: 50%;
    left: -25%;
    top: -25%;
  
   -webkit-animation: pieceScale 0.2s ease-out alternate;
}

@-webkit-keyframes pieceScale {
    0% {
        scale: .1;
    }
  
    100% {
       scale: 1;
    }
}

@keyframes delay-animation {
  0% {
    opacity: .2;
  }
  50% {
    opacity: .2;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.piece{
	cursor: url(https://drive.google.com/uc?export=view&id=1O45_AwIH4zEza-rOV7YqROkMNzqirCeB) , auto !important;
}

.board{ 
  --five: calc(var(--boardWidth) * .0058);
  --three: calc(var(--boardWidth) * .00348);
  --four: calc(var(--boardWidth) * .00464);
    --twoFive: calc(var(--boardWidth) * .0290);
  --ten: calc(var(--boardWidth) * .0116);

			cursor: url(https://drive.google.com/uc?export=view&id=1cvfnl_yWaj7Ne-Y5LmU5KYXt_uzt2HP5), auto !important;


}

.coordinate-light {
  font-size: .16em;
  text-shadow: 0px -1px 0px rgba(228, 219, 178, .7);
  fill: #706b66 !important;
}

.coordinate-dark {
  font-size: .16em;
  text-shadow: 0px -1px 0px rgba(028, 019, 178, .6);
  fill: #c7bdaa !important;
}

div [style*="bp.png"],
  div [class^="piece bp"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/black/p.png")!important;
  }

  div [style*="br.png"],
  div [class^="piece br"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/black/r.png")!important;
  }

  div [style*="bn.png"],
  div [class^="piece bn"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/black/n.png")!important;
  }

  div [style*="bb.png"],
  div [class^="piece bb"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/black/b.png")!important;
  }

  div [style*="bq.png"],
  div [class^="piece bq"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/black/q.png")!important;
  }

  div [style*="bk.png"],
  div [class^="piece bk"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/black/k.png")!important;
  }

  div [style*="wp.png"],
  div [class^="piece wp"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/white/p.png")!important;
  }

  div [style*="wr.png"],
  div [class^="piece wr"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/white/r.png")!important;
  }

  div [style*="wn.png"],
  div [class^="piece wn"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/white/n.png")!important;
  }

  div [style*="wb.png"],
  div [class^="piece wb"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/white/b.png")!important;
  }

  div [style*="wq.png"],
  div [class^="piece wq"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/white/q.png")!important;
  }

  div [style*="wk.png"],
  div [class^="piece wk"]
  {
    background-image: url("https://assets.chess24.com/assets/8a95d4556c9f9600ee0eb007f5e72584/images/chess/themes/pieces/chess24/white/k.png")!important;
  }
}

Reviews

No reviews yet.