Benutzer:Andreas Plank/Testseite: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
Zeile 26: Zeile 26:
 
== Abfragen ==
 
== Abfragen ==
  
<div class="projects">{{#ask: [[Projektdaten auf Seite::{{FULLPAGENAME}}]]
+
<div class="project-preview">{{#ask: [[Projektdaten auf Seite::{{FULLPAGENAME}}]]
 
|?Formatierte Projektanschau (Vorschaukasten)
 
|?Formatierte Projektanschau (Vorschaukasten)
 
|?Projektname
 
|?Projektname
Zeile 42: Zeile 42:
 
<!-- responsive design -->
 
<!-- responsive design -->
  
.projects
+
.project-preview
 
,.projects_legend {
 
,.projects_legend {
 
     background: #F0EEB7;
 
     background: #F0EEB7;
Zeile 48: Zeile 48:
 
}
 
}
  
.projects div
+
.project-preview div
 
,.projects_legend div {
 
,.projects_legend div {
 
     border: .1rem solid white;
 
     border: .1rem solid white;
Zeile 60: Zeile 60:
 
     margin: .1rem;
 
     margin: .1rem;
 
}
 
}
.projects div:hover
+
.project-preview div:hover
 
,.projects_legend div:hover {
 
,.projects_legend div:hover {
 
     border: .1rem inset #999;
 
     border: .1rem inset #999;
Zeile 66: Zeile 66:
 
}
 
}
  
.inaktiv,
+
.project-preview .inaktiv,
.inactive {
+
.project-preview .inactive {
 
     opacity: .20;
 
     opacity: .20;
 
     filter: alpha(opacity=20);
 
     filter: alpha(opacity=20);
Zeile 77: Zeile 77:
 
}
 
}
  
.inaktiv:hover,
+
.project-preview .inaktiv:hover,
.inactive:hover {
+
.project-preview .inactive:hover {
 
     opacity: 1;/*.95;*/
 
     opacity: 1;/*.95;*/
 
     filter: alpha(opacity=100);
 
     filter: alpha(opacity=100);
Zeile 88: Zeile 88:
 
}
 
}
  
.inaktiv:hover a,
+
.project-preview .inaktiv:hover a,
.inactive:hover a {
+
.project-preview .inactive:hover a {
 
     color: #111/*rgb(180, 179, 148)*/; /*same as testing*/
 
     color: #111/*rgb(180, 179, 148)*/; /*same as testing*/
 
}
 
}
  
.aktiv,
+
.project-preview .aktiv,
.active {
+
.project-preview .active {
 
     opacity: 1;
 
     opacity: 1;
 
     filter: alpha(opacity=100);
 
     filter: alpha(opacity=100);
Zeile 101: Zeile 101:
  
 
/* R & D */
 
/* R & D */
.rd,      /* <-- If this class is used then the link colour should remain blue, whereas the others change the link colour.  */
+
.project-preview .rd,      /* <-- If this class is used then the link colour should remain blue, whereas the others change the link colour.  */
.research,
+
.project-preview .research,
.development {
+
.project-preview .development {
 
     background-color: #F8F6D7; /*rgb(102, 204, 204)*/;
 
     background-color: #F8F6D7; /*rgb(102, 204, 204)*/;
 
}
 
}
.rd,
+
.project-preview .rd,
.rd a,
+
.project-preview .rd a,
.research,
+
.project-preview .research,
.development,
+
.project-preview .development,
.research a,
+
.project-preview .research a,
.development a {
+
.project-preview .development a {
 
     color: rgb(80, 79, 48);
 
     color: rgb(80, 79, 48);
 
}
 
}
  
 
/* PROTOTYPING */
 
/* PROTOTYPING */
.prototyp,
+
.project-preview .prototyp,
.prototype,
+
.project-preview .prototype,
.prototyping {
+
.project-preview .prototyping {
 
     background-color: #F8F6CB; /*#F0E4B7;*//*interesting in combination tan: rgb(240, 183, 100)*/ /*violet*/ ;
 
     background-color: #F8F6CB; /*#F0E4B7;*//*interesting in combination tan: rgb(240, 183, 100)*/ /*violet*/ ;
 
}
 
}
.prototyp,
+
.project-preview .prototyp,
.prototyp a,
+
.project-preview .prototyp a,
.prototype,
+
.project-preview .prototype,
.prototype a,
+
.project-preview .prototype a,
.prototyping,
+
.project-preview .prototyping,
.prototyping a {
+
.project-preview .prototyping a {
 
     color: rgb(80, 79, 48);
 
     color: rgb(80, 79, 48);
 
}
 
}
  
 
/* DOCUMENTATION */
 
/* DOCUMENTATION */
.dokumentation,
+
.project-preview .dokumentation,
.documentation {
+
.project-preview .documentation {
 
     background-color:  #F0EEB7;/*tan <-- OSE US*/;
 
     background-color:  #F0EEB7;/*tan <-- OSE US*/;
 
}
 
}
.dokumentation,
+
.project-preview .dokumentation,
.dokumentation a,
+
.project-preview .dokumentation a,
.documentation,
+
.project-preview .documentation,
.documentation a {
+
.project-preview .documentation a {
 
   color: rgb(80, 79, 48);
 
   color: rgb(80, 79, 48);
 
}
 
}
.dokumentation,
+
.project-preview .dokumentation,
.documentation {
+
.project-preview .documentation {
 
     background-image: -webkit-linear-gradient(center 51%, #F8F6D7, transparent);/*use 0deg instead of center for horizontal gradient*/
 
     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: -moz-linear-gradient(center 51%, #F8F6D7, transparent);
Zeile 150: Zeile 150:
 
}
 
}
  
.testing {
+
.project-preview .testing {
 
     background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/
 
     background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/
 
}
 
}
.testing,
+
.project-preview .testing,
.testing a {
+
.project-preview .testing a {
 
     color: rgb(255, 254, 223);/*#F8F6D7;*/
 
     color: rgb(255, 254, 223);/*#F8F6D7;*/
 
}
 
}
  
  
.complete,
+
.project-preview .complete,
.release,
+
.project-preview .release,
.released {
+
.project-preview .released {
 
     background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/;
 
     background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/;
 
}
 
}
.complete,
+
.project-preview .complete,
.release,
+
.project-preview .release,
.released,
+
.project-preview .released,
.complete a,
+
.project-preview .complete a,
.release a,
+
.project-preview .release a,
.released a {
+
.project-preview .released a {
 
     color: rgb(43, 57, 3); /* #F8F6D7;*/
 
     color: rgb(43, 57, 3); /* #F8F6D7;*/
 
}
 
}
Zeile 175: Zeile 175:
  
  
.projects_legend ~ div {
+
.project-preview .projects_legend ~ div {
 
     width: 100%;
 
     width: 100%;
 
     /*max-width: 78rem; #child nodes contained * width of one child node + count of child nodes */
 
     /*max-width: 78rem; #child nodes contained * width of one child node + count of child nodes */
 
     display: inline-block;
 
     display: inline-block;
 
}
 
}
.projects_legend ~ div > div {
+
.project-preview .projects_legend ~ div > div {
 
     width: 12rem;
 
     width: 12rem;
 
     display: inline-block;
 
     display: inline-block;
}
 
 
/*
 
#content {
 
    text-align: center;
 
}
 
*/
 
#oseg_information,
 
#more_links {
 
    margin: auto;
 
}
 
 
#oseg_information div {
 
    width: 24.5%;
 
    display: inline-block;
 
    text-align: center;
 
    min-width: 10rem;
 
}
 
 
#oseg_information div span
 
,#oseg_information ~ div div span
 
{
 
    background: #EFF9E2;
 
    height: 2rem;
 
    display: block;
 
    padding-top: 1rem;
 
}
 
 
#oseg_information ~ div div {
 
    width: 19.5%;
 
    display: inline-block;
 
    text-align: center;
 
    min-width: 10rem;
 
 
}
 
}
  
 
/*]]>*/</style>
 
/*]]>*/</style>
 
</html>
 
</html>

Version vom 8. August 2022, 22:10 Uhr

Ausgabe

Falls fehlende Werte:
{{Projektdaten}}
Beschreibung, Lizenz, Entwicklungsstand
Projekt: Benutzer:Andreas Plank/Testseite. Beschreibung: Bitte Kurzbeschreibung nachtragen
LizenzNamensnennung – Weitergabe unter gleichen Bedingungen 4.0 International (CC BY-SA 4.0)
StatusBitte fehlenden Projektstatus nachtragen
Erreichte StufenBitte fehlende Entwicklungsstufe(n) nachtragen
Austausch
KontaktBitte Kontakt nachtragen
Urheber, VerfasserBitte Urheber oder Verfasser nachtragen
Als fast vollständige Vorlage:
Beschreibung, Lizenz, Entwicklungsstand
Projekt: SolarBox. Beschreibung: Die SolarBox befasst sich mit den Grundlagen einer unabhängigen Batterieverwaltung bei der Photovoltaik-Stromversorgung und -Speicherung vermittels LiFePo4-Akkus.
StichwörterBatterie; Energy; Elektricity; Solar
LizenzNamensnennung – Weitergabe unter gleichen Bedingungen 4.0 International (CC BY-SA 4.0)
Statusaktiv
Erreichte Stufenentwickelt; veröffentlicht
Austausch
Kontakt
Urheber, VerfasserBitte Urheber oder Verfasser nachtragen
Diskussion
Ent­wickler­samm­lun­gen (engl. Repositories)

Abfragen