Afbeelding

Custom CSS

Plaats reactie
Gebruikersavatar
deninho32
Site Admin
1
Berichten: 338
Lid geworden op: 23 dec 2020
Locatie: testlocatie
Seizoenkaart: Vak AA
Gegeven waarderingen: 9
Ontvangen waarderingen: 5
Contacteer:

Awards:

Code: Selecteer alles

/* -----------------------------------------------------------------------------------------
 * Negentien Dertien - Custom CSS
 * ----------------------------------------------------------------------------------------- */
 
 
 /* -----------------------------------------------------------------------------------------
 * NAVBAR / HEADER
 * ----------------------------------------------------------------------------------------- */
 /* Twitterknop */
.no-padding {
 padding:0;
 border: 1px solid transparent !important;
}



/* highlight hamburger menu */
 .dropdown-contents a:hover {
     border-radius: 0px;
     color:#fff;
}

/* Header hoogte */
 .particles_container {
     width: 100%;
     position: relative;
     overflow: hidden;
     z-index: 1;
     font-size: 0;
     text-align: center;
     background-color: #0000;
     max-height: 200px;
}
/* Header hoogte mobiel */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .particles_container {
         width: 100%;
         position: relative;
         overflow: hidden;
         z-index: 1;
         font-size: 0;
         text-align: center;
         background-color: #0000;
         max-height: 110px;
    }
}
/* Navbar hoogte instellingen*/
 .navbar {
     padding: 4px;
     z-index: 10;
     top: -3px;
     left: 0;
     right: 0;
     box-sizing: border-box;
     position: inherit;
     background-color: transparent;
}
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .navbar {
         padding: 4px;
         z-index: 10;
         top: -3px;
         left: 0;
         right: 0;
         box-sizing: border-box;
         position: inherit;
         background-color: transparent;
         max-height:35px;
    }
}
/* Navbar tekst */
 .navbar_in_header ul.linklist li a {
     text-shadow: 0 0px 0px rgba(0,0,0,0);
}
/*Site description*/
 .navbar_o_header .site-description {
     margin: 30px auto 100px;
}
/*Navbar Links*/
 .navbar ul.linklist {
     padding: 2px 0;
     list-style-type: none;
    /* margin-inline: 6px;
     */
}

/* Navbar tekst */
 .navbar a {
     color: #333;
     text-decoration-line: unset;
}

.navbar a:hover{
     color:#d5142b !important;
     background-color: transparent !important;
    
}


/*Breadcrumbs*/
 .breadcrumbs .crumb {
     float: left;
     word-wrap: normal;
     margin-bottom: -10px;
}
/*Breadcrumbs lettertype*/
 #nav-breadcrumbs li.breadcrumbs {
     font-size: 1.0em;
     font-weight: 400;
}
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     #nav-breadcrumbs li.breadcrumbs {
        font-size: 0.9em;
         font-weight: 500;
    }
}
/* Dunnere tekst menu bovenin*/
/* ul#nav-main li a, ul#nav-main li div a {
     font-size: 1.0em;
     font-weight: 400;
}
*/
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     #nav-main li a, #nav-main li div a {
         font-size: 0.9em;
         font-weight: 300;
    }
}
/* Pijltje naast gebruikersnaam */
 .header-avatar span::after {
     content: '\f0dd';
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     padding-left: 6px;
     padding-top: 0px;
     vertical-align: top;
     margin-top: -8px !important;
}
/*Banner mobiel*/
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .forum_header {
         background-image: url('https://i.imgur.com/xrIxAWX.jpg');
         background-repeat: no-repeat;
         background-size: 354px 110px;
         background-color: #fff;
         margin-bottom: -51px;
         max-height: 350px;
    }
}

 /* -----------------------------------------------------------------------------------------
 * BODY
 * ----------------------------------------------------------------------------------------- */
/* Scroll to top verbergen mobiel*/

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
a.scrollToTop, a.scrollTopTop:hover {
	color: #FFFFFF !important;
	display: none !important;
}
}

/* Magic OGP Uitlijning */

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.ogpblock img ,
    .ogptext {
        float: left;
        width: 100%;
    }
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.ogptext {
    float: left;
    margin-left: 5px;
   margin-top: 10px;
    
}
}
/* Magic OGP Visited link */

.postlink.ogplink {
    display: block;
    border: 0;
    color: #000 !important;
}


/* Pagination fix */
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    .row .pagination {
        display: block;
        margin-top: 5px;
    }   
}

/*Breedte mobiele topics */

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.viewtopic_wrapper {
	padding: 0px 0px 0px;
}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.body-layout-Fluid #inner-wrap {
	width: 100%;
	margin: 5 auto;
}
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
.body-layout-Fluid #inner-wrap {
	width: 100%;
	padding: 4px;
}
}

