Guest User

Untitled

a guest
Oct 19th, 2018
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.78 KB | None | 0 0
  1. /* Global Tweaks here */
  2.  
  3.  
  4. /* Responsive Utility Classes */
  5. .visible-desktop{display:inherit!important;}
  6. .hidden-desktop,.visible-tablet,.visible-phone {display: none !important;}
  7.  
  8. /* Navigation */
  9. .rt-menu-mobile {text-align: center;padding: 15px 0;}
  10.  
  11.  
  12. /* Responsive */
  13. /* Tweaks for Wide Screen Here */
  14.  
  15.  
  16. @media only screen and (min-width: 960px) and (max-width: 1199px) {
  17.     .rt-error-box .rt-error-container{width:345px;}
  18.     .rt-error-box .error-title{font-size:6.3em;}
  19.     .hidden-tablet,.hidden-phone,.visible-desktop{display:inherit!important;}
  20.     .visible-tablet,.visible-phone,.hidden-desktop{display:none!important;}
  21.  
  22.     /* Tweaks for Desktop View */
  23.  
  24. }
  25.  
  26. @media only screen and (min-width: 768px) and (max-width: 959px) {
  27.     .visible-tablet,.hidden-desktop,.hidden-phone{display:inherit!important;}
  28.     .hidden-tablet,.visible-desktop,.visible-phone{display:none!important;}
  29.  
  30.     /* Tweaks for Tablet View */
  31. }
  32.  
  33. @media only screen and (max-width: 767px) {
  34.     #rt-logo {margin: 0 auto;}
  35.     .rt-block.menu-block {visibility: hidden;top: -30000px;left: -30000px;position: absolute;}
  36. }
  37.  
  38. @media only screen and (min-width: 768px) {
  39.     .rt-menu-mobile {display: none;}
  40. }
  41.  
  42. @media only screen and (min-width: 481px) and (max-width: 767px) {
  43.     /* Joomla Core */
  44.     body .rt-container .component-content .column-1, body .rt-container .component-content .column-2, body .rt-container .component-content .column-3 {width: 100%;float: none;}
  45.  
  46.     /* Tweaks for Smartphone View */
  47. }
  48.  
  49. @media only screen and (max-width: 480px) {
  50.     #rt-copyright .rt-block {clear: both;}
  51.  
  52.     /* Joomla Core */
  53.     body .rt-container .component-content .column-1, body .rt-container .component-content .column-2, body .rt-container .component-content .column-3 {width: 100%;float: none;}
  54.  
  55.     /* Tweaks for Smartphone View */
  56. }
Add Comment
Please, Sign In to add comment