CSS this and CSS that, CSS, CSS, CSS. Ive been hearing about it all term and even though i had an idea of what it does, i hadn’t actually had any idea what it looked like. Over the last week i have been exposed to the “wonderful” word of div’s, layout, font, borders and all the parts of a website that make a website look like… a website.
Combining the code and the background was a massive step for myself, and over the last week i have started to get a hand of how the CSS works and have successfully styled the font as well as adding links and pictures.
<html>
<head>
<title>Stonefest: Home</title>
<style type=”text/css”>
h1 {
font-size: 38;
font-family: Casual;
text-align: Center;
margin-left: 60px;
color: fuchsia;
}
p {
font-size: 18;
font-family: Casual;
text-align: left;
margin-left: 60px;
}
p1 {
font-size: 18;
font-family: Casual;
text-align: left;
margin-left: 60px;
border-bottom-style: solid;
border-color: fuchsia;
border-height: 6px;
padding: 14px
}
body {
background-image: url(Background_Tile.jpg);
background-position: top;
background-repeat: repeat-y;
margin: 0;
padding: 0;
text-align: center;
}
p8 {
font-size: 18;
font-family: Casual;
text-align: left;
margin-left: 60px;
border-bottom-style: solid;
border-color: fuchsia;
border-height: 6px;
padding: 14px
}
p10 {
font-size: 18;
font-family: Casual;
text-align: left;
margin-left: 0px;
color: fuchsia;
}
p11 {
font-size: 18;
font-family: Casual;
text-align: left;
margin-left: 60px;
color: fuchsia;
}
p13 {
font-size: 18;
font-family: Casual;
text-align: left;
margin-left: 65px;
color: White;
}
#wrapper {
background: url(Header.jpg) top no-repeat;
padding-top: 350px;
}
#content {
width: 650px;
margin: 0 auto;
text-align: left;
}
#nav li a {
text-decoration: none;
color: white;
}
#nav li a:hover {
text-decoration: none;
color: fuchsia;
padding-bottom: 2px;
}
#nav #home {
position: relative;
bottom: 20px;
left: 100px;
font-size: 29;
font-family: casual;
}
#nav #tickets {
position: relative;
bottom: 50px;
right: 250px;
font-size: 26;
font-family: casual;
}
#nav #contact {
position: relative;
bottom: 160px;
right: 140px;
font-size: 26;
font-family: casual;
}
#nav #artists {
position: relative;
top: 100px;
right: 170px;
font-size: 26;
font-family: casual;
}
#nav {
list-style: none;
}
#nav #history {
position: relative;
top: 100px;
right: 270px;
font-size: 26;
font-family: casual;
}
#map {
margin-left: 80px;
margin-top: 30px;
border: 6px solid fuchsia;
border-align: left;
}
#content p1 a:hover {
text-decoration: none;
color: fuchsia;
padding-bottom: 2px;
}
#content p a:hover {
text-decoration: none;
color: fuchsia;
padding-bottom: 2px;
}
#content p8 a:hover {
text-decoration: none;
color: fuchsia;
padding-bottom: 2px;
}
#footer {
clear: both;
background: black;
padding: 50px;
left: 140px;
list-style: none;
}
</style>
</head>
<body>
<div id=”wrapper”>
<div id=”scroll”>
<div id=”content”>
<ul id=”nav”>
<li id=”Home”><a href=”index.html”><div class=”navbutton”>Home</div></a></li>
<li id=”Artists”><a href=”artists.html”><div class=”navbutton”>Artists</div></a></li>
<li id=”Tickets”><a href=”tickets.html”><div class=”navbutton”>Tickets</div></a></li>
<li id=”Contact”><a href=”contact.html”><div class=”navbutton”>Contact</div></a></li>
<li id=”History”><a href=”history.html”><div class=”navbutton”>History</div></a></li>
</ul>
<h1>Welcome</h1>
<p>Internationally recognised as one of the longest running music festivals on the Australian music industry calendar,
Stonefest celebrates its 40th birthday this year.</p>
<p>It’s a difficult task trying to find superlatives to sum up forty years of festival history. Suffice to say, since its inception four decades ago to commemorate the unveiling of the University of Canberra’s foundation stone, Stonefest has without a doubt organically developed its own unique place on the Australian music industry map.</p>
<p>With diverse and quirky line ups that always read like the who’s who of local, interstate, and international music talent - Stonefest organisers this year pay homage to the festivals 40th birthday with an impressive collection of artists from around the globe.</p>
<p>This year the two day music festival will utilise a new location set amongst the beautifully landscaped campus grounds.</p>
<p>If you’d like to join the official Stonefest mailing list, send an email to <a href=”mailto:stonefest@canberra.edu.au”>stonefest@canberra.edu.au</a>. Sign up, and you’ll get the latest info and some cool prizes to get you into that celebration mood.</p>
<p1>Also, check out our
<a href=”http://www.facebook.com/event.php?eid=29133799184”> Facebook Event page</a>, and remember to RSVP!
</p1>
<br>
</br>
<h1> Location </h1>
<div id=”map”>
<iframe width=”558” height=”350” frameborder=”0” scrolling=”no” marginheight=”0” marginwidth=”0” src=”http://maps.google.com.au/maps/ms?ie=UTF8&hl=en&msa=0&ll=-35.23832,149.086919&spn=0.016019,0.039053&t=h&msid=115065208160129287376.00046960a81e1498bb40d&output=embed”></iframe>
</div>
<br>
</br>
<p> For a larger map of the stonefest venue at the university of canberra visit <a href=”http://maps.google.com.au/maps?utm_campaign=en_AU&utm_medium=ha&utm_source=en_AU-ha-apac-au-bk-gm&utm_term=google%20maps”>google maps!</a>.
</p>
<h1> Set Times </h1>
<p> FRIDAY doors open 7.30PM
<br>
<br>
<p10>Superstage:</p10>
<br>
<br> Friday October 31st
<br>
<br>
Too Terrorble Tablists 8.00-9.00PM
<br>
TZU 9.15-10.00PM
<br>
Kora 10.15-11.00PM
<br>
Blue King Brown 11.15-12.00AM
<br>
Regurgitator 12.15-1.15AM
<br>
Too Terrorble Tablists 1.30-2.30AM
</p>
<p>
<p10>The Arena:<p/10>
Friday October 31st
<br>
<br>
Fourthstate 10.00-11.00PM
<br>
Spruce Lee 11.00-12.00AM
<br>
Bumblebeez 12.00-1.00AM
<br>
Dexter 1.00-2.30AM
<br>
Alan Braxe 2.30-4.00AM
<br>
</p>
<p>
SATURDAY doors open 11.30AM
<br>
<br>
<p10>Superstage:</p10>
<br>
<br> Saturday November 1st
<br>
<br>
Ashleigh Mannix 12.00-1.00PM
<br>
Snob Scrilla 1.30-2.30PM
<br>
The Drones 3.00-4.00PM
<br>
The Grates 4.30-5.30PM
<br>
Faker 6.00-7.00PM
<br>
The Dandy Warhols 7.30-8.30PM
<br>
Grinspoon 9.00-10.00PM
<br>
</p>
<h1>Updates</h1>
<br>
<br>
<p11>Thursday, July 17th, 2008</p11>
<p>
Welcome to Stonefest 08, and the following festival lineup:
</p>
<p>
GRINSPOON, THE DANDY WARHOLS,
<br>
FAKER, REGURGITATOR, THE GRATES,
<br>
ALAN BRAXE, BUMBLEBEEZ,
<br>
THE DRONES, BLUE KING BROWN,
<br>
TZU, DEXTER, KORA, SPRUCE LEE, FOURTHSTATE, SNOBSCRILLA,
<br>
TWO TERRORBLE TABLISTS,
<br>
ASHLEIGH MANNIX
<br>
<br>
<br>
</p>
<p>
Fri October 31st & Sat November 1st
</p>
<p>
University Of Canberra
</p>
<p11>Friday, August 1st, 2008</p11>
<p>
Earlybird tickets are over from midnight, Thursday July 31st.
</p>
<p>Ticket prices are now:</p>
<p>$80.30 General Admission tickets. Available from all Ticketek outlets, Ticketek.com.au, and Landspeed Records (Garema Place, Canberra City).</p>
<p>$60 + BF UC Alumni & UCU Life Members tickets are now available only from UCU Print Shop (University of Canberra Hub).</p>
<p>$52.80 + BF Student (UC/ ANU/ CIT) tickets are now available only from UCU Print Shop (University of Canberra Hub).</p>
<p>Check out the <a href=”tickets.html”>Tickets</a> section for more details.</p>
</p>
<p> Click <a href=”poster.docx”>Here</a> to Download the new Stonefest Poster! </p>
</div>
<div id=”footer”>
<p8> <a href=”index.html”>Back to top</a> </p8>
<br>
<br>
<br>
<div id=”ticketek”>
<p2> <a href=”http://www.canberra.edu.au/ucu/”> <text-decoration= “none”> <img src=”images/uc.jpg” /></a> </p2>
<p3> <a href=”http://premier.ticketek.com.au/shows/show.aspx?sh=STONEFES08”> <text-decoration= “none”> <img src=”images/ticketek.jpg” /></a> </p3>
<p4> <a href=”http://www.fm1047.com.au/pages/index.asp”> <text-decoration= “none”> <img src=”images/104.jpg” /></a> </p4>
<p5> <a href=”http://www.southerncrossbroadcasting.com.au/”> <list-style= “none”> <img src=”images/scten.jpg” /></a> </p5>
<p6> <a href=”http://www.canberra.edu.au/40”> <text-decoration= “none”> <img src=”images/40years.jpg” /></a> </p6>
<p7> <a href=”http://www.canberra.edu.au/home/”> <img src=”images/ucblue.jpg” /></a> </p7>
</div>
<br>
<p13>
Web Design and Production Assignment, Created by Seb Blaszczyk
</p13>
</div>
</div>
</body>
</div>
</div>
</html>
