/* Theme Name: Stufib-2026 Theme URI: https://stufib.nl Author: Communicatie Team Author URI: https://communicatieteam.nl Description: Maatwerkthema voor Stufib (Studievereniging fib-Nederland) — beheert ledenvergaderingen, deelnemerslijsten, ledenprofielen en de Stufib-huisstijl. Version: 2.0.0 Requires at least: 6.6 Tested up to: 6.9 Requires PHP: 8.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: stufib Domain Path: /languages Tags: classic-menu, custom-logo, custom-menu, featured-images, post-formats, threaded-comments, translation-ready, two-columns This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Stufib is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- TABLE OF CONTENTS: ---------------------------------------------------------------- # Basic layout # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Basic layout --------------------------------------------------------------*/ .site-main { margin-right: 20px; } .site-content { margin-top: 20px; } .site-content .widget-area { width: 302px; float: right; } .site-footer { clear: both; width: 100%; margin-top: 20px; background-color:#d9e3e8; color:#004266; font-size: 10pt;} /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #004266; font-family: "roboto", sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: "roboto slab"} h2 { font-weight:normal;} p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } .widget-area h2 {margin:0px;} h1.site-title-fullscreen { width: 163px;float: left;padding-right: 20px;} p.intro-tekst { width: 270px; float: left; font-size: 8.2pt; font-style: italic; background-color: #773370; color: white; margin: 0px; height: 129px; padding: 9px 14px 8px 18px;} /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { background-color:#004266; border-color:#8c4883; color:#fff; height:30px; border:0px; font-family: "roboto slab" } .ledenvergadering button, .ledenvergadering input[type="button"], .ledenvergadering input[type="reset"], .ledenvergadering input[type="submit"] { background-color:#004266; border-color:#8c4883; color:#fff; height:30px; border:0px; font-family: "roboto slab" } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, input[type="submit"]:hover { background-color:#0087bf; color:#fff; } /* box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } */ .ledenvergadering input[type="reset"]:active, .ledenvergadering input[type="submit"]:active, .ledenvergadering input[type="submit"]:hover { background-color:#0087bf; color:#fff; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 0px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #8c4883; border-color: #8c4883; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; width:100%; } textarea { padding-left: 3px; width: 100%; } /* Stufib (Tom Groeneweg) toegevoegd voor aanmeldformulieren */ form, div.aanmeldingen, div.agenda, div.volgvergadering { background-color:#E5e5e5; padding: 5px 20px 20px 20px; } div.agenda { padding-top: 0; } .ledenvergadering form, div.agenda { background-color:#E4D6E2; } /*div.aanmeldingen { padding: 5px 20px 20px 20px; }*/ form p { margin-bottom: 0.2em; } .aanmeldingen form { background: none; padding: 0; } div.volgvergadering { margin-top: 5px; padding: 5px 20px 5px 20px; } div.wpcf7-response-output { margin: 1em 0 0 0; } div.wpcf7-mail-sent-ok { background-color: #0087bf; border-color: #0087bf; color: #fff; } div.wpcf7-validation-errors { background-color: #f7e700; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: royalblue; } a:visited { color: purple; } a:hover, a:focus, a:active { color: midnightblue; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a.login { float: right; padding-left: 20px;} /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ #site-navigation { height: 42px; float: right; width: 817px; padding-top: 9px; font-family: 'Roboto Slab';} .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; padding-right:34px;} .main-navigation a { display: block; text-decoration: none; color:black; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { background: #fff; padding: 10px; } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a { color:black;} /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; margin:14px; float:right;} .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .site-branding { height: 141px; margin-bottom: 20px;} #home-banner { width: 815px; float: left; height: 100%; background-image: url('images/colors.jpg'); background-size: contain;} img.header-img { width: 545px; height: 129px; float: left;} .site-title-small { display:none;} /* downloads */ .groups-download-links ul { padding: 0px; margin: 0px; list-style: none;} .groups-download-links ul li { padding:10px 0px 10px 45px; /*border-bottom: 1px solid #e5e5e5;*/ background-image: url(images/document.png); background-repeat: no-repeat; background-position: 0 0px; } .name a { font-weight: bold; text-decoration: none; color: #004266; font-size: 11pt; } .description { /*font-style: italic;*/ font-size: 11pt;} /* ledenlijst */ .ledentabel td { padding: 5px; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 0 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*---uncategorized----- -------*/ #top { background-color:#004266; height:34px;} /* homepage */ .blok { width: 302px; background-color: #e5e5e5; float:left; margin-bottom: 20px; padding: 0px 10px 0px 10px; position: relative } .blok .icon { width: 74px; float: left; margin-right: 11px; } .blok h2 { clear: inherit; margin: 11px 0 21px 0; } .blok p { width: 85%; float:left; margin:0 0 10px 0; } .blok .link-pijl { width: 30px !important; background-color: #004266; padding: 5px; position: absolute; bottom: 10px; right: 10px; } .blok .blok-img { padding: 10px 0; } .blok .blok-img img { display: block; width: 100%} .blok.vergaderblok { width: 100%; background:#E4D6E2; position: relative; } .blok.vergaderblok p { width: 100%; } .blok.vergaderblok table { margin-bottom: 0.5em; } .blok.vergaderblok td { padding: 3px; } .blok.vergaderblok .meerinfo { display:block; padding: 5px; background: #8c4883; color: #fff; text-decoration: none; position: absolute; right: 10px; bottom: 10px;} .blok.vergaderblok .meerinfo img { width: 20px !important; margin-right: 3px; vertical-align: middle; width: 100%; } .vergaderblok div { width: 320px; float:left; font-size: 0.8em; } .vergaderblok .blok-img { width: 282px; float: right; } #secondary .vergaderblok div { width: 100%; } .blok.over-stufib { float:right; } .blok.spotlightblok { width: 100%; } .blok.spotlightblok p { padding: 10px 0px 0px 0px; width: 282px; } .spotlightblok div { width: 100%; float:left; font-size: 0.8em; } /* Stufib (Tom Groeneweg) toegevoegd voor weergave agendainformatie */ .agenda div, .volgvergadering div { float: right; clear: both; } div.agenda { height: auto !important; } /* Corona-maatregel: toegevoegd om verlies hoogte door verdwijnen kaartje op te vangen voor knop agenda enzovoorts */ .agenda h2 { clear: inherit; margin: 0 0 21px 0; padding-top: 12px; } .agenda ul { list-style-type: none; margin: 257px 0 0 0; padding: 0; width: 140px !important; } /* Corona-maatregel: margin was: 257px 0 0 0 voordat kaartje door Corona verdween */ .agenda li { padding: 0; margin-bottom: 10px; color: #ffffff; width: 100%; } .agenda li a { display:block; font-family: "roboto slab"; padding: 3px 6px 4px 9px; background-color: #C893C1; color: #fff; text-decoration: none; } .agenda li a:link, .agenda li a:visited { background-color: #8c4883; } .agenda li a:hover { background-color: #C893C1; } .agenda li a img { width: 24px !important; margin: 3px 2px 0 6px; vertical-align: middle; width: 100%; float:right; } .agenda .icon { width: 74px; float: left; margin-right: 11px; } .volgvergadering { color: #778; } .volgvergadering table, tr { border: 0px; width: 100%; margin: 0px; padding: 0px;} .volgvergadering td:first-child { width: 180px; font-family: "roboto slab"; font-weight: normal; font-size: 1.1em; } aside#fpw_widget-3 { background-color: #e5e5e5;} /* footer */ .footer-stramien { width: 1000px; margin: 0px auto;} #ledenvergadering, #downloads, #overstufib { width: 25%; float: left;} .menu-over-stufib-container, .menu-downloads-container, .menu-ledenvergadering-container { width:75%;} #ledenvergadering ul, #downloads ul, #overstufib ul { margin: 0px; padding: 0px; list-style: none;} #ledenvergadering li, #downloads li, #overstufib li { border-bottom: 1px solid #004266; padding-bottom: 5px; background-image: url('images/pijl.png'); background-repeat: no-repeat; background-position: right; background-size: 18px;} #ledenvergadering a, #downloads a, #overstufib a { color: #004266; text-decoration: none; display: block;} .contact { width: 25%; float: left;} .site-info { background-color: #004266; color: white; text-align: right; height: 34px; padding-top: 5px;float: left; width: 100%;} .site-info a { color:white; text-decoration:none;} .site-footer h1 { font-size:12pt;color:#0087bf;padding-top: 20px;} /* header.entry-header { display: none; } */ #fpw_widget-2 { padding: 10px; } div#home-widgets { background-color: #e4d6e2; margin-bottom: 40px; } .masthead-small-background { display:none; } /* @media screen and (max-width: 1000px) { .vergaderblok div { width: 100%; } .footer-stramien { width: 750px; margin: 0px auto;} #ledenvergadering, #downloads, #overstufib { width: 50%; float: left; padding-left: 10px;} .contact { width: 50%; float: left;} p.intro-tekst { width: 270px; position: absolute; margin-left: 297px; } #site-navigation { width:566px; } #home-banner { width: 567px; float: left; height: 100%; background-image: url('images/colors.jpg'); background-size: contain; } .downloads-link { width: 100%; background-color: #e5e5e5; float: left; padding: 0px 10px 0px 10px; } .over-stufib { width: 100%; background-color: #e5e5e5; float:right; padding: 0px 10px 0px 10px; } #page { width: 750px; margin:0 auto; } .vergaderblok .blok-img { width: 100%; } .vergaderblok .blok-img img { width: 100%; } } */ /* Desktop */ @media screen and (min-width: 1000px) { #page { width: 1000px; margin:0 auto; padding: 0 10px; } .content-area { width: 100%; float: left; margin-left: -320px; padding-left: 320px;} } /* Tablets */ /* @media screen and (min-width: 750px) { .content-area { width: 100%; float: left; margin-left: -320px; padding-left: 320px; } #page { padding: 0 10px; } .logoslider { padding: 0 10px; } } */ /* Mobile */ @media screen and (max-width: 1000px) { .site-main { margin: 0; } .site-content .widget-area { margin: 0 ; width: 100%; float: none; } .widget-area .widget { padding-top: 1em; } .widget.widget_text { border-top: none;} #page { padding: 0 10px; } } @media screen and (min-width: 799px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } @media screen and (max-width: 670px) { .agenda div { float: none; } .agenda ul { list-style-type: none; margin: 0; padding: 0;width:100%!important; } .agenda li { display: inline; padding: 0; padding: 0 5px 0 0; color: #ffffff; width: 100%; font-size:12px } .agenda li a { display:inline; font-family: "roboto slab"; padding: 3px 6px 4px 9px; background-color: #C893C1; color: #fff; text-decoration: none; } .agenda li a:link, .agenda li a:visited { background-color: #8c4883; } .agenda li a:hover { background-color: #C893C1; } .agenda li a img { display: none; } .agenda .icon { width: 74px; float: left; margin-right: 11px; } } @media screen and (max-width: 1000px) { #masthead { margin: 0px; } .site-title-small { display: block; } .site-title-small img { width: 120px; margin: -26px 0px 20px 10px; float: left; } .over-stufib, .downloads-link { width:100%; } .masthead-small-background { background-color: #004266; display: inherit; position: absolute; width: 100%; height: 72px; z-index: -100; } #home-banner { width: 100%; float: left; height: auto; background-image: none; } .site-branding { margin:0; } img.header-img { width: 100%; float: left; } .main-navigation.toggled #primary-menu { display: block; margin:0; top:66px; position: absolute; left: 0; padding: 0; background-color: white; width: 100%; z-index: 100; } .main-navigation.toggled #primary-menu ul, .main-navigation.toggled #primary-menu ul ul { display: none; box-shadow: none; position: relative; float:none; text-indent: inherit; } .footer-stramien { width: 100%; margin: 0px auto;} .menu-over-stufib-container, .menu-downloads-container, .menu-ledenvergadering-container { width: 97%;} #ledenvergadering, #downloads, #overstufib { width: 100%; float: left; border-bottom: 6px solid white ;padding: 0px 0px 30px 10px;} .contact { width: 100%; float: left; padding: 0px 0px 30px 10px;} #page { width: 100%; margin:0 auto; } #top { display:none; } #site-navigation { width: auto; position: relative; } h1.site-title-fullscreen { display:none; } p.intro-tekst { display: none;} .widget-area { float: left !important; margin-top: 20px !important; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation a { display: block; text-decoration: none; margin:14px; color: #004266; } .main-navigation a.login { position: absolute; right: 77px; top: 12px; color: white !important; } .spotlightblok .blok-img img { width: 100%; } } #profiel { margin-right: 15px;}