Custom CSS

[deninho32]

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;
}

[deninho32]

Reactie

[deninho32]

Reactie

test

[deninho32]

test

[deninho32]

[deninho32]