Guest User

Untitled

a guest
May 23rd, 2017
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.67 KB | None | 0 0
  1. /* FONTS IMPORT */
  2. @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
  3.  
  4. /* NIET OP MOBILE */
  5. @media only screen and (min-width: 760px)
  6. {
  7.  
  8. /* FONTS */
  9. h1, h1 a, a, .useVisitedState a:visited,a:hover, table.highlights span {
  10. font-family: 'Roboto', sans-serif;
  11. font-weight: 500;
  12. color: #000000;
  13. letter-spacing: normal;
  14. }
  15.  
  16. .fpaTitle h2, h2, h2 a, h4 {
  17. font-family: 'Roboto', sans-serif;
  18. font-weight: 300;
  19. font-size: 18px;
  20. color: #a41e39;
  21. }
  22.  
  23. .fpaTitle p {
  24. font-family: 'Roboto', sans-serif;
  25. font-weight: 500;
  26. font-size: 14px;
  27. color: #212121;
  28. }
  29.  
  30. #menu ul li a, #menu ul li.more span {
  31. font-family: 'Roboto', sans-serif;
  32. font-weight: 400;
  33. color: #ffffff;
  34. font-size: 14px;
  35. letter-spacing: normal;
  36. }
  37.  
  38. #menu .dropdown li span {
  39. color: #000000!important;
  40. }
  41.  
  42. #menu .dropdown li span:hover {
  43. color: #ffffff!important;
  44. }
  45.  
  46. #header {
  47. margin-bottom: 0;
  48. }
  49.  
  50. body, p {
  51. font-family: 'Roboto', sans-serif;
  52. font-size: 14px;
  53. color: #757575;
  54. }
  55.  
  56. /* TROEP WEG */
  57. .notificationsContainer, #menubottombar, #tracker, #true, #search .fancyButton.categoryBrowser, .fancyButton.abo, #categoryBar, #bottom, .relevancyColumn #jobs {
  58. display: none!important;}
  59.  
  60. body.hasTracker {
  61. margin: 0;
  62. }
  63.  
  64. /* FEATURED POSTS BORDERS WEG + PADDING FIX */
  65. .fpaItemsWrapper, .greyTopBorderBlock {
  66. border: none;
  67. }
  68.  
  69. .fpaItem {
  70. padding-top: 0;
  71. }
  72.  
  73. /* HOOFDACHTERGRONDKLEUR */
  74. body{
  75. background-color: #f5f5f5 !important;
  76. }
  77.  
  78. /* KLEUREN HEADER */
  79. #searchbar, #top {
  80. background-color: #a41e39;
  81. border-radius: 0;
  82. }
  83.  
  84. #menubar {
  85. background-color: #7f0f26;
  86. background-image: none;
  87. box-shadow: none;
  88. border: none!important;
  89. }
  90.  
  91. /* CONTENTAREA MATERIAL DESIGN OVERLAP */
  92.  
  93. #top {
  94. padding-bottom: 125px;
  95. }
  96.  
  97. #contentArea {
  98. margin-top: -126px;
  99. padding: 20px 20px;
  100. z-index: 2;
  101. position: relative;
  102. width: 1100px;
  103. }
  104.  
  105. #searchbar {
  106. position: relative;
  107. z-index: 1;
  108. }
  109.  
  110. /* PRODUCTINFO (#entity) SLUIT AAN OP CONTENTAREA */
  111. #entity, .pageTabsContainer, .galleryHeadingContainer {
  112. width: 1100px;
  113. margin: auto;
  114. padding: 0px 20px;
  115. background: #FFFFFF;
  116. }
  117.  
  118. #entity>div {
  119. width: 1100px;
  120. border: none;
  121. background: #FFFFFF;
  122. }
  123.  
  124. /* CONTENTAREA EN PRODUCTINFO BOX SHADOW */
  125. #contentArea {
  126. box-shadow: 0 20px 28px rgba(0,0,0,0.25);
  127. }
  128.  
  129. #entity {
  130. box-shadow: 0 -20px 28px rgba(0,0,0,0.25);
  131. }
  132.  
  133. /* FIX ARTIKELEN WIDTH NA OVERLAP */
  134.  
  135. .relevancyColumn {
  136. width: 450px;
  137. }
  138.  
  139. .entityHeader, .pageTabsContainer .pageTabs {
  140. width: 1100px;
  141. }
  142.  
  143. /* FIX SEARCH NA OVERLAP */
  144. .popup {
  145. z-index: 100;
  146. background: #ffffff;
  147. box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  148. border: none;
  149. }
  150.  
  151. /* BUTTONS */
  152. .fancyButton {
  153. border-radius: 2px;
  154. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  155. background: #a41e39;
  156. padding: 10px 16px;
  157. height: inherit;
  158. border: none;
  159. font-family: 'Roboto', sans-serif;
  160. font-weight: 500;
  161. color: #ffffff;
  162. text-transform: uppercase;
  163. text-shadow: none;
  164. }
  165.  
  166. .fancyButton:hover {
  167. background: #a41e39;
  168. }
  169.  
  170. .fancyButton:active {
  171. border: none;
  172. box-shadow: none;
  173. }
  174.  
  175. .fancyButton.close {
  176. font-weight: 500;
  177. font-size: 23px;
  178. padding: 2px;
  179. }
  180.  
  181. .fancyButton:visited {
  182. color: #ffffff!important;
  183. }
  184.  
  185. .fancyButton.clickOut {
  186. padding: 3px 16px;
  187. }
  188.  
  189. .fancyButton.clickOut::after {
  190. display: none;
  191. }
  192.  
  193. table.listing .price-score .fancyButton.clickOut {
  194. text-align: center;
  195. width: 75px;
  196. padding: 8px 0;
  197. }
  198.  
  199. #filterBackButton {
  200. height: 24px;
  201. padding: 0 5px;
  202. }
  203.  
  204. .fancyButton.back:before, .fancyButton.back:after {
  205. display: none;
  206. }
  207.  
  208. .fancyButton.back {
  209. border-radius: 2px;
  210. margin-left: -19px;
  211. }
  212.  
  213. /* MATERIAL SEARCH */
  214. .keywordSearch {
  215. border: none;
  216. }
  217.  
  218. #search input.text {
  219. background: #a41e39;
  220. box-shadow: none;
  221. }
  222.  
  223. input.text, .keywordSearch {
  224. border: none;
  225. border-radius: 0;
  226. color: #bb626b;
  227. font-family: 'Roboto', sans-serif;
  228. font-weight: 500;
  229. font-size: 15px;
  230. }
  231.  
  232. .keywordSearch:hover {
  233. border: none;
  234. border-radius: 0;
  235. }
  236.  
  237. input:focus,
  238. select:focus,
  239. textarea:focus,
  240. button:focus {
  241. outline: none;
  242. }
  243.  
  244. input::placeholder {
  245. color: #bb626b;
  246. font-family: 'Roboto', sans-serif;
  247. font-weight: 500;
  248. font-style: italic;
  249. font-size: 15px;
  250. }
  251.  
  252. .keywordSearch input.submit {
  253. background: #a41e39 url(../../g/if/v3/framework/menu_icons_v2.png) no-repeat -48px -106px;
  254. border: none;
  255. }
  256.  
  257. /* FIX REVIEWS PAGE HEADER NA BUTTONS */
  258. #header {
  259. margin-bottom: 5px;
  260. }
  261.  
  262. /* FIX WITRUIMTE ONDERKANT NA WEGHALEN FOOTER */
  263. #layout {
  264. padding: 0;
  265. }
  266.  
  267. .fpaImageContainer:before {
  268. display: none;
  269. }
  270.  
  271. .fpaMeta {
  272. display: none;
  273. }
  274.  
  275. .darkFpBlock, #categoryBrowser {
  276. border-radius: 2px;
  277. border: none;
  278. box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  279. background: #FFFFFF;
  280. padding: 10px!important;
  281. }
  282.  
  283. .frontpage #community .userReview .userReviewDescription {
  284. border-radius: 2px;
  285. border: none;
  286. box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  287. background: #FFFFFF;
  288. }
  289.  
  290. .frontpage #community .userReviewDescription .arrow {
  291. display: none;
  292. }
  293.  
  294. .pageTabsContainer {
  295. background: #FFFFFF;
  296. height: 50px;
  297. margin: auto;
  298. }
  299.  
  300. .pageTabs li {
  301. background: none;
  302. border: none;
  303. height: 50px;
  304. margin: auto;
  305. }
  306.  
  307. .pageTabs li a {
  308. font-family: 'Roboto', sans-serif;
  309. font-weight: 500;
  310. font-size: 14px;
  311. color: #000000;
  312. text-transform: uppercase;
  313. text-shadow: none;
  314. line-height: 50px;
  315. padding: 0 34px 0 0;
  316. }
  317.  
  318. .pageTabs li a:hover {
  319. color: #a41e39;
  320. }
  321.  
  322. .pageTabs li.active {
  323. height: 50px;
  324. background: none;
  325. top: 0;
  326. }
  327.  
  328. .pageTabs li.active a, .pageTabs li.active a:hover {
  329. padding-top: 0;
  330. color: #a41e39;
  331. }
  332.  
  333. #categoryBrowser div {
  334. border: none;
  335. }
  336.  
  337. #categoryBrowser .large {
  338. border: 1px solid #d9d9d9;
  339. }
  340.  
  341. #categoryBrowser li.more a {
  342. font-family: 'Roboto', sans-serif;
  343. font-weight: 500;
  344. color: #000000;
  345. text-transform: uppercase;
  346. text-shadow: none;
  347. }
  348.  
  349. #categoryBrowser li.active.more a {
  350. color: #a41e39;
  351. }
  352.  
  353. #categoryBrowser li.more:hover, #categoryBrowser li.active.more, #categoryBrowser li.more {
  354. background: #FFFFFF;
  355. border: none;
  356. }
  357.  
  358. #categoryBrowser li.more a:hover {
  359. color: #a41e39;
  360. }
  361.  
  362. #search {
  363. width: 1100px;
  364. }
  365.  
  366. #search .fancyButton {
  367. background: #FFFFFF;
  368. color: #a41e39!important;
  369. }
  370.  
  371. #search .fancyButton a:visited {
  372. color: #a41e39!important;
  373. }
  374.  
  375. #filter, .filterBlock {
  376. border-radius: 2px;
  377. border: none;
  378. box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  379. background: #FFFFFF;
  380. }
  381.  
  382. .filterOption.active {
  383. background: #FFFFFF;
  384. }
  385.  
  386. .filterBlock h4, .filterOption h4 {
  387. font-family: 'Roboto', sans-serif;
  388. font-weight: 500;
  389. font-size: 14px;
  390. color: #212121;
  391. }
  392.  
  393. .filterOption label.selected {
  394. background: #00E676;
  395. }
  396.  
  397. .sliderBar .selected {
  398. background: #00E676;
  399. }
  400.  
  401. .sliderLabel, .sliderSecondLabel {
  402. font-family: 'Roboto', sans-serif;
  403. font-weight: 500;
  404. font-size: 11px;
  405. color: #a41e39;
  406. }
  407.  
  408. .fancyButton.grey {
  409. border-radius: 2px;
  410. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  411. background: #a41e39;
  412. height: inherit;
  413. border: none;
  414. font-family: 'Roboto', sans-serif;
  415. font-weight: 500;
  416. color: #ffffff;
  417. text-transform: uppercase;
  418. text-shadow: none;
  419. }
  420.  
  421. .entityHeader .thumb {
  422. border: none;
  423. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  424. }
  425.  
  426. .galleryHeading, .galleryHeadingContainer>div {
  427. width: 1100px;
  428. margin: 0;
  429. }
  430.  
  431. .fancyButton.grey.disabled, .fancyButton.grey {
  432. border-radius: 0;
  433. }
  434.  
  435. .fancyButton.grey, .fancyButton.grey:hover {
  436. background: #FFFFFF;
  437. color: #a41e39;
  438. }
  439.  
  440. .fancyButton.grey.disabled, .fancyButton.grey.disabled:hover {
  441. background: #a41e39;
  442. color: #FFFFFF;
  443. }
Advertisement
Add Comment
Please, Sign In to add comment