Guest User

Siren Marine Homepage Mobile Styling

a guest
Dec 9th, 2012
501
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /******************************* MOBILE DESIGN *******************************/ @media (max-width: 768px) {
  2.  
  3.     .hidden-phone, .footerWidgets,.footer .paymentOptions {
  4.     display: none !important;
  5.     }
  6.        
  7.     body,#whitewrap,div.wrapper,div.wrap2,.home #whitewrap, .home div.wrap2 {
  8.         background-image: none;
  9.     }
  10.    
  11.     .footer {
  12.         color:#000;margin: 0px;top:0px;
  13.     }  
  14.    
  15.     .footer .copyright a,.footer .copyright {
  16.         color: #000;
  17.     }  
  18.    
  19.     .footer .social-icons {
  20.         display: block;
  21.         text-align: center;
  22.         clear:both;
  23.         margin: 0px auto;
  24.         text-align: center;
  25.         position: relative;
  26.         left:0px;bottom:0px;
  27.     }  
  28.    
  29.     .footer .social-icons a {
  30.         float:none;
  31.     }  
  32.    
  33.     .footer .appStore {
  34.         display: block;
  35.         clear: both;
  36.         float:none;
  37.         position: relative;
  38.         text-align: center;
  39.         top:0px;
  40.         left:0px;
  41.     }  
  42.    
  43.     .block-type-content div.entry-content div.left-col {
  44.         width: 100%;
  45.         background-image: none;
  46.         float:none;
  47.     }  
  48.    
  49.     .block-type-content div.entry-content div.right-col {
  50.         display: none;
  51.     }  
  52.    
  53.     .home .block-type-content {
  54.         background: none;
  55.     }  
  56.    
  57.     .block-type-header {
  58.         margin: 10px 0px;
  59.     }  
  60.    
  61.     .homeCTA, .interiorCTA {
  62.         text-align: center;
  63.         border-top:1px solid #eee;
  64.         border-bottom:1px solid #eee;
  65.         padding-bottom:10px;
  66.     }  
  67.        
  68.     .search {
  69.         text-align: center;
  70.     }  
  71.    
  72.     form#searchform {
  73.         float:none;
  74.     }  
  75.    
  76.     .footer .menu-footer-menu-container ul li a {
  77.         color: #000;
  78.     }  
  79.    
  80.     .homeCTA img,.homeCTA a,.interiorCTA a, .interiorCTA img {
  81.         clear:both;
  82.         display: block;
  83.         float:none;
  84.         margin:0px auto
  85.     }  
  86.    
  87.     .announcement,.topNav {
  88.         background: #f15a22;
  89.         margin:0px;
  90.     }  
  91.    
  92.     .announcement li.widget {
  93.         text-align: center;
  94.     }  
  95.    
  96.     .block-type-navigation .nav-align-right ul {
  97.         text-align: center;
  98.     }  
  99.    
  100.     #post-list-item {
  101.         float: none;
  102.         width: 90%;
  103.         margin: 15px 10px;
  104.         clear:both;
  105.     }  
  106.    
  107. }
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×