Jump to content

Wordle


NotHereToPlayGames

Recommended Posts

Not sure if there are any Wordle fans here.  Fun daily brain excercise.

Wordle (one word)  --  https://www.nytimes.com/games/wordle/index.html
Dordle (two words)  --  https://zaratustra.itch.io/dordle
Quordle (four words)  --  https://www.quordle.com
Octordle (eight words)  --  https://octordle.com  (this one has a widescreen mode but kinda squished too closely)

And my favorite - Sedecordle (sixteen words)  --  https://www.sedecordle.com
But there's no widescreen mode and way too much scrolling.

So below is my Stylus sheet for zero scrolling  :cool:

 

Before -

image.thumb.png.c71edb3db5e7dee5bf8de9ae464026af.png

 

After -

image.thumb.png.2113f11840ca5dd11d9399ae6e8b92ef.png

 

/* Sedecordle  --  4/10/22 */
#body {
  background-color: unset !important;
  max-width: 100% !important;}
#box-holder-1 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 37px !important;}
#box-holder-2 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 187px !important;}
#box-holder-3 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 337px !important;}
#box-holder-4 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 487px !important;}
#box-holder-5 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 637px !important;}
#box-holder-6 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 787px !important;}
#box-holder-7 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 937px !important;}
#box-holder-8 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1575px !important;
    left: 1087px !important;}
#box-holder-9 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 37px !important;}
#box-holder-10 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 187px !important;}
#box-holder-11 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 337px !important;}
#box-holder-12 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 487px !important;}
#box-holder-13 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 637px !important;}
#box-holder-14 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 787px !important;}
#box-holder-15 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 937px !important;}
#box-holder-16 {
  transform-origin: 0px !important;
  transform: scale(0.115,0.115) !important;
  position: absolute !important;
    top: -1135px !important;
    left: 1087px !important;}
#bs, #enter2 {color: transparent !important;}
#bs:after {
  color: white !important;
  content: '\2190' !important;
  position: absolute !important;
    left: 12px !important;}
#enter2:after {
  color: white !important;
  content: '\21B5' !important;
  position: absolute !important;
    left: 560px !important;
    top: 410px !important;}
#game {
  display: inline-block !important;
  width: 100% !important;}
#game > table:nth-child(1) > tbody > tr {display: none !important;}
#game > table:nth-child(2) {
  margin-bottom: -125px !important;
  position: relative !important;
  top: -60px !important;
  transform: scale(1.0, 0.3) !important;}
#keyboard {
  border-spacing: 0 !important;
  font-size: 40px !important;
  transform-origin: 0px !important;
  transform: scale(1.0,0.75) !important;
  position: absolute !important;
    top: 243px !important;
    left: 1230px !important;}
#q, #w, #e, #r, #t, #y, #u, #i, #o, #p {border-top: 2px solid white;}
.key {
  background-repeat: unset !important;
  border-bottom: 2px solid white;
  font-family: 'courer new' !important;
  padding: 16px !important;}
.navleft {border-right: 1px solid white !important;}
.navright {border-left: 1px solid white !important;}
.navleft, .navright, #box-guesses {
  border-bottom: 2px solid white !important;
  border-top: 2px solid white !important;
  font-family: consolas !important;
  font-size: 60px !important;}
body {overflow: hidden !important;}

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...