Testcss
From Venlo Samenwerkingswijzer
// @import url(https://fonts.googleapis.com/css?family=Rokkitt);
#mw-content-text > div.mw-warning-with-logexcerpt.mw-content-ltr {
display:none !Important;
}
.mw-warning-with-logexcerpt .mw-content-ltr {
display:none;
}
.sbl-breadcrumb-arrow-left, .sbl-breadcrumb-has-childern {
display:none;
}
/* Make two lisboxes larger */
.two-listboxes-search {
width:100%;
}
.ms-container ul.ms-list {
width:400px;
}
.srf-listwidget-navigation a:last-child {
display:none !Important;
}
#listwidget-1{
.container-floud
}
.ns-special .mw-body td.mw-label, .ns-special .mw-body td.mw-input {
padding: 0;
}
.mw-htmlform-field-HTMLTextField td.mw-input, .mw-htmlform-field-HTMLTextAreaField td.mw-input, .mw-htmlform-field-HTMLSelectField td.mw-input, .mw-htmlform-field-HTMLRadioField td.mw-input, .mw-htmlform-field-HTMLTextField td.mw-label, .mw-htmlform-field-HTMLTextAreaField td.mw-label, .mw-htmlform-field-HTMLSelectField td.mw-label, .mw-htmlform-field-HTMLRadioField td.mw-label {
padding: .3em !Important;
}
.qf-down {
position: relative;
top: 27em;
}
.big-button {
padding:.7em;
width:100%;
}
.login-button {
padding:.1em .3em .1em .3em;
width: auto;
height: 1.8em;
}
.panel-alert-ecom-login, .panel-alert-ecom-login a, .panel-alert-ecom-login a:hover, .panel-alert-ecom-login a:visited {
color: #FFFFFF;
font-size: smaller;
}
#cite_note-1::before {
display: initial;
height: 0;
margin: 0;
}
@media screen and (min-width: 760px) {
.visual-in-header {
font-size:2.2em;
}
}
@media screen and (min-width: 992px) {
.visual-in-header {
font-size:2.5em;
}
}
@media screen and (min-width: 1200px) {
.visual-in-header {
font-size:3em;
}
}
.toc.notoc {
display: none;
}
.panel-alert-ecom {
color: #FFFFFF;
font-size:larger;
}
div.bottom-alert {
border-top-left-radius: initial;
border-top-right-radius: initial;
}
div.panel-alert-ecom a, div.panel-alert-ecom a:visited {
color: #FFFFFF;
}
/** Hide second password and email on registration form (automatically filled) */
#userlogin > table > tbody > tr:nth-child(3) {
display: none;
}
/** Hide license parts on upload form **/
.mw-htmlform-field-Licenses, .mw-upload-editlicenses {
display:none;
}
/** Hide Special page text */
#ca-nstab-special {
display:none;
}
/* Add your own event */
/** Footer */
#mw-content-text > div > div > div.col-md-9.col-md-pull-3 > div:nth-child(6) > div:nth-child(2) > center > div > a
color: #ffffff
}
/** Hide SMW Facts */
div.smwfact {
display:none;
}
/** Contactpage */
#mw-content-text > form > fieldset > table > tbody > tr.mw-htmlform-field-HTMLInfoField {
display:none;
}
fieldset {
border: 0px;
margin: 0px;
padding: 0px;
}
legend {
display: none;
}
.formtable td, .formtable th {
padding:.3em;
}
.navbar {
border-radius: 0px;
}
.p-tb .navbar-nav > li > a {
padding: 10px 15px;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: 0px;
margin-left: 0px;
}
@media screen and (min-width: 992px) {
.table-in-three-columns {
display:inline-table;width:49%;
}
}
@media screen and (min-width: 1200px) {
.table-in-three-columns {
display:inline-table;width:33%;
}
}
.columns {
-webkit-column-count: auto; /* Chrome, Safari, Opera */
-moz-column-count: auto; /* Firefox */
column-count: auto;
}
@media screen and (min-width: 992px) {
.three-columns {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}
}
@media screen and (min-width: 1200px) {
.three-columns {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}
}
@media screen and (min-width: 992px) {
.four-columns {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}
}
@media screen and (min-width: 1200px) {
.four-columns {
-webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */
column-count: 4;
}
}
#wikiPreview > div.mw-content-ltr > div > div > div {
clear: both;
}
.sidebar-nav {
padding: 9px 0;
}
/** menu dropdown voorheen uitgecommentarieerd */
@media screen and (min-width: 992px) {
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
margin-top: 0;
}
.nav-tabs > li > a {
border:1px solid grey;
}
.nav-tabs > li.active > a {
background-color:#CCC;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
}
/** rest van css */
@media screen and (min-width: 1200px) {
.lifted-column-report {
position:relative;
top:-400px;
}
}
.lifted-column-search-reports {
position:relative;
top:-141px;
}
.lifted-column-search-experts {
position:relative;
top:-103px;
}
#mw-content-text > div.sf-runquery-formcontent > hr {
border-top:none;
}
#mw-content-text > div > div > div.col-md-9.col-md-pull-3 > div.panel.panel-comments,
.panel.panel-comments {
-webkit-box-shadow: none;
box-shadow: none;
}
.partner-panel {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.ui-widget-header {
background: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #ffffff;
}
#headertabs.large.ui-widget {
border: 0px;
}
.ui-tabs .ui-tabs-panel {
padding: 10px 0px 0px 0px;
}
.ui-tabs .ui-tabs-nav {
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-radius: 0px;
}
/** Rest van css */
.panel-heading-square {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
#searchform {
margin-top: 8px;
margin-bottom: 8px;
}
/** Search box search symbol to the right */
.left-inner-addon {
position: relative;
}
.left-inner-addon input {
padding-left: 30px;
}
.left-inner-addon i {
position: absolute;
padding: 10px 12px;
pointer-events: none;
}
.right-inner-addon {
position: relative;
}
.right-inner-addon input {
padding-right: 30px;
}
.right-inner-addon i {
position: absolute;
right: 0px;
padding: 10px 12px;
pointer-events: none;
}
/** Rest of Shoppingtomorrow css */
.hp-kop {
font-size:1.5em;
font-weight: 500;
color:#005F90;
line-height: 250%;
margin-top:25px;
}
.hp-top-kop {
font-size:2.8em;
color:#FFFFFF;
}
.hp-news-kop {
font-size:1.3em;
}
.hp-news-date {
font-size:1em;
color:#A9A9A9;
}
.hp-top-body {
font-size:1.5em;
font-weight:300;
line-height:160%;
color:#FFFFFF;
}
.hp-top-body-wrapper {
height:70px;
}
.hp-top-link a {
padding:10px;
border:1px solid;
border-color:#FFFFFF;
border-radius:7px;
font-size:1.5em;
color:#FFFFFF !important;
}
.hp-top-link-pijl-wit a {
background: no-repeat right 10px center url('https://www.shopping2020.nl/images/8/88/Pijl_wit.png') !important;
}
.hp-top-link a:hover {
background-color:#FFFFFF;
color:rgb(2, 148, 211) !important;
text-decoration:none !important;
}
.hp-top-link-pijl-wit a:hover {
background: #FFFFFF no-repeat right 10px center url('https://www.shopping2020.nl/images/4/4c/Pijl_blauw.png') !important;
}
.rh-kop {
font-size:1.3;
}
.rh-user-kop {
font-size:1em;
font-weight:500;
}
.rh-user-body {
font-size:.9em;
line-height: 140%;
}
.hp-ag-mo {
font-size:3em;
color:#FFFFFF;
}
.presentation {
position: relative;
top: -30px;
}
.presentation .p-contentnavigation {
display: none;
}
.presentation ul {
transition:margin-left 0s linear !Important;
-webkit-transition:margin-left 0s linear !Important;
}
/** This is the smallest font for text in presentation-size slides */
.ecommerce-slide tbody {
font-size: 1.3em;
font-family:Verdana;
}
@media screen and (min-width: 760px) {
.ecommerce-slide tbody {
font-size: 1.6em;
}
}
@media screen and (min-width: 992px) {
.ecommerce-slide tbody {
font-size: 2.1em;
}
}
@media screen and (min-width: 1200px) {
.ecommerce-slide tbody {
font-size: 2.8em;
}
}
@media print {
.ecommerce-slide tbody {
font-size: 2.8em;
}
}
/** This is the basis font for text in preview-size slides */
.slide-small tbody {
font-size: .8em;
}
.ecommerce-slide tbody h1, .slide-small tbody h1 {
border-bottom: 1px #aaaaaa solid;
font-size: 1.3em;
margin-top:0;
margin-bottom: .8em;
}
.ecommerce-slide tbody ul, .slide-small tbody ul {
padding-left: 2em;
color: #666;
font-size: 1em;
list-style: circle !Important;
margin-bottom: .8em;
}
.ecommerce-slide tbody ul ul, .slide-small tbody ul ul {
color: #666;
font-size: .8em;
}
.ecommerce-slide tbody p, .slide-small tbody p {
margin:0;
}
ul.slidecontrols {
position: relative;
float: right;
top: 30px;
right: 40px;
z-index: 1;
}
.newtalk-notifier {
display: none;
}
#pt-anonuserpage, #pt-anontalk{
display: none;
}
:target:before {
content:"";
display:block;
height:75px; /* fixed header height*/
margin:-75px 0 0; /* negative fixed header height */
}
.catlinks {display:none};
.rating-voted {display:none};
.mw-body ol {
padding-left: 0;
margin: 0;
}
.panel-body {
padding: 0;
}
/** Affix menu */
.affix {
vertical-align:top;
}
.affix-top{
position:fixed;
}
.affix-bottom{
position:absolute;
}
ol.nav-tabs.affix {
top: 0px;
}
ol.nav-tabs{
padding-left: 0px;
width: 140px;
margin-top: 10px;
border: 0;
}
ol.nav-tabs li{
margin: 0;
}
ol.nav-tabs li:first-child{
border-top: none;
}
ol.nav-tabs li a{
margin: 0;
padding: 8px 16px;
border-radius: 0;
}
ol.nav-tabs li.active a, ol.nav-tabs li.active a:hover{
font-weight: bold;
}
ol.nav-tabs li:first-child a{
}
ol.nav-tabs li:last-child a{
}
ol.nav-tabs.affix{
top: 127px; /* Set the top position of pinned element */
}
li.affix-item {
padding: 3px;
}
.wikiEditor-ui-text textarea {
font-family: monospace;
}
img {
max-width:100%;
height: auto;
}
.mw-content-ltr ol {
margin: 0 0 0 2em;
}
.tableEllipsis {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
}
.numberWidth {
display:block;
width:20px;
float:left;
padding-left:10px;
}
html {
font-size: 1em;
}
html, body {
font-family: OpenSans, sans-serif;
font-size:15px;
}
a, a:visited, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, #mw-panel.collapsible-nav .portal.collapsed h3 a, div.vectorTabs li a {
color: #005f90;
}
.table {
border-spacing: 0px;
margin-bottom:0;
}
.references {
font-size:x-small;
font-weight:normal;
}
#ExtendedLogin td.mw-label, #ExtendedLogin th {
text-align: left;
vertical-align: middle;
width: 140px;
font-weight: bold;
}
#ExtendedLogin div.prefsectiontip {
display: none;
}
div#catlinks {
display: none;
}
div#p-Banner_Nieuwsbrief a {
display: block;
height: 150px;
background-image: url(/images/3/31/Banner_nieuwsbrief_smal.jpg);
}
div#p-Banner_Nieuwsbrief {
padding-bottom: 10px;
}
.infobox {
float:right;
}
.tbl-container {
overflow:hidden;
postition:relative;
}
.tbl-container > table {
width:100%;
}
img {
max-width:100%;
height: auto;
}
.afbeelding-smal-wrapped {
float:left;
padding-bottom:1em;
margin-right:2em;
}
.afbeelding-smal-clear {
float:left;
width:100%;
padding-bottom:1em;
}
.afbeelding-breed {
float:left;
width:100%;
padding-bottom:1em;
}
.video {
padding-bottom:1em;
}
.bijschrift-smal-edit {
width:260px;
font-size:x-small;
}
.bijschrift-smal-publish {
width:364px;
font-size:x-small;
}
.bijschrift-breed {
font-size:x-small;
}
/*
* Wijzigingen door Pallieter Verhoeven, shopping2020.nl
*/
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary, .mw-ui-constructive {
background: #0058ab !Important;
color: #FFFFFF;
}
.reqDoc a {
width:100%;
background: #0294d3;
color: #fff;
display: block;
padding: .5em 1em;
margin: 0;
border: 0;
vertical-align: middle;
text-align: center;
font-weight: bold;text-shadow: 0 1px rgba(0,0,0,0.1);
-webkit-transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
}
.reqDoc a.external:link {
color: #fff;
}
.reqDoc a.external:hover {
color: #fff;
}
.reqDoc a.external:visited {
color: #fff;
}
#mw-createaccount-cta{
position: relative;
top: -185px;
left: 360px;
background: 0 !important;
}
#userlogin input{
width:182px;
}
#sfForm #ExtendedLogin #wpSave { //button
font-size: 1.3em;
margin-right: 10px;
}
/* Styling of table for event programs */
table.programtable {
border-collapse: collapse;
}
table.programtable > tr > th,
table.programtable > tr > td,
table.programtable > * > tr > th,
table.programtable > * > tr > td {
border: 1px #0294d3 solid;
padding: 0.2em;
}
.circle {
border-radius: 50%;
display: inline-block;
margin: 5px 5px 0 5px ;
}
#bannerCircleOpen {
width: 12px;
height: 12px;
border: 1px solid #0294d3;
background: none;
}
#bannerCircleClosed {
width: 12px;
height: 12px;
border: 1px solid #0294d3;
background: #0294d3;
}
/* Dropdown-menu for navigation - see MediaWiki system message - override " mw-body ol" */
ul.dropdown-menu > li, .mw-body > ul.dropdown-menu > li {
padding-left:0px;
list-style: none;
list-style-type: none;
}
.kill-mw-body > li, .kill-mw-body ol > li, .kill-mw-body > li > a, .kill-mw-body ol > li > a {
padding-left:0px;
margin-left:0px;
}
.kill-mw-body ol > li > a:link {
padding-left:0px;
margin-left:0px;
}
.dropdown-menu .kill-mw-body > li > a, .dropdown-menu .kill-mw-body > li, .dropdown-menu .kill-mw-body ol, .dropdown-menu .kill-mw-body ul {
padding-left:0px;
margin-left:0px;
}
.navbar.dropdown-menu .kill-mw-body > li > a,
.navbar.dropdown-menu .kill-mw-body > li,
.navbar.dropdown-menu .kill-mw-body ol,
.navbar.dropdown-menu .kill-mw-body ul {
//padding-left:0px;
//margin-left:0px;
}
.navbar .dropdown-menu.kill-mw-body > li > a {
padding:3px 0px;
padding-left:0px;
}
/* Alternating white/grey background-colours - add to LESS if succesful */
.greyandwhite:nth-child(odd) {
background-color: #E3E3E3;
}
.greyandwhite:nth-child(even) {
background-color: #FFF;
}
/* Fixes to be added to Fixes.less */
.verticalEllipsisTwoLines {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
iframe.#loginFrame > .client-js > body.mediawiki.ltr.sitedir-ltr.ns--1.ns-special.mw-special-Userlogin.page-Special_UserLogin.layout-wikibaseLayout.skin-chameleon.action-view > .container > .ecommerceHeader.row {
display: none;
}
.modal-body > .client-js > body.mediawiki.ltr.sitedir-ltr.ns--1.ns-special.mw-special-Userlogin.page-Special_UserLogin.layout-wikibaseLayout.skin-chameleon.action-view > .container > .ecommerceHeader.row {
display: none;
}
/* Ecommerce=specific adjustments nav-pill */
ul.ecommerce-pill {
padding-left:0px;
}
li.ecommerce-pill {
min-width:80px;
text-align:center;
}
/* 23 aug 2016 */
.caption-large {
margin-top:0.1em;
font-style:italic;
font-size:15px;
}
.image-clear {
padding-bottom:0em;
}
p {
/ margin: 0px 0px 0px;
}
.mw-body ul {
./ margin: 0px 0px 0px;
}
.h1, h1 {
font-size:30px;
}
.h2, h2 {
font-size:24px;
}
.h3, h3 {
font-size:20px;
}
h3, .h3 {
margin-bottom:9px;
}
.ecommercepagetools {
margin-bottom:0px;
padding-bottom:0px;
}
.btn-fullwidth {
width:100%;
}
/* Test with ellipsis and hover */
.verticalEllipsisReport {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 16;
height: 20em;
}
.verticalEllipsisReport:hover {
height: auto;
}
/* Read more/less - css pure */
.read-more-state {
display: none;
}
.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
transition: .25s ease;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
content: 'Show more';
}
.read-more-state:checked ~ .read-more-trigger:before {
content: 'Show less';
}
.read-more-trigger {
cursor: pointer;
display: inline-block;
padding: 0 .5em;
color: #666;
font-size: .9em;
line-height: 2;
border: 1px solid #ddd;
border-radius: .25em;
}
/* Tes 2 */
.readmore {
width: 600px;
overflow: hidden;
height: 90px;
}
.btn-pointer {
cursor: pointer;
width: 500px;
}
.btn-pointer2 {
cursor: pointer;
width: 500px;
}
.btn_text {
margin-bottom: -10px;
}
/* Links (blue) in article text */
.pops a:link, .pops a:visited, .pops a:hover, .pops a:active, .pop a:focus {
color:#707070;
}
.pops a.external:link {
color:#707070;
}
.pops a.external:focus {
color:#707070;
}
/* Toggle with Js - read more, read less */
.readmoremore {
display:block;
overflow:hidden;
padding-bottom: 0;
margin-top:10px;
}
/* Bootstrap classes not included with Chameleon */
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
Fixes.less
/* */
/* Navbar */
/* Default colors */
.navbar-default {
background-color:#165bab;
border-color:#165bab;
}
.country-color-link a, .country-color-link a:visited {
color: #fff !Important;
text-decoration: none !Important;
}
.navbar-nav > li > a {
color: #fff !Important;
}
/* */
/* Buttons */
/* Default colors */
.btn-ecom-small {
background-color:#165bab;
border-color: #165bab;
color:#fff !IMPORTANT;
}
/* */
/* Panels */
/* Default colors */
.panel-default {
border-color: #165bab;
}
.panel-default > .panel-heading {
background-color: #165bab;
border-color: #165bab;
}
/* */
/* Footer */
/* Default settings and colors */
.eCommerceFooter {
width: 100%;
background-color: #165bab;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
color: white;
}
.eCommerceFooter a, .eCommerceFooter a:visited {
color: #FFFFFF;
}
.visual-in-header {
width:100%;
border: 5px solid #165bab;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
text-align:center;
padding: .2em .2em 0 .2em;
color:#165bab;
}
