Cascading Style Sheets

black text

Hi,
I edit Wikipedia regularly and I want dark mode so it is easer on my eyes. There is no skin which does this for you there are chrome extension which do it but I find them hard to use and they also slow down my computer. You can add custom css to a skin so I added this to a skin:

body {background-color: rgb(24, 24, 24);}
.cnotice {
    position: relative;
    overflow: hidden;
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    margin-bottom: 1em;
    cursor: pointer;
    color: #222;
    font-weight: 500;
}

How to centre iframes within DIV and stop overflow

I have iframes which are appended by ajax, I want them to be centred on the screen side by side which I have got working but I also want them to start a new line centred again when they are bigger than the DIV width container.

Code below centres a number of iframes but they overflow the container. I tried overflow auto but this did not work

body{
width: 100%;
}
#viewRangerContainer{
border: solid;
position: absoulte;
display: flex;
justify-content: center;
align-items: center;

centred iframes within DIV need to make new line when beyond div width

I have iframes which are appended by ajax, I want them to be centred on the screen side by side which I have got working but I also want them to start a new line centred again when they are bigger than the DIV width container.

Code below centres a number of iframes but they overflow the container. I tried overflow auto but this did not work

<!DOCTYPE html>
<html>
  <head>
  <style>
    body{
      width: 100%;
    }
    #viewRangerContainer{
      border: solid;
      position: absoulte;
      display: flex;
      justify-content: center;
      align-items: center;

Change div position on youtube (screenshot included) (hard case)

Hi, could you please help me to move the div from one position to another? Screenshot:
https://cdn-images.imagevenue.com/5b/c8/bf/ME12U0GE_o.jpg
I can move the whole #meta but I need to move only ytd-video-meta-block

Positioning a popup

Hi, I am not a dev but I need to position a popup. I found what I need here: https://www.w3schools.com/css/css_positioning.asp I need the to position my popup as in the last link under section "position: absolute"...

div.relative {
position: relative;
width: 400px;
height: 200px;
border: 3px solid #73AD21;
}

div.absolute {
position: absolute;
top: 80px;
right: 0;
width: 200px;
height: 100px;
border: 3px solid #73AD21;
}

Syndicate content