Updated beta and stuff
This commit is contained in:
parent
b0f9ffa9b2
commit
b4b41d2518
|
|
@ -1,85 +1,179 @@
|
||||||
body {
|
body {
|
||||||
font-family: "Sans-serif", "Arial";
|
font-family: "Sans-serif", "Arial";
|
||||||
|
background-color:#ffffff;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding:10px;
|
padding:0;
|
||||||
margin:0;
|
margin:0;
|
||||||
text-align:center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a, a:link, a:visited {
|
||||||
cursor:pointer;
|
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 {
|
h1, h2, h3, h4, h5, h6, p {
|
||||||
font-family: "Sans-serif", "Arial";
|
|
||||||
padding:0;
|
padding:0;
|
||||||
margin:0 0 20px 0;
|
margin:0 0 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.frame {
|
.subtitle_major {
|
||||||
width:760px;
|
border-top:1px solid #515697;
|
||||||
text-align:left;
|
padding:10px 0 10px 0;
|
||||||
margin:0 auto 0 auto; /* mark the inner frame in the middle */
|
border-bottom:3px solid #515697;
|
||||||
border:1px solid #dddddd;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#webfeed .feed {
|
#ttop {
|
||||||
position:fixed;
|
padding:0 10px 0 10px;
|
||||||
top:auto;
|
background-color:#557fff;
|
||||||
left:auto;
|
margin-bottom:10px;
|
||||||
margin:0 auto 0 auto;
|
|
||||||
background-color:#ffffff;
|
|
||||||
border:1px solid #cccccc;
|
|
||||||
padding:5px;
|
|
||||||
} #webfeed a {
|
|
||||||
color:red;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#webextlink {
|
#tcenter {
|
||||||
position:fixed;
|
padding:0 10px 0 10px;
|
||||||
top:60px;
|
/* Enable scollbar */
|
||||||
left:0;
|
overflow:auto;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#webtitle {
|
#tbottom {
|
||||||
padding:5px;
|
padding:0 10px 0 10px;
|
||||||
} #webtitle img {
|
margin-top:20px;
|
||||||
margin:0 5px 0 0;
|
border-top:1px solid #557fff;
|
||||||
} #webtitle a.widget {
|
background-color:#ddffff;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#webnav {
|
#header {
|
||||||
padding:10px 10px 0 10px;
|
/*position:absolute;
|
||||||
background-color:#557fff;
|
top:0;
|
||||||
color:#ffffff;
|
left:0;*/
|
||||||
text-align:right;
|
} #header .header_title {
|
||||||
} #webnav a {
|
/* height:41px;*/
|
||||||
padding:0 10px 0 10px;
|
color:#ffffff;
|
||||||
border-left:1px dotted #aaffff;
|
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 {
|
#mainnav {
|
||||||
border-top:3px solid #cccccc;
|
background:url(../image/common/csc_webtitle.png) center left transparent no-repeat;
|
||||||
padding:5px;
|
margin:0 auto 0 auto;
|
||||||
background-color:#eeeeee;
|
width:760px;
|
||||||
text-align:right;
|
text-align:right;
|
||||||
} #webfooter img {
|
padding-top:20px;
|
||||||
float:left;
|
padding-bottom:5px;
|
||||||
display:block;
|
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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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">
|
<html xmlns="http://www.w3c.org/1999/xhtml">
|
||||||
<head>
|
<head>
|
||||||
<title>Computer Science Club of the University of Waterloo</title>
|
<title>Computer Science Club of the University of Waterloo</title>
|
||||||
<!-- Meta -->
|
<!-- Meta -->
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||||||
<meta http-equiv="Content-Script-Type" content="text/javascript" />
|
<meta http-equiv="Content-Script-Type" content="text/javascript" />
|
||||||
<!-- Meta -->
|
<!-- Meta -->
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link href="css/essential.css" rel="stylesheet" type="text/css" />
|
<link href="css/essential.css" rel="stylesheet" type="text/css" />
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<!-- Java Script -->
|
<!-- Java Script -->
|
||||||
<script src="module/jscript/ajax.js" language="javascript"></script>
|
<script src="module/jscript/ajax.js" language="javascript"></script>
|
||||||
<script src="module/jscript/essential.js" language="javascript"></script>
|
<script src="module/jscript/com.js" language="javascript"></script>
|
||||||
<!-- Java 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>
|
</head>
|
||||||
<body onload="startup()">
|
<body>
|
||||||
<div class="frame">
|
<div id="tpopup">
|
||||||
<?php
|
<div id="webcam"></div>
|
||||||
if(preg_match("/msie [1..6]/i", $_SERVER['HTTP_USER_AGENT'])) {
|
<div id="ng"></div>
|
||||||
?>
|
<div id="loadingbar"></div>
|
||||||
<font color="red">Your web browser does not support CSS 3.0. Our external link panel and WebFeed panel are automatically
|
</div>
|
||||||
terminated by the system. To use the full potential of this homepage, please upgrade to the latest version.
|
<div id="ttop">
|
||||||
We recommends to use <b>Firefox 0.8+, Opera 8+, Safari 2+, Konqueror 3.5+
|
<div id="header"></div>
|
||||||
or IE 7.</b></font>
|
<div id="mainnav"></div>
|
||||||
<?php
|
</div>
|
||||||
} else if(preg_match("/msie 7/i", $_SERVER['HTTP_USER_AGENT'])) {
|
<div id="tcenter">
|
||||||
?>
|
<div id="content"></div>
|
||||||
<font color="blue">Your web browser is known that cannot retrieve the
|
</div>
|
||||||
(streaming) live feed from our server. To enable this feature, please
|
<div id="tbottom">
|
||||||
install <b>Firefox 0.8+, Opera 8+ and probable Safari 2+/Konqueror 3.5+.</b>
|
<div id="footer"></div>
|
||||||
</font>
|
|
||||||
<?php
|
|
||||||
} else {
|
|
||||||
?>
|
|
||||||
<div id="webfeed"></div>
|
|
||||||
<div id="webextlink"></div>
|
|
||||||
<?php
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
<div id="webtitle"></div>
|
|
||||||
<div id="webnav"></div>
|
|
||||||
<div id="webfooter"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue