Can someone share the default CSS code?

submitted by [deleted] from self.SaiditCSSthemes

[deleted]

all 13 comments
sorted by:
top
newinsightfulfun

[–][deleted]  (17 children)

[deleted]

    [–]JasonCarswell 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (16 children)

    To my knowledge, all the mods of this sub know CSS to some degree.

    /u/magnora7 and /u/d3rr are the co-admins of SaidIt.

    /u/OmegaUser296, /u/Mnemonic, and I are fans.

    I haven't looked at the code since it got the major facelift recently. However, you can have a look at the code of my shortest titled sub: https://saidit.net/s/Sex/about/stylesheet/ (You can look at other CSS you admire by swapping "sex" for that sub's title.) The opening paragraph with instructions is not completed, nor correct, and is now out of date. However, you will find that I mapped out almost everything there with commented descriptions about what was being affected.

    Best other advice: right click "Inspect" and explore and experiment.

    As far as that image goes, I don't have enough information about it. You can search my CSS for "retry thumb" but I don't recall if I changed that. I don't know what is to the left of that ending in "w", which you might also search for.

    [–][deleted]  (15 children)

    [deleted]

      [–]JasonCarswell 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (14 children)

      It looks like you want your white box post thing to be pink? (Grey in dark mode.)

      You might want to first try to simplify - turn off the dashed outline style, etc.

      Get the background to the colour you want, then add things on, like rounded corners, etc. and see what breaks.

      When you find a glitch report it to M7 D3.

      I learned by trial and LOOOOOOOOOOOOOOOOTS of errors. Sadly, sometimes there is just no solution to be had.

      [–][deleted]  (13 children)

      [deleted]

        [–]JasonCarswell 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (12 children)

        "No, I want to change it to be this pic."

        What is "it"? Describe what you want affected.

        [–][deleted]  (11 children)

        [deleted]

          [–]Tiwaking 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (8 children)

          Whats wrong with

          .link {

          background: url(https://images2.imgbox.com/96/3c/RWMpTzjF_o.png)

          ???

          [–][deleted]  (7 children)

          [deleted]

            [–]Tiwaking 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (6 children)

            .link {

            background: url(https://images2.imgbox.com/96/3c/RWMpTzjF_o.png PNG )

            ???

            What about

            background-image: url("https://images2.imgbox.com/96/3c/RWMpTzjF_o.png");

            Im out of ideas if that doesnt work.

            [–]JasonCarswell 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (1 child)

            I know that's what you want, but I want to be clear about which white area. For each individual post's section, correct? (Not counting the white in the sidebox chat, etc.)

            [–][deleted]  (9 children)

            [deleted]

              [–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (8 children)

              It's part of the open source code, the CSS (also called LESS files) are spread across about 20 files: https://github.com/libertysoft3/saidit/search?l=Less&q=reddit

              [–][deleted]  (7 children)

              [deleted]

                [–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (6 children)

                Haha yes there are a lot of odd requirements, created by all the code we inherited

                [–][deleted]  (5 children)

                [deleted]

                  [–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (1 child)

                  Not sure, maybe the URL is incorrect, but I don't know. That should probably work

                  [–]magnora7 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (2 children)

                  try "background-image:" instead of "background:"

                  [–]macadoum 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (1 child)

                  I never learned CSS too, and I do exaclty like you u/Snow : copy-paste and see if it works, haha. A pretty hard way to learn CSS but very visual and enjoyable.