Weronika77 (Talk | contribs) |
|||
(5 intermediate revisions by 2 users not shown) | |||
Line 302: | Line 302: | ||
border-top-radius: 0.4em; | border-top-radius: 0.4em; | ||
transition: background .3s ease; | transition: background .3s ease; | ||
− | text-decoration | + | text-decoration: none;} |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 357: | Line 354: | ||
position: relative; | position: relative; | ||
} | } | ||
+ | |||
+ | /* <!-- ---- mede mogelijk gemaakt door M-O-E-W-H | ||
+ | btw, M-O-E-W-H ROCKS | ||
+ | |||
+ | ---------------------------------------------- -->*/ | ||
+ | |||
@media screen and (max-width: 1320px) { | @media screen and (max-width: 1320px) { | ||
.dropdown-content a { | .dropdown-content a { | ||
Line 507: | Line 510: | ||
} | } | ||
− | .navbartu.responsive {position: | + | .navbartu.responsive {position: fixed;} |
.navbartu.responsive .icon { | .navbartu.responsive .icon { | ||
position: absolute; | position: absolute; | ||
Line 571: | Line 574: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
+ | p{ | ||
+ | font-size:medium; | ||
+ | } | ||
} | } |
Latest revision as of 05:05, 14 December 2019
.centerjustify a { color: #0072B2; }
.centerjustify2 a { color: #0072B2; }
.centerjustify a:visited { color:#0072B2; } .centerjustify2 a:visited { color:#0072B2; }
#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink { display:none; }
/Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone/ #top_menu_14 { box-sizing: initial; } td a{ padding-right: 0px !important; }
.subttt{color: white !important;} a.subtt { color: white !important; } a.subtt:hover { color: #4a90e2 !important; }
/* general font */ * { font-family: "Trebuchet MS", Helvetica, sans-serif; }
/* menu bar */ .navbartu { z-index: 1; background-color: rgba(2,2,2,0.5); top:16px; width:100%; position:fixed;
} .floatingNav { box-shadow: 0px 1px 10px #999; } .navbartu a { float: left; display:block; font-size: 16px; color: black; text-align: center; padding: 14px 16px; text-decoration: none;
} .navbartu .test { font-size: 16px; color: white; text-align: center; padding: 25px 16px; text-decoration: none; }
.navbartu .social{ float:right; padding: 22px 4px; }
.dropdowntu { float: left;
}
.dropdowntu .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 25px 16px; background-color: inherit; font-family: inherit; margin:0px; text-decoration: none;
}
.navbartu a:hover, .dropdowntu:hover .dropbtn { background-color: rgba(2,2,2,0.2); text-decoration:none; color:#FFFFFF; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;
}
.dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
.dropdown-content a:hover { background-color: #ddd; text-decoration:none; color:#000000; }
.dropdowntu:hover .dropdown-content { display: block; text-decoration:none; } .navbartu .icon { display: none; padding:25px; }
/* */ .Banner{ background: linear-gradient( rgba(188, 233, 246,1), rgba(233, 248, 252,0.1)); background-repeat: no-repeat; background-size:100% 100%; width:100%; }
img.banneroh { width:60%; }
/* */ .reftu { font-size: 14px; } .reftu a:link { color:black; background-color:transparent; text-decoration: none; } .reftu a:hover { color: #00A6D6; background-color: transparent; text-decoration: none; }
/* */ #myBtn { display: none; /* Hidden by default */ position: fixed; /* Fixed/sticky position */ bottom: 20px; /* Place the button at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 99; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: white; /* Set a background color */ opacity: 0.65; cursor: pointer; /* Add a mouse pointer on hover */ padding: 10px; /* Some padding */ border-radius: 10px; /* Rounded corners */ }
#myBtn:hover { background-color: #def4fa; /* Add a background on hover */ opacity: 0.8; }
#logo { height:40px;}
#social { height:25px;} /* */
.main { padding:16px; margin-top: 60px; height:1500px; }
body { background-color: #f8fcfe; background-position: 0% 15%; background-repeat: repeat; background-size: 50%; }
body { font-size:19px; } .centerjustify { margin-left: auto; margin-right: auto; width: 60%; margin-top: 60px; margin-bottom: 60px; text-align: justify; }
.centerjustify2 { margin-left: auto; margin-right: 10%; width: 60%; margin-top: 60px; margin-bottom: 60px; text-align: justify; } /* */
figcaption{ text-align: left; font-size:13px; } .imagetu { width:60%; }
#tabletu { background-color: transparent; border-collapse: collapse; text-align: left; }
#tabletu td, #customers th { border: 3px solid #f8fcfe;; padding: 8px; }
#tabletu th { padding: 8px; text-align: left; border: 3px solid #f8fcfe;; background-color: rgba(0,110,167); color: white;
} #tabletu tr:nth-child(odd) { background-color: rgba(2,2,2,0.1); }
ul#rondje {
list-style-type: circle;
}
/* */ div.ex2 { overflow-x:auto; } .toggle{ margin-left:0px; } ul.accordion { list-style: none; padding: 0; margin:0;
}
ul.accordion .inner { padding: 10px; overflow: hidden; display: none; list-style: none; }
ul.accordion li { margin: .5em 0; font-weight: 300; }
ul.accordion li a.toggle {
display: block; background: rgba(0,114,178, 1); color: #fefefe; padding: .75em; padding-left: 50px; border-top-radius: 0.4em; transition: background .3s ease; text-decoration: none;} }
ul li a.toggle:hover { background: rgba(0,114,178, 0.75);
} .boxxx{ border: 1px solid #888888; box-shadow: 2.5px 5px rgba(136, 136, 136,0.8); border-top-style:none;}
/* ===== sub tab nav bar ===== */ .subnavbtn2x {
font-size: 16px; border: none; outline: none; color: white; background-color: inherit; font-family: inherit; margin: 0px; padding:0px;
}
.subnav-content2x {
display: none; position: absolute; background-color: #f9f9f9; margin-left: 1px; top: 1%; left: 100%; min-width: fit-content; z-index: 1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.subnav-content2x a {
float: left; text-decoration: none; display: block; text-align: left;
}
.navbartu .subnav-content-subnav:hover .subnav-content2x {
display: block;
}
.subnav-content-subnav{
position: relative;
}
/* */
@media screen and (max-width: 1320px) { .dropdown-content a { font-size: 15px; } .navbartu .test {font-size:15px; padding: 24px 15px;} .navbartu .dropbtn{font-size:15px; padding: 24px 15px;} #logo{height:37px;} #social{height:21px;} body{font-size:18px; }
} @media screen and (max-width: 1220px) { .dropdown-content a { font-size: 14px; } .navbartu .test {font-size:14px; padding: 23px 14px;} .navbartu .dropbtn{font-size:14px; padding: 23px 14px;} .navbartu .social{ padding: 21px 4px; } #logo{height:34px;} #social{height:18px;}
body{font-size:17px; } }
/* */
.affix { top: 30%; left: 5%;
}
ul.nav-pills {
top: 20%; left: 4%; position:fixed;
font-size:medium; } .nav-pills>li>a {
display: block; color: rgba(0,114,178, 1)!important; padding: .5em; border-radius: 0.2em; transition: background .3s ease; text-decoration: none;
}
.nav-pills>li>a:hover {
display: block; background: rgba(2, 2, 2,0.1); padding: .5em; border-radius: 0.2em; transition: background .3s ease; text-decoration: none;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #fff; display: block; background: rgba(0,114,178, 1); color: #fefefe!important; padding: .5em; border-radius: 0.2em; transition: background .3s ease; text-decoration: none;
}
@media screen and (max-width: 1140px) { .dropdown-content a { font-size: 13px; } .navbartu .test {font-size:13px; padding: 22px 13px;} .navbartu .dropbtn{font-size:13px; padding: 22px 13px;} .navbartu .social{ padding: 20px 4px; } #logo{height:31px;} #social{height:15px;} body{font-size:16px; } }
@media screen and (max-width: 1060px) { .dropdown-content a { font-size: 12px; } .navbartu .test {font-size:12px; padding: 21px 12px;} .navbartu .dropbtn{font-size:12px; padding: 21px 12px;} .navbartu .social{ padding: 18.5px 4px; } #logo{height:28px;} #social{height:12px;} body{font-size:15px; }
} @media screen and (max-width: 980px) { .dropdown-content a { font-size: 11px; } .navbartu .test {font-size:11px; padding: 20px 11px;} .navbartu .dropbtn{font-size:11px; padding: 20px 11px;} .navbartu .social{ padding: 16.5px 4px; } #logo{height:24px;} #social{height:9px;} body{font-size:14px; }
}
@media screen and (max-width: 900px) { .dropdown-content a { font-size: 10px; } .navbartu .test {font-size:10px; padding: 19px 10px;} .navbartu .dropbtn{font-size:10px; padding: 19px 10px;} .navbartu .social{ padding: 15px 4px; } #logo{height:21px;} #social{height:8px;} body{font-size:13px; } }
@media screen and (max-width: 800px) { .navbartu a:not(:first-child), .dropdowntu .dropbtn { display: none; } .navbartu a.icon { float: right; display: block; }
.navbartu.responsive {position: fixed;} .navbartu.responsive .icon { position: absolute; right: 0; top: 0; } .navbartu.responsive a { float: none; display: block; text-align: left; }
.navbartu.responsive .dropdowntu {float: none;} .navbartu.responsive .dropdown-content {position: relative;} .navbartu.responsive .dropdowntu .dropbtn { display: block; width: 100%; text-align: left; }
.dropdown-content a {font-size: 16px;} .navbartu .test {font-size:16px;} .navbartu .dropbtn{font-size:16px;} #logo {height:40px;} #social {height:25px;} .centerjustify {width: 85%;} .imagetu { width:100%; } figure{margin:0px 0px}
#myScrollspy { display:none; } .centerjustify2 { margin-left: auto; margin-right: auto; width: 70%; margin-top: 60px; margin-bottom: 60px; text-align: justify; } body{font-size:12px; }
img.banneroh { width:100%; }
.centerjustify { margin-left: auto; margin-right: auto; width: 90%; margin-top: 60px; margin-bottom: 60px; text-align: justify; }
.centerjustify2 { margin-left: auto; margin-right: auto%; width: 90%; margin-top: 60px; margin-bottom: 60px; text-align: justify; }
p{ font-size:medium; }
}