Benutzer:Andreas Plank/Testseite: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
(Die Seite wurde geleert.)
Markierung: Geleert
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
== Ausgabe ==
 
  
Falls fehlende Werte:
 
<nowiki>{{Projektdaten}}</nowiki>
 
{{Projektdaten}}
 
 
 
 
== Abfragen ==
 
 
Bildvorschauen
 
 
<div class="project-preview">{{#ask: [[Projektdaten auf Seite::+]]
 
|?Formatierte Projektanschau (Vorschaukasten)=
 
|format=list|propsep=&#32;|valuesep=&#32;|sep=&#32;|mainlabel=-
 
|default=Noch keine Projektbeschreibungen eingetragen.
 
}}</div>
 
 
<div style="clear:both"></div>
 
Tabellendaten
 
 
<div class="project-preview">{{#ask: [[Projektdaten auf Seite::+]]
 
|?Projektname
 
|?Projektstatus
 
|?Projektbeschreibung
 
|?Entwicklungsstufe
 
|?Lizenz
 
|?OKH Metadaten
 
|class=booktabledotted sortable
 
}}</div>
 
 
 
<html>
 
<!-- ======= STYLESHEET FOR PROJECTS =========================== -->
 
<style type="text/css">/*<![CDATA[*/
 
<!-- responsive design -->
 
 
.project-preview
 
,.projects_legend {
 
    background: #F0EEB7;
 
    font-size: 0.7rem;
 
}
 
 
.project-preview div
 
,.projects_legend div {
 
    border: .1rem solid white;
 
    border-radius: 1rem;
 
    display: inline-block;
 
    float: left;
 
    text-align: center;
 
    width: 10rem;
 
    height: 6rem;
 
    padding: 2rem 0;
 
    margin: .1rem;
 
}
 
.project-preview div:hover
 
,.projects_legend div:hover {
 
    border: .1rem inset #999;
 
    box-shadow: 0 .0rem .1rem black;
 
}
 
 
.project-preview .inaktiv,
 
.project-preview .inactive {
 
    opacity: .20;
 
    filter: alpha(opacity=20);
 
    transition: all 1s /*.75s*/ ease-in-out 0s;
 
    background-image: -webkit-linear-gradient(center 49%, rgb(214, 214, 214), transparent);
 
    background-image: -moz-linear-gradient(center 49%, rgb(214, 214, 214), transparent);
 
    background-image: -o-linear-gradient(center 49%,  rgb(214, 214, 214), transparent);
 
    background-image: linear-gradient(center 49%,  rgb(214, 214, 214), transparent);
 
}
 
 
.project-preview .inaktiv:hover,
 
.project-preview .inactive:hover {
 
    opacity: 1;/*.95;*/
 
    filter: alpha(opacity=100);
 
    background-image: -webkit-linear-gradient(center 51%, rgb(244, 244, 244) /*#EFF9E2*/, transparent);/*use 0deg instead of center for horizontal gradient*/
 
    background-image: -moz-linear-gradient(center 51%,  rgb(244, 244, 244), transparent);
 
    background-image: -o-linear-gradient(center 51%, rgb(244, 244, 244), transparent);
 
    background-image: linear-gradient(center 51%,  rgb(234, 234, 234), transparent);
 
 
}
 
 
.project-preview .inaktiv:hover a,
 
.project-preview .inactive:hover a {
 
    color: #111/*rgb(180, 179, 148)*/; /*same as testing*/
 
}
 
 
.project-preview .aktiv,
 
.project-preview .active {
 
    opacity: 1;
 
    filter: alpha(opacity=100);
 
}
 
 
 
/* R & D */
 
.project-preview .rd,      /* <-- If this class is used then the link colour should remain blue, whereas the others change the link colour.  */
 
.project-preview .research,
 
.project-preview .development {
 
    background-color: #F8F6D7; /*rgb(102, 204, 204)*/;
 
}
 
.project-preview .rd,
 
.project-preview .rd a,
 
.project-preview .research,
 
.project-preview .development,
 
.project-preview .research a,
 
.project-preview .development a {
 
    color: rgb(80, 79, 48);
 
}
 
 
/* PROTOTYPING */
 
.project-preview .prototyp,
 
.project-preview .prototype,
 
.project-preview .prototyping {
 
    background-color: #F8F6CB; /*#F0E4B7;*//*interesting in combination tan: rgb(240, 183, 100)*/ /*violet*/ ;
 
}
 
.project-preview .prototyp,
 
.project-preview .prototyp a,
 
.project-preview .prototype,
 
.project-preview .prototype a,
 
.project-preview .prototyping,
 
.project-preview .prototyping a {
 
    color: rgb(80, 79, 48);
 
}
 
 
/* DOCUMENTATION */
 
.project-preview .dokumentation,
 
.project-preview .documentation {
 
    background-color:  #F0EEB7;/*tan <-- OSE US*/;
 
}
 
.project-preview .dokumentation,
 
.project-preview .dokumentation a,
 
.project-preview .documentation,
 
.project-preview .documentation a {
 
  color: rgb(80, 79, 48);
 
}
 
.project-preview .dokumentation,
 
.project-preview .documentation {
 
    background-image: -webkit-linear-gradient(center 51%, #F8F6D7, transparent);/*use 0deg instead of center for horizontal gradient*/
 
    background-image: -moz-linear-gradient(center 51%, #F8F6D7, transparent);
 
    background-image: -o-linear-gradient(center 51%, #F8F6D7, transparent);
 
    background-image: linear-gradient(center 51%, #F8F6D7, transparent);
 
 
}
 
 
.project-preview .testing {
 
    background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/
 
}
 
.project-preview .testing,
 
.project-preview .testing a {
 
    color: rgb(255, 254, 223);/*#F8F6D7;*/
 
}
 
 
 
.project-preview .complete,
 
.project-preview .release,
 
.project-preview .released {
 
    background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/;
 
}
 
.project-preview .complete,
 
.project-preview .release,
 
.project-preview .released,
 
.project-preview .complete a,
 
.project-preview .release a,
 
.project-preview .released a {
 
    color: rgb(43, 57, 3); /* #F8F6D7;*/
 
}
 
 
 
 
.project-preview .projects_legend ~ div {
 
    width: 100%;
 
    /*max-width: 78rem; #child nodes contained * width of one child node + count of child nodes */
 
    display: inline-block;
 
}
 
.project-preview .projects_legend ~ div > div {
 
    width: 12rem;
 
    display: inline-block;
 
}
 
 
/*]]>*/</style>
 
</html>
 

Aktuelle Version vom 21. November 2023, 15:34 Uhr