Style sheet in Jquery
Style sheet in Jquery
I work in Jquery-ui-1.7.2.custom.min.js I am looking for a style sheet and I am not sure how to link my page up to that style sheet. Where can I find a style sheet, downloaded smoothess but it do not give me the correct file
<html>
<head>
<link href="css/smoothness/jquery-ui-1.7.2.custom.ccs" rel="stylesheet" />
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#tabs').tabs();
$('#sortable').sortable({
items: 'li'
});
$('.accordion').accordion({
autoHeight: false,
clearStyle: true,
header: 'h3'
});
});
</script>
<style>
body{
font: 62.5% "Trebuchet MS", sans-serif;
margin: 50px;
}
.demoHeaders {
margin-top: 2em;
}
#dialog-link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
}
#dialog-link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}
#icons {
margin: 0;
padding: 0;
}
#icons li {
margin: 2px;
position: relative;
padding: 4px 0;
cursor: pointer;
float: left;
list-style: none;
}
#icons span.ui-icon {
float: left;
margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
position: absolute;
}
</style>
</head>
<body>
<div id='tabs'>
<ul id='sortable'>
<li><a href='#tab1'>Tab 1</a></li>
<li><a href='#tab2'>Tab 2</a></li>
<li><a href='#tab3'>Tab 3</a></li>
</ul>
<div id='tab1'>
<div class='accordion'>
<h3><a href='#'>Section1</a></h3>
<div><p>section 1 content</p></div>
<h3><a href='#'>Section2</a></h3>
<div><p>section 2 content</p></div>
<h3><a href='#'>Section3</a></h3>
<div><p>section 3 content</p></div>
</div>
</div>
<div id='tab2'>
<div class='accordion'>
<h3><a href='#'>Section4</a></h3>
<div><p>section 4 content</p></div>
<h3><a href='#'>Section5</a></h3>
<div><p>section 5 content</p></div>
<h3><a href='#'>Section6</a></h3>
<div><p>section 6 content</p></div>
</div>
</div>
<div id='tab3'>
<div class='accordion'>
<h3><a href='#'>Section7</a></h3>
<div><p>section 7 content</p></div>
<h3><a href='#'>Section8</a></h3>
<div><p>section 8 content</p></div>
<h3><a href='#'>Section9</a></h3>
<div><p>section 9 content</p></div>
</div>
</div>
</div>
</body></html>