/* Border quotes */

blockquote {
	background-color: #F8F8F8;
	border-left: 2px solid #d5142b;
        width: 88%;
}



/* mobiel geen padding*/
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .forums, .topics {
         padding: 0px !important;
    }
}

/* Body background */
 html, body {
     
     background-color: transparent;
}
/* Lettertype forumindex */
 html, body, a {
     color: #333;
}
/* Mobiel*/
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     a.topictitle {
         font-weight: normal;
         font-size: 1.0em !important;
         margin-bottom: 0px;
    }
}
/*Forum Wrap*/
 #inner-wrap {
    /* background-color : transparent;
    */
     position: relative;
     margin-top: -8px !important;
     z-index: 3;
}
/* Forum Wrap Mobiel */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     #inner-wrap {
         margin-top: 52px !important;
    }
}
/*Hoofdletter balk*/
 .header .row-item dt .list-inner {
     text-transform: capitalize;
}
/*Lettertype topictitel*/
 a.forumtitle, a.topictitle {
     font-size: 1.1em;
     font-weight: 500;
}
/*Titel weight*/
 a.topictitle {
    font-weight: 500;
}
/* Mini profiel tekst */
 .postprofile dd, .postprofile dt {
     line-height: 1.2em;
     text-align: left;
}

/* titel font size */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     a.forumtitle, a.topictitle {
        /* font-weight: lighter; */
         font-size: 1.0em !important;
    }
}
/* knoppen snelle reactie */
 .fields1 div {
     margin-bottom: 5px;
    /* margin-right: -14px;
     */
     margin-left: -5px;
}
/* Dark mode kleur tekst */
 .fd_dark a {
     color: #B2B2B2;
}
/* Form button styles */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .button3 {
         width: auto !important;
         padding: 5px;
         background: transparent none repeat-x top left;
         line-height: 1.5;
    }
}
/* Knoppen forumindex */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .row .pagination li a, .row .pagination li span {
         padding: 0px 3px;
    }
}

/* Aantal posts uitlijning */
ul.topiclist li.row dd {
     padding: 4px 10px 999px 0;
     margin-bottom: -995px;
}
/* Toplist lettertype */
.stats_date-off {
     font-size: 1.0em;
     position: absolute;
     left: 72%;
}
 .stats_post_infos {
     font-size: 1.0em;
}
/* Thanks for posts toplist */
 .stat-block {
     clear: both;
     background-color: #fff;
     margin-top: 11px;
     padding: 8px;
}

/* Quote block */
 blockquote {
     margin: 30px 1px 25px 0px;
}
/* tekstvlak PM */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .autowidth {
         width: 275px !important;
    }
}
/* sleuteltje mobiel */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .edit-mode-btn {
         display: none;
    }
}
/* Test 1913 tijd */
 .bingo {
    /* border: 1px solid #ff0000;
     */
     color:#ff0000;
     font-weight: bold !important ;
}
/* copyright bar */
 .copyright_bar {
     background-color: #D5142B;
     color: #fff;
}
 body.high_contrast_links .navbar_footer a, body.high_contrast_links .copyright_bar a {
     color: #FFF !important;
}
 .navbar_footer {
     background-color: #343840;
     color: #FFF;
}
 /* -----------------------------------------------------------------------------------------
 * BLOG EXTENSION
 * ----------------------------------------------------------------------------------------- */


/* hoogte blogs homepage */
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .blog-container {
         flex-direction: column;
         align-content: center;
         justify-content: space-around;
         margin-left: 19px;
        /*transform: scale(1.15);
        */
         margin-bottom: 10px;
         max-width: 89%;
         margin-top: -36px;
    }
}

/* Blog titel blogpagina */
.blog-title {
		background-color: #f7f7f7;
	
}
/*Blogpage recent topics*/
ul.sm-list li {
     position:relative;
     font-size:13px;
     line-height:1.5;
     padding:5px 0 
}
/* Blog text */
.blog-text {
	flex: 1 100%;
	font-size: 1.1em !important;
	padding-top: 20px;
	word-break: break-all;
    word-break: break-word;
	margin-left: 140px;
	max-width: 70%
}

/* Blog Linkerkant info */
.blog-details {
	text-align: center;
	max-height: 225px;
	flex: 1 25%;
	font-size: 1.0em;
	background: transparent !important;
	border-top-left-radius: 0px;
	padding-top: 8px;
}

/* Blog rechterkant info */
.blog-description {
	flex: 1 25%;
	display: flex;
	align-items: center;
	max-height: 225px;
	text-align: center;
	background: transparent !important;
	border-top-right-radius: 0px;
	word-break: break-all;
    word-break: break-word;
}



