-
-
Virtual "Circus Camp" Website Template, a School Project. Keep in mind : It's not real !
-
Downloads :
-
Fraktal-Suite - Language : German
-
Planetary Movement Simulation Windows i586 - Language : German
-
Planetary Movement Simulation Windows amd64 - Language : German
-
Planetary Movement Simulation Linux i586 - Language : German
-
Planetary Movement Simulation Linux amd64 - Language : German
-
Screenshots :
-
-
-
+
Appguru EU's Homepage
+
Welcome !
+
Please take a look at the applications and the gallery.
\ No newline at end of file
diff --git a/menu.html b/menu.html
new file mode 100644
index 0000000..f8e5bcd
--- /dev/null
+++ b/menu.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/circuscamp/stylesheets.css b/stylesheets.css
similarity index 50%
rename from circuscamp/stylesheets.css
rename to stylesheets.css
index aa19911..8cec99c 100644
--- a/circuscamp/stylesheets.css
+++ b/stylesheets.css
@@ -1,28 +1,50 @@
+:root {
+ --border-color: black;
+ --background-color: skyblue;
+ --foreground-color: lime;
+ --body-background-color: lightgrey;
+ --body-foreground-color: black;
+}
+
@font-face {
- font-family: 'urw';
- src: url('urw.woff') format('woff');
+ font-family: 'ubuntu';
+ src: url('fonts/ubuntu.woff') format('woff');
}
-html#RotWeisseStreifen {
-background: repeating-linear-gradient(
- 90deg,
- red,
- red 180px,
- white 180px,
- white 360px
-);
+@font-face {
+ font-family: 'ubuntubold';
+ src: url('fonts/ubuntubold.woff') format('woff');
}
-img#bild {
- border-radius: 10px;
- border: 1px solid black;
+.bild {
+ border: 1px solid var(--border-color);
background: repeating-radial-gradient(
- red,
- red 20px,
- white 40px,
- white 60px
-);
- padding: 10px;
+ var(--background-color),
+ var(--background-color) 20px,
+ var(--foreground-color) 40px,
+ var(--foreground-color) 60px
+ ); padding: 10px;
margin: 5px;
}
+img#normal {
+ border-radius: 10px;
+}
+img#rounded {
+ border-radius: 25% 25% 25% 25%;
+}
+img#circle {
+ border-radius: 50%;
+}
+img#strange1 {
+ border-radius: 25% 75%;
+}
+img#strange2 {
+ border-radius: 75% 25%;
+}
+img#shield {
+ border-radius: 25% 25% 75% 75%;
+}
+img#house {
+ border-radius: 75% 75% 25% 25%;
+}
canvas#map {
border-radius: 10px;
border: 1px solid black;
@@ -55,7 +77,7 @@ padding: 10px;
border: 1px solid black;
font-size:100%;
font-style: italic;
- font-family: urw;
+ font-family: ubuntu;
vertical-align:baseline;
background: red;
}
@@ -66,65 +88,110 @@ th{
font-size:100%;
font-style: italic;
font-weight:normal;
- font-family: urw;
+ font-family: ubuntu;
vertical-align:baseline;
}
+button {
+ margin: 5px;
+ padding: 5px;
+ color: var(--foreground-color); background-color: var(--background-color);
+ border: 1px solid var(--border-color);
+ border-radius: 10px;
+ font-family: ubuntu;
+}
+button:hover {
+color: var(--background-color); background-color: var(--foreground-color);
+ transition: all 0.5s;
+}
+button:after, button:active {
+ box-shadow: -2px -2px #666;
+ transform: translateY(4px) translateX(4px);
+color: var(--background-color); background-color: var(--foreground-color);
+ transition: all 0.5s;
+}
th#overline {
font-weight:bold;
}
h1 {
- text-align: center;
- font-size:300%;
- font-style: italic;
- font-family: urw;
+ text-align: left;
+ font-size:250%;
+ font-family: ubuntu;
+ font-style: bold;
vertical-align:baseline;
}
h2 {
text-align: left;
- font-size:200%;
- font-style: italic;
- font-family: urw;
+ font-size:175%;
+ font-family: ubuntu;
+ font-style: bold;
vertical-align:baseline;
}
h3 {
text-align: left;
font-size:125%;
- font-style: italic;
- font-family: urw;
+ font-style: bold;
+ font-family: ubuntu;
vertical-align:baseline;
text-decoration: underline;
}
-a#text {
- font-size:200%;
- font-style: italic;
- font-family: urw;
+a#u {
+ font-size:100%;
+ font-family: ubuntubold;
vertical-align:baseline;
}
a#t {
- font-size:125%;
- font-style: italic;
- font-family: urw;
+ font-size:100%;
+ font-family: ubuntu;
+ vertical-align:baseline;
+}
+a.t {
+ font-size:100%;
+ font-family: ubuntu;
vertical-align:baseline;
}
u {
font-size:125%;
- font-style: italic;
- font-family: urw;
+ font-family: ubuntu;
text-decoration: underline;
vertical-align:baseline;
}
+canvas#myCanvas {
+ border : 1px solid var(--border-color);
+ border-radius: 50px;
+}
ul#t {
font-size:125%;
font-style: italic;
- font-family: urw;
+ font-family: ubuntu;
vertical-align:baseline;
}
- body {
+
+div.menu {
+ border : 1px solid var(--border-color);
+ border-radius: 50px;
+ position: fixed;
+ top: 0;
+ left:50%;
+ color: green; background-color: orange;
+ padding: 10px;
+ width: 800px;
+ margin-top:10px;
+ margin-left: -400px;
+}
+ div.doc {
+ border-radius: 50px;
+ border: 1px solid var(--border-color);
font: normal 100.01% Helvetica, Arial, sans-serif;
- color: black; background-color: #ff000000;
+ color: green; background-color: orange;
+ padding: 10px;
+ margin: 5% 20%;
+ }
+
+ body {
+ color: var(--body-foreground-color); background-color: var(--body-background-color);
}
div#Rahmen {
@@ -143,6 +210,7 @@ ul#t {
ul#Navigation {
margin: 0; padding: 0;
text-align: center;
+ font-family: sans-serif;
}
ul#Navigation li {
@@ -178,10 +246,9 @@ ul#t {
display: block;
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
- border: 1px solid black;
+ border: 1px solid var(--border-color);
border-radius: 20px;
- border-left-color: solid black; border-top-color: solid black;
- color: white; background-color: red;
+ color: var(--foreground-color); background-color: var(--background-color);
}
* html ul#Navigation a, * html ul#Navigation span { /* nur fuer IE erforderlich */
width: 100%;
@@ -194,20 +261,20 @@ ul#t {
}
ul#Navigation span, li a#aktuell {
text-align: center;
- border-color: solid black;
- border-left-color: solid black; border-top-color: solid black;
- color: red; background-color: white;
+ border: 1px solid var(--border-color);
+ color: var(--foreground-color); background-color: var(--background-color);
}
ul#Navigation a:hover, li a#aktuell {
font-size: 100%;
text-align: center;
- border-color: solid black;
- border-left-color: solid black; border-top-color: solid black;
- color: red; background-color: white;
- transition: all 2s;
+ transform: translateY(-2px) translateX(-2px);
+ box-shadow: 2px 2px #666;
+ border: 1px solid var(--border-color);
+ color: var(--background-color); background-color: var(--foreground-color);
+ transition: all 0.5s;
}
- ul#Navigation a:hover , ul#Navigation a:after, li a#aktuell {
- transition: 2s;
+ /*ul#Navigation a:hover , ul#Navigation a:after, li a#aktuell {
+ transition: all 1s;
text-align: center;
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
@@ -215,23 +282,16 @@ ul#t {
}
ul#Navigation a:active {
border: 1px solid black;
- box-shadow: 0 -2px #666;
- transform: translateY(2px);
+ box-shadow: -2px -2px #666;
+ transform: translateY(-2px) translateX(2px);
border-color: solid black;
border-left-color: solid black; border-top-color: solid black;
color: red; background-color: white;
- }
+ }*/
ul#Navigation a:active, ul#Navigation a:after {
- border: 1px solid black;
- box-shadow: 0 -2px #666;
- transform: translateY(2px);
- border-color: solid black;
- border-left-color: solid black; border-top-color: solid black;
- color: red; background-color: white;
- }
- li a#aktuell { /* aktuelle Rubrik kennzeichnen */
- color: white; background-color: white;
- }
- ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
- background-color: white;
+ border: 1px solid var(--border-color);
+ box-shadow: -2px -2px #666;
+ transform: translateY(4px) translateX(4px);
+ color: var(--foreground-color); background-color: var(--background-color);
+ transition: all 1s;
}
diff --git a/ubuntu-font-licence-1.0.txt b/ubuntu-font-licence-1.0.txt
new file mode 100644
index 0000000..ae78a8f
--- /dev/null
+++ b/ubuntu-font-licence-1.0.txt
@@ -0,0 +1,96 @@
+-------------------------------
+UBUNTU FONT LICENCE Version 1.0
+-------------------------------
+
+PREAMBLE
+This licence allows the licensed fonts to be used, studied, modified and
+redistributed freely. The fonts, including any derivative works, can be
+bundled, embedded, and redistributed provided the terms of this licence
+are met. The fonts and derivatives, however, cannot be released under
+any other licence. The requirement for fonts to remain under this
+licence does not require any document created using the fonts or their
+derivatives to be published under this licence, as long as the primary
+purpose of the document is not to be a vehicle for the distribution of
+the fonts.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this licence and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Original Version" refers to the collection of Font Software components
+as received under this licence.
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to
+a new environment.
+
+"Copyright Holder(s)" refers to all individuals and companies who have a
+copyright ownership of the Font Software.
+
+"Substantially Changed" refers to Modified Versions which can be easily
+identified as dissimilar to the Font Software by users of the Font
+Software comparing the Original Version with the Modified Version.
+
+To "Propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy. Propagation includes copying,
+distribution (with or without modification and with or without charging
+a redistribution fee), making available to the public, and in some
+countries other activities as well.
+
+PERMISSION & CONDITIONS
+This licence does not grant any rights under trademark law and all such
+rights are reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of the Font Software, to propagate the Font Software, subject to
+the below conditions:
+
+1) Each copy of the Font Software must contain the above copyright
+notice and this licence. These can be included either as stand-alone
+text files, human-readable headers or in the appropriate machine-
+readable metadata fields within text or binary files as long as those
+fields can be easily viewed by the user.
+
+2) The font name complies with the following:
+(a) The Original Version must retain its name, unmodified.
+(b) Modified Versions which are Substantially Changed must be renamed to
+avoid use of the name of the Original Version or similar names entirely.
+(c) Modified Versions which are not Substantially Changed must be
+renamed to both (i) retain the name of the Original Version and (ii) add
+additional naming elements to distinguish the Modified Version from the
+Original Version. The name of such Modified Versions must be the name of
+the Original Version, with "derivative X" where X represents the name of
+the new work, appended to that name.
+
+3) The name(s) of the Copyright Holder(s) and any contributor to the
+Font Software shall not be used to promote, endorse or advertise any
+Modified Version, except (i) as required by this licence, (ii) to
+acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with
+their explicit written permission.
+
+4) The Font Software, modified or unmodified, in part or in whole, must
+be distributed entirely under this licence, and must not be distributed
+under any other licence. The requirement for fonts to remain under this
+licence does not affect any document created using the Font Software,
+except any version of the Font Software extracted from a document
+created using the Font Software may only be distributed under this
+licence.
+
+TERMINATION
+This licence becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
+COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
+DEALINGS IN THE FONT SOFTWARE.