CSS Template

CSS stands for Cascading Style Sheet and it is linked to the Html website page files in the Head section of those Html files.

The CSS dictates the styling and positioning of Html elements on the page. Typically it controls backgrounds, colours, fonts etc.

Here is the corresponding style sheet to out Html example template.

#wrapper {
max-width: 1000px;
background-color: #005397;
margin: auto;
overflow: auto;
}

#header {
width: 94%;
padding: 2%;
margin: 0 auto;
overflow: auto;
}

#site-logo {
width: 25%;
height: 80px;
float: left;
}

#site-logo a {
background: url(‘images/cloud-strike-logo.png’) no-repeat;
width: 135px;
height: 73px;
text-indent: -9999px;
display: block;
}

#site-menu { float:right;
width: 60%;
}

#site-menu ul { list-style: none;
}

#site-menu li { float: left;
background: url(‘images/strike.png’) no-repeat center left;
}

#site-menu li:nth-child(1) {background:none;}

#site-menu a { color: #ffffff;
padding: 0 15px;
text-decoration: none;
font-family: ‘Conv_Museo500-Regular’;
font-size: 1.5em;
}

@font-face {
font-family: ‘Conv_Museo500-Regular’;
src: url(‘fonts/Museo500-Regular.eot’);
src: local(‘?’), url(‘fonts/Museo500-Regular.woff’) format(‘woff’), url(‘fonts/Museo500-Regular.ttf’) format(‘truetype’), url(‘fonts/Museo500-Regular.svg’)
format(‘svg’);
font-weight: normal;
font-style: normal;
}