Guest User

Salient

a guest
Oct 11th, 2025
25
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.23 KB | Source Code | 0 0
  1. /* Cambia el ícono de Twitter por el de X */
  2.  
  3. i.fa.fa-twitter:before {
  4.     content: "\e918" !important;
  5. }
  6. i.fa.fa-twitter:after {
  7.     content: "\e918" !important;
  8. }
  9.  
  10.  
  11.  
  12.  
  13.  
  14. /* Gradiente para la sección de Header */
  15.  
  16. body #header-outer, body #search-outer {
  17.     background: #0a133e;
  18.     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0064c6), color-stop(100%, #0a133e));
  19.     background-image: -webkit-linear-gradient(#0064c6, #0a133e);
  20.     background-image: -moz-linear-gradient(#0064c6, #0a133e);
  21.     background-image: -o-linear-gradient(#0064c6, #0a133e);
  22.     background-image: linear-gradient(#0064c6, #0a133e);
  23. }
  24.  
  25.  
  26.  
  27.  
  28.  
  29. /* Gradiente para la sección de Copyright */
  30.  
  31. body #footer-outer {
  32.     background: #0a133e;
  33.     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0064c6), color-stop(100%, #0a133e));
  34.     background-image: -webkit-linear-gradient(#0064c6, #0a133e);
  35.     background-image: -moz-linear-gradient(#0064c6, #0a133e);
  36.     background-image: -o-linear-gradient(#0064c6, #0a133e);
  37.     background-image: linear-gradient(#0064c6, #0a133e);
  38.    
  39. }
  40.  
  41.  
  42. /* Gradiente para la sección de Copyright */
  43.  
  44.  
  45. .footerglobalsection {
  46.     background: #0064c6;
  47.     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0a133e), color-stop(100%, #0064c6));
  48.     background-image: -webkit-linear-gradient(#0a133e, #0064c6);
  49.     background-image: -moz-linear-gradient(#0a133e, #0064c6);
  50.     background-image: -o-linear-gradient(#0a133e, #0064c6);
  51.     background-image: linear-gradient(#0a133e, #0064c6);
  52. }
  53.  
  54.  
  55. .footerglobalsectionsoloderecha * {
  56.    
  57.         margin-top: 0 !important;
  58.     margin-bottom: 2px !important;
  59.     padding: 0 !important;
  60. }
  61.  
  62.  
  63.  
  64.  
  65.  
  66. #footer-outer #copyright {
  67. padding-top: 5px; /* Ajusta este valor según sea necesario */
  68. padding-bottom: 5px; /* Ajusta este valor según sea necesario */
  69. }
  70.  
  71.  
  72. /* tamaño de los iconos de redes sociales en menú off-canvas  */
  73. #slide-out-widget-area .inner-wrap ul.off-canvas-social-links li a {
  74.   padding: 0 5px;
  75. }
  76. #slide-out-widget-area .inner-wrap ul.off-canvas-social-links li i {
  77.   font-size: 19px!important;
  78. }
  79.  
  80.  
  81.  
  82.  
  83.  
  84. /* controla el tamaño de las portadas dentro de las Categorías */
  85.  
  86. body.author #page-header-wrap #page-header-bg,
  87. body.category #page-header-wrap #page-header-bg,
  88. body.tag #page-header-wrap #page-header-bg {
  89.     padding-top: 1%;
  90.     padding-bottom: 1%;
  91. }
  92.  
  93.  
  94.  
  95.  
  96.  
  97. /* Apariencia de las etiquetas de sección (último, tendencias, política, etc) */
  98.  
  99. .titulares {
  100.   display: flex;
  101.   align-items: center;
  102.   margin: 12px 0;
  103.   padding: 0;
  104.   background: transparent !important;
  105.   border: none;
  106.   border-radius: 0;
  107.  
  108.   /* texto */
  109.   color: #003366 !important;
  110.   font-weight: 900;                /* el máximo disponible */
  111.   font-stretch: expanded;          /* hace las letras un poco más anchas */
  112.   font-size: 20px;
  113.   line-height: 1.3;
  114.   letter-spacing: 0.5px;
  115. }
  116.  
  117. .titulares::before {
  118.   content: "";
  119.   flex: 0 0 9px;
  120.   height: 1.3em;
  121.   background: #C4262D;
  122.   margin-right: 8px;
  123.   border-radius: 2px;
  124.     color: #ff0000 !important;
  125.  
  126. }
  127.  
  128. .titulares a {
  129.   color: inherit !important;
  130.   text-decoration: none;
  131.   font-weight: inherit;
  132. }
  133.  
  134. /* Ajuste para pantallas pequeñas */
  135. @media (max-width: 768px) {
  136.     .titulares {
  137.  
  138.     align-items: center;
  139.     justify-content: center;
  140.     }
  141. }
  142.  
  143.  
  144.  
  145.  
  146.  
  147. /* para evitar el padding de WPPM plugin con salient específicamente */
  148.  
  149. .wppm .post-content {
  150.     padding-left: unset;
  151. }
  152.  
  153.  
  154.  
  155.  
  156.  
  157. /* Apariencia para las imágenes de cada post  */
  158. .wp-post-image {
  159.     border-radius: 4px !important;
  160.    
  161.    
  162. }
  163.  
  164. .wp-post-image img {
  165.     border-radius: 4px !important;
  166.    
  167.    
  168. }
  169.  
  170. /* Apariencia para las imágenes del home (excepto principal) */
  171. .fotoposthome {
  172.     border-radius: 4px;
  173.    
  174.    
  175. }
  176.  
  177.  
  178.  
  179.  
  180.  
  181. /* Apariencia de la imagen principal en móvil */
  182.  
  183. .fotoprincipalmovil {
  184.     border-radius: 4px;
  185.    
  186.    
  187. }
  188.  
  189.  
  190.  
  191.  
  192.  
  193. /* Hace que la primera imagen en móvil sea al 100% */
  194.  
  195. @media only screen and (max-width: 600px) {
  196.     .span-full-img .post-img {
  197.         overflow: visible;
  198.     }
  199.  
  200.     .span-full-img  .post-img img {
  201.         max-width: unset;
  202.         margin: 0 -30px;
  203.     }
  204. }
  205.  
  206.  
  207.  
  208.  
  209.  
  210. /* Apariencia de los títulos de noticias en el home */
  211.  
  212. .textotitulos a:hover {
  213.   text-decoration:underline !important;
  214.  animation: nectar_ltr_line_animation .55s ease forwards;
  215. }
  216.  
  217. .textotitulos h2 {
  218.   line-height: 121% !important;
  219. }
  220.  
  221.  
  222. /* Menores márgenes en móvil */
  223.  
  224. @media only screen and (max-width: 690px) {
  225.     .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
  226.         max-width: 93% !important;
  227.     }
  228. }
  229.  
  230.  
  231. .single-post .meta-category a {
  232.     background-color: #c4262D !important; /* Color de fondo */
  233.     color: #ffffff !important; /* Color del texto */
  234.     padding: 5px 10px !important; /* Ajusta el espaciado si lo necesitas */
  235.     letter-spacing: 1.5px !important;
  236.     font-family: 'Roboto', sans-serif !important;
  237.     text-transform: uppercase !important;
  238.     border-radius: 0px !important;
  239.     display: inline-block !important;
  240. }
  241.  
  242.  
  243. .vcard a {
  244.   text-decoration:none !important;
  245. }
  246.  
  247. span.subheader {
  248.     display: none !important;
  249. }
  250.  
  251.  
  252. .iframemapacontacto {
  253.     width: 100%;
  254.     height: calc(100vh - 100px); /* Ajusta 100px según la altura del header */
  255.     border: none;
  256.  
  257. }
  258.  
  259. .nxnot-adlabel {
  260.     display: none !important;
  261. }
  262.  
  263.  
  264.  
  265. .wppm .post-cats > li > a {
  266.     display: flex;
  267.     align-items: center;
  268.     margin: 12px 0;
  269.     padding: 0;
  270.     background: none !important;
  271.     border: none;
  272.     border-radius: 0;
  273.     /* texto */
  274.     color: #003366 !important;
  275.     font-weight: 900;
  276.     font-stretch: expanded;
  277.     font-size: 16px;
  278.     line-height: 1.3;
  279.     letter-spacing: 0.5px;
  280.     text-transform: uppercase;
  281.     margin-bottom: 0;
  282. }
  283.  
  284. .wppm .post-cats > li > a:hover {
  285.     background: none !important;
  286.     border: none;              
  287.     color: #003366 !important;
  288.     text-decoration: none;
  289. }
  290.  
  291. .wppm .post-cats > li > a::before {
  292.     content: "";
  293.     flex: 0 0 9px;
  294.     height: 1.3em;
  295.     background: #C4262D;
  296.     margin-right: 8px;
  297.     border-radius: 2px;
  298.     color: #ff0000 !important;
  299. }
Advertisement
Add Comment
Please, Sign In to add comment