Advertisement
Guest User

Untitled

a guest
Jan 28th, 2015
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.76 KB | None | 0 0
  1. .mobile-nav-frame {
  2. position: absolute;
  3. top: 0px;
  4. left: 0px;
  5. width: 45%;
  6. height: 100%;
  7. -webkit-box-sizing: border-box;
  8. -moz-box-sizing: border-box;
  9. box-sizing: border-box;
  10. background: #222222;
  11. font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  12. z-index: 999999;
  13. }
  14. .mobile-nav-frame .title {
  15. padding: 14px 12px;
  16. margin-bottom: 25px;
  17. border-bottom: 1px solid #1c1c1c;
  18. background: #161616;
  19. }
  20. .mobile-nav-frame .title h3 {
  21. margin: 0px 50px;
  22. text-align: center;
  23. color: white;
  24. text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8);
  25. overflow: hidden;
  26. height: 1.25em;
  27. font: 200 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  28. }
  29. .mobile-nav-frame .title .close,
  30. .mobile-nav-frame .title .back {
  31. position: absolute;
  32. padding: 7px;
  33. font-size: 19px;
  34. font-weight: 200;
  35. margin-top: -1px;
  36. color: white;
  37. text-decoration: none;
  38. top: 11px;
  39. }
  40. .mobile-nav-frame .title .close {
  41. right: 12px;
  42. }
  43. .mobile-nav-frame .title .back {
  44. left: 12px;
  45. }
  46. .mobile-nav-frame form.search {
  47. margin: 20px 12px;
  48. position: relative;
  49. background: transparent;
  50. }
  51. .mobile-nav-frame form.search input[type=search] {
  52. display: block;
  53. width: 100%;
  54. font-size: 18px;
  55. -moz-box-sizing: border-box;
  56. -webkit-box-sizing: border-box;
  57. box-sizing: border-box;
  58. background: #E0E0E0;
  59. border: none;
  60. }
  61. .mobile-nav-frame form.search input[type=submit] {
  62. display: none;
  63. }
  64. .mobile-nav-frame .slides {
  65. display: block;
  66. }
  67. .mobile-nav-frame ul {
  68. margin: 0px 12px;
  69. background: #212121;
  70. border: 1px solid #111;
  71. padding: 4px 10px;
  72. -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.075);
  73. -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.075);
  74. box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(255, 255, 255, 0.075);
  75. -webkit-border-radius: 6px;
  76. -moz-border-radius: 6px;
  77. border-radius: 6px;
  78. }
  79. .mobile-nav-frame ul li {
  80. display: block;
  81. padding: 15px 5px;
  82. border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  83. border-top: 1px solid rgba(255, 255, 255, 0.05);
  84. }
  85. .mobile-nav-frame ul li a.link {
  86. display: block;
  87. margin-right: 30px;
  88. text-decoration: none;
  89. color: #F3F3F3;
  90. text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
  91. font-size: 17px;
  92. font-weight: 300;
  93. }
  94. .mobile-nav-frame ul li:first-child {
  95. border-top: none;
  96. }
  97. .mobile-nav-frame ul li:last-child {
  98. border-bottom: none;
  99. }
  100. .mobile-nav-frame .next {
  101. float: right;
  102. width: 26px;
  103. height: 26px;
  104. line-height: 0;
  105. margin-top: -3px;
  106. }
  107. .mobile-nav-frame .next img {
  108. width: 18px;
  109. height: 26px;
  110. }
  111. .admin-bar .mobile-nav-frame .title {
  112. position: relative;
  113. }
  114. a.mobilenav {
  115. display: none;
  116. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement