header-xh-01 header-xh-02 header-xh-03 header-xh-04 header-xh-05 header-xh-06 header-xh-07 header-xh-08 header-xh-09 header-xh-10 header-xh-11 header-xh-12 header-xh-13 header-xh-14
Templates für CMSimple_XH von
KRL Software-Development
private, nicht kommerzielle Website
by Karl Richard Lembach
Sie sind hier: Startseite > Template krl-3col-flex > Memberpages_XH - Einstellung und Verwendung > CSS-Anpassungen in der stylesheet.css

CSS-Anpassungen in der stylesheet.css

Damit man das Plugin zumindest in Bezug auf Aussehen und optischer Integration ins Template sozusagen "out of the box" verwenden kann, sind in der stylesheet.css des Templates mittlerweile umfangreiche Formatdefinitionen enthalten, die die Original-Styles des Plugins übersteuern:

In der stylesheet.css ab ca. Zeile 1389 (Stand 10.12.2021) steht:

/*** Plugin Memberpages_XH ***/
.memberslogin {
        background-color: var(--dynmenumain);
        padding: 1ex 1ex .01ex 1ex !important;
        color: var(--akzenttextcolor);
}
.memberslogin form {
        padding: 0ex 1ex 1ex 0;
}
#small_memberpages_Login {
        padding: 0ex 1ex 1ex 0ex !important;
}
a.membp_not_clicked, a.membp_clicked {
        margin: 0ex !important;
/*        padding-left: 1ex !important; */
}
.membp_oneline button {
        margin: 1ex 1ex .5ex 0;
        padding: .5ex;
}
input[value="memberslogout"] + button {
        margin-bottom: .5ex;
}
.memberslogin button {
        border: 1px solid var(--akzenttextcolor);
        margin: 0.5ex 0 0.5ex 0;
}
#memberpages_Login {
        border: 1px solid var(--dynakzent);
        text-align: center;
        max-width: 12em;
        margin: 0ex auto 0.5em auto;
        padding: .5em 0em .5em .0em;
}
#membp_anchor, .membp_anchor {
        font-size: 1px;
}
.membp_member {
        margin-bottom: 1ex;
}
.membp_member_button {
        margin-top: .5em;
        border: 1px solid var(--akzenttextcolor);
}
.membp_small_button:hover {
        color: var(--akzenttextcolor);
        font-weight: 600;
}
.membp_member_button:hover {
        font-weight: 600;
}
.membp_small_button {
        border: 1px solid var(--akzenttextcolor);
        background-color: var(--bluetext);
        color: var(--akzenttextcolor);
        padding: 4px;
        margin-top: .5em;
}
.membp_registerme:hover {
        font-weight: 600;
}
.membp_registerme {
        padding: 4px;
        margin: .5em .5em .5em .0em;
        border: 1px solid var(--akzenttextcolor);
}
.membp_message {
        background: var(--dynakzent);
        color: var(--akzenttextcolor);
        border: 3px solid var(--labeldangerbackground);
        margin-right: 0ex;
}
.membp_message div {
        color: var(--akzenttextcolor);
        border: 3px solid var(--labeldangerbackground);
}
.membp_memberspanel td {
        border: 1px solid var(--akzenttextcolor);
        color: var(--akzenttextcolor);
}
.membp_memberspanel input {
        display: inline-block;
        width: calc(100% - .5ex) !important;
}
.membp_memberspanel textarea {
        display: inline-block;
        width: calc(100% - .25ex) !important;
}
.membp_memberspanel td {
        padding: 1ex;
}
.membp_memberspanel button {
        border: 1px solid var(--akzenttextcolor);
        padding: 1ex !important;
}


| Seitenanfang |