First commit.

2011-08-02 19:57:57 +02:00
commit 0cc9d8fdc5
623 changed files with 28299 additions and 0 deletions
--- a/subsites/projects/algo/themes/default.css
+++ b/subsites/projects/algo/themes/default.css
@@ -0,0 +1,360 @@
+body {
+  background: #000 url('img/algo-logo.png') center fixed;
+}
+
+.navbar {
+  position: absolute;
+  z-index: 100;
+}
+
+.navi0 {
+  background: #bbb;
+  height: 25px;
+  border-color: #fff;
+  border-style: solid;
+  border-width: 0 0 2px 0;
+}
+
+.navi1 {
+  background: #ccc;
+  height: 25px;
+  border-color: #fff;
+  border-style: solid;
+  border-width: 2px 0 0 0;
+}
+
+
+
+.dropdown {
+  margin: 2px 5px 0 5px;
+  border-width: 0;
+  border-color: #fff;
+  border-style: solid;
+  width: 125px;
+}
+
+.dropdown * {
+  font-size: 14px;
+  background: #444;
+  color: #fff;
+  padding: 3px;
+  display: none;
+  border-color: #bbb;
+  border-style: solid;
+  border-width: 0;
+  cursor: default;
+}
+
+.dropdown .top {
+  font-size: 14px;
+  font-weight: bold;
+  color: #333;
+  height: 20px;
+  padding: 3px 0 0 0;
+  width: 125px;
+  text-align: center;
+  cursor: pointer;
+  border: 0;
+}
+
+.dropdown .group {
+  padding: 0;
+}
+
+.dropdown .entries {
+  top: -1px;
+  left: 133px;
+  width: 125px;
+  padding: 0;
+  border-width: 1px 1px 0 1px;
+}
+
+.dropdown .entry, .dropdown .header {
+  border-width: 0 0 1px 0;
+  width: auto;
+}
+
+.dropdown .entry {
+  cursor: pointer;
+}
+
+.dropdown .header {
+  background: #444 url('img/next.png') no-repeat right 4px;
+  padding-right: 15px;
+  width: 107px;
+}
+
+.dropdown .side {
+  top: -1px;
+  left: -9px;
+  width: 7px;
+  height: 100%;
+  background: #ddd;
+  padding: 1px 0 0 0;
+  border-width: 0 0 0 1px;
+}
+
+.dropdown:hover {
+  border-color: #bbb;
+  margin: 2px 3px 0 5px;
+  border-width: 0 1px;
+  left: -1px;
+}
+
+.dropdown:hover .top {
+  height: 26px;
+  color: #222;
+  border: 0;
+}
+
+.dropdown .group:hover > .header {
+  background: #222 url('img/nexth.png') no-repeat right 4px;
+}
+
+.dropdown .entry:hover {
+  background: #777;
+}
+
+.dropdown > .drop0 {
+  background: url('img/tab3.png') no-repeat ;
+}
+
+.dropdown:hover > .drop0 {
+  background: url('img/tab3.png') no-repeat 0 -30px;
+}
+
+.dropdown > .drop1 {
+  background: url('img/tab4.png') no-repeat ;
+}
+
+.dropdown:hover > .drop1 {
+  background: url('img/tab4.png') no-repeat 0 -30px;
+}
+
+.dropdown > .drop2 {
+  background: url('img/tab5.png') no-repeat ;
+}
+
+.dropdown:hover > .drop2 {
+  background: url('img/tab5.png') no-repeat 0 -30px;
+}
+
+.dropdown > .drop3 {
+  background: url('img/tab2.png') no-repeat ;
+}
+
+.dropdown:hover > .drop3 {
+  background: url('img/tab2.png') no-repeat 0 -30px;
+}
+
+.dropdown > .drop4 {
+  background: url('img/tab1.png') no-repeat ;
+}
+
+.dropdown:hover > .drop4 {
+  background: url('img/tab1.png') no-repeat 0 -30px;
+}
+
+.dropdown > .drop5 {
+  background: url('img/tab6.png') no-repeat ;
+}
+
+.dropdown:hover > .drop5 {
+  background: url('img/tab6.png') no-repeat 0 -30px;
+}
+
+
+
+.abs {
+  width: 10px;
+}
+
+.scrollup {
+  background: url('img/scrollup.png') no-repeat;
+}
+
+.scrolldown {
+  background: url('img/scrolldown.png') no-repeat;
+}
+
+.scrollup:hover {
+  background: url('img/scrolluph.png') no-repeat;
+}
+
+.scrolldown:hover {
+  background: url('img/scrolldownh.png') no-repeat;
+}
+
+
+
+
+/* The following piece of css, namely the "screen" stuff,
+is not correctly formatted css, as it is only used by a PHP script
+that is requested by the JavaScript environment of Algohol.
+That is the reason why it is commented out.
+It is kept in the css file for ease of use.
+All numbers are in the "px" unit and must be written without a unit.
+screen {
+  hheight: 25;  the height of a window header
+  margin_g: 5;    the general margin of a window
+  margin_t: 2;  the margin at the top of a window
+  bw: 16;       box width; includes the window icon and the minimize/maximize/close buttons.
+  bh: 16;       box height; includes the window icon and the minimize/maximize/close buttons.
+}
+*/
+
+.window {
+  background: #fff;
+}
+
+.window > .tl {
+  background: url('img/corners.png') no-repeat -20px 0;
+}
+
+.window > .t {
+  background: #999;
+}
+
+.window > .tr {
+  background: url('img/corners.png') no-repeat -25px 0;
+}
+
+.window > .r {
+  background: #999;
+}
+
+.window > .br {
+  background: url('img/corners.png') no-repeat -30px 0;
+}
+
+.window > .b {
+  background: #999;
+}
+
+.window > .bl {
+  background: url('img/corners.png') no-repeat -35px 0;
+}
+
+.window > .l {
+  background: #999;
+}
+
+.window#active > .tl {
+  background: url('img/corners.png') no-repeat 0 0;
+}
+
+.window#active > .t {
+  background: #444;
+}
+
+.window#active > .tr {
+  background: url('img/corners.png') no-repeat -5px 0;
+}
+
+.window#active > .r {
+  background: #444;
+}
+
+.window#active > .br {
+  background: url('img/corners.png') no-repeat -10px 0;
+}
+
+.window#active > .b {
+  background: #444;
+}
+
+.window#active > .bl {
+  background: url('img/corners.png') no-repeat -15px 0;
+}
+
+.window#active > .l {
+  background: #444;
+}
+
+.window > .title {
+  color: #fff;
+}
+
+.window > .data {
+  background: #fff;
+}
+
+.window > .icon {
+  background-repeat: no-repeat;
+  background-image: url('../icons/img/default.png');
+}
+
+.window > .title {
+  font-size: 14px;
+}
+
+.window > .options > * {
+  background-image: url('img/action_icons.png');
+}
+
+.window > .options > .minimize {
+  background-position: 0 0;
+}
+
+.window > .options > .minimize:hover {
+  background-position: -16px 0;
+}
+
+.window > .options > .maximize {
+  background-position: -32px 0;
+}
+
+.window > .options > .maximize:hover {
+  background-position: -48px 0;
+}
+
+.window_max > .options > .maximize {
+  background-position: -64px 0;
+}
+
+.window_max > .options > .maximize:hover {
+  background-position: -80px 0;
+}
+
+.window > .options > .close {
+  background-position: -96px 0;
+}
+
+.window > .options > .close:hover {
+  background-position: -112px 0;
+}
+
+
+
+.appboxes * {
+  width: 100px;
+  margin: 2px;
+  padding: 2px;
+  border-color: #fff;
+  border-style: outset;
+  border-width: 1px;
+  float: left;
+  cursor: default;
+}
+
+.appboxes .current {
+  border-style: inset;
+}
+
+.appboxes *:hover {
+  background: #e2fbff;
+}
+
+.appboxes .current:hover {
+  background: #d1ffea;
+}
+
+
+
+.clock {
+  margin: 3px 2px 0 0;
+  padding: 2px;
+  border-left: 1px solid #aaa;
+  position: absolute;
+  right: 0;
+}
--- a/subsites/projects/algo/themes/dev.css
+++ b/subsites/projects/algo/themes/dev.css
@@ -0,0 +1,273 @@
+body {
+  background: #000 url('img/bg.png') center;
+}
+
+.navbar {
+  position: absolute;
+  z-index: 100;
+}
+
+
+.navi0 {
+  background: #bbb;
+  height: 25px;
+  border-color: #fff;
+  border-style: solid;
+  border-width: 0 0 2px 0;
+}
+
+.navi1 {
+  background: #ccc;
+  height: 25px;
+  border-color: #fff;
+  border-style: solid;
+  border-width: 2px 0 0 0;
+}
+
+
+.dropdown, .dropdown_h {
+  margin: 2px 5px 0 5px;
+  border-width: 1px;
+  border-color: #fff;
+  border-style: solid;
+  width: 125px;
+}
+
+.dropdown *, .dropdown_h * {
+  font-size: 14px;
+  background: #444;
+  color: #fff;
+  padding: 3px;
+  display: none;
+  border-color: #bbb;
+  border-style: solid;
+  border-width: 0;
+  cursor: default;
+}
+
+.dropdown .top, .dropdown_h .top {
+  font-size: 14px;
+  font-weight: bold;
+  background: #333;
+  color: #fff;
+  padding-top: 0;
+  height: 14px;
+  padding: 1px 0 3px 0;
+  width: 125px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.dropdown .group {
+  padding: 0;
+}
+
+.dropdown .entries {
+  top: -1px;
+  left: 133px;
+  width: 125px;
+  padding: 0;
+  border-width: 1px 1px 0 1px;
+}
+
+.dropdown .entry, .dropdown .header {
+  border-width: 0 0 1px 0;
+  width: auto;
+}
+
+.dropdown .entry {
+  cursor: pointer;
+}
+
+.dropdown .header {
+  background: #444 url('../img/next.png') no-repeat right 4px;
+}
+
+.dropdown .side {
+  top: -1px;
+  left: -9px;
+  width: 7px;
+  height: 100%;
+  background: #ddd;
+  padding: 1px 0 0 0;
+  border-width: 0 0 0 1px;
+}
+
+.dropdown:hover {
+  border-color: #bbb;
+  margin:0 5px;
+  border-width: 0 1px;
+}
+
+.dropdown:hover .top {
+  height: 28px;
+  color: #333;
+  background: #eee;
+  border-width: 0 1px 1px 1px;
+  border-left-color: #888;
+  border-bottom-color: #bbb;
+  border-right-color: #888;
+  padding-top: 4px;
+  left: -1px;
+}
+
+.dropdown .group:hover > .header {
+  background: #222 url('../img/nexth.png') no-repeat right 4px;
+}
+
+.dropdown .entry:hover {
+  background: #777;
+}
+
+
+
+
+.abs {
+  width: 10px;
+}
+
+.scrollup {
+  background: url('img/scrollup.png') no-repeat;
+}
+
+.scrolldown {
+  background: url('img/scrolldown.png') no-repeat;
+}
+
+.scrollup:hover {
+  background: url('img/scrolluph.png') no-repeat;
+}
+
+.scrolldown:hover {
+  background: url('img/scrolldownh.png') no-repeat;
+}
+
+/*
+All numbers are in the "px" unit and must be written without a unit.
+screen {
+  hheight: 25;  the height of a window header
+  margin_g: 5;    the general margin of a window
+  margin_t: 2;  the margin at the top of a window
+  bw: 16;       box width; includes the window icon and the minimize/maximize/close buttons.
+  bh: 16;       box height; includes the window icon and the minimize/maximize/close buttons.
+}
+*/
+
+
+.window {
+  background: #fff;
+}
+
+.window > .tl {
+  background: #111;
+}
+
+.window > .t {
+  background: #222;
+}
+
+.window#active > .t {
+  background: #fff;
+}
+
+.window > .tr {
+  background: #444;
+}
+
+.window > .r {
+  background: #666;
+}
+
+.window > .br {
+  background: #888;
+}
+
+.window > .b {
+  background: #aaa;
+}
+
+.window > .bl {
+  background: #ccc;
+}
+
+.window > .l {
+  background: #eee;
+}
+
+.window > .title {
+  color: #fff;
+  background: #000;
+}
+
+.window#active > .title {
+  background: #aaa;
+}
+
+.window > .handle {
+}
+
+.window > .resize_handle {
+}
+
+.window > .data {
+  background: #fff;
+}
+
+.window > .icon {
+  background-repeat: no-repeat;
+  background-image: url('../icons/default.png');
+}
+
+.window > .options {
+  background: #00cc00;
+}
+
+.window > .options > .minimize {
+  background: #000;
+}
+
+.window > .options > .maximize {
+  background: #555;
+}
+
+.window > .options > .close {
+  background: #aaa;
+}
+
+.window_max > .options > .maximize {
+  background: blue;
+}
+
+
+
+.appboxes * {
+  width: 100px;
+  margin: 2px;
+  padding: 2px;
+  border-color: #fff;
+  border-style: outset;
+  border-width: 1px;
+  float: left;
+  cursor: default;
+}
+
+.appboxes .current {
+  border-style: inset;
+}
+
+.appboxes *:hover {
+  background: #e2fbff;
+}
+
+.appboxes .current:hover {
+  background: #d1ffea;
+}
+
+
+.clock {
+  margin: 3px 2px 0 0;
+  padding: 2px;
+  border-left: 1px solid #aaa;
+  position: absolute;
+  right: 0;
+}
--- a/subsites/projects/algo/themes/dir.txt
+++ b/subsites/projects/algo/themes/dir.txt
@@ -0,0 +1 @@
+This folder holds the themes css files. It's css files that holds information on how Algohol looks. Apart from the css files, there's also a php file. The links.php file links a title to a file and fetches that file.
--- a/subsites/projects/algo/themes/img/action_icons.png
+++ b/subsites/projects/algo/themes/img/action_icons.png
--- a/subsites/projects/algo/themes/img/action_icons.png.txt
+++ b/subsites/projects/algo/themes/img/action_icons.png.txt
@@ -0,0 +1 @@
+LICENSE: CC-SA
--- a/subsites/projects/algo/themes/img/algo-logo.png
+++ b/subsites/projects/algo/themes/img/algo-logo.png
--- a/subsites/projects/algo/themes/img/algo-logo.svg
+++ b/subsites/projects/algo/themes/img/algo-logo.svg
@@ -0,0 +1,183 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="300"
+   height="175"
+   id="svg2442"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:docname="algo-logo.svg"
+   version="1.0"
+   inkscape:export-filename="C:\home\Desktop\algo-logo.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <metadata
+     id="metadata2455">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2453">
+    <linearGradient
+       id="linearGradient2503">
+      <stop
+         style="stop-color:#5c6800;stop-opacity:1;"
+         offset="0"
+         id="stop2505" />
+      <stop
+         style="stop-color:#003800;stop-opacity:1;"
+         offset="1"
+         id="stop2507" />
+    </linearGradient>
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective2457" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2503"
+       id="radialGradient3281"
+       cx="231.97095"
+       cy="213.72478"
+       fx="231.97095"
+       fy="213.72478"
+       r="139.00072"
+       gradientTransform="matrix(1.5049991,-1.6124644e-2,6.7244209e-3,0.6276261,-176.27211,71.250805)"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2503"
+       id="radialGradient3303"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5049991,-1.6124644e-2,6.7244209e-3,0.6276261,-176.27211,71.250805)"
+       cx="231.97095"
+       cy="213.72478"
+       fx="231.97095"
+       fy="213.72478"
+       r="139.00072" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2503"
+       id="radialGradient3305"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5049991,-1.6124644e-2,6.7244209e-3,0.6276261,-176.27211,71.250805)"
+       cx="231.97095"
+       cy="213.72478"
+       fx="231.97095"
+       fy="213.72478"
+       r="139.00072" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2503"
+       id="radialGradient3307"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5049991,-1.6124644e-2,6.7244209e-3,0.6276261,-176.27211,71.250805)"
+       cx="231.97095"
+       cy="213.72478"
+       fx="231.97095"
+       fy="213.72478"
+       r="139.00072" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2503"
+       id="radialGradient3309"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5049991,-1.6124644e-2,6.7244209e-3,0.6276261,-176.27211,71.250805)"
+       cx="231.97095"
+       cy="213.72478"
+       fx="231.97095"
+       fy="213.72478"
+       r="139.00072" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2503"
+       id="radialGradient3311"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5049991,-1.6124644e-2,6.7244209e-3,0.6276261,-176.27211,71.250805)"
+       cx="231.97095"
+       cy="213.72478"
+       fx="231.97095"
+       fy="213.72478"
+       r="139.00072" />
+  </defs>
+  <sodipodi:namedview
+     inkscape:window-height="938"
+     inkscape:window-width="1280"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="3.9466667"
+     inkscape:cx="150"
+     inkscape:cy="87.5"
+     inkscape:window-x="-4"
+     inkscape:window-y="-4"
+     inkscape:current-layer="g2467" />
+<!-- EMR_SETMAPMODE --><!-- EMR_SETWINDOWEXTEX --><!-- EMR_SETVIEWPORTEXTEX -->  <g
+     id="g2459">
+    <g
+       id="g2467"
+       style="display:inline">
+      <g
+         id="g2496"
+         style="fill:url(#radialGradient3281);fill-opacity:1"
+         transform="translate(-66.737885,-114.68104)">
+        <path
+           id="path2444"
+           d="M 110.8941,201.98168 L 142.15748,193.3202 L 119.98867,151.91153 L 110.8941,201.98168 z M 75.472441,243.70866 L 75.472441,235.59449 L 84.472441,235.59449 L 121.0748,129.64961 L 132.62598,129.64961 L 169.29921,235.59449 L 179.3622,235.59449 L 179.3622,243.70866 L 142.01575,243.70866 L 142.01575,235.59449 L 153.46063,235.59449 L 144.85039,210.54331 L 101.65748,210.54331 L 93.11811,235.59449 L 104.35039,235.59449 L 104.35039,243.70866 L 75.472441,243.70866 z"
+           style="fill:url(#radialGradient3303);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           sodipodi:nodetypes="ccccccccccccccccccccc" />
+        <path
+           id="path2446"
+           d="M 206.85827,235.59449 L 218.87008,235.59449 L 218.87008,243.70866 L 182.05512,243.70866 L 182.05512,235.59449 L 194.17323,235.59449 L 194.17323,132.90945 L 135.73501,129.72633 L 206.85827,124.83071 L 206.85827,235.59449 z"
+           style="fill:url(#radialGradient3305);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           sodipodi:nodetypes="cccccccccc" />
+        <path
+           id="path2448"
+           d="M 279.15871,170.6811 L 279.15871,241.93701 C 279.15871,253.59449 276.28863,262.59449 270.51304,268.93701 C 264.70201,275.27953 256.48154,278.4685 245.78075,278.4685 C 240.92642,278.4685 236.32013,277.97244 231.96186,277.01575 C 227.56816,276.05906 223.35162,274.6063 219.27682,272.65748 L 219.27682,255.61417 L 225.9028,255.61417 C 226.71776,260.92913 228.66658,264.79134 231.74926,267.23622 C 234.83194,269.6811 239.22564,264.48386 244.93036,264.48386 C 252.37131,264.48386 257.828,268.58268 261.30044,263.90551 C 264.73745,259.26378 266.47367,251.92913 266.47367,241.93701 L 266.47367,231.02362 C 263.99335,236.12598 260.83981,239.88189 257.01304,242.29134 C 253.18627,244.70079 248.43824,245.90551 242.80438,245.90551 C 233.83981,245.90551 226.50516,241.97244 220.80044,234.03543 C 215.09572,226.13386 212.26107,215.7874 212.26107,203.06693 C 212.26107,190.31102 215.09572,180 220.76501,172.13386 C 226.4343,164.23228 233.80438,160.26378 242.80438,160.26378 C 248.43824,160.26378 253.18627,161.50394 257.01304,163.91339 C 260.83981,166.32283 263.99335,170.07874 266.47367,175.1811 L 266.47367,162.49606 L 314.34352,160.47022 L 302.53897,170.6811 L 279.15871,170.6811 z M 266.47367,199.09843 C 266.47367,189.35433 264.80831,181.91339 261.44217,176.77559 C 258.07603,171.6378 253.18627,169.05118 246.77288,169.05118 C 240.2532,169.05118 229.04102,171.71854 231.99729,177.62598 C 267.45497,248.48014 216.24009,199.72636 227.00123,203.06693 C 264.28327,214.64037 228.66658,222.73228 231.99729,228.50787 C 235.328,234.24803 240.2532,237.11811 246.77288,237.11811 C 253.18627,237.11811 258.07603,234.56693 261.44217,229.46457 C 264.80831,224.32677 266.47367,216.88583 266.47367,207.1063 L 266.47367,199.09843 z"
+           style="fill:url(#radialGradient3307);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           sodipodi:nodetypes="cccsccccsscccsscscssccccccsssscsccc" />
+        <path
+           id="path2450"
+           d="M 317.73507,224.80117 C 324.53822,224.80117 330.08804,235.38189 333.52505,229.42913 C 336.99749,223.44094 328.56588,214.68898 328.56588,203.06693 C 328.56588,191.44488 336.99749,182.65748 333.52505,176.74016 C 330.08804,170.82283 324.91481,184.41626 318.11166,184.41626 C 311.34394,184.41626 306.20615,170.82283 302.73371,176.74016 C 299.2967,182.65748 308.1049,194.08098 308.1049,205.70303 C 308.1049,217.32508 299.2967,223.44094 302.80457,229.42913 C 306.27702,235.38189 311.37938,224.80117 318.11166,224.80117 L 317.73507,224.80117 z M 318.11166,245.90551 C 307.51717,245.90551 298.9778,242.00787 292.52898,234.17717 C 286.04473,226.38189 282.82032,216 282.82032,203.06693 C 282.82032,190.13386 286.04473,179.75197 292.45812,171.95669 C 298.90694,164.16142 307.44631,160.26378 318.11166,160.26378 C 328.81245,160.26378 337.38725,164.16142 343.80064,171.95669 C 350.24946,179.75197 353.47387,190.13386 353.47387,203.06693 C 353.47387,216 350.24946,226.38189 343.80064,234.17717 C 337.38725,242.00787 328.81245,245.90551 318.11166,245.90551 L 318.11166,245.90551 z"
+           style="fill:url(#radialGradient3309);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           sodipodi:nodetypes="ccscscscccccscscsccc" />
+        <path
+           sodipodi:type="arc"
+           style="fill:url(#radialGradient3311);fill-opacity:1;stroke:none;stroke-width:2.84173226;stroke-miterlimit:4;stroke-dasharray:none"
+           id="path2465"
+           sodipodi:cx="251.18304"
+           sodipodi:cy="183.20105"
+           sodipodi:rx="2.6361039"
+           sodipodi:ry="2.6361039"
+           d="M 253.81915,183.20105 A 2.6361039,2.6361039 0 1 1 248.54694,183.20105 A 2.6361039,2.6361039 0 1 1 253.81915,183.20105 z"
+           transform="matrix(1.2278753,-0.5780649,0.6997627,1.4863754,-183.36446,55.154146)" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/subsites/projects/algo/themes/img/corners.png
+++ b/subsites/projects/algo/themes/img/corners.png
--- a/subsites/projects/algo/themes/img/dir.txt
+++ b/subsites/projects/algo/themes/img/dir.txt
@@ -0,0 +1 @@
+This folder holds the images used by the css themes files.
--- a/subsites/projects/algo/themes/img/next.png
+++ b/subsites/projects/algo/themes/img/next.png
--- a/subsites/projects/algo/themes/img/nexth.png
+++ b/subsites/projects/algo/themes/img/nexth.png
--- a/subsites/projects/algo/themes/img/scrolldown.png
+++ b/subsites/projects/algo/themes/img/scrolldown.png
--- a/subsites/projects/algo/themes/img/scrolldownh.png
+++ b/subsites/projects/algo/themes/img/scrolldownh.png
--- a/subsites/projects/algo/themes/img/scrollup.png
+++ b/subsites/projects/algo/themes/img/scrollup.png
--- a/subsites/projects/algo/themes/img/scrolluph.png
+++ b/subsites/projects/algo/themes/img/scrolluph.png
--- a/subsites/projects/algo/themes/img/tab1.png
+++ b/subsites/projects/algo/themes/img/tab1.png
--- a/subsites/projects/algo/themes/img/tab2.png
+++ b/subsites/projects/algo/themes/img/tab2.png
--- a/subsites/projects/algo/themes/img/tab3.png
+++ b/subsites/projects/algo/themes/img/tab3.png
--- a/subsites/projects/algo/themes/img/tab4.png
+++ b/subsites/projects/algo/themes/img/tab4.png
--- a/subsites/projects/algo/themes/img/tab5.png
+++ b/subsites/projects/algo/themes/img/tab5.png
--- a/subsites/projects/algo/themes/img/tab6.png
+++ b/subsites/projects/algo/themes/img/tab6.png
--- a/subsites/projects/algo/themes/indexes.php
+++ b/subsites/projects/algo/themes/indexes.php
@@ -0,0 +1,9 @@
+<?php
+/* This file keeps an index of the titles of current themes
+   and gives them to the JavaScript environment when requested */
+$title = urldecode($_GET['title']);
+$type = urldecode($_GET['type']);
+
+$u['Default'] = 'default.css';
+$u['Developer'] = 'dev.css';
+?>
--- a/subsites/projects/algo/themes/links.php
+++ b/subsites/projects/algo/themes/links.php
@@ -0,0 +1,61 @@
+<?php
+include('indexes.php'); // Get the indexes
+
+$file = $u[$title];
+
+if (!is_file($file))
+  $file = 'default.css';
+
+if ($type == 'css') {
+  // Simply include the css file
+  header('Content-type: text/css');
+  include($file);
+}
+elseif ($type == 'js') {
+  // Read the css file for stuff the the JavaScript environment needs
+  header('Content-type: text/javascript');
+  
+  header('content-type: text/plain');
+  $f = 'default.css';
+  $file = fopen($f, 'r');
+  $contents = fread($file, filesize($f));
+  fclose($file);
+
+  function get_from_stylesheet($name, $property) {
+    global $contents;
+    
+    $block_start = strpos($contents, $name);
+    $property_start = strpos($contents, $property, $block_start);
+    if ($property_start === false) return 0;
+    
+    $colon_start = strpos($contents, ':', $property_start);
+    $semicolon_start = strpos($contents, ';', $property_start);
+    
+    $property = substr($contents, $colon_start + 1, $semicolon_start - $colon_start - 1);
+    $property = trim($property);
+    
+    return $property;
+  }
+
+  function rem_px($value) {
+    return str_replace('px', '', $value);
+  }
+
+  $text = '';
+  $text .= "scr.hheight = " . get_from_stylesheet('screen', 'hheight');
+  $text .= "\nscr.margin_g = " . get_from_stylesheet('screen', 'margin_g');
+  $text .= "\nscr.margin_t = " . get_from_stylesheet('screen', 'margin_t');
+  $text .= "\nscr.bw = " . get_from_stylesheet('screen', 'bw');
+  $text .= "\nscr.bh = " . get_from_stylesheet('screen', 'bh');
+  $text .= "\nabs_scroller_width = " . rem_px(get_from_stylesheet('.abs', 'width'));
+  $text .= "\nnavi[0].height = " . rem_px(get_from_stylesheet('.navi0', 'height'));
+  $text .= "\nnavi[0].border = [" . str_replace(' ', ',', rem_px(get_from_stylesheet('.navi0', 'border-width'))) . ']';
+  $text .= "\nnavi[1].height = " . rem_px(get_from_stylesheet('.navi1', 'height'));
+  $text .= "\nnavi[1].border = [" . str_replace(' ', ',', rem_px(get_from_stylesheet('.navi1', 'border-width'))) . ']';
+  $text .= "\nappbox_margin = " . rem_px(get_from_stylesheet('.appboxes *', 'margin'));
+  $text .= "\nappbox_padding = " . rem_px(get_from_stylesheet('.appboxes *', 'padding'));
+  $text .= "\nappbox_border = " . rem_px(get_from_stylesheet('.appboxes *', 'border-width'));
+  
+  echo $text;
+}
+?>
				`@@ -0,0 +1 @@`
				`This folder holds the themes css files. It's css files that holds information on how Algohol looks. Apart from the css files, there's also a php file. The links.php file links a title to a file and fetches that file.`
				`@@ -0,0 +1 @@`
				`This folder holds the images used by the css themes files.`