Advertisement
grappler

responsive unresponsive

May 4th, 2013
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.98 KB | None | 0 0
  1. #container, #footer {
  2.     width: 960px!important;
  3. }
  4. .grid,
  5. .grid-right,
  6. .menu ul,
  7. .footer-menu li,
  8. .sub-header-menu li {
  9.     float: left;
  10. }
  11. .top-menu {
  12.     float: right!important;
  13. }
  14. #logo {
  15.     float: left!important;
  16. }
  17.  
  18. #featured p {
  19.     font-size: 18px!important;
  20.     line-height: 27px!important;
  21. }
  22. .featured-title {
  23.     font-size: 60px!important;
  24. }
  25. .featured-subtitle {
  26.     font-size: 2.25em!important;
  27. }
  28. .call-to-action a.button {
  29.     font-size: 24px!important;
  30.     padding: 15px 35px!important;
  31. }
  32. .top-widget {
  33.     float: right!important;
  34. }
  35. .top-widget area,
  36. .top-widget select,
  37. .top-widget textarea,
  38. .top-widget input[type="text"],
  39. .top-widget input[type="password"] {
  40.     width: auto!important;
  41. }
  42. .widget-title, .widget-title-home h3 {
  43.     font-size: 24px!important;
  44.     height: 23px!important;
  45.     line-height: 23px!important;
  46.     text-align: left!important;
  47. }
  48. .front-page .menu .current_page_item a {
  49.     background: none;
  50.     background-color: transparent;
  51.     background-image: none;
  52.     filter: none;
  53. }
  54. .js .main-nav {
  55.     height: auto;
  56. }
  57. .js .main-nav .main-nav #responsive_current_menu_item {
  58.     display: none;
  59. }
  60. .js .main-nav .menu {
  61.     background-color: #585858;
  62.     background-image: linear-gradient(top, #585858, #3d3d3d);
  63.     background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
  64.     background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
  65.     background-image: -o-linear-gradient(top, #585858, #3d3d3d);
  66.     background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
  67.     background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
  68.     clear: both;
  69.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
  70.     margin: 0 auto;
  71.     display: block;
  72.     position: relative;
  73.     top: 0;
  74. }
  75. .js .main-nav .menu .current_page_item a,
  76. .js .main-nav .menu .current-menu-item a {
  77.     background-color: #343434;
  78. }
  79. .js .main-nav .menu > li:first-child > a {
  80.     border-left: none;
  81. }
  82. .js .main-nav .menu a {
  83.     border-left: 1px solid #585858;
  84.     color: #fff;
  85.     cursor: pointer;
  86.     display: block;
  87.     font-size: 13px;
  88.     font-weight: 700;
  89.     height: 45px;
  90.     line-height: 45px;
  91.     margin: 0;
  92.     padding: 0 11.6px;
  93.     position: relative;
  94.     text-decoration: none;
  95.     text-shadow: 0 -1px 0 #000;
  96.     white-space: nowrap;
  97. }
  98. .js .main-nav .menu a#responsive_menu_button {
  99.     display: none;
  100. }
  101. .js .main-nav .menu a:hover {
  102.     background-color: #808080;
  103.     background-image: linear-gradient(top, #808080, #363636);
  104.     background-image: -moz-linear-gradient(top, #808080, #363636);
  105.     background-image: -ms-linear-gradient(top, #808080, #363636);
  106.     background-image: -o-linear-gradient(top, #808080, #363636);
  107.     background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
  108.     background-image: -webkit-linear-gradient(top, #808080, #363636);
  109.     color: #fff;
  110.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
  111. }
  112. .js .main-nav .menu li {
  113.     border: 0;
  114.     display: block;
  115.     float: left;
  116.     margin: 0;
  117.     padding: 0;
  118.     position: relative;
  119.     z-index: 5;
  120. }
  121. .js .main-nav .menu li a {
  122.     border-bottom: none;
  123.     border-left: 1px solid #585858;
  124.     color: #fff;
  125.     font-weight: 700;
  126.     padding: 0 11.6px;
  127. }
  128.  
  129. .js .main-nav .menu li a:hover,
  130. .js .main-nav .menu li li a:hover {
  131.     background-color: #808080;
  132.     background-image: linear-gradient(top, #808080, #363636);
  133.     background-image: -moz-linear-gradient(top, #808080, #363636);
  134.     background-image: -ms-linear-gradient(top, #808080, #363636);
  135.     background-image: -o-linear-gradient(top, #808080, #363636);
  136.     background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
  137.     background-image: -webkit-linear-gradient(top, #808080, #363636);
  138.     color: #fff;
  139.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
  140. }
  141. .js .main-nav .menu li li {
  142.     float: none;
  143. }
  144. .js .main-nav .menu li li {
  145.     background: #fff!important;
  146.     background-image: none;
  147.     border: 1px solid #e5e5e5;
  148.     color: #444;
  149.     filter: none;
  150.     margin: -1px 0 1px 0;
  151.     width: auto;
  152. }
  153. .js .main-nav .menu li li a {
  154.     background: transparent !important;
  155.     border: none;
  156.     color: #444!important;
  157.     font-size: 12px;
  158.     font-weight: 400;
  159.     height: 20px;
  160.     height: auto;
  161.     line-height: 20px;
  162.     padding: 5px 10px;
  163.     text-shadow: none;
  164.     white-space: nowrap;
  165. }
  166. .js .main-nav .menu li li a::before {
  167.     content: '';
  168.     left: 0;
  169. }
  170. .js .main-nav .menu li li a:hover {
  171.     background: #f5f5f5 !important;
  172.     background-image: none;
  173.     border: none;
  174.     color: #444;
  175.     filter: none;
  176. }
  177. .js .main-nav .menu li li:hover > ul {
  178.     left: 100%;
  179.     top: 0;
  180. }
  181. .js .main-nav .menu li ul {
  182.     position: absolute;
  183.     visibility: hidden;
  184. }
  185. .js .main-nav .menu li.current_page_item,
  186. .js .menu .current_page_item a,
  187. .js .menu .current-menu-item a,
  188. .js .main-nav .menu li {
  189.     background-color: transparent;
  190. }
  191. .js .main-nav .menu li:hover {
  192.     white-space: normal;
  193.     z-index: 10000;
  194. }
  195. .js .main-nav .menu li:hover > ul {
  196.     top: 100%;
  197.     visibility: visible;
  198. }
  199. .js .main-nav .menu ul {
  200.     left: 0;
  201.     position: absolute;
  202.     top: 0;
  203.     visibility: hidden;
  204.     z-index: 10;
  205.         margin-top: 1px;
  206.     min-width: 15em;
  207.     width: auto;
  208. }
  209. .js .main-nav .menu ul > li + li {
  210.     border-top: 0;
  211. }
  212. .js .main-nav .menu ul li a:hover,
  213. .js .main-nav .menu li li a:hover {
  214.     color: #484848;
  215.     text-decoration: none;
  216. }
  217. .js .main-nav .menu ul,
  218. .js .main-nav .menu ul ul {
  219.     margin: 0;
  220.     padding: 0;
  221. }
  222.  
  223. .js .main-nav .menu,
  224. .js .main-nav .menu ul {
  225.     display: block;
  226.     list-style-type: none;
  227.     margin: 0;
  228.     padding: 0;
  229.         min-height: 0;
  230. }
  231. .js .main-nav .menu:after,
  232. .js .main-nav .menu ul:after {
  233.     clear: both;
  234.     content: '.';
  235.     display: block;
  236.     height: 0;
  237.     overflow: hidden;
  238.     visibility: hidden;
  239. }
  240. .js .main-nav ul.menu > li:hover {
  241.     background-color: #363636;
  242.     color: #fff;
  243. }
  244. .main-nav #responsive_current_menu_item {
  245.     display: none!important;
  246. }
  247. .main-nav .menu {
  248.     top: 0;
  249. }
  250. .main-nav .menu li a {
  251.     border-bottom: none;
  252.     color: #fff;
  253. }
  254. .sub-header-menu,
  255. .sub-header-menu ul {
  256.     display: block!important;
  257. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement