Custom CSS
-
deninho32
- Site Admin
- 3
- Posts: 428
- Joined: 23 Dec 2020
- Location: testlocatie
- Seizoenkaart: Vak AA
- Contact:
-
Awards:
Code: Select all
/* -----------------------------------------------------------------------------------------
* 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.
