Home Verkennen Help
Inloggen
admin
/
blog
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: 103bd4d357
Aftakkingen Labels
blog
/
public
/
css
/
mobile
/
layout.css

layout.css 4.1 KB
Geschiedenis Ruwe

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. #app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh}#header{position:relative;background:#001620;border-bottom:1px solid #2c2c2c}#header .navbar .navbar-brand{color:#d2d2d2;font-size:1.2rem;font-family:"Open-Sans-Extrabold";font-weight:bolder}#header .navbar .navbar-toggler,#header .navbar .navbar-toggler-icon{color:#a8aa2f}#header .navbar #navbarSearch{margin-top:7px}#header .navbar #navbarSearch form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#header .navbar #navbarSearch form input[type=search]{-ms-flex-negative:1;flex-shrink:1}#header .navbar #navbarSearch form button[type=submit]{-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}#header #navbarMenu{max-width:290px}#header #navbarMenu .offcanvas-header .offcanvas-title{font-size:1.2rem;font-family:"Open-Sans-Extrabold";font-weight:bolder}#header #navbarMenu .offcanvas-header:nth-of-type(2){padding-top:0}#header #navbarMenu .offcanvas-header:nth-of-type(2) .dropdown{height:inherit}#header #navbarMenu .offcanvas-header:nth-of-type(2) .dropdown .dropdown-item{color:#333}#header #navbarMenu .offcanvas-header:nth-of-type(2) .dropdown .dropdown-item:active{background:none}#header #navbarMenu .offcanvas-body{padding-top:0}#header #navbarMenu .offcanvas-body>nav{margin-bottom:30px}#header #navbarMenu .offcanvas-body>nav .nav .nav-link{padding-left:0;padding-right:0;padding-bottom:2px}#header #navbarMenu .offcanvas-body .ad-coupang{height:auto;margin-top:auto;line-height:0}#header #navbarMenu .offcanvas-body .ad-coupang small{font-size:11px;color:#bbb;line-height:15px;margin-top:10px;display:block}#header #navbarMenu .offcanvas-body table{width:100%}#header #navbarMenu .offcanvas-body table caption{caption-side:top;padding:0 0}#header #navbarMenu .offcanvas-body table tr th{text-align:left;padding:3px 0;font-weight:inherit}#header #navbarMenu .offcanvas-body table tr td{text-align:right;padding:3px 0}#header #navbarMenu .offcanvas-body address{color:#8d8d8d;font-size:.7rem;line-height:3rem;text-align:center;margin-bottom:0}#main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#000;padding:10px 0}#main .navigate ul{white-space:nowrap;overflow-x:auto;overflow-y:hidden;-ms-flex-wrap:inherit !important;flex-wrap:inherit !important;scrollbar-width:none}#main .navigate ul::-webkit-scrollbar{display:none}#main .navigate ul li a.active{color:#fff}#footer{border-top:1px solid #2c2c2c;background:#070707}#footer>div ul{padding:0;margin:0;list-style:none}#footer>div ul li{display:inline-block;vertical-align:middle}@media(max-width: 576px){#footer>div ul li{display:block;margin-bottom:9px}#footer>div ul li.divider{display:none}}#footer a img{width:100%;max-width:120px}#footer address{color:#839900;font-size:.7rem;margin-bottom:0}.mce-content-body{background:#1f1f1f;color:#c1c1c1}div.pagination{width:100%}div.pagination>ul{width:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}div.pagination>ul>li{width:inherit;text-align:center}div.pagination>ul>li>a{height:100%;padding-left:0;padding-right:0}0px;
    2. 

  2. }
    3. 

  3. #footer address {
    4. 

  4.   color: #839900;
    5. 

  5.   font-size: 0.7rem;
    6. 

  6.   margin-bottom: 0;
    7. 

  7. }
    8. 

  8. 

  9. .mce-content-body {
    10. 

  10.   background: #1f1f1f;
    11. 

  11.   color: #c1c1c1;
    12. 

  12. }
    13. 

  13. 

  14. div.pagination {
    15. 

  15.   width: 100%;
    16. 

  16. }
    17. 

  17. div.pagination > ul {
    18. 

  18.   width: inherit;
    19. 

  19.   display: -webkit-box;
    20. 

  20.   display: -ms-flexbox;
    21. 

  21.   display: flex;
    22. 

  22.   -webkit-box-orient: horizontal;
    23. 

  23.   -webkit-box-direction: normal;
    24. 

  24.       -ms-flex-direction: row;
    25. 

  25.           flex-direction: row;
    26. 

  26.   -ms-flex-wrap: nowrap;
    27. 

  27.       flex-wrap: nowrap;
    28. 

  28.   -webkit-box-pack: justify;
    29. 

  29.       -ms-flex-pack: justify;
    30. 

  30.           justify-content: space-between;
    31. 

  31. }
    32. 

  32. div.pagination > ul > li {
    33. 

  33.   width: inherit;
    34. 

  34.   text-align: center;
    35. 

  35. }
    36. 

  36. div.pagination > ul > li > a {
    37. 

  37.   height: 100%;
    38. 

  38.   padding-left: 0;
    39. 

  39.   padding-right: 0;
    40. 

  40. }
    41.