Updated beta and stuff

This commit is contained in:
Webmaster 2006-07-18 21:07:05 +00:00
parent b0f9ffa9b2
commit b4b41d2518
2 changed files with 210 additions and 102 deletions

View File

@ -1,85 +1,179 @@
body {
font-family: "Sans-serif", "Arial";
background-color:#ffffff;
font-size: 12px;
padding:10px;
padding:0;
margin:0;
text-align:center;
}
a {
a, a:link, a:visited {
cursor:pointer;
color:blue;
text-decoration:underline;
} a:hover {
color:red;
text-decoration:none;
} a:active, a:focus {
color:green;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Sans-serif", "Arial";
h1, h2, h3, h4, h5, h6, p {
padding:0;
margin:0 0 20px 0;
}
.frame {
width:760px;
text-align:left;
margin:0 auto 0 auto; /* mark the inner frame in the middle */
border:1px solid #dddddd;
.subtitle_major {
border-top:1px solid #515697;
padding:10px 0 10px 0;
border-bottom:3px solid #515697;
}
#webfeed .feed {
position:fixed;
top:auto;
left:auto;
margin:0 auto 0 auto;
background-color:#ffffff;
border:1px solid #cccccc;
padding:5px;
} #webfeed a {
color:red;
#ttop {
padding:0 10px 0 10px;
background-color:#557fff;
margin-bottom:10px;
}
#webextlink {
position:fixed;
top:60px;
left:0;
background-color:#ffffff;
border-top:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
padding:5px;
text-align:center;
} #webextlink a {
color:#999999;
font-weight:700;
#tcenter {
padding:0 10px 0 10px;
/* Enable scollbar */
overflow:auto;
}
#webtitle {
padding:5px;
} #webtitle img {
margin:0 5px 0 0;
} #webtitle a.widget {
float:right;
font-weight:700;
font-size:11px;
color:#666666;
padding:3px 8px 3px 8px;
border-left:1px solid #dddddd;
border-bottom:1px solid #dddddd;
#tbottom {
padding:0 10px 0 10px;
margin-top:20px;
border-top:1px solid #557fff;
background-color:#ddffff;
}
#webnav {
padding:10px 10px 0 10px;
background-color:#557fff;
color:#ffffff;
text-align:right;
} #webnav a {
padding:0 10px 0 10px;
border-left:1px dotted #aaffff;
#header {
/*position:absolute;
top:0;
left:0;*/
} #header .header_title {
/* height:41px;*/
color:#ffffff;
font-size:24px;
padding-left:70px;
} #header .header_commands {
padding:5px;
} #header .header_commands a {
padding:0 3px 0 5px;
border-right:1px dotted #ffffff;
color:#ffffff;
text-decoration:none;
}
#webfooter {
border-top:3px solid #cccccc;
padding:5px;
background-color:#eeeeee;
text-align:right;
} #webfooter img {
float:left;
display:block;
#mainnav {
background:url(../image/common/csc_webtitle.png) center left transparent no-repeat;
margin:0 auto 0 auto;
width:760px;
text-align:right;
padding-top:20px;
padding-bottom:5px;
color:#ffffff;
vertical-align:bottom;
} #mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
font-size:14px;
color:#bbdfff;
text-decoration:none;
padding:0 30px 5px 5px;
border-left:3px solid #ffffff;
} #mainnav a:hover {
color:#ffffff;
}
#footer {
margin:0 auto 0 auto;
width:760px;
padding:5px;
} #footer img {
float:left;
margin:0 10px 0 0;
}
#webcam {
opacity:0.95;
position:absolute;
top:0;
left:0;
width:100%;
} #webcam div.webcamwindow {
padding:5px;
border:1px solid #000000;
background-color:#ffffff;
width:640px;
margin:10px auto 0 auto;
} #webcam h1 {
color:#000000;
text-align:left;
margin:0;
padding:0;
} #webcam div.webinfo {
margin-top:5px;
border-top:1px dotted #cccccc;
padding:5px;
text-align:right;
} #webcam a {
color:red;
text-decoration:none;
}
#ng {
opacity:0.85;
position:absolute;
top:0;
left:5%;
width:90%;
/*background-color:black;*/
background:url(../image/non-original/spinner.gif) center center white no-repeat;
border-bottom:1px solid #557fff;
border-width:0 0 1px 0;
color:white;
} #ng iframe {
width:100%;
height:400px;
border-width:0;
} #ng div {
border-top:1px solid black;
} #ng a {
color:#557fff;
text-decoration:none;
}
#loadingbar {
opacity:0.85;
position:absolute;
top:0;
left:0;
width:100%;
} #loadingbar div.loadingbartab {
height:32px;
width:120px;
text-align:left;
background:url(../image/non-original/spinner.gif) center right transparent no-repeat;
padding:3px 40px 3px 5px;
margin:20px auto 0 auto;
border:1px solid #000000;
font-size:12px;
font-weight:700;
text-transform:uppercase;
background-color:#ffffff;
}
#loadingbar div.loadingbartab img {
width:32px;
height:32px;
}
#content {
width:760px;
margin:0 auto 0 auto;
} #contetn #user {
} #content #user div {
border-bottom:1px dotted #cccccc;
margin:0 5px 5px 5px;
padding:5px 0 5px 0;
}

