Announcement

Collapse
No announcement yet.

CSS styling

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS styling

    I wrote this up today to help me identify unentered letters and to make click areas easier to hit and read in the word list. Feel free to use it and give me any feedback for tweaking, I've been using it the past few hours and I'm really liking the usability improvements. I use the Stylish plugin for applying the CSS to the site, it's pretty plug-and-play. Enjoy!

    Code:
    #content .wordboxvalue:empty,
    #content .boxvalue:empty{
      background-color: rgba(255, 0, 0, .15);
    }
    #content .wordbox.selected .wordboxvalue:empty,
    #content .wordbox.selected_main .wordboxvalue:empty,
    #content .box.selected .boxvalue:empty,
    #content .box.selected_main .boxvalue:empty {
      background-color: transparent;
    }
    #content .boxvalue {
      position: relative;
      top: -9px;
      padding-top: 9px;
    }
    #content .box {
      user-select: none;
    }
    #content .wordbox {
      height: 30px;
      width: 30px;
      margin-top: 12px;
      border: 1px solid #cbcbcb;
      user-select: none;
    }
    #content .wordboxvalue {
      height: 100%;
      width: 100%;
      font-size: 24px;
      line-height: 32px;
    }
    #content .wordboxnumber {
      width: 100%;
      margin-top: -10px;
    }

  • #2
    This is Greek to me, AirRandom. I am old in age and old-fashioned. It takes me many many seconds to solve the long Acrostic puzzles. Here is an example:
    This Puzzle's Statistics
    Success Rate: 57.1%
    Average Time: 4711 seconds
    Record Time: 2470 seconds (ferndala)
    Your Time: 1418 seconds
    Performance: New Record!
    I think this puzzle has the longest average time I have ever seen on Puzzle Baron Acrostics. The quote is by Anne Rice, the vampirist.

    (I have to use my magnifying glass to see the emoticons!!!)
    Last edited by sewaneesue; 06-06-2021, 03:51 AM.

    Comment


    • #3
      This should give you an idea of what the acrostic looks like with my styles I posted above. It makes it much easier to see what has been filled in and what has not, and increases the size of the letters in the words section.

      Screenshot 2021-06-06 at 14-12-32 Acrostic Puzzles Solve Your Puzzle.png
      Attached Files

      Comment


      • #4
        AirRandom,
        I've tried out your new styling. I particularly like that you can easily pick out the sneaky last missing letter in a long quote. So far so good. I'll let you know what I think after a few more days of use.
        Thanks.
        Genevoise.

        Comment


        • #5
          Originally posted by genevoise View Post
          AirRandom,
          I've tried out your new styling. I particularly like that you can easily pick out the sneaky last missing letter in a long quote. So far so good. I'll let you know what I think after a few more days of use.
          Thanks.
          Genevoise.
          Cool, thanks Genevoise! Let me know what you think of the coloring as well, I tried to pick out a shade that was easy to notice but also easy on the eyes. If you find a better one, let me know, I'd love to use it as well.

          Comment

          Working...
          X