CSS   19
Foot
Guest on 17th September 2023 06:21:17 AM


  1. #header .nav > li > a {
  2.     font-size: 18px;
  3.     color: #fff;
  4.    
  5. }
  6.  
  7. #header .nav > li > a:hover
  8. {
  9.     text-decoration: none;
  10.     background-color: #D1ADD1;
  11.     color:#000;
  12. }
  13.  
  14. #header .nav > li > a:focus
  15. {
  16.     text-decoration: none;
  17.     background-color: #D1ADD1;
  18.  }
  19.  
  20. .page-node .layout-container, .page-municipios .layout-container, .page-dependencias-estatales .layout-container, .page-taxonomy .layout-container, .page-noticias .layout-container, .page-search .layout-container, .page-periodicos .layout-container, .page-tramites .layout-container, .user-anonymous-viewing .layout-container, .user-logged-in .layout-container, .page-proveedores .layout-container {
  21.     position: relative;
  22.     min-height: 100%;
  23.     height: auto !important;
  24.     height: 100%;
  25.     margin: 0 auto -370px;
  26. }
  27.  
  28. /*#header {
  29.     background-color: #9D2449;
  30.     border: 0 none;
  31.     -webkit-border-radius: 0;
  32.     -moz-border-radius: 0;
  33.     border-radius: 0;
  34.     min-height: 50px;
  35.     margin: 0;
  36.     padding: 0;
  37. }*/
  38.  
  39. .page-node #contenedor-footer, .page-node .layout-container #push, .page-municipios #contenedor-footer, .page-municipios .layout-container #push, .page-dependencias-estatales #contenedor-footer, .page-dependencias-estatales .layout-container #push, .page-taxonomy #contenedor-footer, .page-taxonomy .layout-container #push, .page-noticias #contenedor-footer, .page-noticias .layout-container #push, .page-search #contenedor-footer, .page-search .layout-container #push, .page-search #contenedor-footer, .page-periodicos .layout-container #push, .page-tramites #contenedor-footer, .page-tramites .layout-container #push, .user-anonymous-viewing #contenedor-footer, .user-anonymous-viewing .layout-container #push, .user-logged-in #contenedor-footer, .user-logged-in .layout-container #push, .page-proveedores #contenedor-footer, .page-proveedores .layout-container #push, .page-proveedores #push
  40. {
  41.     height: 370px;
  42. }
  43.  
  44. .footer-group
  45. {
  46.     background: #3f3f3f;
  47.     position: relative;
  48.     background-size: cover;
  49. }
  50.  
  51. @media d (min-width: 992px)
  52. {
  53.     .footer-group
  54.     {
  55.         min-height: 100px;
  56.     }
  57. }
  58.  
  59. .footer-group:before
  60. {
  61.     content: '';
  62.     z-index: 1;
  63.     position: absolute;
  64.     background: rgba(44, 47, 51, 0.9);
  65.     left: 0;
  66.     top: 0;
  67.     bottom: 0;
  68.     right: 0;
  69.     display: block;
  70. }
  71.  
  72. .footer-group .footer-group-inner
  73. {
  74.     position: relative;
  75.     z-index: 2;
  76. }
  77.  
  78. .footer-group #footer-top
  79. {
  80.     color: #949da7;
  81.     padding: 28px 0;
  82. }
  83.  
  84. .footer-group #footer-top .region-footer-top-right
  85. {
  86.     padding-top: 20px;
  87. }
  88. #footer .text-uppercase {
  89.     text-transform: none;
  90.     font-size: 11px;
  91.     font-weight: normal !important;
  92.     color: #ffffff;
  93.     display: inline-block;
  94.     font-family: 'Open Sans', sans-serif;
  95. }
  96. @media (max-width: 1024px) and (min-width: 768px)
  97. {
  98.     #footer-columns .inner .col-md-3:first-child
  99.     {
  100.         margin-top: 23px;
  101.         width: 45%;
  102.         margin-left: 14px;
  103.         margin-right: 14px;
  104.     }
  105. }
  106.  
  107. @media (max-width: 1024px) and (min-width: 768px)
  108. {
  109.     #footer-columns .inner .col-md-3
  110.     {
  111.         margin: 0px 14px;
  112.         width: 45%;
  113.         float: left;
  114.     }
  115. }
  116.  
  117.  
  118.  
  119. @media (max-width: 768px)
  120. {
  121.     .footer-group #footer-top .region-footer-top-right
  122.     {
  123.         margin-top: 10px;
  124.     }
  125. }
  126.  
  127. @media (min-width: 992px)
  128. {
  129.     .footer-group #footer-top .region-footer-top-right
  130.     {
  131.         text-align: right;
  132.     }
  133. }
  134.  
  135. .footer-group #footer-top .region-footer-top-right .block h2
  136. {
  137.     font-family: 'Open Sans' , sans-serif;
  138.     font-weight: 400;
  139.     font-size: 14px;
  140.     display: inline-block;
  141.     margin-right: 10px;
  142.     margin-top: 0;
  143.     margin-bottom: 0;
  144. }
  145.  
  146. .footer-group #footer-top .region-footer-top-right .block .field-name-body
  147. {
  148.     display: inline-block;
  149. }
  150.  
  151. .footer-group .social-links
  152. {
  153.     display: inline-block;
  154. }
  155.  
  156. .footer-group .social-links li
  157. {
  158.     margin: 0 18px 0 0;
  159. }
  160.  
  161. .footer-group .social-links a
  162. {
  163.     color: #949da7;
  164. }
  165.  
  166. .footer-group .social-links a:before
  167. {
  168.     color: #949da7;
  169. }
  170.  
  171. #footer
  172. {
  173.     background-color: #2d2d2d;
  174.     padding: 11px 0;
  175.     color: #949da7;
  176.     text-align: center;
  177. }
  178.  
  179. #footer p
  180. {
  181.     line-height: 1.714;
  182.     font-weight: normal;
  183.     text-align: left;
  184.     display: inline-block;
  185.     margin: 0 20px 0 0;
  186.     vertical-align: middle;
  187. }
  188.  
  189. #footer p span.fa
  190. {
  191.     color: #b38e5d;
  192. }
  193.  
  194. #footer p:last-child
  195. {
  196.     margin-bottom: 0;
  197. }
  198.  
  199. #footer-columns ul
  200. {
  201.     margin: 0;
  202.     padding: 0;
  203.     list-style: none;
  204. }
  205.  
  206. #footer-columns ul.menu
  207. {
  208.     position: relative;
  209. }
  210.  
  211. @media (min-width: 992px)
  212. {
  213.     #footer-columns ul.menu
  214.     {
  215.         margin-top: -16px;
  216.     }
  217. }
  218.  
  219. #footer-columns ul.menu li a
  220. {
  221.     border-bottom: 1px solid #414245;
  222.     font-weight: 700;
  223.     padding: 7px 29px;
  224.     display: block;
  225.     position: relative;
  226.     color: #949da7;
  227. }
  228.  
  229. #footer-columns ul.menu li a:before
  230. {
  231.     content: ' ';
  232.     width: 2px;
  233.     height: 100%;
  234.     display: block;
  235.     top: 0;
  236.     bottom: 0;
  237.     left: 0;
  238.     position: absolute;
  239.     background: none;
  240. }
  241.  
  242. #footer-columns ul.menu li a:after
  243. {
  244.     display: inline-block;
  245.     font: normal normal normal 14px/1 FontAwesome;
  246.     font-size: inherit;
  247.     text-rendering: auto;
  248.     -webkit-font-smoothing: antialiased;
  249.     -moz-osx-font-smoothing: grayscale;
  250.     color: #949da7;
  251.     position: absolute;
  252.     right: auto;
  253.     left: 5px;
  254.     top: 11px;
  255.     font-weight: 700;
  256. }
  257.  
  258. #footer-columns ul.menu li a.transparencia:after
  259. {
  260.     content: url('https://tabasco.gob.mx/themes/hub/images/icon-transparencia.png');
  261. }
  262.  
  263. #footer-columns ul.menu li a.itaip:after
  264. {
  265.     content: url("https://tabasco.gob.mx/themes/hub/images/icon-itaip.png");
  266. }
  267.  
  268. #footer-columns ul.menu li a.infomex:after
  269. {
  270.     content: url('https://tabasco.gob.mx/themes/hub/images/icon-infomex.png');
  271. }
  272.  
  273. #footer-columns ul.menu li a.privacidad:after
  274. {
  275.     content: url('https://tabasco.gob.mx/themes/hub/images/icon-privacidad.png');
  276. }
  277.  
  278. #footer-columns ul.menu li a.contacto:after
  279. {
  280.     content: url('https://tabasco.gob.mx/themes/hub/images/icon-buzon.png');
  281. }
  282.  
  283. #footer-columns ul.menu li a:hover, #footer-columns ul.menu li a:active, #footer-columns ul.menu li a:focus, #footer-columns ul.menu li a.is-active
  284. {
  285.     background: transparent url("https://tabasco.gob.mx/themes/hub/images/footer_heading_bg.png") scroll 0 0 repeat;
  286.     color: #b38e5d;
  287.     text-decoration: none;
  288.     outline: 0;
  289. }
  290.  
  291.  
  292. #footer-columns ul.menu li a:hover:after, #footer-columns ul.menu li a:active:after, #footer-columns ul.menu li a:focus:after, #footer-columns ul.menu li a.is-active:after
  293. {
  294.     color: #b38e5d;
  295.     left: auto;
  296.     right: 17px;
  297. }
  298.  
  299. #footer-columns ul.menu li:last-child a
  300. {
  301.     border-bottom: transparent;
  302. }
  303.  
  304. #footer-columns .node .field--name-field-category
  305. {
  306.     display: none;
  307. }
  308.  
  309. #footer-columns .inner
  310. {
  311.     border-color: #434448;
  312.     border-top: 1px solid rgba(255, 255, 255, 0.102);
  313.     padding: 45px 0;
  314.     color: #FFF;
  315. }
  316.  
  317. #footer-columns .inner .col-md-3
  318. {
  319.     margin: 0 14px;
  320.     width: 28%;
  321. }
  322.  
  323. #footer-columns .inner .col-md-3:last-child
  324. {
  325.     margin-right: 0;
  326. }
  327.  
  328. #footer-columns .block .block-title, #footer-columns nav .block-title
  329. {
  330.     text-transform: uppercase;
  331.     font-size: 18px;
  332.     font-family: 'Open Sans' , sans-serif;
  333.     color: #fff;
  334.     font-weight: 700;
  335.     margin-bottom: 37px;
  336.     padding-bottom: 0;
  337.     display: table;
  338.     width: 100%;
  339.     white-space: nowrap;
  340.     margin-left: 0;
  341. }
  342.  
  343. #footer-columns .block .block-title:after, #footer-columns nav .block-title:after
  344. {
  345.     content: '';
  346.     width: 100%;
  347.     display: table-cell;
  348.     border-left: 10px solid transparent;
  349.     -webkit-background-clip: padding-box;
  350.     background-clip: padding-box;
  351. }
  352.  
  353. @media (max-width: 992px)
  354. {
  355.     #footer-columns .block, #footer-columns nav
  356.     {
  357.         margin-bottom: 30px;
  358.     }
  359. }
  360.  
  361. #footer-columns .view-display-id-footer_recent_news .views-row
  362. {
  363.     border-bottom: 1px solid #414245;
  364.     margin-bottom: 30px;
  365.     padding-bottom: 30px;
  366. }
  367.  
  368. #footer-columns .view-display-id-footer_recent_news .views-row:last-child
  369. {
  370.     margin-bottom: 0;
  371.     padding-bottom: 0;
  372.     border-bottom: 0 none;
  373. }
  374.  
  375. #footer-columns .view-display-id-footer_recent_news article.node.compact
  376. {
  377.     background: none;
  378.     padding: 0;
  379.     color: #949da7;
  380. }
  381.  
  382. #footer-columns .view-display-id-footer_recent_news article.node.compact .node-title
  383. {
  384.     color: #FFF;
  385.     font-size: 14px;
  386.     min-height: 0;
  387. }
  388.  
  389. #footer-columns .view-display-id-footer_recent_news article.node.compact .node-title a
  390. {
  391.     color: #FFF;
  392. }
  393.  
  394. #footer-columns .view-display-id-footer_recent_news article.node.compact .node-title a:hover
  395. {
  396.     color: #b38e5d;
  397. }
  398.  
  399. #footer-columns .view-display-id-footer_recent_news article.node.compact .node-meta
  400. {
  401.     color: #949da7;
  402.     margin-top: 20px;
  403. }
  404.  
  405. #footer-columns .view-display-id-footer_recent_news article.node.compact .node-meta a
  406. {
  407.     color: #949da7;
  408. }
  409.  
  410. #footer-columns .block-simplenews
  411. {
  412.     color: #949da7;
  413. }
  414.  
  415. #footer-columns .block-simplenews p
  416. {
  417.     line-height: 1.571;
  418.     margin-bottom: 23px;
  419. }
  420.  
  421. #footer-columns .block-simplenews .description
  422. {
  423.     margin-top: 5px;
  424. }
  425.  
  426. #footer-columns .block-simplenews .form-text, #footer-columns .block-simplenews .form-email
  427. {
  428.     border: 2px solid #494b4e;
  429.     background: none;
  430.     padding: 14px 17px;
  431. }
  432.  
  433. #footer-columns .block-simplenews .form-text:focus, #footer-columns .block-simplenews .form-email:focus
  434. {
  435.     border-color:#b38e5d;
  436. }
  437. #footer-columns .inner .col-md-3:first-child
  438. {
  439.     width: 8.1%;
  440.     margin-top: 23px;
  441.     margin-right: 0px;
  442.     margin-left: 0;
  443. }
  444.  
  445. .region-footer-second-column p a
  446. {
  447.     background: url(https://tabasco.gob.mx/themes/hub/images/curp.png) no-repeat center left;
  448.     padding: 5px 5px 5px 19px;
  449.     text-decoration: underline;
  450.     outline: 0 none;
  451. }
  452.  
  453. #contenedor-footer .color,#contenedor-footer a,#contenedor-footer .link-color
  454. {
  455.     color: #f5a623;
  456. }
  457.  
  458. h2.block-title
  459. {
  460.     color: #a3a3a3;
  461.     font-size: 24px;
  462.     letter-spacing: 1.3px;
  463.     display: inline-block;
  464. }
  465.  
  466. @media (max-width: 767px) and (min-width: 500px)
  467. {
  468.     p a, p
  469.     {
  470.         word-wrap: break-word;
  471.     }
  472. }
  473.  
  474. @media (max-width: 767px)
  475. {
  476.     #footer-columns .inner .col-md-3:first-child, #footer-columns .inner .col-md-3
  477.     {
  478.         margin: 0;
  479.         width: inherit;
  480.     }
  481. }
  482.  
  483. #contenedor-footer img {
  484.     max-width: 100%;
  485. }
  486.  
  487. .social {
  488.     position: fixed;
  489.     left: 0;
  490.     top: 250px;
  491.     z-index: 2000;
  492. }
  493.  
  494. .social ul {
  495.     list-style: none;
  496. }
  497.  
  498. ul {
  499.     margin: 0;
  500.     padding: 0;
  501.     list-style: none;
  502. }
  503.  
  504. .social ul li .icon-facebook {
  505.     background: #3b5998 url(https://tabasco.gob.mx/themes/hub/images/icon-facebook.png) no-repeat center center;
  506. }
  507.  
  508. .social ul li .icon-twitter {
  509.     background: #00abf0 url(https://tabasco.gob.mx/themes/hub/images/icon-twitter.png) no-repeat center center;
  510. }
  511.  
  512. .social ul li .icon-googleplus {
  513.     background: #dc5e40 url(https://tabasco.gob.mx/themes/hub/images/icon-youtube.png) no-repeat center center;
  514. }
  515. .social ul li a {
  516.     display: block;
  517.     color: #fff;
  518.     background: #000;
  519.     padding: 19px 20px;
  520.     text-decoration: none;
  521.     -webkit-transition: all 500ms ease;
  522.     -o-transition: all 500ms ease;
  523.     transition: all 500ms ease;
  524. }
Raw Paste

Login or Register to edit or fork this paste. It's free.