Skip to content

Instantly share code, notes, and snippets.

@tomhickerson
Last active Jun 27, 2021
Embed
What would you like to do?
example of old CSS
.box_T { background-image: url(../images/box_T.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #FFFFFF;
}
.box_T_a {
background-image: url("../images/box_T.gif");
background-repeat: repeat-x;
background-position: center top;
}
.box_L { background-image: url(../images/box_L.gif);
background-repeat: repeat-y;
background-position: left;
background-color: transparent;
}
.box_R { background-image: url(../images/box_R.gif);
background-repeat: repeat-y;
background-position: right;
background-color: transparent;
}
.box_B { background-image: url(../images/box_B.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color: transparent;
}
.box_TL { background-image: url(../images/box_TL.gif);
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
}
.box_TR { background-image: url(../images/box_TR.gif);
background-repeat: no-repeat;
background-position: top right;
background-color: transparent;
}
.box_BL { background-image: url(../images/box_BL.gif);
background-repeat: no-repeat;
background-position: bottom left;
background-color: transparent;
}
.box_BR { background-image: url(../images/box_BR.gif);
background-repeat: no-repeat;
background-position: bottom right;
background-color: transparent;
}
.navbox_center { padding-left: 4px;
padding-right: 9px;
padding-top: 3px;
padding-bottom: 9px;
}
/* example of creating a box using these images/css:
<div class="box_T"><div class="box_L"><div class="box_R"><div class="box_B"><div class="box_TL"><div class="box_TR"><div class="box_BL"><div class="box_BR">
<div class="navbox_center">
... box contexts here
</div>
<!-- End shaded box border DIVs -->
</div></div></div></div></div></div></div></div> */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment