What's up with quoting media?

[Zombra]

Is that big space below the video necessary?

Why you so good to us?

 

[King Crispy]

Where else do you think the encrypted alien communications for taking over this world will fit? In-between frames like in Contact? Psshaw!

 

[Scruffy]

Is that big space below the video necessary?

is anything?

 

[Lady_Error]

<div style="overflow:hidden;position:relative;padding-bottom:56.25%">

It doesn't make any sense at all.

 

[Zombra]

Damn right Lady Error. You don't need no padding 'round the bottom to show you got it goin' on.

... I'm so sorry.

 

[Excidium II]

It's probably because it used to fit the normal-sized embedded video or something

 

[I'm Big Into Anal]

im sorry but zombra has officially destroyed this thread, mods lock and sticky

 

[gromit]

<div style="overflow:hidden;position:relative;padding-bottom:56.25%">

It doesn't make any sense at all.

That's a very common pattern to make a variable-width container keep a 16:9 aspect ratio.

 

[Hirato]

If you're using stylish, try this rule as a workaround.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.rpgcodex.net") {
  .bbCodeQuote iframe, .bbCodeQuote [data-s9e-mediaembed], .bbCodeQuote object, .bbCodeQuote embed {
  max-height: unset;
  max-width: unset;
  }
}

https://addons.mozilla.org/en-US/firefox/addon/stylish/

It's specifically this rule that makes it weird, as this max isn't properly propagated to all parts of the quoted object.
line 273 in css.php.

  .bbCodeQuote iframe, .bbCodeQuote [data-s9e-mediaembed],
   .bbCodeQuote object,
   .bbCodeQuote embed
   {
     max-width: 200px;
     max-height: 150px;
   }

 

[DarkUnderlord]

I've put Hirato's code in the main css file, so hopefully that hasn't COMPLETELY FUCKED EVERYTHING UP.

 

[Excidium II]

Now it's FUCKHUEG and fills the entire screen.

 

[Hirato]

I've put Hirato's code in the main css file, so hopefully that hasn't COMPLETELY FUCKED EVERYTHING UP.

You don't want the !important flag on this one, otherwise it will overwrite the max-width of 640px on the embedded object itself.

 

[DarkUnderlord]

I've put Hirato's code in the main css file, so hopefully that hasn't COMPLETELY FUCKED EVERYTHING UP.

You don't want the !important flag on this one, otherwise it will overwrite the max-width of 640px on the embedded object itself.

Are you saying that's a problem?

 

[Hirato]

Alas, how could I forget the repercussions of casting Wish.

 

[Mustawd]

Now it's FUCKHUEG.

 

[Zombra]

The lesson here is clear, kids: Never try to help anyone.

Edit: fixed OP.

 

[Ellef]

The Djinn have finally taken control of rpgcodex

 

[DarkUnderlord]

I've put Hirato's code in the main css file, so hopefully that hasn't COMPLETELY FUCKED EVERYTHING UP.

You don't want the !important flag on this one, otherwise it will overwrite the max-width of 640px on the embedded object itself.

It doesn't work without !important. SEE?

 

[Hirato]

Can you inject that CSS any earlier?
Or preferably comment out the rule it's overriding?

I'm not familiar enough with CSS to know its order of precedence - the internets say the latter one should override the former, but for whatever reason this doesn't seem to be the case here.

 

[Hirato]

I had another look, it seems there's 2 css.php files being loaded.
My override loads as part of the first css.php file, whereas the one we want overridden loads in a second file named css.php, which would definitely explain why it seems to be ignored.

EDIT, actually there's 3 css.php files
The first names itself xenforo.css at the top (where override is),
the second as attachment_editor.css (where the rule we want to override is),
and the third as editor_contents.css

 

[DarkUnderlord]

In actual fact there are several CSS files, they're all loaded dynamically through css.php depending on what's needed on the page.

All I need to know is the bit that's causing the issue and I can find it. But my own css skills boil down to: seriously can't be fucked bug-hunting what's ultimately a poorly designed system in the first place.

 

[Hirato]

In actual fact there are several CSS files, they're all loaded dynamically through css.php depending on what's needed on the page.

All I need to know is the bit that's causing the issue and I can find it. But my own css skills boil down to: seriously can't be fucked bug-hunting what's ultimately a poorly designed system in the first place.

As per my first post in this thread, the bad rule is this one:

  .bbCodeQuote iframe, .bbCodeQuote [data-s9e-mediaembed],
   .bbCodeQuote object,
   .bbCodeQuote embed
   {
     max-width: 200px;
     max-height: 150px;
   }

 

[DarkUnderlord]

How are them apples?

 

[Tacgnol]

How are them apples?

Looking good. Did you remove the overflow?