Click here to preview the CSS LightBox
Finally, a lightbox that doesn’t require Javascript! And now it support IE5+!
The core of Multi-state CSS is the :target pseudo selector. When a user clicks a page-anchor the :target pseudo selector is activated, revealing the lightbox element.
IE5+ doesn’t support the :target pseudo selector, but it does support CSS expressions. [...]
Current Javascript solutions for LightBoxes are kind of cumbersome, bloated, and CPU-intense.
Unsatisfied with the current state of LightBoxing, I developed a pure, organic, CSS-powered LightBox. Absolutely zero javascript. All of this under 1kb.
Click here to preview the CSS LightBox
The core of Multi-state CSS is the :target pseudo class. When a user clicks a page-anchor the [...]
Making your own CSS styles is a nice (albiet butchered and terrible implemented) touch in MySpace.
In a normal web design workflow, you have something like this:
.modules {
background-color: #fff;
padding: 15px;
}
.modules p {
color: #aaa;
line-height: 150%;
}
In MySpace’s world, it’s more like this:
table table table table td, table table table table tbody td {
background-color: transparent !important;
padding: 15px !important;
}
table table [...]