>>>> DITJES EN DATJES li.tooltip {outline:none;} li.tooltip strong {line-height:30px;} li.tooltip:hover {text-decoration:none;} li.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-15px; margin-left:28px; width:300px; line-height:16px; } li.tooltip span img{ margin-top:-20px; } li.tooltip:hover span{ display:inline; position:absolute; color:; border:1px solid ; background:;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-11px;} /* #DCA #fffAF0 CSS3 extras*/ li.tooltip span { border-radius:4px; box-shadow: 5px 5px 8px #CCC; } a.insertlink{ width:15px;height:15px;background: url('https://favorietje.nl/images/plus1.png');background-size: 15px 15px;background-repeat: no-repeat;text-indent: 50px;overflow: hidden;display: block;float:left;margin-top: 2px;} a.insertlink:hover{background: url('https://favorietje.nl/images/plus2.png');background-size: 15px 15px;background-repeat: no-repeat;} a.deletelink{width:15px;height:15px;background: url('https://favorietje.nl/images/verwijder1.png');background-size: 15px 15px;background-repeat: no-repeat;text-indent: 50px;overflow: hidden;display: block;float:left;margin-top: 2px;} a.deletelink:hover{background: url('https://favorietje.nl/images/verwijder2.png');background-size: 15px 15px;background-repeat: no-repeat;} a.editlink{width:15px;height:15px;background: url('https://favorietje.nl/images/bewerken1.png');background-size: 15px 15px;background-repeat: no-repeat;text-indent: 50px;overflow: hidden;display: block;float:left;left:15px;margin-top: 2px;} a.editlink:hover{background: url('https://favorietje.nl/images/bewerken2.png');background-size: 15px 15px;background-repeat: no-repeat;} li a.normallink{} jQuery( document ).ready(function() { jQuery( "a" ).removeAttr("title"); }); .mobilenav { position:relative; z-index:1; margin:0 auto; float:right!important; width:35px!important; height:35px!important; border-radius:6px; top:10px; } .mobilenav span { position:relative; Font-size:25px; Top:5.2px; Left:6.8px; Color:white; } @media (max-width:479px) { html>body #container { width:94%!important; margin-left:1%!important; } } /***************************** basiselement ****************************/ html, body { /*height: 100%;*/ } html>body #container { height: auto; } @media (min-width:480px) { html>body #container { /*width:86%!important; */ margin-left:auto!important; margin-right:auto!important; } } /***********************************************************************/ /****************************** style **********************************/ /***************************** PAGE BACKGROUND ****************************/ body { margin: 0; padding: 0; background: ; } /***************************** FONTS ****************************/ body, div, p, th, td, li, dd { font-family : Calibri, sans-serif!important; font-size: 14px; line-height:22px; color:; } h1 { font-size: 140%; font-weight: bold; color: black; margin-top: 0px; margin-bottom: 5px; } /***************************** HEADER ****************************/ img#toplogoheader { max-height: 75px; max-width:calc(100% - 35px); margin-top:10px; margin-bottom:0.8em; } @media (max-width:997px) { img#toplogoheader { margin-bottom:0; } } /***************************** NAVIGATION ****************************/ #title { text-align:center; clear: both; } #title a { color: !important; font-size:16px!important; border:6px solid ; text-align:center!important; text-transform:uppercase; text-decoration:none; font-weight:600!important; padding:0.8em 0.4em; } #title a:hover { /*Background: #ad1b11; Color:#fff!Important; */ } .mobilenav { Background-color: !important; } .mobilenav .fa { Color:!important; } @media (min-width:997px) { #title { float:none; width:120%!important; margin-left:-10%!important; } } @media (max-width:997px) { #title { Height:auto!important; position:relative; width:100%!important; z-index:1; } #title a { width: 100%!important; line-height:30px; float:none!important; border-bottom: 2px solid ; color: !important; display:block!important; padding:0.4em 0.2em!important; } nav a:last-of-type{ border-bottom: 6px solid !important; } #title a:hover { /*background-color: #ad1b11!important; color:#fff!important; */ } } /***************************** COLUMNS ****************************/ @media (min-width: 2000px) { #colLeft { column-count: 5 !important; } } @media (max-width: 2000px) and (min-width: 1398px) { #colLeft { column-count: 4 !important; } } @media (max-width: 1398px) and (min-width: 1100px) { #colLeft { column-count: 3 !important; } } @media (max-width: 1100px) and (min-width: 992px) { #colLeft { column-count: 3 !important; } } @media (max-width: 992px) and (min-width: 686px) { #colLeft { column-count: 2 !important; } } @media (max-width: 686px) { #colLeft { column-count: 1 !important; } } /***************************** BLOCKS ****************************/ #threeColumns .block { width: 96%!important; margin-left:2%; display: inline-block; margin-bottom:4px!important; margin-top:4px!important; color: ; } #threeColumns { Width:92%!important; Padding:4%!important; } /***************************** BLOCK HEADS ****************************/ .block .head a, .block h2, .block .head { font-size:16px!important; Color: !important; Text-transform:uppercase; font-family: arial, sans-serif; padding:0.05em; text-align:center; } .block .head { Text-transform:uppercase; background: ; color:!important; } .block .head a:hover { Text-decoration:underline; } div.block .hc1, div.block .hc1 h2{ background-color: ;} div.block .hc2, div.block .hc2 h2{ background-color: ;} div.block .hc3, div.block .hc3 h2{ background-color: ;} div.block .hc4, div.block .hc4 h2{ background-color: ;} #hrfooter, #hrfooter a{ color: ; } /***************************** BLOCK LINKS ****************************/ .block .main { overflow: hidden; /*margin-top:-1em; padding-top:1.6em!important; */ border:2px solid ; padding-bottom:0.8em; } .main li { /*width: 220px; height: 18px;*/ overflow: hidden; color:!important; padding-top:0.6em; } @media (max-width:997px) { .main li { Padding-top:0px!important; Padding-bottom:0px!important; } } .block li a { Text-decoration:none!important; Color:!important; Text-align:left; Font-size:14px; Line-height:26px; } .block li a:hover { /*Font-weight:600!important; Color:#222!important; Text-decoration:underline!important; */ } .tooltip span { Color:!important; } .arrow { Height:8px!important; Display:inline-block!important; Margin-top:4px!important; Float:none!important } /***************************** BUTTONS ****************************/ form a, form a visited { color:#ad1b11!important; padding:0.8em; background:#fff; font-weight:600!important; text-decoration:none; } form a:hover { color: #fff!important; background: #ad1b11!important; } @media (max-width:397px) { form a { display:block; } } .btn-success { background: #ad1b11!important; color: #fff!important; Border-color: #ad1b11!important; } .btn-success:hover { Color:#fff!important; background: #000!important; border-color: #000!important; } p { margin-top: 2px; } .main ul li:hover { cursor:pointer; } #column4 { float:right; width: 196px; padding-left: 6px; } #container { position: relative; min-height: 100%; height: 100%; margin: 0 auto; voice-family: ""; /*voice-family: inherit;background-image:url(images/background.jpg); background-repeat:no-repeat; background-position:center top;*/ } #contentholder { margin-top: 0px; border:6px solid #058284; } #contentholder { Width:100%; } #contentholder { max-width:100%!important; Min-width:100%!important; } #contentholder_content_left { float:none; max-width:98%!important; width:98%!important; background: ; margin:1%!important; } #contentholder_content_left p, #contentholder_content_left a, #contentholder_content_left table.formtable td { Color:!important; } #contentholder_content_left form a { Color: #ad1b11!important; } #contentholder_content_left form a:hovr { Color:#fff!important; } #contentholder_content_right { width:202px; float:right; } .breaker { clear:both; } #colLeft { -moz-column-gap: 10px !important; -webkit-column-gap: 10px !important; column-gap: 10px !important; } #colCenter { float:none; width: 232px; padding: 0px 3px 0px 3px; } #colMiddle { float:none; width: 232px; padding: 0px 3px 0px 3px; } #colRight { float:none; width: 232px; /* padding-left: 3px;*/ padding: 0px 3px 0px 3px; } .colLeft{ } #colRight1 { float:none; width: 246px; padding-left: 3px; } form { width:100%!important; } .formtable { Margin-top:1.5em!important; } .tdlink { text-align: center; } .blockHolder { border: 1px dotted #a9a9a9; margin: 0px 0px 5px 0px; background-color: white; } #bottom { margin-top:2em; } A:hover { /*Color: #ffd119;*/ } .block div.ad { margin: 3px 4px; padding-left: 0px; } /* deze definition is om te voorkomen dat het blok te breed wordt en daardoor een kolom verspringt. */ #colLeft .block .main, #colCenter .block .main, #colRight .block .main, #colRight1 .block .main { } .block .main ul { list-style-type: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; } .block .textblock ul { list-style-type: disc; margin-top: 0px; margin-bottom: 0px; margin-left: 10px; padding-left: 10px; } /*#content { padding-top:10px; width:470px; margin-left:195px; margin-right:30px }*/ #contentimage { /*wordt gebruikt in publishers*/ margin-right: 3px; } #content_FULL { padding-top:130px; width:1002px; } #bottom { width:750px; margin:0px auto; clear:none; float:none; } #footer { position: absolute; bottom: -45px; text-align: center; width: 100%; height: 50px; line-height: 50px; /*background-image:url(images/footer.jpg);background-position:center top;background-repeat:no-repeat;*/ } #hrfooter { margin: 0 auto; margin-top:2em!important; width: 95%; border-top: solid 1px gray; } .l_extra { color: #FEB92E; } .block .main li:before { /*content: "?";*/ border-color: ; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: inline-block; margin-bottom: 0.1em; /*position: relative;*/ } #column4 { overflow:hidden; } .normallink{ Text-align:center; } .boldlink{ font-weight: bold; } .leftheader{ } a.deletelink{ font-weight: bold; } a.editlink{ font-weight: bold; } a.insertlink{ font-weight: bold; } a.yourlink{ font-weight: bold; } a.backlinklink{ font-weight: bold; } .cattable,.rencattable{ font-family: verdana; font-size: 11px; } .cattable td{ border: 1px solid #000000; } .catth,.rencatth{ padding: 3px; border: 1px solid #000000; background: #DDDDDD; } .cattd,.rencattd{ padding: 3px; border: 1px solid #000000; background: #EEEEEE; } .cattd_selected{ padding: 3px; border: 1px solid #000000; background: #AAAAFF; } .cattdaccent,.rencattdaccent{ padding: 3px; border: 1px solid #000000; background: #CCCCCC; } .cattdaccent_selected{ padding: 3px; border: 1px solid #000000; background: #AAAADD; } .morelinks{ font-weight: bold; font-style: italic; } @media (max-width: 2000px) and (min-width: 1398px) { .visible-desktop { display: inherit !important; } } .np, #frame, header, #zoeken input[type=text], #zoeken button, nav a, .aanafmelden-vak input[type=text], .aanafmelden-vak input[type=password], #profiel-vak .tool-title { box-sizing: border-box; ms-box-sizing: border-box; webkit-box-sizing: border-box; moz-box-sizing: border-box; -moz-box-sizing: border-box; } .one-cell { display: none; } header #datumtijd { position: relative; right: 17px; top: 28px; right: 0px; text-align: center; color: #fff; font-size: 24px; float:right; } .adverts { text-align:center; margin:0 auto; width:auto; min-height:250px; /*max-width:314px;*/ /*max-width:314px;*/ } input, select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.normallink{ display: inline-block; width: calc(100% - 15px); } .non-mobile-inline { display:none!important; } .form-control { border-radius:0!important; } #threeColumns { } @media (max-width: 530px) { .form-control { max-width:100%!important; } } @media (min-width:980px) { #contentholder { margin-top: 40px;} } #contentholder { width:98%!important; } @media (max-width:434px) { form { margin-top:2em; margin-bottom:1em; } input { width:100%!important; } } @media (max-width:360px) and (min-width:335px) { table.formtable td { max-width:22em; } } @media (max-width:334px) and (min-width:320px) { table.formtable td { max-width:20em; } } @media (max-width:319px) and (min-width:300px) { table.formtable td { max-width:18em; } } @media (max-width:299px) and (min-width:280px) { table.formtable td { max-width:16em; } } @media (max-width:279px) and (min-width:260px) { table.formtable td { max-width:14em; } } @media (max-width:259px) and (min-width:240px) { table.formtable td { max-width:12em; } } @media (max-width:239px) and (min-width:220px) { table.formtable td { max-width:10em; } } @media (max-width:219px) and (min-width:200px) { table.formtable td { max-width:8em; } } @media (max-width:199px) and (min-width:180px) { table.formtable td { max-width:6em; } } @media (max-width:179px) and (min-width:160px) { table.formtable td { max-width:4em; } } @media (max-width:159px) and (min-width:10px) { table.formtable td { max-width:2em; } } @media (max-width: 997px) and (min-width: 686px) { #threeColumns { -webkit-column-count:1!important; } } input { width: auto!important; } a.sbacklinklink{ color:#0000FF!important; } img#toplogoheader{ max-height: 75px; max-width:calc(100% - 35px);; margin-top:10px;} .non-mobile-inline { display:none!important; } img.arrow{display:none;visibility:hidden;} div.block div.head h2{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.block div.main li a.backlinklink, a.backlinklink, #contentholder a.backlinklink{ color: #0000FF!important; } div.block div.main .block li a.pubuserchk,a.pubuserchk, #contentholder a.pubuserchk{ color: #FF0000!important; } div.block div.main .block li a.plink,a.plink, #contentholder a.plink{ color: #000000!important; } a.deletelink, a.editlink{ margin:0!important; padding:0!important; } .header,#hrfooter, #hrfooter a,#footer a, #footer div { color: !important; }
No Risk Issues
FR
Not Applicable
$
8.95
