Advertisement
Guest User

Untitled

a guest
Mar 21st, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.73 KB | None | 0 0
  1. /*
  2. Mobiel responsive
  3. */
  4.  
  5. @media only screen and (max-width: 767px) {
  6.  
  7. h2, h3{
  8. font-size: 4.8vw;
  9. }
  10.  
  11. #thumbnail-single {
  12. margin-left: 10px;
  13. }
  14.  
  15. .col-md-8 {
  16. padding-right: 30px!important;
  17. }
  18.  
  19. p {
  20. font-size: 3.2vw;
  21. }
  22.  
  23. .btn {
  24. padding: 10px 0px 0px 0px!important;
  25. }
  26.  
  27. ul {
  28. padding: 0px 0px 0px 15px;
  29. }
  30.  
  31.  
  32. .col-md-9 {
  33. padding-right: 30px!important;
  34. }
  35.  
  36. #row1 {
  37. padding: 15px;
  38. }
  39.  
  40. #thumbnail-foto:first-child {
  41. margin-top: 95px;
  42. }
  43. .col-md-3 {
  44. margin-top: 15%;
  45. }
  46.  
  47. .row {
  48. margin-left: 0px!important;
  49. }
  50.  
  51. .col-md-4 {
  52. padding-left: 0px!important;
  53. }
  54.  
  55. #navbartekst {
  56. margin-top: 1%;
  57. margin-left: 0.3%;
  58. }
  59.  
  60. .col-xs-12 {
  61. width: 96%;
  62. }
  63.  
  64. .img-thumbnail {
  65. width: 100%;
  66. }
  67.  
  68.  
  69. .breadcrumb {
  70. margin-top: 20%;
  71. margin-bottom: 0;
  72. }
  73.  
  74. #navbartekst li a {
  75. color: #6C6C6C!important;
  76. padding-left: 20px!important;
  77. padding-right: 10px;
  78. display: block;
  79. text-decoration: none;
  80. margin-right: 0;
  81. width: auto;
  82. line-height: 1em;
  83. font-family: sans-serif!important;
  84.  
  85. }
  86.  
  87. #navbartekst {
  88. text-transform: uppercase;
  89. }
  90. #navbartekst #rd-action-menu a {
  91. color: white!important;
  92. }
  93. #rd-action-menu a {
  94. background-color: #75BF2F;
  95. color: white!important;
  96. }
  97.  
  98. #rd-action-menu li a {
  99. margin-top: 0px!important;
  100. }
  101. #rd-action-menu li a:last-child {
  102. border-top: 0.2px solid #d5d5d9;
  103. }
  104.  
  105. #phone {
  106. margin-right: 5px;
  107. }
  108.  
  109. .navbar-toggle:hover {
  110. background-color: white!important;
  111. }
  112.  
  113. .navbar-toggle {
  114. border-color: white!important;
  115. }
  116.  
  117. .navbar-toggle .icon-bar {
  118. background-color: #A3C637!important;
  119. }
  120.  
  121. hr.mobile {
  122. margin-top: 20px;
  123. margin-bottom: 20px;
  124. border: 0;
  125. border-top: 1px solid #eee;
  126. }
  127.  
  128. .titel {
  129. margin-top: 10px;
  130. }
  131.  
  132. .page_item:last-child {
  133. border-bottom: 0.2px solid #d5d5d9;
  134. }
  135.  
  136. #navbar {
  137. position: fixed;
  138. top: 0;
  139. width: 100%;
  140. }
  141.  
  142. #navbartekst a {
  143. color: #424242!important;
  144. padding: 14px 21px 15px;
  145. display: block;
  146. font-size: 14px!important;
  147. font-weight: bold;
  148. }
  149.  
  150.  
  151. .navbar-default .navbar-toggle {
  152. margin-top: 10px!important;
  153. }
  154.  
  155. #header-icon-mobileslide {
  156. width: 40px;
  157. height: auto;
  158. margin-left: 0px;
  159. padding-bottom: 10px;
  160. }
  161.  
  162. .navbar-header {
  163. border-bottom: dotted 2px #AFCB3B!important;
  164.  
  165. }
  166.  
  167. .navbar-collapse {
  168. background-color: white;
  169. position: fixed;
  170. top: 0;
  171. transition: all 0.8s ease-out;
  172. height: 110%;
  173. width: 110%;
  174. left: 700px;
  175. }
  176.  
  177. .page_item {
  178. border-top: 1px dotted #d5d5d9;
  179. }
  180.  
  181. .navbar-inverse .navbar-nav > li > a {
  182. color: #000;
  183. }
  184.  
  185. #header-icon {
  186. padding-bottom: 8px;
  187. width: 40px;
  188. height: auto;
  189. margin-left: 28px;
  190. margin-top: 8px;
  191. }
  192.  
  193. .container-fluid {
  194. margin-top: 4px!important;
  195. }
  196.  
  197. #triangle-bottomright {
  198. margin-top: 5px;
  199. }
  200.  
  201. #navbartekst li a {
  202. margin-top: 5px;
  203. }
  204. #thumbnail-single {
  205. box-shadow: none;
  206. border: none;
  207. }
  208. #row-single {
  209. margin-right: 15px;
  210. }
  211. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement