daily pastebin goal
59%
SHARE
TWEET

Kode CSS Menu

MikoVirgoez Oct 16th, 2015 137 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #nav-trigger {
  2.     display: none;
  3.     text-align: center;
  4. }
  5. #nav-trigger span {
  6.     display: block;
  7.     background-color: #279CEB;
  8.     cursor: pointer;
  9.     text-transform: uppercase;
  10.     padding: 0 25px;
  11.     color: #EEE;
  12.     line-height: 67px;
  13. }
  14. nav#nav-mobile {
  15.     margin: 0px;
  16. }
  17. nav {
  18.     margin-bottom: 30px;
  19. }
  20. nav#nav-main {
  21.     background-color: #279CEB;
  22.     margin: 0px;
  23.     float: left;
  24. }
  25. nav#nav-main ul {
  26.     list-style-type: none;
  27.     margin: 0;
  28.     padding: 0;
  29.     text-align: center;
  30. }
  31. nav#nav-main li {
  32.     display: inline-block;
  33.     float: left;
  34.     ont-family: 'Open Sans', sans-serif;
  35. }
  36. nav#nav-main li:last-child {
  37.     border-right: none;
  38. }
  39. nav#nav-main a {
  40.     padding: 0 25px;
  41.     color: #EEE;
  42.     line-height: 67px;
  43.     display: block;
  44. }
  45. nav#nav-main a:hover {
  46.     background-color: #3AB0FF;
  47.     text-decoration: none;
  48.     color: #fff;
  49. }
  50. nav#nav-mobile {
  51.     position: relatifve;
  52.     display: none;
  53. }
  54. nav#nav-mobile ul {
  55.     display: none;
  56.     list-style-type: none;
  57.     position: absolute;
  58.     left: 0;
  59.     right: 0;
  60.     margin-left: auto;
  61.     margin-right: auto;
  62.     text-align: center;
  63.     background-color: #ddf0f9;
  64.     z-index: 10;
  65.     padding: 0px;
  66.     border-bottom: solid 1px #cc0028;
  67. }
  68. nav#nav-mobile li:last-child {
  69. border-bottom: none;
  70. }
  71. nav#nav-mobile a {
  72. display: block;
  73. color: #29a7e1;
  74. padding: 10px 30px;
  75. text-decoration: none;
  76. border-bottom: 1px solid #00aeef;
  77. }
  78. nav#nav-mobile a:hover {
  79. background-color: #e6002d;
  80. color: #fff;
  81. }
  82. /* =Media Queries
  83. -------------------------------------------------------------- */
  84. @media all and (max-width: 900px) {
  85. #nav-trigger {
  86.     display: block;
  87. }
  88. nav#nav-main {
  89.     display: none;
  90. }
  91. nav#nav-mobile {
  92.     display: block;
  93. }
  94. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top