SHARE
TWEET

hi Noor!!

a guest Oct 21st, 2019 59 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
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