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
Hide whitespace changes
Inline Side-by-side
Showing
with 1120 additions and 675 deletions
db_changes/sucssite-0.3.sql deleted 100644 → 0
View file @ 94d80564
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';
htdocs/3step.html 0 → 100644
View file @ e9d41fb4
<!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
htdocs/css/blog.css
View file @ e9d41fb4
.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;
}
htdocs/css/box.css
View file @ e9d41fb4
......@@ -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 {
......
htdocs/css/boxie.css
View file @ e9d41fb4
/* 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;
}
htdocs/css/common.css
View file @ e9d41fb4
......@@ -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%;
}
htdocs/css/downloads.css
View file @ e9d41fb4
.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%;
}
htdocs/css/ie.css
View file @ e9d41fb4
......@@ -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;
}
htdocs/css/ie8.css
View file @ e9d41fb4
div#searchbox {
height: 5em;
height: 5em;
}
.buttons {
padding-top: 5px;
padding-top: 5px;
}
\ No newline at end of file
htdocs/css/ielt7.css
View file @ e9d41fb4
......@@ -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;
}
htdocs/css/ielt8.css
View file @ e9d41fb4
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
htdocs/css/members.css
View file @ e9d41fb4
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');
}
htdocs/css/milliways.css
View file @ e9d41fb4
.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;
}
htdocs/css/pastebin.css
View file @ e9d41fb4
/********************************************************************************
* 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;
}
htdocs/css/print.css
View file @ e9d41fb4
......@@ -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;
}
htdocs/css/sucs.css
View file @ e9d41fb4
......@@ -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;
}
htdocs/css/susignup-admin.css
View file @ e9d41fb4
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;
}
htdocs/index.html 0 → 100644
View file @ e9d41fb4
<!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>
htdocs/js/cb.js
View file @ e9d41fb4
/*
addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
*/
function addEvent( obj, type, fn )
{
if (obj.addEventListener)
obj.addEventListener( type, fn, false );
else if (obj.attachEvent)
{
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent( "on"+type, obj[type+fn] );
}
addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
*/
function addEvent(obj, type, fn) {
if (obj.addEventListener)
obj.addEventListener(type, fn, false);
else if (obj.attachEvent) {
obj["e" + type + fn] = fn;
obj[type + fn] = function () {
obj["e" + type + fn](window.event);
};
obj.attachEvent("on" + type, obj[type + fn]);
}
}
/*
createElement function found at http://simon.incutio.com/archive/2003/06/15/javascriptWithXML
*/
createElement function found at http://simon.incutio.com/archive/2003/06/15/javascriptWithXML
*/
function createElement(element) {
if (typeof document.createElementNS != 'undefined') {
return document.createElementNS('http://www.w3.org/1999/xhtml', element);
}
if (typeof document.createElement != 'undefined') {
return document.createElement(element);
}
return false;
if (typeof document.createElementNS != 'undefined') {
return document.createElementNS('http://www.w3.org/1999/xhtml', element);
}
if (typeof document.createElement != 'undefined') {
return document.createElement(element);
}
return false;
}
function insertTop(obj) {
// Create the two div elements needed for the top of the box
d=createElement("div");
d.className="bt"; // The outer div needs a class name
d2=createElement("div");
// Create the two div elements needed for the top of the box
d = createElement("div");
d.className = "bt"; // The outer div needs a class name
d2 = createElement("div");
d.appendChild(d2);
obj.insertBefore(d,obj.firstChild);
obj.insertBefore(d, obj.firstChild);
}
function insertBottom(obj) {
// Create the two div elements needed for the bottom of the box
d=createElement("div");
d.className="bb"; // The outer div needs a class name
d2=createElement("div");
// Create the two div elements needed for the bottom of the box
d = createElement("div");
d.className = "bb"; // The outer div needs a class name
d2 = createElement("div");
d.appendChild(d2);
obj.appendChild(d);
obj.appendChild(d);
}
function initCB()
{
// Find all div elements
var divs = document.getElementsByTagName('div');
var cbDivs = [];
for (var i = 0; i < divs.length; i++) {
// Find all div elements with cbb in their class attribute while allowing for multiple class names
if (/\bcbb\b/.test(divs[i].className))
cbDivs[cbDivs.length] = divs[i];
}
// Loop through the found div elements
var thediv, outer, i1, i2;
for (var i = 0; i < cbDivs.length; i++) {
// Save the original outer div for later
thediv = cbDivs[i];
// Create a new div, give it the original div's class attribute, and replace 'cbb' with 'cb'
outer = createElement('div');
outer.className = thediv.className;
outer.className = thediv.className.replace('cbb', 'cb');
// Change the original div's class name and replace it with the new div
thediv.className = 'i3';
thediv.parentNode.replaceChild(outer, thediv);
// Create two new div elements and insert them into the outermost div
i1 = createElement('div');
i1.className = 'i1';
outer.appendChild(i1);
i2 = createElement('div');
i2.className = 'i2';
i1.appendChild(i2);
// Insert the original div
i2.appendChild(thediv);
// Insert the top and bottom divs
insertTop(outer);
insertBottom(outer);
}
function initCB() {
// Find all div elements
var divs = document.getElementsByTagName('div');
var cbDivs = [];
for (var i = 0; i < divs.length; i++) {
// Find all div elements with cbb in their class attribute while allowing for multiple class names
if (/\bcbb\b/.test(divs[i].className))
cbDivs[cbDivs.length] = divs[i];
}
// Loop through the found div elements
var thediv, outer, i1, i2;
for (var j = 0; j < cbDivs.length; j++) {
// Save the original outer div for later
thediv = cbDivs[j];
// Create a new div, give it the original div's class attribute, and replace 'cbb' with 'cb'
outer = createElement('div');
outer.className = thediv.className;
outer.className = thediv.className.replace('cbb', 'cb');
// Change the original div's class name and replace it with the new div
thediv.className = 'i3';
thediv.parentNode.replaceChild(outer, thediv);
// Create two new div elements and insert them into the outermost div
i1 = createElement('div');
i1.className = 'i1';
outer.appendChild(i1);
i2 = createElement('div');
i2.className = 'i2';
i1.appendChild(i2);
// Insert the original div
i2.appendChild(thediv);
// Insert the top and bottom divs
insertTop(outer);
insertBottom(outer);
}
}
if(document.getElementById && document.createTextNode)
{
addEvent(window, 'load', initCB);
if (document.getElementById && document.createTextNode) {
addEvent(window, 'load', initCB);
}
\ No newline at end of file
htdocs/js/pngfix.js deleted 100644 → 0
View file @ 94d80564
/*
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
*/
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}