/* ========================================================== NEWPASION /MIS-ANUNCIOS/ — AREA PRIVADA DEFINITIVA Referencia visual: PASION.COM original. IMPORTANTE: Todas las reglas del listado están encerradas bajo body.np-page-account-ads. El login NO se modifica. ========================================================== */ /* ---------------------------------------------------------- ESTABILIDAD DEL ARMAZÓN La Home es suficientemente alta para tener scrollbar. El login puede no tenerla. Reservamos siempre el espacio para impedir el salto lateral. ---------------------------------------------------------- */ html { overflow-y:scroll !important; } /* ---------------------------------------------------------- NO TOCAR CABECERA PRINCIPAL ---------------------------------------------------------- El layout mis-anuncios-pasion ya tiene correctamente: - ancho general - cabecera - logo NewPasion - título - borde - footer No duplicamos esas reglas aquí. ---------------------------------------------------------- */ /* ========================================================== AREA PRIVADA ========================================================== */ body.np-page-account-ads .np-account-ads-wrap { width:600px !important; margin: 14px 0 22px 0 !important; padding:0 !important; box-sizing:content-box !important; font-family: Arial, Helvetica, sans-serif !important; color:#555 !important; } /* ========================================================== CABECERA PRIVADA ========================================================== */ body.np-page-account-ads .np-account-top { display:grid !important; /* * 194 + 86 + 100 + 199 * + 3 gaps de 7 * = 600px */ grid-template-columns: 194px 86px 100px 199px !important; column-gap:7px !important; align-items:start !important; width:600px !important; min-height:124px !important; margin:0 !important; padding:0 !important; } /* ---------------------------------------------------------- MIS ANUNCIOS ---------------------------------------------------------- */ body.np-page-account-ads .np-account-myads-logo { width:194px !important; height:80px !important; margin:0 !important; padding:0 !important; overflow:visible !important; } body.np-page-account-ads .np-account-myads-image { display:block !important; width:180px !important; height:80px !important; max-width:none !important; max-height:none !important; margin:0 !important; padding:0 !important; object-fit:contain !important; border:0 !important; } /* ---------------------------------------------------------- CRÉDITOS ---------------------------------------------------------- */ body.np-page-account-ads .np-account-credit-box { width:86px !important; height:57px !important; margin: 14px 0 0 0 !important; padding:0 !important; box-sizing:border-box !important; border: 1px solid #9eaf96 !important; border-radius:0 !important; overflow:hidden !important; background:#e9f2e5 !important; text-align:center !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.65) !important; } body.np-page-account-ads .np-account-credit-number { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:38px !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; background: linear-gradient( to bottom, #eef6eb 0%, #e1eddd 100% ) !important; color:#5f7f58 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:27px !important; line-height:38px !important; font-weight:400 !important; } body.np-page-account-ads .np-account-credit-label { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:18px !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; border-top: 1px solid #8da681 !important; background: linear-gradient( to bottom, #a7c39b 0%, #91b184 100% ) !important; color:#fff !important; font-size:13px !important; line-height:18px !important; font-weight:bold !important; } /* ---------------------------------------------------------- RECARGAR / FACTURAS ---------------------------------------------------------- */ body.np-page-account-ads .np-account-credit-links { width:100px !important; margin: 14px 0 0 0 !important; padding:0 !important; color:#74516c !important; font-size:14px !important; line-height:18px !important; font-weight:bold !important; text-align:left !important; } body.np-page-account-ads .np-account-credit-links a { display:block !important; color:#74516c !important; text-decoration:none !important; } body.np-page-account-ads .np-account-credit-links a:hover { text-decoration:none !important; color:#4d2d47 !important; } body.np-page-account-ads .np-account-credit-links .np-account-what { margin-top:1px !important; color:#555 !important; font-size:10px !important; line-height:12px !important; font-weight:normal !important; } /* ---------------------------------------------------------- PANEL USUARIO ---------------------------------------------------------- */ body.np-page-account-ads .np-account-user-panel { width:199px !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; text-align:right !important; color:#777 !important; font-size:13px !important; line-height:16px !important; } body.np-page-account-ads .np-account-user-panel a { display:block !important; color:#777 !important; text-decoration:none !important; } body.np-page-account-ads .np-account-user-panel a:hover { color:#55334f !important; text-decoration:none !important; } body.np-page-account-ads .np-account-email { margin-top:3px !important; color:#805277 !important; font-size:14px !important; line-height:17px !important; font-weight:bold !important; } body.np-page-account-ads .np-account-published-count { display:block !important; margin-top:1px !important; color:#44303f !important; font-size:12px !important; line-height:14px !important; font-weight:bold !important; } /* ---------------------------------------------------------- SALIR ---------------------------------------------------------- */ body.np-page-account-ads .np-account-logout-form { margin:0 !important; padding:0 !important; } body.np-page-account-ads .np-account-logout { display:inline-flex !important; align-items:center !important; justify-content:flex-end !important; appearance:none !important; border:0 !important; background:transparent !important; margin: 0 0 2px auto !important; padding:0 !important; color:#805277 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:21px !important; line-height:23px !important; font-weight:bold !important; cursor:pointer !important; } body.np-page-account-ads .np-account-logout:hover { color:#55334f !important; background:transparent !important; } body.np-page-account-ads .np-account-logout-icon { display:inline-block !important; width:16px !important; height:16px !important; margin: 0 5px 0 0 !important; padding:0 !important; object-fit:contain !important; border:0 !important; } /* ========================================================== MENÚ DERECHO En PASION original el menú del área autenticada comienza aproximadamente a la altura del botón Salir. ========================================================== */ body.np-page-account-ads .pasion-mis-sidebar-shell { margin-top:18px !important; } /* ========================================================== FILTRO La referencia original de PASION no muestra este buscador dentro de MIS ANUNCIOS. Conservamos el HTML/lógica pero no lo mostramos. ========================================================== */ body.np-page-account-ads .np-account-filter { display:none !important; } /* ========================================================== LISTADO ========================================================== */ body.np-page-account-ads .np-account-list { width:600px !important; margin:0 !important; padding:0 !important; } body.np-page-account-ads .np-account-ad { width:600px !important; margin: 0 0 13px 0 !important; padding:0 !important; box-sizing:border-box !important; border:0 !important; background:#fff !important; } /* ---------------------------------------------------------- FRANJA SUPERIOR DEL ANUNCIO ---------------------------------------------------------- */ body.np-page-account-ads .np-account-ad-strip { display:grid !important; grid-template-columns: minmax(0,1fr) 110px 55px !important; align-items:center !important; width:600px !important; min-height:25px !important; margin:0 !important; padding: 2px 6px !important; box-sizing:border-box !important; border: 1px solid #eadce8 !important; border-radius: 5px 5px 1px 1px !important; background: linear-gradient( to bottom, #f8eef7 0%, #ecd9e9 100% ) !important; color:#9a708f !important; font-family: Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:15px !important; } body.np-page-account-ads .np-account-ad-location { min-width:0 !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } body.np-page-account-ads .np-account-ad-ref { text-align:center !important; color:#a2889e !important; font-size:11px !important; white-space:nowrap !important; } body.np-page-account-ads .np-account-ad-days { text-align:right !important; color:#735069 !important; font-size:12px !important; font-weight:bold !important; white-space:nowrap !important; } /* ---------------------------------------------------------- CUERPO DEL ANUNCIO ---------------------------------------------------------- */ body.np-page-account-ads .np-account-ad-body { display:grid !important; grid-template-columns: minmax(0,1fr) 142px !important; column-gap:9px !important; width:600px !important; min-height:164px !important; margin:0 !important; padding: 7px 4px 4px 4px !important; box-sizing:border-box !important; } body.np-page-account-ads .np-account-ad-body.no-photo { display:block !important; min-height:78px !important; } body.np-page-account-ads .np-account-ad-copy { min-width:0 !important; text-align:left !important; } body.np-page-account-ads .np-account-ad-title { margin: 0 0 1px 0 !important; padding:0 !important; color:#4c2746 !important; font-size:14px !important; line-height:16px !important; font-weight:bold !important; text-align:left !important; } body.np-page-account-ads .np-account-ad-description { margin:0 !important; padding:0 !important; color:#666 !important; font-size:12px !important; line-height:14px !important; font-weight:normal !important; text-align:left !important; } body.np-page-account-ads .np-account-expiry { color:#66505f !important; font-weight:bold !important; } /* ---------------------------------------------------------- VER FOTOS ---------------------------------------------------------- */ body.np-page-account-ads .np-account-view-photos { display:inline-block !important; margin-top:10px !important; padding: 2px 8px !important; border: 1px solid #d1b9cc !important; border-radius:3px !important; background:#fbf6fa !important; color:#78536f !important; font-size:10px !important; line-height:9px !important; text-align:center !important; text-decoration:none !important; } /* ---------------------------------------------------------- FOTO ---------------------------------------------------------- */ body.np-page-account-ads .np-account-ad-photo { position:relative !important; width:142px !important; height:164px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#eee !important; } body.np-page-account-ads .np-account-photo-button { display:block !important; width:142px !important; height:164px !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; cursor:pointer !important; } body.np-page-account-ads .np-account-ad-photo img, body.np-page-account-ads .np-account-photo-button img { display:block !important; width:142px !important; height:164px !important; margin:0 !important; padding:0 !important; border:0 !important; object-fit:cover !important; } body.np-page-account-ads .np-account-photo-count { position:absolute !important; right:2px !important; bottom:2px !important; padding: 1px 4px !important; background: rgba(60,60,60,.78) !important; color:#fff !important; font-size:9px !important; line-height:11px !important; font-weight:bold !important; } /* ========================================================== ACCIONES ========================================================== */ body.np-page-account-ads .np-account-actions { display:flex !important; align-items:center !important; flex-wrap:nowrap !important; gap:2px !important; width:600px !important; min-height:22px !important; margin:0 !important; padding: 2px 3px 3px 3px !important; box-sizing:border-box !important; border-bottom: 1px solid #efe2ed !important; background:#fff !important; white-space:nowrap !important; font-family: Arial, Helvetica, sans-serif !important; } body.np-page-account-ads .np-account-actions form { display:inline-flex !important; align-items:center !important; margin:0 !important; padding:0 !important; } /* ---------------------------------------------------------- ACCIONES YA SUSTITUIDAS POR ICONOS PASION ---------------------------------------------------------- */ body.np-page-account-ads .np-original-action-applied { display:inline-flex !important; align-items:center !important; width:auto !important; height:18px !important; margin:0 !important; padding: 0 2px !important; box-sizing:border-box !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:#686868 !important; font-family: Arial, Helvetica, sans-serif !important; font-size:11px !important; line-height:16px !important; font-weight:normal !important; text-decoration:none !important; white-space:nowrap !important; } body.np-page-account-ads .np-original-action-applied:hover { background:transparent !important; color:#444 !important; text-decoration:none !important; } body.np-page-account-ads .np-original-action-icon { display:inline-block !important; width:auto !important; height:auto !important; max-width:none !important; max-height:none !important; margin: 0 3px 0 0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; object-fit:initial !important; vertical-align:middle !important; flex:0 0 auto !important; } /* ---------------------------------------------------------- MENSAJES ---------------------------------------------------------- */ body.np-page-account-ads .np-action-messages.np-original-action-applied { padding: 1px 4px !important; border: 1px solid #d7ddd1 !important; background:#edf1e8 !important; } /* ---------------------------------------------------------- ESTADO PENDIENTE ---------------------------------------------------------- */ body.np-page-account-ads .np-account-pending-status-inline { display:inline-block !important; margin-left:3px !important; padding: 0 4px !important; border: 1px solid #d3a000 !important; background:#fff4c6 !important; color:#805500 !important; font-size:9px !important; line-height:14px !important; font-weight:bold !important; vertical-align:middle !important; white-space:nowrap !important; } /* ========================================================== PAGINACIÓN ========================================================== */ body.np-page-account-ads .np-account-pagination { margin-top:15px !important; font-size:11px !important; } /* ========================================================== RESPONSIVE ========================================================== */ @media (max-width:768px) { body.np-page-account-ads .np-account-ads-wrap, body.np-page-account-ads .np-account-list, body.np-page-account-ads .np-account-ad, body.np-page-account-ads .np-account-ad-strip, body.np-page-account-ads .np-account-ad-body, body.np-page-account-ads .np-account-actions { width:100% !important; } body.np-page-account-ads .np-account-top { display:block !important; width:100% !important; } body.np-page-account-ads .np-account-myads-logo { margin-bottom:8px !important; } body.np-page-account-ads .np-account-credit-box, body.np-page-account-ads .np-account-credit-links { display:inline-block !important; vertical-align:top !important; } body.np-page-account-ads .np-account-credit-links { margin-left:8px !important; } body.np-page-account-ads .np-account-user-panel { width:100% !important; margin-top:12px !important; text-align:left !important; } body.np-page-account-ads .np-account-ad-body { grid-template-columns: minmax(0,1fr) 120px !important; } body.np-page-account-ads .np-account-ad-photo, body.np-page-account-ads .np-account-photo-button, body.np-page-account-ads .np-account-ad-photo img, body.np-page-account-ads .np-account-photo-button img { width:120px !important; height:145px !important; } body.np-page-account-ads .np-account-actions { flex-wrap:wrap !important; } } /* ========================================================== FIN /MIS-ANUNCIOS/ DEFINITIVO ========================================================== */ /* ========================================================== BEACRUMB / MIS ANUNCIOS AJUSTE HORIZONTAL AISLADO — PASION ORIGINAL NO TOCAR ARMAZON ========================================================== */ html body.normal.busquedas.np-page-account-ads .cab .beacrumb { transform:translateX(-18px) !important; } /* FIN BEACRUMB */