Skip to content
GitLab
Commit fefc836f authored by Kris Olafson's avatar Kris Olafson
Browse files

Adding all the stuff

parent 811577f8
Hide whitespace changes
Inline Side-by-side
index.htm 0 → 100644
View file @ fefc836f
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<style type="text/css" media="all">
@import url("styling.css");
</style>
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
(function ($) {
$(function() {
$searchLabel = $('#uw-search-label').addClass('js');
$searchInput = $('#uw-search-term');
position = $searchInput.position();
$searchLabel.css('left', position.left + 4);
$searchLabel.click(function() {
$searchInput.focus();
});
$searchInput.focus(function() {
$searchLabel.addClass('element-invisible');
})
$searchInput.blur(function() {
if (!$searchInput.val()) {
$searchLabel.removeClass('element-invisible');
}
});
});
})(jQuery);
</script>
</head>
<body>
<div id="site" class="page with-navigation clearfix">
<div id="uw-header" class="clearfix">
<a id="uw-logo" href="//uwaterloo.ca/" accesskey="1">University of Waterloo</a>
<div id="uw-search">
<form method="get" action="//uwaterloo.ca/search">
<div>
<label id="uw-search-label" for="uw-search-term">Search</label>
<input id="uw-search-term" type="text" size="31" tabindex="2" accesskey="4" name="q" />
<input id="uw-search-submit" class="chevron-submit" type="submit" value="Search" tabindex="3" />
<input type="hidden" name="client" value="default_frontend" />
<input type="hidden" name="proxystylesheet" value="default_frontend" />
</div>
</form>
</div>
<ul class="global-menu"><li><a href="//uwaterloo.ca/about/">About Waterloo</a></li><li><a href="//uwaterloo.ca/faculties-academics/">Faculties &amp; Academics</a></li><li><a href="//uwaterloo.ca/offices-services/">Offices &amp; Services</a></li><li><a href="http://campaign.uwaterloo.ca/">Support Waterloo</a></li></ul>
</div>
<div id="main">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut commodo mauris, vitae aliquam sapien. Ut volutpat consectetur massa non hendrerit. Nulla viverra vestibulum elit, vitae aliquet augue mattis vel. Suspendisse ut nisi ac nisl bibendum sagittis. Maecenas diam mi, tincidunt at consectetur at, lobortis et orci. In ultrices porttitor libero. Vivamus non augue nibh. Cras egestas fermentum ligula eu venenatis. Donec hendrerit et est a vestibulum. Fusce fringilla nisi eu varius aliquet.
</p>
<p>
Vivamus sit amet elit neque. Etiam pretium lorem sed ante pulvinar, nec hendrerit sem rutrum. Integer quis libero sed lectus lacinia elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse viverra venenatis blandit. Nam sit amet rutrum nulla, ut tincidunt tellus. Curabitur eu vulputate massa. Duis nisi ante, ultrices id orci et, porta tincidunt nisi. Nam ornare, arcu ac auctor luctus, enim est pulvinar libero, sit amet convallis magna erat quis nisl.
</p>
<p>
Vestibulum auctor, quam at tincidunt consequat, erat turpis semper diam, et ultrices lectus leo quis ipsum. Maecenas tempor lacinia risus, vitae elementum tellus. Maecenas adipiscing, magna vitae varius commodo, neque orci egestas purus, vel aliquam velit lectus eu orci. Donec ut mauris ut mauris sagittis faucibus eu nec risus. Etiam vel velit ac justo auctor consectetur. Etiam porta porta turpis in imperdiet. Duis at mauris vitae mauris convallis euismod a eu lorem.
</p>
<p>
Fusce volutpat elementum nisi. Suspendisse magna lorem, blandit non gravida sit amet, laoreet eu turpis. Cras consectetur metus vitae metus sagittis posuere nec nec metus. Curabitur id risus nec odio consectetur tincidunt. Nam dapibus mi nec turpis iaculis varius at non purus. Fusce egestas sollicitudin fermentum. Nunc lorem purus, ultricies sed interdum nec, euismod eget magna. Aliquam fringilla egestas pulvinar. Nunc aliquet, mi quis lacinia pulvinar, purus justo pellentesque augue, ut viverra urna mauris a velit. Nulla imperdiet ornare mauris.
</p>
<p>
Mauris elementum nibh quis lacus vulputate iaculis. Vivamus a magna ultricies, tempus nisi at, consequat libero. Donec malesuada est non libero pellentesque, nec interdum felis scelerisque. Donec nec augue arcu. Nulla pellentesque erat at enim sollicitudin, in tempor quam vestibulum. Maecenas ullamcorper, nunc et gravida pharetra, purus eros tincidunt lacus, et volutpat lectus felis non nibh. Donec adipiscing augue at erat mollis malesuada. Nullam non sollicitudin lorem, id dapibus ipsum. Integer aliquam nibh sapien, ut cursus elit egestas ut. Mauris velit augue, sollicitudin non accumsan quis, tincidunt in magna. Cras in felis diam. Duis eu tempus nunc. Curabitur ullamcorper eros vel molestie bibendum. Suspendisse potenti. Suspendisse fringilla erat nec condimentum lobortis. Ut ultrices gravida urna, sed tincidunt leo tincidunt sit amet.
</p>
</div>
<div id="footer">
<div id="uw-footer" class="clearfix">
<div id="uw-footer-address" about="//uwaterloo.ca/" typeof="v:VCard">
<div class="element-hidden">
<div property="v:fn">University of Waterloo</div>
<div rel="v:org">
<div property="v:organisation-name">University of Waterloo</div>
</div>
<div rel="v:geo">
<div property="v:latitude">43.471468</div>
<div property="v:longitude">-80.544205</div>
</div>
</div>
<div rel="v:adr">
<div property="v:street-address">200 University Avenue West</div>
<div>
<span property="v:locality">Waterloo</span>,
<span property="v:region">ON</span>,
<span property="v:country-name">Canada</span>&nbsp;
<span property="v:postal-code">N2L 3G1</span>
</div>
</div>
<div rel="v:tel">
<a href="tel:+1-519-888-4567" property="rdf:value">+1 519 888 4567</a>
</div>
</div>
<ul class="global-menu"><li><a href="//uwaterloo.ca/about/how-find-us/contact-waterloo">Contact Waterloo</a></li><li><a href="//uwaterloo.ca/map/">Maps &amp; Directions</a></li><li><a href="http://hr.uwaterloo.ca/mycareer/">Employment</a></li></ul>
<ul class="global-menu"><li><a href="//uwaterloo.ca/news/">Media</a></li><li><a href="http://studentservices.uwaterloo.ca/disabilities/">Accessibility</a></li><li><a href="//uwaterloo.ca/about/how-find-us/contact-waterloo/contact-form" accesskey="9">Feedback</a></li></ul>
<ul class="global-menu"><li><a href="//uwaterloo.ca/privacy/">Privacy</a></li><li><a href="//uwaterloo.ca/copyright">Copyright</a></li></ul>
<ul class="global-menu social-media"><li><a href="//uwaterloo.ca/social-media/">University of Waterloo social media directory</a></li></ul></div>
<div id="cas_login"><a href="https://wms-sand7.uwaterloo.ca/kolafson/cas?destination=node/1">Log in</a></div>
</div><!--/footer-->
</div>
</body>
</html>
\ No newline at end of file
styling.css 0 → 100644
View file @ fefc836f
body {
background-color: #EEEEEE;
color: #000000;
font-family: verdana,geneva,sans-serif;
font-size: 0.825em;
line-height: 1.4;
margin: 0;
}
#site {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: -moz-use-text-color #888888 #888888;
border-image: none;
border-right: 1px solid #888888;
border-style: none solid solid;
border-width: medium 1px 1px;
box-shadow: 2px 5px 5px 2px #888888;
margin: 0 auto;
width: 1000px;
}
/* Header */
#uw-header {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size: 0.9em;
letter-spacing: 0.1em;
line-height: 1.2em;
padding: 20px 10px;
position: relative;
text-transform: uppercase;
}
#uw-header a {
color: #FFFFFF;
text-decoration: none;
}
#uw-header a:hover {
text-decoration: underline;
}
#uw-logo {
background: url("university-of-waterloo-logo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
display: block;
height: 60px;
overflow: hidden;
text-indent: -999em;
width: 207px;
}
#uw-header .global-menu {
bottom: 5px;
list-style: none outside none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
}
#uw-header .global-menu li:first-child {
border-left: medium none;
}
#uw-header .global-menu li {
border-left: 1px solid #FFFFFF;
float: left;
margin: 0;
padding: 2px 10px;
}
/* Header - Search */
#uw-search {
position: absolute;
right: 10px;
top: 20px;
}
#uw-search-label.js {
background-color: #FFFFFF;
color: #000000;
position: relative;
}
#uw-search-label {
display: inline;
font-size: 0.9em;
}
#uw-search-term {
border: 1px solid #FFFFFF;
padding: 2px;
}
.chevron-submit {
background: url("search-arrows.png") no-repeat scroll -18px 0 rgba(0, 0, 0, 0);
border: medium none;
color: #FFFFFF;
cursor: pointer;
height: 18px;
line-height: 0;
overflow: hidden;
text-indent: -999em;
width: 18px;
}
/* Main area */
#main {
margin: 0 10px;
}
/* Footer */
#footer {
clear: both;
position: relative;
}
#uw-footer {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
font-family: arial,helvetica,sans-serif;
font-size: 0.82em;
line-height: 1.5em;
margin-top: 10px;
padding: 16px 20px;
}
#uw-footer a {
color: #FFFFFF;
text-decoration: none;
}
#uw-footer a:hover {
text-decoration: underline;
}
#uw-footer-address {
float: left;
margin-right: -5px;
width: 165px;
}
#uw-footer .global-menu {
float: left;
list-style: none outside none;
margin: 0 0 0 64px;
padding: 0;
}
#uw-footer .global-menu li:before {
color: #DDAA11;
content: " ";
}
#uw-footer .global-menu li {
margin: 0;
padding: 0;
}
#uw-footer .social-media li:before {
content: "";
}
#uw-footer .social-media li a {
background: url("social-media-directory.png") no-repeat scroll left top rgba(0, 0, 0, 0);
border: 1px solid #000000;
display: block;
height: 53px;
margin-left: 6px;
overflow: hidden;
text-indent: -999em;
width: 111px;
}
/* Footer - log in */
#cas_login {
bottom: 10px;
font-size: 0.8em;
margin: 0;
position: absolute;
right: 10px;
width: auto;
}
#cas_login a, #cas_login a:visited {
background-color: #000000;
color: #AAAAAA;
text-decoration: none;
}
/* Utility CSS */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.element-invisible {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
}
.element-hidden {
display: none;
}
input, select, textarea, button {
font-family: inherit;
font-size: 1em;
line-height: inherit;
margin: 0;
}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment