Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • osian/sucs-site
  • kais58/sucs-site
  • imranh/sucs-site
  • foshjedi2004/sucs-site
  • gigosaurus/sucs-site
  • matstn/sucs-site
  • ripp_/sucs-site
  • eggnog/sucs-site
  • sucssite/sucs-site
  • elbows/sucs-site
  • realitykiller/sucs-site
  • crox/sucs-site
  • vectre/sucs-site
  • welshbyte/sucs-site
  • paperclipman/sucs-site
15 results
Show changes
Showing
with 1105 additions and 616 deletions
<?php
$uritable="shorturi";
<?php
$uritable = "shorturi";
$chrs = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S' ,'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
$chrs = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
$output = "";
function int_to_alph($int, $chrs) {
$int = (int) $int;
$base = (int) sizeof($chrs);
$alph = "";
do {
$alph = $chrs[($int % $base)] . $alph;
} while($int = intval($int / $base));
return $alph;
function int_to_alph($int, $chrs)
{
$int = (int)$int;
$base = (int)sizeof($chrs);
$alph = "";
do {
$alph = $chrs[($int % $base)] . $alph;
} while ($int = intval($int / $base));
return $alph;
}
function alph_to_int($alph, $chrs) {
$base = sizeof($chrs);
for($i = 0, $int = 0; $i < strlen($alph); $i++) {
$int += intval(array_search(substr($alph, strlen($alph) - $i - 1, 1), $chrs)) * pow($base, $i);
}
return (int) $int;
function alph_to_int($alph, $chrs)
{
$base = sizeof($chrs);
for ($i = 0, $int = 0; $i < strlen($alph); $i++) {
$int += intval(array_search(substr($alph, strlen($alph) - $i - 1, 1), $chrs)) * pow($base, $i);
}
return (int)$int;
}
if (isset($pathlist[3])) {
$url=$DB->GetOne("select url from $uritable where id='".alph_to_int($pathlist[3], $chrs)."'");
$url = $DB->GetOne("select url from $uritable where id='" . alph_to_int($pathlist[3], $chrs) . "'");
if ($url) {
header('Location: '.$url);
} else {
echo "URL not found";
}
if ($url) {
header('Location: ' . $url);
} else {
echo "URL not found";
}
} else {
if ($session->loggedin) {
if (@$_REQUEST['action']) {
$shorturi=$DB->GetOne("select id from $uritable where url=?", array(@$_REQUEST['uri']));
if (!$shorturi) {
$headers=get_headers($_REQUEST['uri'], 1);
if ($headers) {
if (preg_match("/ 4/", $headers[0])) {
trigger_error("HTTP 4xx error detected - not creating ShortURI", E_USER_WARNING);
} else {
$record['url'] = @$_REQUEST['uri'];
$record['creator'] = $session->username;
$record['created'] = "now";
$DB->AutoExecute($uritable, $record, 'INSERT');
$shorturi=$DB->GetOne("select id from $uritable where url=?", array(@$_REQUEST['uri']));
}
} else {
trigger_error("URI supplied is not valid", E_USER_WARNING);
}
}
if ($session->loggedin) {
if (@$_REQUEST['action']) {
$shorturi = $DB->GetOne("select id from $uritable where url=?", array(@$_REQUEST['uri']));
if (!$shorturi) {
$headers = get_headers($_REQUEST['uri'], 1);
if ($headers) {
if (preg_match("/ 4/", $headers[0])) {
trigger_error("HTTP 4xx error detected - not creating ShortURI", E_USER_WARNING);
} else {
$record['url'] = @$_REQUEST['uri'];
$record['creator'] = $session->username;
$record['created'] = "now";
$DB->AutoExecute($uritable, $record, 'INSERT');
$shorturi = $DB->GetOne("select id from $uritable where url=?", array(@$_REQUEST['uri']));
}
} else {
trigger_error("URI supplied is not valid", E_USER_WARNING);
}
}
if ($shorturi>0) $smarty->assign("uri", "http://".$_SERVER['SERVER_NAME']."/uri/".int_to_alph($shorturi, $chrs));
}
if ($shorturi > 0) $smarty->assign("uri", "http://" . $_SERVER['SERVER_NAME'] . "/uri/" . int_to_alph($shorturi, $chrs));
}
} else {
trigger_error("You are not logged in", E_USER_WARNING);
}
} else {
trigger_error("You are not logged in", E_USER_WARNING);
}
}
$output = $smarty->fetch('uri.tpl');
......
......@@ -204,6 +204,7 @@ CREATE TABLE election_votes (
treasurer text,
secretary text,
publicity text,
gaming text,
ipaddress text
);
 
......@@ -2090,7 +2091,7 @@ COPY menu (id, title, parent, menuorder, target, title_cy, permission) FROM stdi
21 Joining 3 1 /About/Joining Ymunwch \N
18 Staff 3 3 /About/Staff Staff \N
12 Room 3 2 /About/Room Ystafell \N
15 Games \N 6 /Games Gêmau \N
15 Games \N 6 https://games.sucs.org Gêmau \N
11 Web Mail 8 3 https://sucs.org/webmail/ Ebost Gwe \N
30 ShortURI 8 2 /Tools/ShortURI \N \N
31 PasteBin 8 4 /Tools/PasteBin \N \N
......@@ -2100,7 +2101,7 @@ COPY menu (id, title, parent, menuorder, target, title_cy, permission) FROM stdi
19 Members 16 1 /Community/Members Aelodau \N
20 Societies 16 2 /Community/Societies Cymdeithasau \N
33 Desktop on Demand 8 5 /Tools/Desktop on Demand \N \N
34 Projects 16 8 /Community/Projects \N \N
34 Projects 16 8 https://projects.sucs.org/explore \N \N
3 About \N 2 /About Amdano \N
16 Community \N 4 /Community Cymuned \N
37 Talks 16 5 /Community/Talks \N \N
......
DELETE FROM session;
ALTER TABLE session DROP COLUMN time;
ALTER TABLE session ADD COLUMN logintime timestamp(0) without time zone;
ALTER TABLE session ADD COLUMN lastseen timestamp(0) without time zone;
DELETE FROM menu WHERE title='Bananas';
<!DOCTYPE html>
<html lang="en">
<head>
<title>SUCS 3 Step Signup</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="plaster-files/css/3step.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<div class="jumbotron jumbotron-fluid text-center">
<!--h1>Swansea University Computer Society</h1-->
<img src="https://sucs.org/~imranh/img/sucslogo_trans_white.png"/>
<!--p>1. Pay, 2. Create, 3. Enjoy</p-->
</div>
<div class="container text-center">
<div class="row d-flex justify-content-center">
<div class="col-8">
<div class="card mb-4">
<div class="card-body">
<h4 class="card-title">💳</h4>
<p class="card-text">1. Pay for membership</p>
<a href="https://sucs.org/join" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Pay Online</a>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-8">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">👤</h5>
<p class="card-text">2. Create your username</p>
<a href="https://sucs.org/susignup" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Create Username</a>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-8">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">💬</h5>
<p class="card-text">3. Join the conversation</p>
<a href="https://chat.sucs.org" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Join Discord</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
.archivelink {
text-align: right;
text-align: right;
}
ul.blognav {
text-align: left;
float: left;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
float: left;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
}
li.prev {
float: left;
float: left;
}
li.next {
float: right;
float: right;
}
.errorinfo {
color: red;
color: red;
}
#spinner {
visibility: hidden;
margin-left: 4px;
margin-right: 4px;
visibility: hidden;
margin-left: 4px;
margin-right: 4px;
}
......@@ -2,95 +2,103 @@
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
padding: 5px 10px;
margin:1em 0;
margin-left: 0.5em;
margin-right: 0.5em;
background:#e76808;
font-size: 85%;
}
padding: 5px 10px;
margin: 1em 0;
margin-left: 0.5em;
margin-right: 0.5em;
background: #e76808;
font-size: 85%;
}
.cbb h1 {
margin:0 -10px;
padding:0.3em 10px;
background:#efece6;
font:bold 1.2em Arial, Helvetica, sans-serif;
}
margin: 0 -10px;
padding: 0.3em 10px;
background: #efece6;
font: bold 1.2em Arial, Helvetica, sans-serif;
}
div.cbb img.emblem, div.cb img.emblem {
float: right;
position: relative;
top: -1.5em;
float: right;
position: relative;
top: -1.5em;
}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */
/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
margin:0.5em 0;
font-size: 85%;
}
margin: 0.5em 0;
font-size: 85%;
}
.two {
width:45%;
float:left;
}
width: 45%;
float: left;
}
.three {
width:45%;
float:right;
}
width: 45%;
float: right;
}
/* Rules for the top corners and border */
.bt {
background:url('/images/box.png') no-repeat 100% 0;
margin:0 0 0 19px;
height:18px;
}
background: url('/images/box.png') no-repeat 100% 0;
margin: 0 0 0 19px;
height: 18px;
}
.bt div {
height:18px;
width:19px;
position:relative;
left:-19px;
background:url('/images/box.png') no-repeat 0 0;
}
height: 18px;
width: 19px;
position: relative;
left: -19px;
background: url('/images/box.png') no-repeat 0 0;
}
/* Rules for the bottom corners and border */
.bb {
background:url('/images/box.png') no-repeat 100% 100%;
margin:0 0 0 19px;
height:18px;
}
background: url('/images/box.png') no-repeat 100% 100%;
margin: 0 0 0 19px;
height: 18px;
}
.bb div {
height:18px;
width:19px;
position:relative;
left:-19px;
background:url('/images/box.png') no-repeat 0 100%;
}
height: 18px;
width: 19px;
position: relative;
left: -19px;
background: url('/images/box.png') no-repeat 0 100%;
}
/* Insert the left border */
.i1 {
padding:0 0 0 12px;
background:url('/images/borders.png') repeat-y 0 0;
height: 100%;
}
padding: 0 0 0 12px;
background: url('/images/borders.png') repeat-y 0 0;
height: 100%;
}
/* Insert the right border */
.i2 {
padding:0 12px 0 0;
background:url('/images/borders.png') repeat-y 100% 0;
}
padding: 0 12px 0 0;
background: url('/images/borders.png') repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
background:#e76808;
border:1px solid #e76808;
border-width:1px 0;
padding:0 10px;
}
background: #e76808;
border: 1px solid #e76808;
border-width: 1px 0;
padding: 0 10px;
}
.cbb h3, .cb h3 {
margin: 0;
color: #ffc62b;
margin: 0;
color: #ffc62b;
}
.cbb p, .cb p, .cbb ul, .cb ul {
margin: 0;
margin: 0;
}
/* --------------------------------------------------
......@@ -98,15 +106,15 @@ div.cbb img.emblem, div.cb img.emblem {
-------------------------------------------------- */
.cb a:link, .cbb a:link {
color: #ffc62b;
color: #ffc62b;
}
.cb a:visited, .cbb a:visited {
color: #a52f0f;
color: #a52f0f;
}
.cb a:active, .cbb a:active {
color: #ffffff;
color: #ffffff;
}
.cb a:hover, .cbb a:hover {
......
/* Serve gif images to IE/Win pre version 7 */
.i1, .i2 {
background-image:url('/images/borders.gif');
background-image: url('/images/borders.gif');
}
.bt, .bt div, .bb, .bb div {
background-image:url('/images/box.gif');
background-image: url('/images/box.gif');
}
/* Set a height to fix up some rendering issues. */
.i1, .i3 {
height:1px;
height: 1px;
}
......@@ -3,130 +3,128 @@
-------------------------------------------------- */
body {
font-family: Arial, sans-serif;
font-family: Arial, sans-serif;
}
p {
line-height: 1.4em;
line-height: 1.4em;
}
form {
margin-top: 0;
margin-bottom: 1em;
margin-top: 0;
margin-bottom: 1em;
}
img {
border: 0;
border: 0;
}
h1, h2, h3, h4, h5, h6 {
text-align: left;
margin-bottom: 0;
text-align: left;
margin-bottom: 0;
}
h2+p, h2+ul, h2+ol, h3+p, h3+ul, h3+ol, h4+p, h4+ul, h4+ol {
margin-top: 0;
h2 + p, h2 + ul, h2 + ol, h3 + p, h3 + ul, h3 + ol, h4 + p, h4 + ul, h4 + ol {
margin-top: 0;
}
#project pre, #plan pre {
margin: 0;
margin: 0;
}
dd {
margin-bottom: 0.5em;
margin-bottom: 0.5em;
}
acronym, abbr {
text-transform: lowercase;
font-variant: small-caps;
text-transform: lowercase;
font-variant: small-caps;
}
/* --------------------------------------------------
Branding
-------------------------------------------------- */
#branding {
width: 100%;
height: 5.2em;
min-height: 76px;
overflow: hidden;
width: 100%;
height: 5.2em;
min-height: 76px;
overflow: hidden;
}
#brandingC {
width: 100%;
height: 100%;
float: left;
width: 100%;
height: 100%;
float: left;
}
#logo {
float: left;
padding: 0.2em;
min-width: 170px;
width: 17%;
float: left;
padding: 0.2em;
min-width: 170px;
width: 17%;
}
#title {
float: left;
padding-left: 0.5em;
float: left;
padding-left: 0.5em;
}
#title h1 {
margin-top: 0.4em;
margin-top: 0.4em;
}
#loginForm form {
margin: 0;
margin: 0;
}
/* --------------------------------------------------
Columns
-------------------------------------------------- */
#primaryC {
margin: 0.5em 0;
text-align: justify;
margin: 0.5em 0;
text-align: justify;
}
#primaryC > *:first-child {
margin-top: 0;
padding-top: 0;
margin-top: 0;
padding-top: 0;
}
.clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
clear: both;
height: 0;
margin: 0;
padding: 0;
}
/* --------------------------------------------------
Content box (e.g. for news items)
-------------------------------------------------- */
.box, .error {
margin: 0.5em 0;
margin: 0.5em 0;
}
.box div.boxcontent, .error div.errorcontent {
padding: 0 0.5em;
padding: 0 0.5em;
}
.box .boxhead h2, .box .boxhead h3, .box .boxfoot p, .error h3 {
margin: 0;
padding: 0 0.5em;
margin: 0;
padding: 0 0.5em;
}
.box .boxfoot p {
text-align: right;
font-weight: bold;
font-size: 95%;
text-align: right;
font-weight: bold;
font-size: 95%;
}
.box div.boxcontent img.emblem {
float: right;
position: relative;
top: -1.5em;
float: right;
position: relative;
top: -1.5em;
}
/* --------------------------------------------------
......@@ -134,29 +132,29 @@ acronym, abbr {
-------------------------------------------------- */
ol.roman {
list-style-type: lower-roman;
list-style-type: lower-roman;
}
dt {
font-weight: bold;
font-weight: bold;
}
ul.boxes {
display: inline;
display: inline;
}
ul.boxes li {
float: left;
display: inline;
text-align: center;
margin-right: 1em;
float: left;
display: inline;
text-align: center;
margin-right: 1em;
}
dd#plan, dd#project {
margin-left: 0;
word-wrap: break-word;
white-space: pre-wrap;
font-family: monospace;
margin-left: 0;
word-wrap: break-word;
white-space: pre-wrap;
font-family: monospace;
}
/* --------------------------------------------------
......@@ -164,25 +162,25 @@ dd#plan, dd#project {
-------------------------------------------------- */
table {
text-align: left;
text-align: left;
}
table.wide {
width: 100%;
width: 100%;
}
table.border, table.border td, table.border th {
border: 1px solid #e76808;
border-collapse: collapse;
border: 1px solid #e76808;
border-collapse: collapse;
}
table.border {
border-width: 2px;
border-width: 2px;
}
table.border td, table.border th {
padding: 0.2em;
vertical-align: top;
padding: 0.2em;
vertical-align: top;
}
/* --------------------------------------------------
......@@ -190,23 +188,23 @@ table.border td, table.border th {
-------------------------------------------------- */
div.row {
clear: both;
padding-top: 0.5em;
clear: both;
padding-top: 0.5em;
}
div.row label {
float: left;
width: 20%;
text-align: right;
float: left;
width: 20%;
text-align: right;
}
div.row span.textinput {
float: right;
width: 78%;
text-align: left;
float: right;
width: 78%;
text-align: left;
}
.note {
color: #888888;
font-size: 80%;
color: #888888;
font-size: 80%;
}
.downloads .screenshot {
padding: 0.4em;
margin: 0.2em;
float: right;
text-align: center;
padding: 0.4em;
margin: 0.2em;
float: right;
text-align: center;
}
.downloads h3 {
margin: 0.5em 0 0.2em 0;
padding: 0 0 0.1em 0;
border-bottom: 1px solid #ccc;
font-family: arial, verdana, sans-serif;
font-weight: bold;
margin: 0.5em 0 0.2em 0;
padding: 0 0 0.1em 0;
border-bottom: 1px solid #ccc;
font-family: arial, verdana, sans-serif;
font-weight: bold;
}
.downloads .links {
text-align: right;
font-size: 90%;
text-align: right;
font-size: 90%;
}
......@@ -3,165 +3,168 @@
-------------------------------------------------- */
.cornerTopLeft {
height: 100%;
background: url('/images/left-top-corner.png') top left no-repeat;
height: 100%;
background: url('/images/left-top-corner.png') top left no-repeat;
}
.cornerTopRight {
height: 100%;
background: url('/images/right-top-corner.png') top right no-repeat;
height: 100%;
background: url('/images/right-top-corner.png') top right no-repeat;
}
.cornerBottomLeft {
height: 100%;
background: url('/images/left-bottom-corner.png') bottom left no-repeat;
height: 100%;
background: url('/images/left-bottom-corner.png') bottom left no-repeat;
}
.cornerBottomRight {
height: 100%;
background: url('/images/right-bottom-corner.png') bottom right no-repeat;
height: 100%;
background: url('/images/right-bottom-corner.png') bottom right no-repeat;
}
/* --------------------------------------------------
Menu
-------------------------------------------------- */
#navigationC ul li a {
background: #e76808 url('/images/menu-top-right.png') no-repeat top right;
background: #e76808 url('/images/menu-top-right.png') no-repeat top right;
}
#navigationC ul ul li a span {
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
}
#navigationC ul li a span {
display: block;
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
display: block;
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
}
/* --------------------------------------------------
Error box
-------------------------------------------------- */
.error {
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.error div.errorcontent {
background: #ffffff;
border: 2px solid #ff0000;
background: #ffffff;
border: 2px solid #ff0000;
}
.error .errorhead h3 {
color: #ffffff;
color: #ffffff;
}
.error .errorhead {
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
}
.errorbar, .navbar, .infobar {
margin: 0.5em 0 0 0;
font-size: 80%;
margin: 0.5em 0 0 0;
font-size: 80%;
}
.errorbar {
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
color: #ffffff;
margin-right: 0.5em;
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
color: #ffffff;
margin-right: 0.5em;
}
.infobar {
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
color: #ffffff;
margin-right: 0.5em;
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
color: #ffffff;
margin-right: 0.5em;
}
.infobar a {
color: #ffc62b;
color: #ffc62b;
}
.infobar a:active {
color: #ffffff;
color: #ffffff;
}
.navbar {
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
}
.navbar a {
color: #ffc62b;
font-weight: bold;
text-decoration: none;
color: #ffc62b;
font-weight: bold;
text-decoration: none;
}
.errorbar div, .navbar div, .infobar div {
background: url('/images/menu-top-right.png') no-repeat top right;
background: url('/images/menu-top-right.png') no-repeat top right;
}
.errorbar div div, .navbar div div, .infobar div div {
background: url('/images/menu-bottom-left.png') no-repeat bottom left;
background: url('/images/menu-bottom-left.png') no-repeat bottom left;
}
.errorbar div div div, .navbar div div div, .infobar div div div {
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
padding: 0.2em 0.5em;
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
padding: 0.2em 0.5em;
}
/* --------------------------------------------------
Content box (e.g. for news items)
-------------------------------------------------- */
.box .boxhead {
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
}
.box .hollowhead {
background: #ffffff url('/images/border-bottom.png') repeat-x top;
height: 5px;
margin: 0;
padding: 0;
border: none;
background: #ffffff url('/images/border-bottom.png') repeat-x top;
height: 5px;
margin: 0;
padding: 0;
border: none;
}
.box .hollowhead div {
background: url('/images/border-top-left.png') no-repeat top left;
height: 100%;
background: url('/images/border-top-left.png') no-repeat top left;
height: 100%;
}
.box .hollowhead div div {
background: url('/images/border-top-right.png') no-repeat top right;
height: 100%;
background: url('/images/border-top-right.png') no-repeat top right;
height: 100%;
}
.box .boxhead h2, .box .boxhead h3, .error .errorhead h3 {
background: url('/images/menu-top-right.png') no-repeat top right;
background: url('/images/menu-top-right.png') no-repeat top right;
}
.box .boxfoot {
background: #e76808 url('/images/menu-bottom-left.png') no-repeat bottom left;
background: #e76808 url('/images/menu-bottom-left.png') no-repeat bottom left;
}
.box .boxfoot p {
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
}
.box .hollowfoot {
background: #ffffff url('/images/border-bottom.png') repeat-x bottom;
height: 5px;
margin: 0;
padding: 0;
background: #ffffff url('/images/border-bottom.png') repeat-x bottom;
height: 5px;
margin: 0;
padding: 0;
}
.box .hollowfoot div {
background: url('/images/border-bottom-left.png') no-repeat bottom left;
height: 100%;
background: url('/images/border-bottom-left.png') no-repeat bottom left;
height: 100%;
}
.box .hollowfoot div div {
background: url('/images/border-bottom-right.png') no-repeat bottom right;
height: 100%;
background: url('/images/border-bottom-right.png') no-repeat bottom right;
height: 100%;
}
/* --------------------------------------------------
Error box
-------------------------------------------------- */
.error .errorhead {
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
}
div#searchbox {
height: 5em;
height: 5em;
}
.buttons {
padding-top: 5px;
padding-top: 5px;
}
\ No newline at end of file
......@@ -3,19 +3,19 @@
-------------------------------------------------- */
.cornerTopLeft {
background: url('/images/left-top-corner.gif') top left no-repeat;
background: url('/images/left-top-corner.gif') top left no-repeat;
}
.cornerTopRight {
background: url('/images/right-top-corner.gif') top right no-repeat;
background: url('/images/right-top-corner.gif') top right no-repeat;
}
.cornerBottomLeft {
background: url('/images/left-bottom-corner.gif') bottom left no-repeat;
background: url('/images/left-bottom-corner.gif') bottom left no-repeat;
}
.cornerBottomRight {
background: url('/images/right-bottom-corner.gif') bottom right no-repeat;
background: url('/images/right-bottom-corner.gif') bottom right no-repeat;
}
/* --------------------------------------------------
......@@ -23,43 +23,42 @@
-------------------------------------------------- */
#branding {
/* background: #ffc62b;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/orangefade.png'); */
/* background: #ffc62b;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/orangefade.png'); */
}
#loginForm {
margin-right: 0.5em;
margin-bottom: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.2em;
}
#brandingC {
background: transparent;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/bgfade.png'); */
background: transparent;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/bgfade.png'); */
}
/* --------------------------------------------------
Menu
-------------------------------------------------- */
#navigationC ul li {
line-height: 0;
line-height: 0;
}
#navigationC ul li a {
background-image: url('/images/menu-top-right.gif');
background-image: url('/images/menu-top-right.gif');
}
#navigationC ul ul li a {
background: #ffc62b url('/images/menu-top-right.gif') norepeat top right;
background: #ffc62b url('/images/menu-top-right.gif') norepeat top right;
}
#navigationC ul li a span {
background-image: url('/images/menu-bottom-right.gif');
background-image: url('/images/menu-bottom-right.gif');
}
#navigationC ul ul li a span {
background-image: url('/images/menu-bottom-right.gif');
background-image: url('/images/menu-bottom-right.gif');
}
/* --------------------------------------------------
......@@ -67,7 +66,7 @@
-------------------------------------------------- */
#search input.text {
width: 95%;
width: 95%;
}
/* --------------------------------------------------
......@@ -75,8 +74,8 @@
-------------------------------------------------- */
#footer {
/* background: #ffc62b;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/orangefade-bottom.png'); */
/* background: #ffc62b;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/orangefade-bottom.png'); */
}
/* --------------------------------------------------
......@@ -84,43 +83,43 @@
-------------------------------------------------- */
.box {
line-height: 1.1;
line-height: 1.1;
}
.box .boxhead {
background: #e76808 url('/images/menu-top-left.gif') no-repeat top left;
.box .boxhead {
background: #e76808 url('/images/menu-top-left.gif') no-repeat top left;
}
.box .hollowhead, .box .hollowfoot {
font-size: 0;
font-size: 0;
}
.box .hollowhead div {
background: url('/images/border-top-left.gif') no-repeat top left;
background: url('/images/border-top-left.gif') no-repeat top left;
}
.box .hollowhead div div {
background: url('/images/border-top-right.gif') no-repeat top right;
background: url('/images/border-top-right.gif') no-repeat top right;
}
.box .boxhead h2, .box .boxhead h3, .error .errorhead h3 {
background: url('/images/menu-top-right.gif') no-repeat top right;
background: url('/images/menu-top-right.gif') no-repeat top right;
}
.box .boxfoot {
background: #e76808 url('/images/menu-bottom-left.gif') no-repeat bottom left;
.box .boxfoot {
background: #e76808 url('/images/menu-bottom-left.gif') no-repeat bottom left;
}
.box .boxfoot p {
background: url('/images/menu-bottom-right.gif') no-repeat bottom right;
background: url('/images/menu-bottom-right.gif') no-repeat bottom right;
}
.box .hollowfoot div {
background: url('/images/border-bottom-left.gif') no-repeat bottom left;
background: url('/images/border-bottom-left.gif') no-repeat bottom left;
}
.box .hollowfoot div div {
background: url('/images/border-bottom-right.gif') no-repeat bottom right;
background: url('/images/border-bottom-right.gif') no-repeat bottom right;
}
/* --------------------------------------------------
......@@ -128,21 +127,21 @@
-------------------------------------------------- */
.error .errorhead {
background: #ff0000 url('/images/menu-top-left.gif') no-repeat top left;
background: #ff0000 url('/images/menu-top-left.gif') no-repeat top left;
}
.errorbar {
background: #ff0000 url('/images/menu-top-left.gif') no-repeat top left;
background: #ff0000 url('/images/menu-top-left.gif') no-repeat top left;
}
.errorbar div {
background: url('/images/menu-top-right.gif') no-repeat top right;
background: url('/images/menu-top-right.gif') no-repeat top right;
}
.errorbar div div {
background: url('/images/menu-bottom-left.gif') no-repeat bottom left;
background: url('/images/menu-bottom-left.gif') no-repeat bottom left;
}
.errorbar div div div {
background: url('/images/menu-bottom-right.gif') no-repeat bottom right;
.errorbar div div div {
background: url('/images/menu-bottom-right.gif') no-repeat bottom right;
}
form {
margin: 0;
padding: 0;
margin: 0;
padding: 0;
}
#navigationC ul li {
line-height: 0;
line-height: 0;
}
#loginForm input.button {
font-size: 80%;
font-size: 80%;
}
/* --------------------------------------------------
......@@ -16,11 +16,12 @@ form {
-------------------------------------------------- */
ol.roman {
list-style-type: i;
list-style-type: i;
}
/* --------------------------------------------------
Secondary content
-------------------------------------------------- */
#secondary ul {
margin-left: 2em;
margin-left: 2em;
}
\ No newline at end of file
li.column1 {
margin-left: 0em;
margin-left: 0em;
}
li.column2 {
margin-left: 10em;
margin-left: 10em;
}
div.memberlist ul li {
line-height: 1.2em;
line-height: 1.2em;
}
div.memberlist ul {
margin-top: 0;
margin-top: 0;
}
ul.bananas {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-left: 0;
padding-left: 0;
list-style: none;
}
ul.bananas li {
margin-bottom: 0.5em;
background-repeat: no-repeat;
padding-left: 30px;
margin-bottom: 0.5em;
background-repeat: no-repeat;
padding-left: 30px;
}
ul.bananas li small {
color: grey;
color: grey;
}
ul.bananas li.yellow1 {
background-image: url('/images/bananas/banana1.png');
background-position: 0.5em;
background-image: url('/images/bananas/banana1.png');
background-position: 0.5em;
}
ul.bananas li.yellow2 {
background-image: url('/images/bananas/banana2.png');
background-position: 0.2em;
background-image: url('/images/bananas/banana2.png');
background-position: 0.2em;
}
ul.bananas li.yellow3 {
background-position: 0;
background-image: url('/images/bananas/banana3.png');
background-position: 0;
background-image: url('/images/bananas/banana3.png');
}
ul.bananas li.green1 {
background-position: 0.5em;
background-image: url('/images/bananas/banana-g-1.png');
background-position: 0.5em;
background-image: url('/images/bananas/banana-g-1.png');
}
ul.bananas li.green2 {
background-position: 0.2em;
background-image: url('/images/bananas/banana-g-2.png');
background-position: 0.2em;
background-image: url('/images/bananas/banana-g-2.png');
}
ul.bananas li.green3 {
background-position: 0;
background-image: url('/images/bananas/banana-g-3.png');
background-position: 0;
background-image: url('/images/bananas/banana-g-3.png');
}
.date {background-color: #e0e0ff; }
.time {background-color: #e0ffe0; }
.user {background-color: #ffe0e0; }
.taglist {background-color: #ffffe0; }
.date {
background-color: #e0e0ff;
}
.time {
background-color: #e0ffe0;
}
.user {
background-color: #ffe0e0;
}
.taglist {
background-color: #ffffe0;
}
/********************************************************************************
* CodeHighlight Classes
* Originally from the Wordpress Code Highlight Plugin
......@@ -16,27 +15,82 @@
}
/* .hl-surround, .hl-surround pre, .hl-surround span, */
.hl-main { font: normal 10pt 'Courier New', monospace;}
.hl-default { color: Black; }
.hl-code { color: Black; }
.hl-brackets { color: Olive; }
.hl-comment { color: #ffa500; } /* Orange */
.hl-quotes { color: #8b0000; } /* Dark red */
.hl-string { color: Red; }
.hl-identifier { color: Blue; }
.hl-builtin { color: Teal; }
.hl-reserved { color: Green; }
.hl-inlinedoc { color: Blue; }
.hl-var { color: #00008b; } /* Dark blue */
.hl-url { color: Blue; }
.hl-special { color: Navy; }
.hl-number { color: Maroon; }
.hl-inlinetags { color: Blue; }
.hl-main { background-color: transparent; }
.hl-main pre { margin: 0; padding: 0; }
.hl-main {
font: normal 10pt 'Courier New', monospace;
}
.hl-default {
color: Black;
}
.hl-code {
color: Black;
}
.hl-brackets {
color: Olive;
}
.hl-comment {
color: #ffa500;
}
/* Orange */
.hl-quotes {
color: #8b0000;
}
/* Dark red */
.hl-string {
color: Red;
}
.hl-identifier {
color: Blue;
}
.hl-builtin {
color: Teal;
}
.hl-reserved {
color: Green;
}
.hl-inlinedoc {
color: Blue;
}
.hl-var {
color: #00008b;
}
/* Dark blue */
.hl-url {
color: Blue;
}
.hl-special {
color: Navy;
}
.hl-number {
color: Maroon;
}
.hl-inlinetags {
color: Blue;
}
.hl-main {
background-color: transparent;
}
.hl-main pre {
margin: 0;
padding: 0;
}
div#displayCode * {
font: normal 10pt 'Courier New', monospace;
font: normal 10pt 'Courier New', monospace;
}
......@@ -3,11 +3,11 @@
-------------------------------------------------- */
#branding {
border-bottom: 1px solid #000000;
border-bottom: 1px solid #000000;
}
#loginForm {
display: none;
display: none;
}
/* --------------------------------------------------
......@@ -15,7 +15,7 @@
-------------------------------------------------- */
#navigation {
display: none;
display: none;
}
#secondary {
......@@ -26,14 +26,14 @@
-------------------------------------------------- */
#footer {
border-top: 1px solid #000000;
border-top: 1px solid #000000;
}
#footer p {
margin: 0;
text-align: center;
font-size: 80%;
padding: 0.5em;
margin: 0;
text-align: center;
font-size: 80%;
padding: 0.5em;
}
/* --------------------------------------------------
......@@ -41,12 +41,12 @@
-------------------------------------------------- */
.box {
border: 1px solid #e76808;
border: 1px solid #e76808;
}
.box div.boxcontent {
border-top: 1px solid #e76808;
border-bottom: 1px solid #e76808;
border-top: 1px solid #e76808;
border-bottom: 1px solid #e76808;
}
/* --------------------------------------------------
......@@ -54,5 +54,5 @@
-------------------------------------------------- */
#edit {
display: none;
display: none;
}
......@@ -3,12 +3,13 @@
-------------------------------------------------- */
body {
background: #fff;
min-width: 600px;
background: #fff0cd;
min-width: 600px;
margin: 0px;
}
hr {
border: 1px solid #e76808;
border: 1px solid #e76808;
}
/* --------------------------------------------------
......@@ -16,16 +17,15 @@ hr {
-------------------------------------------------- */
a:link {
color: #d45e08;
color: #d45e08;
}
a:visited {
color: #a52f0f;
color: #a52f0f;
}
a:active {
color: #ffc62b;
color: #ffc62b;
}
a:hover {
......@@ -35,17 +35,18 @@ a:hover {
/* --------------------------------------------------
Page corners
-------------------------------------------------- */
#branding, #brandingC {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
}
/*#branding, #brandingC {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
}*/
#footer {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
}
/* --------------------------------------------------
......@@ -53,29 +54,29 @@ a:hover {
-------------------------------------------------- */
#branding {
background: url('/images/orangefade.png') repeat-x #ffc62b bottom;
clear: both;
background: url('/images/orangefade.png') repeat-x #ffc62b bottom;
clear: both;
}
#brandingC {
background: url('/images/bgfade.png') repeat-y;
background: url('/images/bgfade.png') repeat-y;
}
#title {
color: #a52f0f;
color: #a52f0f;
}
#loginForm {
float: right;
padding: 1em;
padding-bottom: 0;
line-height: 1.5em;
text-align: right;
font-size: 80%;
float: right;
padding: 1em;
padding-bottom: 0;
line-height: 1.5em;
text-align: right;
font-size: 80%;
}
#loginForm input.text {
width: 8em;
width: 8em;
}
/* --------------------------------------------------
......@@ -83,23 +84,23 @@ a:hover {
-------------------------------------------------- */
#breadcrumb {
font-weight: bold;
font-size: 80%;
color: #ffc62b;
font-weight: bold;
font-size: 80%;
color: #ffc62b;
}
#breadcrumb ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 0;
padding: 0;
list-style-type: none;
}
#breadcrumb li {
display: inline;
display: inline;
}
#breadcrumb a {
text-decoration: none;
text-decoration: none;
}
/* --------------------------------------------------
......@@ -107,39 +108,39 @@ a:hover {
-------------------------------------------------- */
#wrapper {
background: #fff0cd;
padding: 0;
clear: both;
border: 2px solid #e76808;
border-top: 0;
border-bottom: 0;
background: #fff0cd;
padding: 0;
clear: both;
/*border: 2px solid #e76808;*/
border-top: 0;
border-bottom: 0;
}
#navigation {
float: left;
width: 17%;
padding-top: 0.5em;
/* overflow: auto; */
float: left;
width: 17%;
padding-top: 0.5em;
/* overflow: auto; */
}
#content {
float: right;
width: 82%;
float: right;
width: 82%;
}
#primary {
float: left;
width: 66%;
padding: 0;
float: left;
width: 66%;
padding: 0;
}
#primaryC {
padding-right: 0.5em;
padding-right: 0.5em;
}
#secondary {
float: right;
width: 33%;
float: right;
width: 33%;
}
/* --------------------------------------------------
......@@ -147,82 +148,81 @@ a:hover {
-------------------------------------------------- */
#navigationC ul {
margin: 0;
padding-left: 0;
list-style-type: none;
margin: 0;
padding-left: 0;
list-style-type: none;
}
/* --- Menu item */
#navigationC ul li a {
display: block;
text-decoration: none;
font-weight: bold;
line-height: 1.5em;
font-size: 95%;
color: #ffc62b;
background: #e76808;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
padding-left: 1em;
margin-bottom: 2px;
display: block;
text-decoration: none;
font-weight: bold;
line-height: 1.5em;
font-size: 95%;
color: #ffc62b;
background: #e76808;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
padding-left: 1em;
margin-bottom: 2px;
}
#navigationC ul li a:hover {
background-color: #d45e08;
background-color: #d45e08;
}
#navigationC ul li a.select {
color: #fff0cd;
border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
color: #fff0cd;
border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
}
/* --- Submenu item */
#navigationC ul ul li a {
font-size: 80%;
font-weight: normal;
padding-left: 2em;
background: #ffa405;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
color: #d45e08;
font-size: 80%;
font-weight: normal;
padding-left: 2em;
background: #ffa405;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
color: #d45e08;
}
#navigationC ul li li a:hover {
background-color: #e69200;
background-color: #e69200;
}
#navigationC ul ul li a.select {
color: #fff0cd;
color: #fff0cd;
}
#navigationC ul ul li.lastsub a {
border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
}
#navigationC ul li.lastsub a {
display: block;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
display: block;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomright: 7px;
}
/* --------------------------------------------------
Boxes
-------------------------------------------------- */
div.cbb {
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
padding: 1em;
box-shadow: 3px 3px 5px #777;
-moz-box-shadow: 3px 3px 5px #777;
-webkit-box-shadow: 3px 3px 5px #777;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
padding: 1em;
box-shadow: 3px 3px 5px #777;
-moz-box-shadow: 3px 3px 5px #777;
-webkit-box-shadow: 3px 3px 5px #777;
}
/* --------------------------------------------------
......@@ -230,20 +230,20 @@ div.cbb {
-------------------------------------------------- */
#search input.text {
width: 100%;
width: 100%;
}
#search .buttons {
margin-top: 0.5em;
margin-top: 0.5em;
}
#search div.left {
float: left;
float: left;
}
#search input.submit {
float: right;
padding: 0;
float: right;
padding: 0;
}
/* --------------------------------------------------
......@@ -251,29 +251,28 @@ div.cbb {
-------------------------------------------------- */
ul#valid {
margin: 0;
margin-left: 1em;
margin-bottom: 0.3em;
padding: 0;
margin: 0;
margin-left: 1em;
margin-bottom: 0.3em;
padding: 0;
}
/* --------------------------------------------------
Footer
-------------------------------------------------- */
#footer {
margin: 0;
margin-bottom: 0.5em;
background: url('/images/orangefade-bottom.png') top repeat-x #ffc62b;
margin: 0;
margin-bottom: 0.5em;
background: url('/images/orangefade-bottom.png') top repeat-x #ffc62b;
visibility: hidden;
}
#footer p {
margin: 0;
text-align: center;
font-size: 80%;
padding: 0.5em;
margin: 0;
text-align: center;
font-size: 80%;
padding: 0.5em;
}
/* --------------------------------------------------
......@@ -281,63 +280,63 @@ ul#valid {
-------------------------------------------------- */
.box {
background: #ffffff;
border-radius: 7px;
-moz-border-radius: 7px;
background: #ffffff;
border-radius: 7px;
-moz-border-radius: 7px;
}
.box div.boxcontent {
border: 2px solid #e76808;
border-top: 1px solid #e76808;
border-bottom: 1px solid #ffffff;
border: 2px solid #e76808;
border-top: 1px solid #e76808;
border-bottom: 1px solid #ffffff;
}
.box .boxhead a, .box .boxhead h2, .box .boxhead h3, .box .boxfoot p, .boxfoot a {
color: #ffc62b;
color: #ffc62b;
}
.box .boxhead {
background: #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
background: #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
.box .hollowhead {
background: #ffffff;
border-top: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
height: 5px;
margin: 0;
padding: 0;
background: #ffffff;
border-top: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
height: 5px;
margin: 0;
padding: 0;
}
.box .boxfoot {
background: #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
background: #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}
.box .hollowfoot {
background: #ffffff;
height: 5px;
margin: 0;
padding: 0;
border-bottom: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
background: #ffffff;
height: 5px;
margin: 0;
padding: 0;
border-bottom: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}
/* --------------------------------------------------
......@@ -345,68 +344,68 @@ ul#valid {
-------------------------------------------------- */
.error {
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.error div.errorcontent {
background: #ffffff;
border: 2px solid #ff0000;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
padding-bottom: 0.5em;
background: #ffffff;
border: 2px solid #ff0000;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
padding-bottom: 0.5em;
}
.error .errorhead h3 {
color: #ffffff;
color: #ffffff;
}
.error .errorhead {
background: #ff0000;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
background: #ff0000;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
.errorbar, .navbar, .infobar {
margin: 0.5em 0 0 0;
font-size: 80%;
border-radius: 7px;
-moz-border-radius: 7px;
padding: 0.2em 0.5em;
margin: 0.5em 0 0 0;
font-size: 80%;
border-radius: 7px;
-moz-border-radius: 7px;
padding: 0.2em 0.5em;
}
.errorbar {
background: #ff0000;
color: #ffffff;
margin-right: 0.5em;
background: #ff0000;
color: #ffffff;
margin-right: 0.5em;
}
.infobar {
background: #e76808;
color: #ffffff;
margin-right: 0.5em;
background: #e76808;
color: #ffffff;
margin-right: 0.5em;
}
.infobar a {
color: #ffc62b;
color: #ffc62b;
}
.infobar a:active {
color: #ffffff;
color: #ffffff;
}
.navbar {
background: #e76808;
background: #e76808;
}
.navbar a {
color: #ffc62b;
font-weight: bold;
text-decoration: none;
color: #ffc62b;
font-weight: bold;
text-decoration: none;
}
/* --------------------------------------------------
......@@ -414,9 +413,9 @@ ul#valid {
-------------------------------------------------- */
.dialog {
text-align: center;
margin: auto;
width: 20em;
text-align: center;
margin: auto;
width: 20em;
}
/* --------------------------------------------------
......@@ -424,16 +423,16 @@ ul#valid {
-------------------------------------------------- */
table.border th {
background: #e76808;
color: #ffc62b;
background: #e76808;
color: #ffc62b;
}
table.border td {
background: #ffffff;
background: #ffffff;
}
table.border a:link {
color: #d45e08;
color: #d45e08;
}
/* --------------------------------------------------
......@@ -441,27 +440,26 @@ table.border a:link {
-------------------------------------------------- */
.edit {
margin-top: 1em;
border-top: 2px solid #e76808;
font-size: 80%;
text-align: right;
margin-top: 1em;
border-top: 2px solid #e76808;
font-size: 80%;
text-align: right;
}
.edit ul {
margin: 0;
margin: 0;
}
.edit li {
display: inline;
float: right;
padding-left: 1em;
display: inline;
float: right;
padding-left: 1em;
}
form.admin {
float: left;
float: left;
}
/* --------------------------------------------------
Hacks to work around inadequacies of TinyMCE
-------------------------------------------------- */
......@@ -475,5 +473,5 @@ form.admin {
-------------------------------------------------- */
fieldset {
border: 2px dotted #e76808;
border: 2px dotted #e76808;
}
div.susignup-admin-menu {
float: left;
width: 22%;
margin-left: 10px;
background: #E76808;
border-radius: 15px;
border-radius: 15px;
-moz-border-radius: 15px;
-moz-border-radius: 15px;
float: left;
width: 22%;
margin-left: 10px;
background: #E76808;
border-radius: 15px;
border-radius: 15px;
-moz-border-radius: 15px;
-moz-border-radius: 15px;
}
div.susignup-admin-menu select {
position: relative;
width: 65%;
position: relative;
width: 65%;
}
div.susignup-admin-menu label {
position: relative;
width: 9em;
position: relative;
width: 9em;
}
div.susignup-admin-menu input#rnsubmit {
position: relative;
width: 70px;
position: relative;
width: 70px;
}
#susignup-renewals {
width: 90%;
border: 1px solid black;
border-collapse: collapse;
width: 90%;
border: 1px solid black;
border-collapse: collapse;
}
#susignup-renewals td {
border: 1px solid black;
padding-left: 4px;
padding-right: 2px;
border: 1px solid black;
padding-left: 4px;
padding-right: 2px;
}
#susignup-renewals th {
border: 1px solid black;
text-align: center;
padding-left: 2px;
padding-right: 2px;
border: 1px solid black;
text-align: center;
padding-left: 2px;
padding-right: 2px;
}
.centre{
text-align: center;
.centre {
text-align: center;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Swansea University Computer Society</title>
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CVarela+Round" rel="stylesheet">
<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="plaster-files/css/bootstrap.min.css" />
<!-- Owl Carousel -->
<link type="text/css" rel="stylesheet" href="plaster-files/css/owl.carousel.css" />
<link type="text/css" rel="stylesheet" href="plaster-files/css/owl.theme.default.css" />
<!-- Magnific Popup -->
<link type="text/css" rel="stylesheet" href="plaster-files/css/magnific-popup.css" />
<!-- Font Awesome Icon -->
<link rel="stylesheet" href="plaster-files/css/font-awesome.min.css">
<!-- Custom stlylesheet -->
<link type="text/css" rel="stylesheet" href="plaster-files/css/style.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Header -->
<header id="home">
<!-- Background Image -->
<div class="bg-img" style="background-image: url('./plaster-files/img/background1.jpg');">
<div class="overlay"></div>
</div>
<!-- /Background Image -->
<!-- Nav -->
<nav id="nav" class="navbar nav-transparent">
<div class="container">
<div class="navbar-header">
<!-- Logo -->
<div class="navbar-brand">
<a href="index.html">
<img class="logo" src="plaster-files/img/sucslogo_trans.svg" alt="logo">
<img class="logo-alt" src="plaster-files/img/sucslogo_trans.svg" alt="logo">
</a>
</div>
<!-- /Logo -->
<!-- Collapse nav button -->
<div class="nav-collapse">
<span></span>
</div>
<!-- /Collapse nav button -->
</div>
<!-- Main navigation -->
<ul class="main-nav nav navbar-nav navbar-right">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href=https://sucs.org/index.php>Main Site</a></li>
</ul>
<!-- /Main navigation -->
</div>
</nav>
<!-- /Nav -->
<!-- home wrapper -->
<div class="home-wrapper">
<div class="container">
<div class="row">
<!-- home content -->
<div class="col-md-10 col-md-offset-1">
<div class="home-content">
<h1 class="white-text">Swansea University Computer Society</h1>
<p class="white-text">SUCS is one of the university's longest-running and largest societies. In addition to providing members with a range of IT services, we hold regular events and socials throughout the year.
</p>
<a href="https://sucs.org/join" class="white-btn">Join Now!</a>
<a href="#about" class="main-btn">Learn more</a>
</div>
</div>
<!-- /home content -->
</div>
</div>
</div>
<!-- /home wrapper -->
</header>
<!-- /Header -->
<!-- About -->
<div id="about" class="section md-padding">
<!-- Container -->
<div class="container">
<!-- Row -->
<div class="row">
<!-- Section header -->
<div class="section-header text-center">
<h2 class="title">A little about us...</h2>
</div>
<!-- /Section header -->
<!-- about -->
<div class="col-md-6">
<!--<div class="section-header">
<h2 class="title">Breif Outline</h2>
</div>-->
<p>Established in 1988 we are a community that enjoys technology and being creative. We also offer a wide variety of services that our members greatly benefit from.</p>
<div class="feature">
<i class="fa fa-check"></i>
<p>Hold regular events both technical and non-technical.</p>
</div>
<div class="feature">
<i class="fa fa-check"></i>
<p>Have several active projects going on that any member can join in on.</p>
</div>
<div class="feature">
<i class="fa fa-check"></i>
<p>Offer our members a dedicated 24/7 space.</p>
</div>
<div class="feature">
<i class="fa fa-check"></i>
<p>Active alumni network with members working at Red Hat, Google, Microsoft, etc...</p>
</div>
</div>
<div class="col-md-6">
<p>
Come chat with us on one of the oldest Bulletin Board Systems in the UK, Milliways! Existing members can log in by SSH'ing into silver (ssh sucs.org) and running the command 'mw'. Non-members can join by SSH'ing in as the user 'bbs' with the password 'bbs' (ssh bbs@sucs.org). There is a quick guide on <a href="https://sucs.org/Knowledge/Help/SUCS%20Services/Using%20Milliways">Using MW</a> that is recommended.
</p>
<p>
We also run a <a href="https://chat.sucs.org">Discord</a> server that is more easily accessible on a wider variety of platforms.
</p>
</div>
<!-- /about -->
</div>
<!-- /Row -->
</div>
<!-- /Container -->
</div>
<!-- /About -->
<!-- Service -->
<div id="service" class="section md-padding">
<!-- Container -->
<div class="container">
<!-- Row -->
<div class="row">
<!-- Section header -->
<div class="section-header text-center">
<h2 class="title">What we offer</h2>
</div>
<!-- /Section header -->
<!-- service -->
<div class="col-md-4 col-sm-6">
<div class="service">
<i class="fa fa-calendar"></i>
<h3>Regular Events</h3>
<p>We run regular technical and non-technical events.</p>
</div>
</div>
<!-- /service -->
<!-- service -->
<div class="col-md-4 col-sm-6">
<div class="service">
<i class="fa fa-building"></i>
<h3>Dedicated Lab</h3>
<p>We run our own dedicated lab that's accessible 24/7.</p>
</div>
</div>
<!-- /service -->
<!-- service -->
<div class="col-md-4 col-sm-6">
<div class="service">
<i class="fa fa-users"></i>
<h3>Community</h3>
<p>With over 100 members from all manner of backgrounds SUCS has a rich and diverse community.</p>
</div>
</div>
<!-- /service -->
<!-- service -->
<div class="col-md-4 col-sm-6">
<div class="service">
<i class="fa fa-laptop"></i>
<h3>Virtual Machines</h3>
<p>Members can request virtual machines for use for projects or prototyping.</p>
</div>
</div>
<!-- /service -->
<!-- service -->
<div class="col-md-4 col-sm-6">
<div class="service">
<i class="fa fa-server"></i>
<h3>Web Hosting</h3>
<p>Members can take advantage of our web-hosting facilities to showcase their work or ideas.</p>
</div>
</div>
<!-- /service -->
<!-- service -->
<div class="col-md-4 col-sm-6">
<div class="service">
<i class="fa fa-code"></i>
<h3>Projects</h3>
<p>We run numerous projects that people can jump in and out of. Hosting your own projects is possible with our own GitLab server</p>
</div>
</div>
<!-- /service -->
</div>
<!-- /Row -->
</div>
<!-- /Container -->
</div>
<!-- /Service -->
<!-- Contact -->
<div id="contact" class="section md-padding">
<!-- Container -->
<div class="container">
<!-- Row -->
<div class="row">
<!-- Section-header -->
<div class="section-header text-center">
<h2 class="title">Get in touch</h2>
</div>
<!-- /Section-header -->
<!-- contact -->
<div class="col-sm-4">
<div class="contact">
<i class="fa fa-facebook"></i>
<h3><a href="https://sucs.org/fb">Facebook</a></h3>
</div>
</div>
<!-- /contact -->
<!-- contact -->
<div class="col-sm-4">
<div class="contact">
<i class="fa fa-envelope"></i>
<h3><a href="mailto:joinus@sucs.org?Subject=Hello">Email</a></h3>
<p>joinus@sucs.org</p>
</div>
</div>
<!-- /contact -->
<!-- contact -->
<div class="col-sm-4">
<div class="contact">
<i class="fa fa-twitter"></i>
<h3><a href="https://twitter.com/sucsexec">Twitter</a></h3>
</div>
</div>
<!-- /contact -->
</div>
<!-- /Row -->
</div>
<!-- /Container -->
</div>
<!-- /Contact -->
<!-- Footer -->
<footer id="footer" class="sm-padding bg-dark">
<!-- Container -->
<div class="container">
<!-- Row -->
<div class="row">
<div class="col-md-12">
<!-- footer copyright -->
<div class="footer-copyright">
<p>Designed stolen from <a href="https://colorlib.com" target="_blank">Colorlib</a> (with permission)</p>
</div>
<!-- /footer copyright -->
</div>
</div>
<!-- /Row -->
</div>
<!-- /Container -->
</footer>
<!-- /Footer -->
<!-- Back to top -->
<div id="back-to-top"></div>
<!-- /Back to top -->
<!-- Preloader -->
<div id="preloader">
<div class="preloader">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- /Preloader -->
<!-- jQuery Plugins -->
<script type="text/javascript" src="plaster-files/js/jquery.min.js"></script>
<script type="text/javascript" src="plaster-files/js/bootstrap.min.js"></script>
<script type="text/javascript" src="plaster-files/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="plaster-files/js/jquery.magnific-popup.js"></script>
<script type="text/javascript" src="plaster-files/js/main.js"></script>
</body>
</html>