• Juanpe ha cambiado su imagen de perfil. hace 4 meses

PrimeChollos
Logo
Registrar una cuenta nueva
Registrarte
Comparar artículos
  • Total (0)
Comparar
0
Inicio Categorías Alertas Añadir Cuenta    
.botones-post { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 10px; } .report-plugin-container, .favour_in_row, .space--mr-3.button-rojo.button--type-text.button--mode-secondary { flex: 1; /* Cada uno ocupa un espacio equitativo */ display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* Estilo unificado para todos los botones */ .report-plugin-container .botones-reportar button, .space--mr-3.button-rojo.button--type-text.button--mode-secondary, .favour_in_row .heart_thumb_wrap { width: 100%; padding: 10px; font-size: 15px; background-color: #b1141a; color: #fff; border-radius: 5px; text-decoration: none; text-align: center; border: none; cursor: pointer; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } /* Alineación del contenido dentro del botón "Compartir" */ .space--mr-3.button-rojo.button--type-text.button--mode-secondary .flex--inline { display: flex; align-items: center; justify-content: center; } /* Margen del icono dentro del botón "Compartir" */ .space--mr-3.button-rojo.button--type-text.button--mode-secondary .icon.icon--share { margin-right: 5px; } /* Ajustes para mantener la alineación y tamaño de los botones en pantallas más pequeñas */ @media (max-width: 600px) { .botones-post { flex-direction: column; align-items: stretch; } .report-plugin-container, .favour_in_row, .space--mr-3.button-rojo.button--type-text.button--mode-secondary { margin-bottom: 10px; } .report-plugin-container .botones-reportar button, .space--mr-3.button-rojo.button--type-text.button--mode-secondary, .favour_in_row .heart_thumb_wrap { font-size: 14px; padding: 8px; } } /* Estilos específicos para el modal */ .modal { display: none; /* Oculto por defecto */ position: fixed; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 400px; background-color: rgba(0, 0, 0, 0.5); align-items: center; justify-content: center; } .modal-contenido { background-color: #fff; padding: 20px; border: 1px solid #888; border-radius: 5px; text-align: center; } .cerrar-modal { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } .cerrar-modal:hover, .cerrar-modal:focus { color: black; text-decoration: none; cursor: pointer; } .popup-reporte h3 { margin-top: 0; color: white; } #popup-reporte { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .report-plugin-container { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; } .report-plugin-container .botones-reportar, .report-plugin-container .favour_in_row, .report-plugin-container #webShareBtn { flex: 0 0 33.33% !important; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .report-plugin-container .botones-reportar button, .report-plugin-container .button-rojo, .report-plugin-container .heart_thumb_wrap, .space--mr-3.button-rojo.button--type-text.button--mode-secondary { width: 100% !important; padding: 10px !important; font-size: 15px !important; background-color: #b1141a !important; color: #fff !important; border-radius: 5px !important; text-decoration: none !important; text-align: center !important; border: none !important; cursor: pointer !important; box-sizing: border-box !important; display: flex; align-items: center; justify-content: center; } .space--mr-3.button-rojo.button--type-text.button--mode-secondary .flex--inline { display: flex; align-items: center; justify-content: center; } .space--mr-3.button-rojo.button--type-text.button--mode-secondary .icon.icon--share { margin-right: 5px !important; } /* Estilos específicos para el modal */ .report-plugin-container .modal { display: none; /* Oculto por defecto */ position: fixed; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 400px; background-color: rgba(0, 0, 0, 0.5); align-items: center; justify-content: center; } .report-plugin-container .modal-contenido { background-color: #fff; padding: 20px; border: 1px solid #888; border-radius: 5px; text-align: center; } .report-plugin-container .cerrar-modal { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } .report-plugin-container .cerrar-modal:hover, .report-plugin-container .cerrar-modal:focus { color: black; text-decoration: none; cursor: pointer; } @media (max-width: 600px) { .report-plugin-container .botones-reportar button, .report-plugin-container .button-rojo, .report-plugin-container .heart_thumb_wrap, .space--mr-3.button-rojo.button--type-text.button--mode-secondary { font-size: 12px !important; padding: 8px !important; } .report-plugin-container .modal-contenido { width: 90%; } } .report-plugin-container .popup-reporte h3 { margin-top: 0; color: white; } .popup-reporte { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .botones-post { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 10px; } .report-plugin-container, .favour_in_row, .space--mr-3.button-rojo.button--type-text.button--mode-secondary { flex: 1; /* Cada uno ocupa un espacio equitativo */ display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* Estilo unificado para todos los botones */ .report-plugin-container .botones-reportar button, .space--mr-3.button-rojo.button--type-text.button--mode-secondary, .favour_in_row .heart_thumb_wrap { width: 100%; padding: 10px; font-size: 15px; background-color: #b1141a; color: #fff; border-radius: 5px; text-decoration: none; text-align: center; border: none; cursor: pointer; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } /* Alineación del contenido dentro del botón "Compartir" */ .space--mr-3.button-rojo.button--type-text.button--mode-secondary .flex--inline { display: flex; align-items: center; justify-content: center; } /* Margen del icono dentro del botón "Compartir" */ .space--mr-3.button-rojo.button--type-text.button--mode-secondary .icon.icon--share { margin-right: 5px; } /* Ajustes para mantener la alineación y tamaño de los botones en pantallas más pequeñas */ @media (max-width: 600px) { .botones-post { flex-direction: column; align-items: stretch; } .report-plugin-container, .favour_in_row, .space--mr-3.button-rojo.button--type-text.button--mode-secondary { margin-bottom: 10px; } .report-plugin-container .botones-reportar button, .space--mr-3.button-rojo.button--type-text.button--mode-secondary, .favour_in_row .heart_thumb_wrap { font-size: 14px; padding: 8px; } } /* Estilos específicos para el modal */ .modal { display: none; /* Oculto por defecto */ position: fixed; z-index: 9999; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 400px; background-color: rgba(0, 0, 0, 0.5); align-items: center; justify-content: center; } .modal-contenido { background-color: #fff; padding: 20px; border: 1px solid #888; border-radius: 5px; text-align: center; } .cerrar-modal { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } .cerrar-modal:hover, .cerrar-modal:focus { color: black; text-decoration: none; cursor: pointer; }