» #csuc09 How we link CSS
A question came up about how we link CSS in our templates. An example posted here.
In the template:
<link href="/SAMPLE SITE/web/assets/css/hub.css" media="screen" rel="stylesheet" type="text/css"/>
hub.css
/* central includes
-----------------------------------------------*/
@import "http://collegerelations.vassar.edu/centralincludes/assets/css/reset.css";
@import "http://collegerelations.vassar.edu/centralincludes/css/icons/sparkcons.css";
@import "http://collegerelations.vassar.edu/centralincludes/css/icons/kare_icons.css";
/* local includes
-----------------------------------------------*/
@import "inner.css";
@import "shell.css";
Linking to images:
In inner.css
...snippet...
#header h2 {
display: block;
float: right;
margin: 0;
width: 180px; height: 43px;
background: transparent url(../images/masthead-vassar.gif) top right no-repeat;
...snippet...
}