MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
(kleinere versie afbeeldingen kolommen) |
(Deployment van Smartsurvey voor gebruikersonderzoek) |
||
Regel 208: | Regel 208: | ||
.achter-puzzelstuk { | .achter-puzzelstuk { | ||
background-image: url(http://www.noraonline.nl/images/noraonline/2/25/Puzzelstuk_klein.png) !important; | background-image: url(http://www.noraonline.nl/images/noraonline/2/25/Puzzelstuk_klein.png) !important; | ||
} | |||
/* gebruikersonderzoek */ | |||
#SmartSurveyVote { | |||
margin-right: 5px; | |||
} | |||
div#smartsurvey p /* buttons naast vraag ipv er onder */ | |||
{ | |||
display: inline; | |||
margin-right: 10px; | |||
} | |||
div#smartsurvey { | |||
margin-top:25px; | |||
padding:25px 0 15px; | |||
border-top:1px solid #ccc | |||
} | |||
#SmartSurveyVote { | |||
margin-right:5px; | |||
min-width:50px | |||
} | |||
#SmartSurveySubmitEmail { | |||
margin-bottom: 10px; | |||
} | |||
#smartsurvey a { | |||
text-decoration: underline; | |||
} | } |
Versie van 21 okt 2016 16:09
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
/** groter lettertype in de hele wiki
#bodyContent {
font-size:11pt;
}*/
span.subpages {
display:none;
}
span.subpages a {
display:none;
}
/** voor leesbaarheid de content van pagina's niet te breed; tekstparagraven iets smaller terwijl afbeeldingen en tabellen breder mogen */
#mw-content-text {max-width: 1300px;}
p, li, ul, .smaller-tekstvak {max-width: 850px;}
/**highlighten van linkermenu-items obv categorie, zie breadcrumbs-pagina [[MediaWiki:Breadcrumbs]] */
.active {
background-color:#D7ECFF;
}
#mw-panel {width: 210px}
.kaderrechts {
float: right;
border: 1px solid rgb(170, 170, 170);
padding: 0.2em;
background-color: rgb(249, 249, 249);
}
.kader400{
width: 400px;
}
.kader270{
width: 280px;
}
.rechtssmal {
float: right;
width: 280px;
}
.bericht {
border: 1px solid rgb(187, 112, 112);
background: none repeat scroll 0% 0% rgb(255, 219, 219);
}
.intro {
font-weight: bold;
}
/** hyperlinks in de teksten meer zichtbaar, conform webrichtlijnen */
#bodyContent a {
text-decoration: underline;
/**formatting van kopjes*/
}
#bodyContent h2 {
font-weight: bold;
}
#bodyContent h3 {
font-size: 135%;
font-weight: bold;
}
#bodyContent h4 {
font-size: 120%;
font-weight: bold;
}
#bodyContent h5 {
font-size: 100%;
font-weight: bold;
}
.table a
{
display:block;
text-decoration:none;
}
/** NORA beveiliging voorpagina mooier*/
.elementlijst
{
display:none;
}
.elementlijst:target
{
display:inline;
}
/* SmartCore layout */
table.wikitable * tr th.sc-elementproperty {width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementproperty {width: 736px;}
table.wikitable * tr th.sc-elementrelation {width: 200px; text-align: center;}
table.wikitable * tr th.sc-elementrelationendpoint {width: 528px; text-align: center;}
table.wikitable * tr th.sc-elementtypeproperty {width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementtypeproperty {width: 736px;}
table.wikitable * tr th.sc-elementpropertyproperty{width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementpropertyproperty{width: 736px;}
table.wikitable * tr th.sc-elementrelationproperty{width: 200px; text-align: left;}
table.wikitable * tr td.sc-elementrelationproperty{width: 736px;}
table.wikitable * tr th.algemeen {border-width:2px; border-color:#000000; text-align:center; vertical-align:top; }
table.wikitable * tr td.algemeen {border-width:2px; border-color:#000000; text-align:center; vertical-align:top; }
div.sc-infobox {display:table;}
div.sc-infoboxline {display:table-row;}
div.sc-infobox div.sc-infobox-empty {width:200px; display:table-cell;}
div.sc-infobox div.sc-infobox-image {text-align:left;display:table-cell;}
div.sc-infobox div.sc-infobox-definition {width:536px; display:table-cell;text-align:top;}
/** Error box **/
div#mw-missingsummary { background: rgb(252, 203, 203); padding: 5px; display: block; margin-bottom: 1em; border: 1px solid rgb(179, 46, 46); }
/** lijst zonder 'opmaak' **//
.opsomming ul{
list-style-type: none;
padding: 0;
margin-left: 0;
}
.opsomming ol{
list-style-type: none;
padding: 0;
margin-left: 0;
}
.hoofdpagina a
{
text-decoration:none;
}
#nieuws ol
{
list-style-type: none;
list-style-image: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJgBAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=;
padding:0;
margin-left: 0;
}
#nieuws li
{list-style-type:none;
list-style-image: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJgBAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=;
margin:0 0 4 0;
padding:0 0 0 10px;
background: url("/images/noraonline/b/bf/CSS-Pijlen.png") no-repeat scroll -93px -45px transparent;}
/* bulleted lists met pijltje, vooral voor hyperlinks (die standaard niet onderstreept worden, omdat het pijltje al duidelijk maakt dat het links zijn). Te gebruiken met 'class="selectielijst", en standaard in kolommen */
.kolom ul, .selectielijst ul { list-style: none;
}
.kolom ul li:before, .selectielijst ul li:before {
content: "\2192 \0020";
list-style: none;
}/* inspiratie: http://www.artishock.net/coding/css-list-styling-using-ascii-special-characters/ */
.kolom ul a, .selectielijst ul a {text-decoration:none;}
.kolom ul a:hover, .selectielijst ul a {text-decoration:underline;}
/* bulleted lists met pijltje, vooral voor hyperlinks (die standaard niet onderstreept worden, omdat het pijltje al duidelijk maakt dat het links zijn). Te gebruiken met 'class="selectielijst", en standaard in kolommen */
.kolommen {display: flex;
flex-wrap:wrap;
}
.kolom h2{font-size: 15.75px;
font-weight: 700;
font-family: "RO Sans",Calibri,sans-serif;
}
.kolom {
width: 245px;
margin-right: 10px;
position:relative;
padding-left: 2px;
padding-right: 3px;
padding-bottom: 169px;
background-color:#E5F0F9;
background-repeat: no-repeat;
background-position: center bottom;
}
/*nu volgen standaard achtergrondafbeeldingen */
.kolom:nth-child(1), .achter-puzzelstuk{
background-image: url(http://www.noraonline.nl/images/noraonline/2/25/Puzzelstuk_klein.png);
}
.kolom:nth-child(2) {
background-image: url(http://www.noraonline.nl/images/noraonline/9/93/Gereedschap_klein.png);
}
.kolom:nth-child(3) {
background-image: url(http://www.noraonline.nl/images/noraonline/f/ff/Contact_klein.png);
}
/* de volgende classes overschrijven de standaard ('nth-child') achtergronden. Ze krijgen prioriteit over nth-child, door toevoeging '!important' voor de puntkomma */
.achtergrondloos {
background-size:1px; !important;
padding-bottom:inherit;
} /*background-size:none leek niet te werken, dus hackje */
.achter-potloden {
background-image: url(http://noraonline.nl/images/noraonline/c/cd/Potloden_op_agenda.jpg) !important;
}
.achter-wegwijzers {
background-image: url(http://www.noraonline.nl/images/noraonline/8/84/Wegwijzers.jpg) !important;
}
.achter-wegwijzers2{
background-image: url(http://www.noraonline.nl/images/noraonline/thumb/6/68/Wegwijzers2.jpg/250px-Wegwijzers2.jpg) !important;
}
.achter-binnenhof{
background-image: url(http://www.noraonline.nl/images/noraonline/a/a9/Binnenhof.jpg) !important;
}
.achter-puzzelstuk {
background-image: url(http://www.noraonline.nl/images/noraonline/2/25/Puzzelstuk_klein.png) !important;
}
/* gebruikersonderzoek */
#SmartSurveyVote {
margin-right: 5px;
}
div#smartsurvey p /* buttons naast vraag ipv er onder */
{
display: inline;
margin-right: 10px;
}
div#smartsurvey {
margin-top:25px;
padding:25px 0 15px;
border-top:1px solid #ccc
}
#SmartSurveyVote {
margin-right:5px;
min-width:50px
}
#SmartSurveySubmitEmail {
margin-bottom: 10px;
}
#smartsurvey a {
text-decoration: underline;
}