/*Mobiel breder*/
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     li.row {
         border-bottom: 1px solid transparent;
         border-bottom-color: transparent;
         padding: 3px;
         margin-bottom: 1px !important;
    }
}
/* Datum post body */
 p.author, p.author a {
     color: #676767;
    margin-bottom: -10px;
}
/*Laatste post door*/
 @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
     .responsive-hide {
         display: none !important;
    }
     .responsive-show {
         display: block !important;
         font-size: 11px;
         color: #676767;
    }
     .responsive-show-inline {
         display: inline !important;
    }
     .responsive-show-inline-block {
         display: inline-block !important;
    }
}
 /* -----------------------------------------------------------------------------------------
 * FOOTBALL EXTENSION
 * ----------------------------------------------------------------------------------------- */

/* FOOTBALL Instellingen 
 .tabs .tab a {
     background: #ecf0f1;
     color: #333;
}
*/
 table.football th {
     text-align: center;
     color: #333333;
     vertical-align: middle;
}
 table.rank thead th {
     font-weight: normal;
     text-transform: uppercase;
     color: #FFF;
     padding: 0 2px 1px 2px;
     vertical-align: middle;
}
/* Football table head */
 table.football thead th {
     font-weight: normal;
     text-transform: capitalize;
     line-height: 1.3em;
     padding: 0 2px 2px 2px;
     vertical-align: middle;
     color: #fff;
}
/*Football footerbar voorspellen*/
 a.pastlink {
     color: #333 !important;
     font-weight: lighter;
}
/*Football Navbar*/
 .football_nav {
     line-height: 2em;
    /* background-color: transparent;
     */
}
/* Links for past and future delivery */
 a.pastlink, a.futurelink {
     font-size: 1.0em;
     font-weight: 400;
     text-decoration: none;
}
 a.pastlink {
     color: #676767 !important;
}
 a.futurelink {
     color: #676767 !important;
}
 a.pastlink:hover, a.futurelink:hover {
     text-decoration: underline;
}
 .message {
     font-weight: 400;
     color: #676767;
}
/* Background colors where the tables iterate between two colors or mark user*/
 .row_light {
     background-color: #ecf0f1;
     color:#676767;
}
 .row_dark {
     background-color: #f9f9f9;
     color:#676767;
}
 .row_user {
     background-color: #99CC99;
}
 .row_group td {
     background-color: #12A3EB;
     color: #FFFFFF !important;
}
 .row_result {
     background-color: #BFC1CF;
}
 .row_result td {
     padding: 1px 2px;
}
 table.rank td.color_finally, table.football .color_finally, .color_finally , table.football .match_win, .match_win {
     font-weight: 500;
     color: #00AA00;
}
 table.rank td.color_provisionally, table.football .color_provisionally, .color_provisionally , table.football .match_lost, .match_lost {
     font-weight: 400;
     color: #AA0000;
}
 table.football .match_draw, .match_draw {
     font-weight: 400;
     color: #6A6A6A;
}
 table.rank td.color_not_rated, table.football .color_not_rated, .color_not_rated {
     font-weight: 400;
     color: purple;
}
.dropdown .dropdown-contents {
border-radius: 0px;
}
Onderschrift van de week.
Gebruikersavatar
deninho32
Site Admin
1
Berichten: 338
Lid geworden op: 23 dec 2020
Locatie: testlocatie
Seizoenkaart: Vak AA
Gegeven waarderingen: 9
Ontvangen waarderingen: 5
Contacteer:

Awards:

Reactie
Onderschrift van de week.
Gebruikersavatar
deninho32
Site Admin
1
Berichten: 338
Lid geworden op: 23 dec 2020
Locatie: testlocatie
Seizoenkaart: Vak AA
Gegeven waarderingen: 9
Ontvangen waarderingen: 5
Contacteer:

Awards:

deninho32 schreef: 21 jul 2022, 22:56Reactie
test
Onderschrift van de week.
Gebruikersavatar
deninho32
Site Admin
1
Berichten: 338
Lid geworden op: 23 dec 2020
Locatie: testlocatie
Seizoenkaart: Vak AA
Gegeven waarderingen: 9
Ontvangen waarderingen: 5
Contacteer:

Awards:

test
Onderschrift van de week.

Maak een account aan of log in om deel te nemen aan de discussie

Je moet lid zijn om een ​​reactie te kunnen plaatsen

Maak een account aan

Geen lid? Registreer om lid te worden van onze community
Leden kunnen hun eigen onderwerpen starten en zich abonneren op onderwerpen
Het is gratis en duurt maar een minuut

Registreer

Log in

Custom CSS