|
|
| Line 1: |
Line 1: |
| .pw-profil {
| | .formtable input[name="wpSave"], form.createbox input[type="submit"] { |
| background: #fff;
| | background:#1b4b7a; color:#fff; border:none; border-radius:10px; |
| border: 1px solid #dadde1;
| | padding:14px 22px; font-size:16px; font-weight:600; |
| border-radius: 12px;
| |
| overflow: hidden;
| |
| margin-bottom: 16px;
| |
| }
| |
| .pw-cover { height: 90px; background: linear-gradient(90deg,#1b4b7a,#2d7fc4); }
| |
| .pw-kopf { padding: 0 20px 20px; }
| |
| .pw-avatar-zeile { display: flex; align-items: flex-end; gap: 14px; margin-top: -38px; }
| |
| .pw-avatar img, .pw-avatar-leer {
| |
| width: 80px; height: 80px; border-radius: 50%;
| |
| border: 4px solid #fff; object-fit: cover; background: #e7f0f8;
| |
| display: flex; align-items: center; justify-content: center;
| |
| font-size: 26px; color: #1b4b7a;
| |
| }
| |
| .pw-name { font-size: 22px; font-weight: 600; line-height: 1.2; }
| |
| .pw-sub { font-size: 13px; color: #65676b; }
| |
| .pw-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
| |
| .pw-chip {
| |
| font-size: 12px; padding: 5px 12px; border-radius: 999px;
| |
| background: #e7f0f8; color: #1b4b7a;
| |
| }
| |
| .pw-bio { margin-top: 14px; font-size: 15px; line-height: 1.7; }
| |
| .pw-post {
| |
| background: #fff; border: 1px solid #dadde1; border-radius: 12px;
| |
| padding: 16px 20px; margin-bottom: 16px;
| |
| }
| |
| .pw-post-kopf { font-size: 15px; font-weight: 600; }
| |
| .pw-post-meta { font-size: 12px; color: #65676b; }
| |
| .pw-post video, .pw-post iframe {
| |
| width: 100%; max-width: 560px; border-radius: 8px; margin-top: 12px;
| |
| }
| |
| .pw-cta {
| |
| display: inline-block; padding: 10px 18px; border-radius: 8px;
| |
| background: #1b4b7a; color: #fff !important; font-weight: 600;
| |
| text-decoration: none; margin: 4px 8px 4px 0;
| |
| }
| |
| @media (max-width: 640px) {
| |
| .pw-avatar-zeile { flex-direction: column; align-items: flex-start; }
| |
| .pw-name { font-size: 19px; }
| |
| }
| |
| /* Athletenverzeichnis */
| |
| .pw-grid { display:flex; flex-wrap:wrap; gap:16px; margin:16px 0; }
| |
| .pw-card { width:190px; border:1px solid #dadde1; border-radius:12px; overflow:hidden; background:#fff; text-decoration:none; display:block; }
| |
| .pw-card:hover { border-color:#2d7fc4; }
| |
| .pw-card-cover { height:54px; background:linear-gradient(90deg,#1b4b7a,#2d7fc4); }
| |
| .pw-card-av { width:54px; height:54px; border-radius:50%; border:3px solid #fff; margin:-27px auto 0; background:#e7f0f8; display:flex; align-items:center; justify-content:center; font-size:17px; color:#1b4b7a; overflow:hidden; }
| |
| .pw-card-av img { width:100%; height:100%; object-fit:cover; }
| |
| .pw-card-body { padding:8px 12px 14px; text-align:center; }
| |
| .pw-card-name { font-weight:600; color:#1b4b7a; }
| |
| .pw-card-meta { font-size:12px; color:#65676b; }.pw-card-name a { color:#1b4b7a; text-decoration:none; }
| |
| .pw-card-name a:hover { text-decoration:underline; }
| |
| /* ==== Formulare: Social-Media-Look, mobil-tauglich ==== */
| |
| .formtable { width:100%; max-width:560px; border:none; border-collapse:separate; border-spacing:0 6px; }
| |
| .formtable th { display:block; text-align:left; font-size:14px; font-weight:600; color:#444; padding:10px 0 4px; border:none; background:none; }
| |
| .formtable td { display:block; padding:0; border:none; }
| |
| .formtable input[type="text"], .formtable input[type="number"], .formtable input[type="date"],
| |
| .formtable textarea, .formtable select {
| |
| width:100%; box-sizing:border-box; padding:12px 14px; font-size:16px;
| |
| border:1px solid #ccd0d5; border-radius:10px; background:#f5f6f7;
| |
| }
| |
| .formtable input:focus, .formtable textarea:focus, .formtable select:focus {
| |
| outline:none; border-color:#2d7fc4; background:#fff;
| |
| box-shadow:0 0 0 2px rgba(45,127,196,.25);
| |
| }
| |
| .formtable .oo-ui-inputWidget, .formtable .oo-ui-comboBoxInputWidget { max-width:100% !important; width:100% !important; }
| |
| /* Upload-Button kompakt */
| |
| .formtable .mw-ui-button, .formtable button, .formtable a.button {
| |
| display:inline-block; width:auto; padding:8px 16px; font-size:14px;
| |
| border-radius:8px; background:#e7f0f8; color:#1b4b7a; border:1px solid #cfe0ef;
| |
| }
| |
| /* Speichern-Button prominent */
| |
| .formtable .editButtons input[type="submit"], .formtable input[name="wpSave"] {
| |
| background:#1b4b7a; color:#fff; border:none; border-radius:10px;
| |
| padding:14px 22px; font-size:16px; font-weight:600; width:100%; max-width:560px;
| |
| }
| |
| @media (max-width:640px) {
| |
| .formtable { max-width:100%; }
| |
| .formtable textarea { min-height:120px; }
| |
| }.formtable input[name="wpSave"], form.createbox input[type="submit"] {
| |
| background:#1b4b7a; color:#fff; border:none; border-radius:10px;
| |
| padding:14px 22px; font-size:16px; font-weight:600;
| |
| } | | } |