View File

@ -1,47 +1,61 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php session_start(); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head>
<title>Computer Science Club of the University of Waterloo</title>
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<!-- Meta -->
<!-- CSS -->
<link href="css/essential.css" rel="stylesheet" type="text/css" />
<!-- CSS -->
<!-- Java Script -->
<script src="module/jscript/ajax.js" language="javascript"></script>
<script src="module/jscript/essential.js" language="javascript"></script>
<!-- Java Script -->
<title>Computer Science Club of the University of Waterloo</title>
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<!-- Meta -->
<!-- CSS -->
<link href="css/essential.css" rel="stylesheet" type="text/css" />
<!-- CSS -->
<!-- Java Script -->
<script src="module/jscript/ajax.js" language="javascript"></script>
<script src="module/jscript/com.js" language="javascript"></script>
<script src="module/jscript/callback.js" language="javascript"></script>
<script src="module/jscript/eventcontroller.js" language="javascript"></script>
<script src="module/jscript/helper.js" language="javascript"></script>
<script language="javascript">
var reqh = 160;
var header = new net.core(
"com/?run=header.php", ctrlHeader);
var footer = new net.core(
"com/?run=footer.php", ctrlFooter);
var mainnav = new net.core(
"com/?run=mainnav.php", ctrlMainNav);
var content = new net.core(
"module/php/runtime.php?page=index.xml",
ctrlContent, loadingbar);
var xwebcam = new net.core(
"module/ext/csclivefeed-reg.html",
widgetWebcam, widgetWebcamLoading);
window.onload = function() {
header.defaultConnect();
footer.defaultConnect();
mainnav.defaultConnect();
content.defaultConnect();
setComponentSize();
}
window.onresize = setComponentSize;
</script>
<!-- Java Script -->
</head>
<body onload="startup()">
<div class="frame">
<?php
if(preg_match("/msie [1..6]/i", $_SERVER['HTTP_USER_AGENT'])) {
?>
<font color="red">Your web browser does not support CSS 3.0. Our external link panel and WebFeed panel are automatically
terminated by the system. To use the full potential of this homepage, please upgrade to the latest version.
We recommends to use <b>Firefox 0.8+, Opera 8+, Safari 2+, Konqueror 3.5+
or IE 7.</b></font>
<?php
} else if(preg_match("/msie 7/i", $_SERVER['HTTP_USER_AGENT'])) {
?>
<font color="blue">Your web browser is known that cannot retrieve the
(streaming) live feed from our server. To enable this feature, please
install <b>Firefox 0.8+, Opera 8+ and probable Safari 2+/Konqueror 3.5+.</b>
</font>
<?php
} else {
?>
<div id="webfeed"></div>
<div id="webextlink"></div>
<?php
}
?>
<div id="webtitle"></div>
<div id="webnav"></div>
<div id="webfooter"></div>
<body>
<div id="tpopup">
<div id="webcam"></div>
<div id="ng"></div>
<div id="loadingbar"></div>
</div>
<div id="ttop">
<div id="header"></div>
<div id="mainnav"></div>
</div>
<div id="tcenter">
<div id="content"></div>
</div>
<div id="tbottom">
<div id="footer"></div>
</div>
</body>
</html>