cyberweb 0.4.174

data/lib/cyberweb/cascading_style_sheets/message_boxes.css

@@ -0,0 +1,48 @@
+/*
+ * Filename: message_boxes.css
+ *
+ * This .css file holds content for various different message boxes.
+ *
+ * We have 4 different message boxes:
+ *
+ *   - info
+ *   - success
+ *   - warning
+ *   - error
+ *
+ * You can customize them by doing something like this here:
+ *
+ *   <div class="info"    style="width:30%"> Info message </div>
+ *   <div class="success" style="width:30%"> Successful message </div>
+ *   <div class="warning" style="width:30%"> Warning message </div>
+ *   <div class="error"   style="width:30%"> Error message </div>
+ *
+ *
+ * 11.12.2014 I removed this line:
+ *
+ *     margin: 10px 0px;
+ */
+
+.error, .info, .success, .warning  {
+  border: 1px solid;
+  margin-top: 5px;
+  padding: 15px 10px 15px 50px;
+  background-repeat: no-repeat;
+  background-position: 10px center;
+}
+.error {
+  color: #D8000C;
+  background-color: #FFBABA;
+}
+.info {
+  color: #00529B;
+  background-color: #BDE5F8;
+}
+.success {
+  color: #4F8A10;
+  background-color: #DFF2BF;
+}
+.warning {
+  color: #9F6000;
+  background-color: #FEEFB3;
+}

data/lib/cyberweb/cascading_style_sheets/misc.css

@@ -0,0 +1,162 @@
+/*
+ * I do not remember what stiched used to be for originally,
+ * but it seems to style a certain HTML element with some
+ * shadows, so I assume it may be related to a special
+ * <div>.
+ */
+.stitched {
+  padding: 20px;
+  font-weight: normal;
+  margin: 10px;
+  background: #ff0030;
+  color: #fff;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1.3em;
+  border: 2px dashed #fff;
+  border-radius: 10px;
+  box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
+  text-shadow: -1px -1px #aa3030;
+}
+
+/*
+ * Blockquote for nicer quotes.
+ */
+blockquote.blockquote_stylish {
+  background: url(../images/STD/QUOTE.png) no-repeat;
+  display:block;
+  margin:1.5em;
+  padding: 0.6em 38px;
+  border: 1px solid #5A3939;
+  background-color: #E4E4E9;
+  color: #424542;
+}
+
+.header_stylish_brown { 
+  background-color:#630; 
+  color: #fca; 
+  padding: 0.15em 1.2em; 
+  border: 1px solid #300; 
+  border-right:0; 
+  font-weight: bold; 
+  font-style: italic; 
+  margin-top: 1.0em;
+  margin-bottom:0.0em;
+  text-shadow:#ddd 0.01em 0.01em 0.01em;
+  width: 95%;
+}
+
+.headline {
+  font-family: Georgia,"Times New Roman",serif;
+  font-size: 12px;
+  font-weight: bold;
+  color: #600;
+  line-height: 22px;
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 1px
+}
+
+.comment_box {
+  text-align: center; font: 1em Georgia, serif; 
+  padding: 0.75em 0 0.5em; margin: 0.25em 0 0.5em;
+  background: #F8F7EF; color: black;
+  border: 1px dashed #B2B2B2; 
+  border-width: 2px 0; 
+}
+
+.kommentar1 {
+  border: 1px dashed #989994;
+  border-width:1px;
+  width:50em;
+  padding:6px;
+}
+
+.green_column {
+  background-color:#E9F8F8; 
+  width:28%; 
+  font: 0.88em/1.5em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
+  color:#333;
+  float:left; 
+  margin:0.5em 0.5em 5px 7px;
+  border: 2px solid #A5E1E0; 
+  min-width: 240px; line-height: 22px;
+}
+
+.green_column ul { padding-left: 0.9em; }
+.green_column .head
+{
+  font-weight:bold;  color:#35ACAB; 
+  padding: 4px 5px 5px 5px; background-color: #D1F0F0; 
+  border-right: 2px solid #A5E1E0; 
+  border-top: 2px solid #A5E1E0; 
+  border-bottom: 2px solid #A5E1E0; 
+}
+
+.green_column .head a, .green_column .head a:visited
+{
+  color:#2B8383; text-decoration:none;
+  font: 0.9em Verdana, Trebuchet MS, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
+  font-weight: bold;
+}
+
+.green_column .head:hover {
+  background-color: #E5F5F5;
+}
+
+.progress_container {
+  border: 1px solid #ccc; 
+  width: 250px; 
+  color: black;
+  margin: 3px 5px 2px 0; 
+  padding: 1px; 
+  float: left; background: white; 
+}
+
+/* h2 classes, iterate through 1,2,3 etc. */
+.h2_1 {
+  font-family: Georgia,"Times New Roman",serif;
+  font-size: 1em;
+  font-weight: bold;
+  color: #600;
+  line-height: 22px;
+  margin: 0;
+  text-transform: uppercase;
+  letter-spacing: 1px
+}
+
+.vcentered{
+  display: flex;
+  align-items: center;
+}
+
+/*
+ * hbox - a horizontal box.
+ */
+.hbox { 
+  -webkit-flex-direction:      row;
+  -ms-flex-direction:          row;
+  flex-direction:              row;
+}
+
+/*
+ * vbox - a vertical box.
+ */
+.vbox {
+  -webkit-flex-direction:   column; 
+  -ms-flex-direction:       column; 
+  flex-direction:           column;
+}
+
+/*
+ * Disallow selection of HTML elements.
+ */
+.no_select {
+  -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+     -khtml-user-select: none; /* Konqueror HTML */
+       -moz-user-select: none; /* Firefox */
+        -ms-user-select: none; /* Internet Explorer/Edge */
+            user-select: none; /* Non-prefixed version, currently
+                                  supported by Chrome and Opera */
+}

