Advertisement
Charflow

New MM CSS Design

Apr 12th, 2015
327
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.07 KB | None | 0 0
  1. /* Bootstrap UI.X Version 3
  2. Created by Jerred Shepherd (RiotShielder)
  3. Design by Audentio Design /*
  4.  
  5. /* Fonts */
  6. body, p, a {
  7.     font-family: 'Open Sans', sans-serif;
  8. }
  9.  
  10. h1, h2, h3, h4, h5, h6 {
  11.     font-family: 'Lato', sans-serif;
  12. }
  13.  
  14. /* General Fixes */
  15.  
  16. a {
  17.     color: #aaa;
  18. }
  19.  
  20. a:hover {
  21.     text-decoration: none;
  22. }
  23.  
  24. /* Background and content area */
  25. body {
  26.     background-image: url("https://assets.minecraftmarket.com/media/marketbgs/2015-03-21_22.06.21.png");
  27.     background-position: center;
  28.     background-attachment: fixed;
  29. }
  30.  
  31. .jumbotron {
  32.     padding: 0px 0px 0px 0px;
  33.     padding-left: 0px !important;
  34.     padding-right: 0px !important;
  35.     background-color: #fff;
  36. }
  37.  
  38. @media (min-width: 768px) {
  39.     .container {
  40.         width: 750px;
  41.     }
  42. }
  43.  
  44. @media (min-width: 992px) {
  45.     .container {
  46.         width: 970px;
  47.     }
  48. }
  49.  
  50. @media (min-width: 1200px) {
  51.     .container {
  52.         width: 1200px;
  53.     }
  54. }
  55.  
  56. /* Teal Navbar */
  57. .navbar-user {
  58.     background-color: #4ecdc5;
  59.     border: none;
  60.     margin-top: 16px;
  61.     height: 40px;
  62.     min-height: 0px;
  63. }
  64.  
  65. @media (max-width: 1199px) {
  66.     .navbar-user {
  67.         border-radius: 4px;
  68.     }
  69. }
  70.  
  71. /* Logo and Search*/
  72. .header-logosearch {
  73.     margin-bottom: 20px;
  74. }
  75.  
  76. .header-logo {
  77.     width: auto;
  78.     max-width: 326px;
  79. }
  80.  
  81. .header-logo-mobile {
  82.     width: auto;
  83.     max-width: 326px;
  84.     margin-left: auto;
  85.     margin-right: auto;
  86. }
  87.  
  88. /* Primary Navbar */
  89.  
  90. .navbar-primary {
  91.     background-color: rgb(74, 78, 81);
  92.     font-weight: bold;
  93.     border: none;
  94.     border-bottom-right-radius: 0px;
  95.     border-bottom-left-radius: 0px;
  96.     margin-bottom: 0px;
  97.     overflow: hidden;
  98. }
  99.  
  100. @media (min-width: 768px) {
  101.     .navbar-primary .container {
  102.         padding: 0px !important;
  103.         position: relative;
  104.     }
  105. }
  106.  
  107. .navbar-primary .navbar-nav>li>a {
  108.     color: rgba(255, 255, 255, 0.75);
  109.     padding-left: 12px;
  110.     padding-right: 12px;
  111. }
  112.  
  113. @media (max-width: 768px) {
  114.     .navbar-primary .navbar-nav>li>a {
  115.         border-radius: 0px;
  116.     }
  117. }
  118.  
  119. .navbar-primary .navbar-nav>li>a:hover {
  120.     color: #fff;
  121.     background-color: #3A3E40;
  122. }
  123.  
  124. .navbar-primary .navbar-nav>.active>a {
  125.     color: #4993c5;
  126.     background-color: rgb(250, 250, 250);
  127.     border: none;
  128. }
  129.  
  130. .navbar-primary .navbar-nav>.active>a:hover, .navbar-primary .navbar-nav>.active>a:active, .navbar-primary .navbar-nav>.active>a:focus {
  131.     color: #4993c5;
  132.     background-color: rgb(250, 250, 250);
  133. }
  134.  
  135. .navbar-primary .navbar-nav>li>a:active, .navbar-primary .navbar-nav>li>a:focus {
  136.     color: rgba(255, 255, 255, 0.75);
  137. }
  138.  
  139. /* Secondary Navbar */
  140. .navbar-secondary {
  141.     background-color: rgb(250, 250, 250);
  142.     height: 39px;
  143.     border-bottom: 1px solid rgb(226, 226, 226);
  144.     font-weight: bold;
  145.     font-size: 12px;
  146.     color: #aaa;
  147.     margin-bottom: 10px;
  148. }
  149.  
  150. .navbar-secondary-text-container {
  151.     margin-left: 4px;
  152.     margin-top: 10px;
  153. }
  154.  
  155. .navbar-secondary-text {
  156.     margin-left: 8px;
  157.     margin-right: 8px;
  158. }
  159.  
  160. .jumbotron p {
  161. font-size: 14px !important;
  162. font-weight: inherit;
  163. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement