Guest User

hi Noor!!

a guest
Oct 21st, 2019
61
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2. box-sizing: border-box;
  3. overflow-x: hidden;
  4. }
  5.  
  6. *,
  7. *:before,
  8. *:after {
  9. box-sizing: inherit;
  10. }
  11.  
  12. * {
  13. text-decoration: none;
  14. color: black;
  15. font-family: Helvetica, sans-serif;
  16. }
  17.  
  18. body {
  19. background-color: #f3efe6;
  20. font-size: 13px;
  21. }
  22.  
  23. a.site-logo img {
  24. width: 40px;
  25. position: relative;
  26. top: -60px;
  27. left: 20px;
  28. }
  29.  
  30.  
  31. /* titels */
  32.  
  33. .contextual-region.node.node--type-article.node--promoted.node--view-mode-teaser h2 {
  34. font-size: 14px;
  35. text-transform: uppercase;
  36. margin-left: 30px;
  37. margin-top: 25px;
  38. margin-bottom: 20px;
  39. }
  40.  
  41. .site-name {
  42. visibility: hidden;
  43. }
  44.  
  45. ul.tabs.primary {
  46. margin-top: 50px;
  47. font-size: 11px;
  48. margin-left: 20px;
  49. }
  50.  
  51. .container {
  52. max-width: 1200px;
  53. margin: 0 auto;
  54. }
  55.  
  56. .field__item img {
  57. width: 30%;
  58. height: 30%;
  59. margin-top: 2%;
  60. margin-bottom: 2%;
  61. }
  62.  
  63. .left {
  64. display: block;
  65. float: left;
  66. width: 50%;
  67. }
  68.  
  69. .right {
  70. display: block;
  71. float: right;
  72. width: 50%;
  73. }
  74.  
  75. ul.menu {
  76. list-style-type: none;
  77. margin: 0;
  78. padding: 0;
  79. overflow: hidden;
  80. background-color: #d2c5af;
  81. width: 100%;
  82. float: left;
  83. }
  84.  
  85. li.menu-item {
  86. display: block;
  87. text-align: center;
  88. padding: 10px 15px;
  89. text-decoration: none;
  90. width: 200px;
  91. float: right;
  92. padding-top: 10px;
  93. }
  94.  
  95. .menu-item a {
  96. display: block;
  97. color: black;
  98. text-align: center;
  99. padding: 10px 15px;
  100. text-decoration: none;
  101. }
  102.  
  103. .menu-item:hover {
  104. background-color: #F2F2F2;
  105. }
  106.  
  107. #block-sarah-branding {
  108. height: 0px;
  109. }
  110.  
  111.  
  112. /* tekst op foto */
  113.  
  114. .node__content p {
  115. width: 350px;
  116. margin-bottom: 20px;
  117. }
  118.  
  119. .field.field--name-field-icon.field--type-image.field--label-hidden.field__item.quickedit-field img {
  120. display: block;
  121. float: left;
  122. width: 20px;
  123. }
  124.  
  125.  
  126. /* titels van de artikels */
  127.  
  128. .contextual-region.node.node--type-article.node--promoted.node--view-mode-teaser a span {
  129. color: #d2c5af;
  130. font-size: 15px;
  131. left: 100px;
  132. }
  133.  
  134.  
  135. /* our latest artikels en our services */
  136.  
  137. .text-formatted.field.field--name-field-text.field--type-text-long.field--label-hidden.field__item h2 {
  138. color: #d2c5af;
  139. text-transform: uppercase;
  140. font-size: 20px;
  141. position: relative;
  142. left: 180px;
  143. }
  144.  
  145.  
  146. /* product - customer service - service */
  147.  
  148. .field.field--name-title.field--type-string.field--label-hidden.quickedit-field {
  149. font-size: 11px;
  150. text-align: center;
  151. text-transform: uppercase;
  152. color: orange;
  153. }
  154.  
  155.  
  156. /* artikel blok */
  157.  
  158. .views-row {
  159. display: block;
  160. float: left;
  161. width: 40%;
  162. position: relative;
  163. left: 150px;
  164. padding-right: 15%;
  165. margin-bottom: 5%;
  166. }
  167.  
  168.  
  169. /* artikel blok tekst */
  170.  
  171. .views-row p {
  172. display: block;
  173. float: left;
  174. width: 400px;
  175. line-height: 2em;
  176. font-size: 12px;
  177. }
  178.  
  179.  
  180. /* artikel blok tekst */
  181.  
  182. .views-row img {
  183. display: block;
  184. width: 400px;
  185. }
  186.  
  187.  
  188. /* alle blokken samen */
  189.  
  190. div.view-content {
  191. display: block;
  192. float: left;
  193. width: 100%;
  194. }
  195.  
  196.  
  197. /* zoekveld */
  198.  
  199. input#edit-submit {
  200. background-color: #000000;
  201. border: none;
  202. color: white;
  203. font-size: 10px;
  204. padding: 17px 35px;
  205. text-transform: lowercase;
  206. font-weight: bold;
  207. margin-left: 5px;
  208. font-size: 10px;
  209. text-transform: uppercase;
  210. margin-top: 5%;
  211. }
  212.  
  213. input#edit-keys.form-search {
  214. background-color: white;
  215. padding: 15px 60px;
  216. border: none;
  217. margin-left: 15%;
  218. margin-top: 5%;
  219. }
  220.  
  221.  
  222. /* all our services en all articles */
  223.  
  224. div.more-link a {
  225. background-color: none;
  226. border: 1px solid black;
  227. color: black;
  228. font-size: 10px;
  229. padding: 10px 15px;
  230. text-transform: uppercase;
  231. margin-top: 100px;
  232. font-weight: bold;
  233. position: relative;
  234. left: 200px;
  235. }
  236.  
  237.  
  238. /* services block */
  239.  
  240. .block.block-views.block-views-blockservices-block-1 {
  241. background-color: white;
  242. padding-top: 5%;
  243. padding-bottom: 5%;
  244. }
  245.  
  246. .block.block-views.block-views-blockservices-block-1 {
  247. background-color: white;
  248. padding-top: 5%;
  249. padding-bottom: 5%;
  250. }
  251.  
  252.  
  253. /* woordjes aan de zijkant die we niet moeten zien */
  254.  
  255. .field.field--name-field-align-view.field--type-entity-reference.field--label-hidden.field__item {
  256. visibility: hidden;
  257. }
  258.  
  259. .field.field--name-field-background-color.field--type-entity-reference.field--label-hidden.field__item {
  260. visibility: hidden;
  261. }
  262.  
  263.  
  264. /* button opmaak */
  265.  
  266. .node-readmore a {
  267. background-color: #000000;
  268. border: none;
  269. color: white;
  270. font-size: 10px;
  271. padding: 10px 15px;
  272. text-transform: uppercase;
  273. margin-left: 20px;
  274. margin-bottom: 40px;
  275. font-weight: bold;
  276. }
  277.  
  278.  
  279. /* tekst op foto */
  280.  
  281. .text-formatted p {
  282. font-size: 13px;
  283. margin-left: 30px;
  284. width: 400px;
  285. }
RAW Paste Data