data/lib/cyberweb/cascading_style_sheets/popup.css

@@ -0,0 +1,63 @@
+/*
+ * This file is for simple popup-actions.
+ */
+
+/* Our popup container - can be anything you want */
+.popup {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+/*
+ * The actual popup. You can style it, e. g.
+ * width and so forth.
+ */
+.popup .popuptext {
+  visibility: hidden;
+  width: 300px;
+  background-color: #555;
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 8px 0;
+  position: absolute;
+  z-index: 1;
+  bottom: 125%;
+  left: 50%;
+  margin-left: -80px;
+}
+
+/* Popup arrow */
+.popup .popuptext::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: #555 transparent transparent transparent;
+}
+
+/* Toggle this class - hide and show the popup */
+.popup .show {
+  visibility: visible;
+  -webkit-animation: fadeIn 0.2s;
+  animation: fadeIn 0.2s;
+}
+
+/* Add animation (fade in the popup) */
+@-webkit-keyframes fadeIn {
+  from {opacity: 0;} 
+  to   {opacity: 1;}
+}
+
+@keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity:1 ;}
+}

data/lib/cyberweb/cascading_style_sheets/rpg.css

@@ -0,0 +1,51 @@
+/*
+ * File: rpg.css
+ */
+
+/* 
+ * Für Shadowrun einige CSS Verschönerungen.
+ */
+#behind_the_scene
+{
+  padding-left:3px;
+  padding:1em;
+  color:darkblue;
+  margin-left:0.1em;
+  margin-bottom:1em;
+  margin-top:1em;
+  border-left:5px solid black;
+  border-top: 5px solid black;
+}
+
+#speak_to_your_group
+{
+  color:darkgreen;
+  padding-left:3px;
+  padding:0.75em;
+  margin-left:0.1em;
+  margin-bottom:0.2em;
+  margin-top:0.3em;
+  border-left:4px solid royalblue;
+  border-top: 4px solid royalblue;
+}
+
+#mixed_scene
+{
+  color:darkgreen;
+  padding-left:3px;
+  padding:0.61em;
+  margin-left:0.1em;
+  margin-bottom:0.3em;
+  margin-top:0.3em;
+  border-left:4px solid orange;
+  border-top: 4px solid orange;
+}
+
+/* Innerhalb von sarlem_geographie  */
+#sarlem_geographie h2:first-letter {
+	/* erstes Zeichen fuer alle Header */
+	padding: 0 .05em;
+	background-image: url(../../images/SCIENCE/SPEKTRUM.jpg);
+	font-size: 250%;
+	color: #FFFFFF;
+}

data/lib/cyberweb/cascading_style_sheets/ruby_regexes.css

@@ -0,0 +1,33 @@
+table.small    { width: 65%; margin-left: 20% }
+td.padding     { padding-left:1cm; padding-right:0cm; padding-bottom: 0cm; padding-top:0cm; }
+tr.trred       { background: rgb(255,204,204) }
+tr.trgreen     { background: rgb(204,255,204) }
+tr.trblue      { background: rgb(214,214,255) }
+td             { vertical-align: top          }
+td.tdheader    { background: rgb(200,200,250) }
+td.tdgreen     { background: rgb(204,255,204) }
+td.tdred       { background: rgb(255,214,214) }
+pre            { font-size:1.45em}
+span.comment1  { margin-left:1em; color:lightblue}
+span.comment2  { margin-left:2em; color:lightblue}
+span.comment3  { margin-left:3em; color:lightblue}
+span.s1        { padding-left:1em;color:palegreen; font-weight:bold;}
+span.s1comment { padding-left:1.5em;font-style:italic; background-color:black;color:grey; font-weight:bold;}
+span.s2        { padding-left:2em;color:palegreen; font-weight:bold;}
+span.s3        { padding-left:3em;color:palegreen; font-weight:bold;}
+span.s4        { padding-left:4em;color:palegreen; font-weight:bold;}
+span.s5        { padding-left:5em;color:palegreen; font-weight:bold;}
+div            { padding:1em; }
+div.header     { padding:1.25em; }
+h2             { margin-bottom:2px; }
+img            { border: none; }
+
+/*
+ * The name should not be .default but instead .ruby_default.
+ */
+div.ruby_default {
+  background-color: black;
+  padding:1em;
+  padding-left:1.5em;
+  color:white;
+}

data/lib/cyberweb/cascading_style_sheets/template2.css

@@ -0,0 +1,18 @@
+body      { background-color: white;} 
+p         { indent:0.25 em; } 
+div       { font-weight:normal;}
+li        { black;           }
+
+/*
+ * The default colours for links.
+ *
+ * This has been disabled as of 14.06.2021 - it is not a
+ * good idea to modify the <a> tag by default, not even
+ * via templates.
+ */
+/*
+a:link    { color: steelblue; }
+a:links   { color: steelblue; }
+a:visited { color: steelblue; }
+a:hover   { color: steelblue; text-decoration: underline; }
+*/

data/lib/cyberweb/cascading_style_sheets/text_shadow.css

@@ -0,0 +1,19 @@
+.shadow1 {
+  text-shadow: 1px 1px 1px #ddccb5;
+}
+
+.shadow2 {
+  text-shadow: 2px 2px 2px #ddccb5;
+}
+
+.shadow3 {
+  text-shadow: 3px 3px 3px #ddccb5;
+}
+
+.shadow4 {
+  text-shadow: 4px 4px 4px #ddccb5;
+}
+
+.shadow5 {
+  text-shadow: 5px 5px 5px #ddccb5;
+}

data/lib/cyberweb/cascading_style_sheets/tooltip.css

@@ -0,0 +1,36 @@
+/*
+ * Tooltip container
+ *
+ * tooltip.css
+ *
+ */
+.tooltip {
+  position: relative;
+  display: inline-block;
+  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+}
+
+/* Tooltip text */
+.tooltip .tooltiptext {
+  visibility: hidden;
+  width: 120px;
+  background-color: black;
+  color: #fff;
+  text-align: center;
+  padding: 5px 0;
+  border-radius: 6px;
+ 
+  /* Position the tooltip text - see examples below! */
+  position: absolute;
+  z-index: 1;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip:hover .tooltiptext {
+  visibility: visible;
+}
+
+.tooltip .tooltiptext {
+  top: -5px;
+  left: 105%;
+}

data/lib/cyberweb/cgi/README.md

@@ -0,0 +1,6 @@
+This directory has a modified copy of the ruby .cgi core library.
+
+I did want to improve on it, hence I made a few changes and kept
+it in a local copy here, as part of the Cyberweb gem.
+
+SCRIPT_NAME will have the name of the file that is served.