Benutzer:Andreas Plank/Testseite: Unterschied zwischen den Versionen

Aus Open Source Ecology - Germany
Zur Navigation springen Zur Suche springen
Zeile 27: Zeile 27:
 
|?Lizenz
 
|?Lizenz
 
}}
 
}}
 +
 +
 +
<html>
 +
<!-- ======= STYLESHEET FOR PROJECTS =========================== -->
 +
<style type="text/css">/*<![CDATA[*/
 +
<!-- responsive design -->
 +
 +
.projects
 +
,.projects_legend {
 +
    background: #F0EEB7;
 +
    font-size: 0.7rem;
 +
}
 +
 +
.projects 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;
 +
}
 +
.projects div:hover
 +
,.projects_legend div:hover {
 +
    border: .1rem inset #999;
 +
    box-shadow: 0 .0rem .1rem black;
 +
}
 +
 +
.inaktiv,
 +
.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);
 +
}
 +
 +
.inaktiv:hover,
 +
.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);
 +
 +
}
 +
 +
.inaktiv:hover a,
 +
.inactive:hover a {
 +
    color: #111/*rgb(180, 179, 148)*/; /*same as testing*/
 +
}
 +
 +
.aktiv,
 +
.active {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
 +
 +
/* R & D */
 +
.rd,      /* <-- If this class is used then the link colour should remain blue, whereas the others change the link colour.  */
 +
.research,
 +
.development {
 +
    background-color: #F8F6D7; /*rgb(102, 204, 204)*/;
 +
}
 +
.rd,
 +
.rd a,
 +
.research,
 +
.development,
 +
.research a,
 +
.development a {
 +
    color: rgb(80, 79, 48);
 +
}
 +
 +
/* PROTOTYPING */
 +
.prototyp,
 +
.prototype,
 +
.prototyping {
 +
    background-color: #F8F6CB; /*#F0E4B7;*//*interesting in combination tan: rgb(240, 183, 100)*/ /*violet*/ ;
 +
}
 +
.prototyp,
 +
.prototyp a,
 +
.prototype,
 +
.prototype a,
 +
.prototyping,
 +
.prototyping a {
 +
    color: rgb(80, 79, 48);
 +
}
 +
 +
/* DOCUMENTATION */
 +
.dokumentation,
 +
.documentation {
 +
    background-color:  #F0EEB7;/*tan <-- OSE US*/;
 +
}
 +
.dokumentation,
 +
.dokumentation a,
 +
.documentation,
 +
.documentation a {
 +
  color: rgb(80, 79, 48);
 +
}
 +
.dokumentation,
 +
.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);
 +
 +
}
 +
 +
.testing {
 +
    background-color: #B4B394/*#DCE2A5*//*rgb(240, 238, 183)*//*yellowgreen*/; /*lightgreen;*/
 +
}
 +
.testing,
 +
.testing a {
 +
    color: rgb(255, 254, 223);/*#F8F6D7;*/
 +
}
 +
 +
 +
.complete,
 +
.release,
 +
.released {
 +
    background-color: #D5E3AD;/*#EFF9E2*//*#E8E8E8*/; /*#C5B7D0*/ /*lightgrey*/ /*none*/;
 +
}
 +
.complete,
 +
.release,
 +
.released,
 +
.complete a,
 +
.release a,
 +
.released a {
 +
    color: rgb(43, 57, 3); /* #F8F6D7;*/
 +
}
 +
 +
 +
 +
.projects_legend ~ div {
 +
    width: 100%;
 +
    /*max-width: 78rem; #child nodes contained * width of one child node + count of child nodes */
 +
    display: inline-block;
 +
}
 +
.projects_legend ~ div > div {
 +
    width: 12rem;
 +
    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>
 +
</html>

Version vom 7. August 2022, 22:56 Uhr

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



Abgerufen von „https://wiki.opensourceecology.de/index.php?title=Benutzer:Andreas_Plank/Testseite&oldid=23074“ (Samstag, den 6.12.2025)