{"sections":[{"urls":[],"urlPrefixes":[],"domains":["webwereld.nl"],"regexps":[],"code":"@namespace url(http://www.w3.org/1999/xhtml);\n/*   Color My WebWereld - Blauw (FF4)\r\n   - Nu met extra bling danzkij CSS3. -\r\n     Wit is wit, maar wit leest niet lekker. */\r\n\r\n/* Achtergrond donker maken. Met gradient effect. */\r\n#canvas {\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(54,77,89) 34%,\r\n    rgb(87,142,169) 80%\r\n) !important;\r\n}\r\n\r\n/* Restyling: Menubar. */\r\n/* Bovenbar */\r\ndiv#header ul#mainMenu, div#header ul#mainMenu li a {\r\ncolor: #fff !important;\r\ntext-decoration: none !important;\r\nborder-top-left-radius: 8px !important;\r\nborder-top-right-radius: 8px !important;\r\nbackground-position: 0% 0% !important;\r\nbackground-clip: content-box !important;\r\nbackground-origin: border-box !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(144,191,211) 34%,\r\n    rgb(85,140,168) 80%\r\n) !important;\r\n}\r\n/* Bovenbar - hover FX */\r\ndiv#header ul#mainMenu li a:hover, ul#mainMenu li a.active, div#header ul#mainMenu li.menu_home a:hover, ul#mainMenu li.menu_home a.active {\r\nbackground-position: 0% 0% !important;\r\nbackground-clip: padding-box !important;\r\nbackground-origin: border-box !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(115,153,171) 34%,\r\n    rgb(51,93,112) 80%\r\n) !important;\r\n}\r\n\r\n/* Onderbar */\r\nul#subMenu {\r\nborder-bottom-right-radius: 8px !important;\r\nborder-bottom-left-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(209,209,209) 34%,\r\n    rgb(252,252,252) 80%\r\n) !important;\r\n}\r\n/* Zoekknop onderbar */\r\nul#subMenu li.search input.buttonSearch {\r\nborder-radius: 6px !important;\r\npadding: 2px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(85,140,168) 34%,\r\n    rgb(144,191,211) 80%\r\n) !important;\r\n}\r\n\r\n/* Restyling Broodkruimels */\r\nul#breadCrumb {\r\npadding: 4px !important;\r\nmargin: 4px 0px !important;\r\nbackground-color: #cfecf9 !important;\r\nborder-top-right-radius: 8px !important;\r\nborder-bottom-right-radius: 8px !important;\r\n}\r\n\r\n/* Kleur van de letters van de headers. */\r\n#rightColumn h3, #articleTools h3, .inlineVideoPanel h3, div#latestComments h3, div#relatedContent h3, div#newsList h3, div#googleAds h3, #accountPanel h3, div#otherNews h3, #sponsoredLinks h3, #articleForm h3, div#popularNews h3, #category_last-item h3, #hot_topics h3, div#poll h3, div.firstColumn h3, #blogForm h3, #articleList h3, #relatedMultimediaWrapper h3, #pollsList h3, #whitepaperToplist h3, #computerworld_home h3, #hot_topics h4, #hot_topics h5, div.blogIntro h1, div#article h1, #articleList .new_listing h3, #latestComments .new_listing h3, #relatedContentLists li h5, div#relatedContent ul#relatedContentLists h5 {\r\nfont-weight: bold !important;\r\ncolor: #2e506c !important;\r\n}\r\n/* Restyling diverse headers - grijze gradient achtergrond, met ronde hoeken. */\r\n#rightColumn h3, #articleTools h3, .inlineVideoPanel h3, div#latestComments h3, div#relatedContent h3, div#newsList h3, div#googleAds h3, #accountPanel h3, div#otherNews h3, #sponsoredLinks h3, #articleForm h3, div#popularNews h3, #category_last-item h3, #hot_topics h3, div#poll h3, div.firstColumn h3, #blogForm h3, #articleList h3, #relatedMultimediaWrapper h3, #pollsList h3, #whitepaperToplist h3, #computerworld_home h3, #articleList .new_listing h3, #latestComments .new_listing h3, #relatedContentLists li h5 {\r\nbackground-color: #fff !important;\r\nbackground-position: 0% 0% !important;\r\nbackground-clip: padding-box !important;\r\nbackground-origin: border-box !important;\r\nborder-top-right-radius: 8px !important;\r\nborder-top-left-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(252,252,252) 34%,\r\n    rgb(209,209,209) 80%\r\n) !important;\r\n}\r\n\r\n/* Restyling account paneel */\r\n#accountPanel h3 {\r\nborder-top-right-radius: 8px !important;\r\nborder-top-left-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(252,252,252) 34%,\r\n    rgb(209,209,209) 80%\r\n) !important;\r\n}\r\n\r\n#accountPanel h3 {\r\nbox-shadow: inset 2px 2px 4px #666666 !important;\r\n}\r\n#accountPanel {\r\nbox-shadow: inset 2px 2px 4px #666666 !important;\r\nborder-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(85,140,168) 34%,\r\n    rgb(144,191,211) 80%\r\n) !important;\r\n}\r\n#accountPanel .status {\r\nbackground-color: transparent !important;\r\n}\r\n\r\n/* Restyling Poll */\r\n#pollwrapper h3 {\r\ntext-transform: uppercase !important;\r\n}\r\n#pollwrapper, #pollwrapper h3, #pollwrapper h4 {\r\ncolor: #000 !important;\r\nbackground: none transparent !important;\r\n}\r\n#pollwrapper {\r\nborder: 1px solid rgb(207,236,249) !important;\r\nborder-radius: 8px !important;\r\nbox-shadow: 4px 4px 6px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(207,236,249) 34%,\r\n    rgb(240,247,250) 80%\r\n) !important;\r\n}\r\n\r\n/* Meeste knoppen (zoeken, stem, tussenstand, etc.) in een andere kleur */\r\nfieldset#newsletter input.newsLetterButton, #articleForm input.newsLetterButton, .bestelbtn, #phonesubmit, fieldset.profession input.button, fieldset.interest input.button, fieldset.privacy input.button, input.button  {\r\nborder-radius: 6px !important;\r\npadding: 2px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(85,140,168) 34%,\r\n    rgb(144,191,211) 80%\r\n) !important;\r\n}\r\n\r\n\r\n/* Restyling 'Meest (...)' overzicht */\r\n#summaryWrapper {\r\nbackground-color: transparent !important;\r\n}\r\n.popularNewsCategory li {\r\nbackground-color: #ddf1f9 !important;\r\n}\r\n#summaryWrapper ul .listHeader {\r\nborder: 1px solid #90bfd3 !important;\r\nbackground-color: #90bfd3 !important;\r\nborder-top-left-radius: 8px !important;\r\nborder-top-right-radius: 8px !important;\r\n}\r\n#summaryWrapper ul .last  {\r\nborder-bottom-left-radius: 8px !important;\r\nborder-bottom-right-radius: 8px !important;\r\n}\r\n\r\n\r\n/* Restyling footer */\r\nul#footerLinks, ul#footerLinks li {\r\nborder-bottom: 0px !important;\r\nborder-top-left-radius: 8px !important;\r\nborder-top-right-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(85,140,168) 34%,\r\n    rgb(144,191,211) 80%\r\n) !important;\r\n}\r\n/* Footer/copyright restyling */\r\nul#copyRight {\r\nborder-bottom-left-radius: 8px !important;\r\nborder-bottom-right-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(144,191,211) 34%,\r\n    rgb(85,140,168) 80%\r\n) !important;\r\n}\r\n\r\n/* Artikelen, blogposts, reacties, etc. - zwarte letters; beter contrast, betere leesbaarheid. */\r\n#articleText, .articleComment, .articleComment h2, div.blogText, p.date, div#latestComments ul li h4 span, div#jobList ul.jobListCategory li h4, div#securityMedia ul li h4, div#popularNews ul.popularNewsCategory li h4 {\r\ncolor: #000 !important;\r\n}\r\n\r\n/* Vormgeving van de reacties. */\r\n/* De reacties zelf: Kop, body en footer. */\r\n/* Eerst even wat rommel opruimen. */\r\n.articleComment {\r\nbackground-image: none !important;\r\n}\r\n/* Kop van de reactie. */\r\n.articleComment h2 {\r\nborder-top: 1px solid #6b95bf !important;\r\nborder-left: 1px solid #6b95bf !important;\r\nborder-right: 1px solid #6b95bf !important;\r\nborder-bottom: 1px solid #c8e4f4 !important;\r\nborder-top-left-radius: 8px !important;\r\nborder-top-right-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(200,228,244) 80%,\r\n    rgb(255,255,255) 100%\r\n) !important;\r\n}\r\n/* Inhoud van de reactie. */\r\n.articleBody {\r\nbackground-color: #fbfbfb !important;\r\nborder-left: 1px solid #6b95bf !important;\r\nborder-right: 1px solid #6b95bf !important;\r\n}\r\n/* Footer van de reactie. */\r\nul.articleFooter {\r\nborder-top: 0px !important;\r\nborder-left: 1px solid #6b95bf !important;\r\nborder-right: 1px solid #6b95bf !important;\r\nborder-bottom: 1px solid #6b95bf !important;\r\nborder-bottom-left-radius: 8px !important;\r\nborder-bottom-right-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    #c8e4f4 5%,\r\n    #fbfbfb 15%\r\n) !important;\r\n}\r\n/* Fix voor comment footer. */\r\nli.footerEnd {\r\ndisplay: none !important;\r\nvisibility:  hidden !important;\r\nborder-right: 0px !important;\r\n}\r\n\r\n/* Vormgeving van citaat in comment */\r\n.articleComment q {\r\nbackground-color: #fefff0 !important;\r\nborder-radius: 8px !important;\r\nbox-shadow: 2px 2px 2px #333 !important;\r\n}\r\n\r\n/* Bewerken van je reactie - restyling. */\r\n.inplace_field {\r\nbackground-color: #fffbd9 !important;\r\npadding: 4px !important;\r\nborder-radius: 8px !important;\r\n}\r\nul.articleFooter li {\r\nfont-size: x-small !important;\r\n}\r\n\r\n/* Vormgeving van de reacties, WebWereld Blog. */\r\n/* Kop van de Blogreactie */\r\n.blogComment h2 {\r\npadding-top: 4px !important;\r\ncolor: #2e506c !important;\r\nbackground-image: none !important;\r\nborder-top: 1px solid #6b95bf !important;\r\nborder-left: 1px solid #6b95bf !important;\r\nborder-right: 1px solid #6b95bf !important;\r\nborder-bottom: 1px solid #c8e4f4 !important;\r\nborder-top-left-radius: 8px !important;\r\nborder-top-right-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    rgb(200,228,244) 80%,\r\n    rgb(255,255,255) 100%\r\n) !important;\r\n}\r\n/* Inhoud van de Blogreactie. (Is al geregeld in de artikel reactie vormgeving.) */\r\n.blogComment .articleBody {\r\n}\r\n/* Footer van de Blogreactie. */\r\n.blogComment .footer {\r\nmargin-bottom: 4px !important;\r\nborder-top: 0px !important;\r\nborder-left: 1px solid #6b95bf !important;\r\nborder-right: 1px solid #6b95bf !important;\r\nborder-bottom: 1px solid #6b95bf !important;\r\nborder-bottom-left-radius: 8px !important;\r\nborder-bottom-right-radius: 8px !important;\r\nbackground-image: -moz-linear-gradient(\r\n    center bottom,\r\n    #c8e4f4 10%,\r\n    #fbfbfb 60%\r\n) !important;\r\n}\r\n\r\n\r\n/* Reactieformulier restyling */\r\n#articleForm {\r\nmargin-top: 4px !important;\r\n}\r\n#articleForm form textarea, #blogForm form textarea, .inplace_field  {\r\nbox-shadow: inset 2px 2px 4px #333 !important;\r\n}\r\n\r\n/* Links: Betere kleuren en duidelijkere activiteit */\r\na {\r\ncolor: #2e506c !important;\r\ntext-decoration: underline !important;\r\n}\r\na:hover {\r\ncolor: #c00 !important;\r\ntext-decoration: none !important;\r\n}\r\n\r\n/* Links: Die net even anders moeten. */\r\n/* Links van artikelen en blogposts. */\r\n#mainArticle h2 a, #blogPanel h3 a, div.blogIntro h1 a {\r\nfont-weight: bold !important;\r\ntext-decoration: none !important;\r\n}\r\n/* Links in de onderbar en de footer zonder onderlijning. */\r\nul#subMenu li a, ul#footerLinks li a, ul#copyRight a {\r\ntext-decoration: none !important;\r\n}\r\n/* Witte links die wit moeten blijven. */\r\n#accountPanel p a, ul#footerLinks li a, ul#copyRight a {\r\ncolor: #fff !important;\r\n}\r\n/* Witte links krijgen wel een hover-effect mee. */\r\n#accountPanel p a:hover, ul#footerLinks li a:hover, ul#copyRight a:hover {\r\ncolor: #f00 !important;\r\ntext-decoration: none !important;\r\n}\r\n\r\n/* Andere pagina's bij de restyling betrekken. */\r\n/* WebWereld sponsor pagina's 'Pro Zone' */\r\nspan.neomaxTag {\r\nbackground-color: #578ea9 !important;\r\npadding: 2px !important;\r\nborder-top-right-radius: 8px !important;\r\nborder-bottom-right-radius: 8px !important;\r\n}\r\nspan.neomaxTag span {\r\ncolor: #fff !important;\r\n}\r\n.neomaxVacation a, .neomaxVacation a:hover {\r\ncolor: #fff !important;\r\n}\r\n.neomaxVacation a:hover {\r\ntext-decoration: none !important;\r\n}\r\n\r\n/*  */\r\ndiv#popularNews ul.popularNewsCategory {\r\nbackground-image: none !important;\r\n}\r\n\r\n/* Diverse fixes. */\r\n/* 'Nieuwste banen' heeft lelijke vormgeving, even herstellen.\r\n    En ook even een extra accent meegeven. */\r\n#topbanen ul li, #jobs ul li, #pressreleases ul li, #whitepaperToplist ul li {\r\nbackground-image: none !important;\r\n}\r\n#topbanen {\r\nborder-bottom-left-radius: 8px !important;\r\nborder-bottom-right-radius: 8px !important;\r\n}\r\n#topbanen, .jobicon {\r\nbackground-color: #efeefc !important;\r\n}\r\n/* Fix voor headers van 'Laatste reacties' \u0026 'Ander nieuws' */\r\n#articleList .new_listing, #latestComments .new_listing, #relatedContentLists li {\r\nbackground-image: none !important;\r\nmargin-top: 4px !important;\r\n}\r\n/* Fix voor bepaalde knoppen. */\r\ndiv#pressreleases a.button, div#otherNews a.button, .btnText  {\r\ncolor: #fff !important;\r\ntext-decoration: none !important;\r\n}"}],"url":"http://userstyles.org/styles/45539","updateUrl":"https://userstyles.org/styles/chrome/45539.json","md5Url":"https://update.userstyles.org/45539.md5","originalMd5":"0bd15edcc06a4713e05769bacc94e781","name":"Color My WebWereld - Blauw (FF4)","thumbnail":"https://userstyles.org/style_screenshots/45539_after.jpeg?r=1777579242"}