New Paste

 

Recent Pastes

Administrate




PageLines PasteBin.

PasteID: 2kw
Pasted by Paul Hibbitts, 2013-06-03 15:43:36 GMT
Expires Never
Paste size 4.96 Kb
Toggle Expand   Wrap   Raw
Copy Contents   Copy URL
 
  1. // ************************************************************/
  2. // * Responsive Handling
  3. // ************************************************************/
  4. @media (max-width: 400px) {
  5.  
  6. .crackbar .plbrand img{
  7.     max-width: 210px;
  8. }
  9.  
  10. }//-- End Media Query --//
  11.  
  12. @media (max-width: 600px) {
  13.  
  14. .crackbar.crackbar-content-width {
  15.     width: 95%;
  16.     margin:0 auto;
  17. }
  18.  
  19. }//-- End Media Query --//
  20.  
  21.  
  22. @media (max-width: 1000px){
  23.  
  24.     #site .bigcrack-menu-wrap {
  25.         li.dropdown {
  26.             .dropdown-menu {
  27.                 display: none;
  28.             }
  29.  
  30.             &.open {
  31.                 .dropdown-menu {
  32.                     display: block;
  33.                     .transition(height 1s linear);
  34.  
  35.                     .bigcrack-menu-item-item {
  36.                         color:@white;
  37.                         color: rgba(255,255,255,0.8);
  38.                     }
  39.                 }
  40.             }
  41.         }
  42.     }
  43.  
  44.     body.crackbar_fixed {
  45.         .page-canvas  {
  46.           padding-top: 0;
  47.         }
  48.         .fixed_width #page .page-canvas{
  49.             margin-top: 0;
  50.         }
  51.     }
  52.     .section-crackbar{
  53.         &.fixed-top {
  54.             position: static;
  55.             .crackbar-inner {
  56.                 padding: 5px;
  57.             }
  58.         }
  59.     }
  60.  
  61.     #site .crackbar{
  62.  
  63.         .dropdown-submenu a:after {
  64.             border-left-color:transparent;
  65.         }
  66.  
  67.         .brand {
  68.             padding-left: 10px;
  69.             padding-right: 10px;
  70.             margin: 0 0 0 -5px;
  71.           }
  72.         .searchform{
  73.             float: none;
  74.             padding: 10px;
  75.             .box-sizing(border-box);
  76.             width:100%;
  77.             max-width:100%;
  78.  
  79.             .searchfield {
  80.                 height:30px;
  81.                 width:100%;
  82.                 .border-radius(5px);
  83.             }
  84.         }
  85.         .navline{
  86.             float: none;
  87.             margin: 0 0 9px;
  88.             > li {
  89.                 float: none;
  90.                 > a {
  91.                     margin-bottom: 2px;
  92.                     padding: 6px 15px;
  93.                     padding: 6px 15px;
  94.                     background:transparent;
  95.                     color: rgba(255,255,255,0.8);
  96.                     .border-radius(3px);
  97.                     &:hover{
  98.                         color: rgba(255,255,255,1);
  99.                         background-color: rgba(0,0,0,.15);
  100.                     }
  101.  
  102.                     .caret {
  103.                         display: none !important;
  104.                     }
  105.                 }
  106.             }
  107.             .nav-header {
  108.                 text-shadow: none;
  109.             }
  110.             &.pull-right {
  111.                 float: none;
  112.                 margin: 0 0 9px;
  113.             }
  114.         }
  115.         .bigcrack-menu-wrap {
  116.              a {
  117.                  .transition(.2s linear);
  118.              }
  119.         }
  120.         .dropdown-menu {
  121.             a {
  122.                 padding: 6px 15px;
  123.                 padding: 6px 15px;
  124.                 background:transparent;
  125.                 color: #fff;
  126.                 color: rgba(255,255,255,0.8);
  127.                 .border-radius(3px);
  128.             }
  129.             li + li a {
  130.                 margin-bottom: 2px;
  131.             }
  132.             position: static;
  133.             top: auto;
  134.             left: auto;
  135.             float: none;
  136.             display: block;
  137.             max-width: none;
  138.             margin: 0 15px;
  139.             padding: 0;
  140.             background-color: transparent;
  141.             border: none;
  142.             .border-radius(0);
  143.             box-shadow: none;
  144.             visibility: visible;
  145.             &:before, &:after{
  146.                 display: none;
  147.             }
  148.             li > a:hover,
  149.             .active > a,
  150.             .active > a:hover,
  151.             a:hover {
  152.                 color: rgba(255,255,255,1);
  153.                 background-color: rgba(0,0,0,.15);
  154.             }
  155.         }
  156.         .nav-collapse {
  157.             overflow: hidden;
  158.             height: 0;
  159.             clear: both;
  160.         }
  161.         .current-menu-item > a{
  162.             color: rgba(255,255,255,0.8);
  163.             background-color: rgba(0,0,0,.15);
  164.         }
  165.         .pl-color-grey{
  166.             .navline > li > a,.dropdown-menu a{
  167.                 color: #000;
  168.             }
  169.             .dropdown-menu{
  170.                 li > a:hover,
  171.                 .active > a,
  172.                 .active > a:hover,
  173.                 a:hover{
  174.                     color: #000;
  175.                     text-shadow: 0 1px 0 rgba(255,255,255,.5);
  176.                 }
  177.             }
  178.             .current-menu-item > a,
  179.             .navline > li > a:hover{
  180.                 color: #000;
  181.                 text-shadow: 0 1px 0 rgba(255,255,255,.5);
  182.             }
  183.         }
  184.         .nav-btn-crackbar {
  185.             display: inline-block;
  186.         }
  187.  
  188.     }
  189.  
  190. } //-- End Media Query --//
  191.  
  192. @media (min-width: 1000px) {
  193.  
  194. .nav-collapse.collapse {
  195.     height: auto !important;
  196.     overflow: visible !important;
  197. }
  198.  
  199. }//-- End Media Query --//
 
 
 

 
 
 
 
 
Written by Xan Manning, 2010.
YOU NEED FLASH!