/*
HACK: Targets images referencing the attachment endpoints with the width param,
and sets their max width in CSS. This is to prevent layout bugs, since the
layouts previously relied on the endpoints to perform resizing.
*/

img:not([width])[src*="attachment.php"][src*="width="],
img:not([width])[src*="viewattachmentns.php"][src*="width="] {
  max-width: 100px;
}

img:not([width])[src*="attachment.php"][src*="width=75"],
img:not([width])[src*="viewattachmentns.php"][src*="width=75"] {
    max-width: 75px;
}

img:not([width])[src*="attachment.php"][src*="width=100"],
img:not([width])[src*="viewattachmentns.php"][src*="width=100"] {
    max-width: 100px;
}

img:not([width])[src*="attachment.php"][src*="width=300"],
img:not([width])[src*="viewattachmentns.php"][src*="width=300"] {
    max-width: 300px;
}

img:not([width])[src*="attachment.php"][src*="width=350"],
img:not([width])[src*="viewattachmentns.php"][src*="width=350"] {
    max-width: 350px;
}

img:not([width])[src*="attachment.php"][src*="width=600"],
img:not([width])[src*="viewattachmentns.php"][src*="width=600"] {
    max-width: 600px;
}

img:not([width])[src*="attachment.php"][src*="width=700"],
img:not([width])[src*="viewattachmentns.php"][src*="width=700"] {
    max-width: 700px;
}