Updated beta and stuff
authorWebmaster <www@csclub.uwaterloo.ca>
Tue, 18 Jul 2006 21:07:05 +0000 (21:07 +0000)
committerWebmaster <www@csclub.uwaterloo.ca>
Tue, 18 Jul 2006 21:07:05 +0000 (21:07 +0000)
beta/css/essential.css
beta/index.php

index 5b99b67..bb6727e 100755 (executable)
 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;
+}
+
+#tbottom {
+       padding:0 10px 0 10px;
+       margin-top:20px;
+       border-top:1px solid #557fff;
+       background-color:#ddffff;
+}
+
+#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;
+}
+
+#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;
 }
 
-#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;
+#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;
 }
 
-#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;
+#loadingbar div.loadingbartab img {
+       width:32px;
+       height:32px;
 }
 
-#webfooter {
-  border-top:3px solid #cccccc;
-  padding:5px;
-  background-color:#eeeeee;
-  text-align:right;
-} #webfooter img {
-  float:left;
-  display:block;
+#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;
 }
index 74889db..21f3c91 100755 (executable)
@@ -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>\r
-    <!-- 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()">\r
-<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>