OER in Education - User contributions [en]

MediaWiki:Common.css

2022-03-06T21:08:09Z

Bjoern: Fixing, again

.divStart { display: hidden; }
.divEnd { display: hidden; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#mw-content-text {
min-height: 1200px;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

/* Custom the whole welcome page boxe */
.tablehighlightcell {
cursor: pointer;
}

MediaWiki:Common.css

2022-03-01T16:19:57Z

Bjoern: Fixing CSS, part two

.divStart { display: hidden; }
.divEnd { display: hidden; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#mw-content-text {
min-height: 1200px;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

/* Custom the whole welcome page boxe */
.tablehighlightcell {
cursor: pointer;
}

MediaWiki:Common.css

2022-03-01T16:18:12Z

Bjoern: Fixing CSS, part one

.divStart { display: hidden; }
.divEnd { display: hidden; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#bodyContent {
margin-left: 15em;
width: auto;
}

#mw-content-text {
min-height: 1200px;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

/* Custom the whole welcome page boxe */
.tablehighlightcell {
cursor: pointer;
}

EWTE

2022-01-30T21:58:08Z

Bjoern: Undo revision 30159 by Bjoern (talk)

{{EWTE|line2 = A project funded by WIKIMEDIA UK|pagetitle = Introduction|fontsize2 = 130%|title = }}

This page describes the outcomes and objectives of a short project funded by the Wikimedia Foundation UK (during the second half of 2014), see https://wikimedia.org.uk/wiki/Wiki-based_teacher_education_and_resource_development.

== Summary ==
[http://www.mediawiki.org Mediawiki] is already used to host Open Educational Resources (OER), such as Wikipedia (which is possibly the most widely used open resource), which means that many people are familiar with both reading Wikipedia, as well as contributing (the barrier to which has been lowered significantly by the usability enhancements such as the [https://www.mediawiki.org/wiki/Extension:VisualEditor visual editor]). Mediawiki has facilities for taking content offline, through [https://wikitech.wikimedia.org/wiki/OCG Offline Content Generation (OCG) toolchain], or [https://www.mediawiki.org/wiki/Parsoid Parsoid] with [http://www.openzim.org ZIM] and [http://www.kiwix.org Kiwix].

These features mean that Mediawiki could be a good platform for hosting other types of OER, and a few years ago we started using Mediawiki to host the [[OER4Schools]] teacher professional development programme. As far as we are aware, it’s the only structured open teacher programme available aimed at teacher in sub-Saharan Africa (though of course there are other open teacher resources, from OER Africa, TESSA, COL, and others).

While our mediawiki-based approach has been very successful in a number of ways, there have also been challenges. As an encyclopedia, the basic unit of Wikipedia is articles, which relate to each other, but often not in complex ways. TPD programmes need to be very clearly structured to be effective, and we thus built templates for structuring resources (with semantic properties), section numbers (with CSS), and navigation (again using semantic wiki). [http://www.wikimedia.org.uk Wikimedia UK] kindly provided some funding to help address some of these challenges, in collaboration with Emmanuel (of Kiwix) in a project to "Enable Wiki-based teacher education". There are of course some remaining challenges, and hope to continue working with the community in order to address these!
= Objective =

Mediawiki is already used to host Open Educational Resources (OER), such as Wikipedia (which is possibly the most widely used open resource overall). However, the use of mediawiki to develop and host more complex resources, such as structured resources (such as textbooks), is still limited. In particular, Mediawiki could be a suitable platform for collaboratively producing and hosting teacher education resources, including open textbooks (whether these are teacher education resources or otherwise). However, our previous research on the [[ORBIT]] project has highlighted some of the obstacles to this, that we are trying to address through this project. The work undertaken as part of the [[EWTE]] project, aims to further develop our mediawiki practices and facilities to make it a more suitable platform for hosting ''structured'' open educational content. This could bring potentially very significant gains to the OER community, and possibly leads to a far greater adoption of mediawiki in this area.

= Mediawiki and Open Educational Resources =

OER are understood to have three freedoms (c.f. [http://www.sciencemedianetwork.org/Publications/Hassler_Mays_OpenContent]): Legal, technical, and education/participation. While many OER initiatives focus primarily on legal freedom, this project focusses on technical freedom (including access) and strategies for presenting content in educationally appropriate ways, allowing participation.

'''Technical freedom and Access.''' Mediawiki already is a strong platform in terms of providing multiple ways of accessing content, including facilities like an API, a version for mobile content, as well as the ability to download content as PDF or as a ZIM archive. However, many of these facilities are first "stress tested" on Wikipedia, and may be somewhat tailored to use on Wikipedia (and the kind of content hosted on Wikipedia, i.e. encyclopaedia articles). In this project, we seek to apply the the accessibility provided by mediawiki to another site (i.e. http://oer.educ.cam.ac.uk/wiki), and explore to what extent the tools developed for Wikipedia carry over to other mediawiki sites, particularly with regard to a mobile site, PDF and ZIM.

'''Educational freedom and content organisation.''' One of the areas where we previously experienced difficulties were in the area of content organisation. Wikipedia's "unit of content" are encyclopaedia articles. While these articles have relations with each other, articles do not form "linear sequences". Other other types of educational materials, such as books, have a linear order. Typically such content would be organised as a set of (reasonable length) pages, with appropriate navigation between pages. Other than doing this manually, by default, mediawiki does not provide such facilities. However, as part of this project, we developed a number of options to better structure content (see below), enabling mediawiki users to structure their content in ways more suitable for certain typed of educational content (books, manuals, courses, including professional development courses). The issues address here should be highly relevant for other sites that offer more structured content, such as [https://www.wikiversity.org Wikiversity] and [http://www.wikibooks.org Wikibooks].

'''Participation and usability.''' Visual editor and TogetherJS. We were also keen to introduce some of the excellent usability enhancements.

= Project outcomes =

'''Overarching outcomes.'''
Through this work, we gained some ground in the use of MediaWiki in formal Higher Education, particularly in the area of teacher education, and for the use of mediawiki to produce professional open wikibooks. We feel very strongly about the benefits of collaborative teacher resource development, and this project helped us to take this message out to the Faculty of Education (University of CambridgE) as well as other departments in the UK.

'''Concrete outcomes.''' The concrete goal of the project was to implement existing extensions, as well as to further develop a number of new extensions for mediawiki, that will significantly enhance the usability of the platform for creating teaching and learning materials in Higher Education, and particularly for teacher education. We suggest that the outcomes of this project to be immediately applicable to other wikimedia sites (including wikibooks).

The overall specific outcomes of this project are:
# Greater engagement of University of Cambridge staff and students with mediawiki, particularly within teacher education. This is measured through additional (University or Faculty) projects adopting our existing mediawiki site to host their resources (such as a teacher development programme for [http://www.raspberrypi.org Raspberry Pi]).
# Greater engagement of UK and international Higher Education staff and students with mediawiki, measured through increased use of discussion on facebook, see e.g. https://www.facebook.com/groups/oer4schools/.
In accordance with the goals, the specific technical deliverables were as follows:
* '''Section numbers.''' A mediawiki extension that allows section numbers to be prefixed with strings, together with documentation. Implementation of this extension on our wiki.
* '''Project specific page banners.''' A mediawiki extension that the adding of project specific banners to wiki pages, in order to be able to mark a set of pages as belonging to the same project or set of pages.
* '''Wiki navigation between pages.''' If feasible, and extension that allows better navigation between individual pages in a collection. Brief instructions on our implementation (together with mediawiki Templates) allowing our approach to be replicated more easily.
* '''Better searching.''' Brief documentation on the more advanced search options within mediawiki, aimed at the Higher Education sector. An implementation of these search options on our wiki.
* '''Assessment of pdf generation.''' Brief documentation on mediawiki to pdf workflow options, aimed at the Higher Education sector.
* '''Collaborative options.''' Brief documentation on real-time collaboration on mediawiki, aimed at the Higher Education sector.

= Content organisation =

During the ORBIT project, we developed a number of features for our mediawiki on an experimental basis, which as part of [[EWTE]], we developed into proper extensions, with documentation. These include:

== Section numbers. ==

When creating longer documents, it is important that each section has a unique number. In educational materials, sections usually have a number, that uniquely identifies it. In mediawiki, section numbers within pages are just numbered incrementally (1, 2, 3, ...). Ideally the usual page section numbers (1, 2, 3, …) would be prefixed with a chapter number (say “5”, to give 5.1, 5.2, 5.3, …; or say “A”, to give A.1, A.2, A.3). This stems also from our experience with [[OER4Schools]], where the use of our longer documents (sometimes numbering 100s of printed pages) has been confusing during e.g. during workshops because of the lack of unique section numbers across several pages. (“Let’s look at chapter 5, section 3.” - “No, not this section 3, go to chapter 5 first, then section 3.” vs. “Let’s look at section 5.3.”).

We developed a simple mediawiki template that allows existing section numbers to be prefixed with strings (together with the CSS extension). To use the template on this wiki, see basic documentation provided here [[Template:SectionHeadingPrefix]]. In brief, e.g.
<nowiki>{{</nowiki>SectionHeadingPrefix|A.}}
a section called
* 1.1. Section title
appears as
* A.1.1. Section title
For an example, visit [[OER4Schools/Learning_objectives_and_success_criteria|this page]]: Each section number is prefixed with the session number ("4.2"). For details about how to install this on other wikis, see [[OER:Documentation]].

== Project specific page banners. ==

On our wiki, different "projects" have different “page banners”, i.e. a section at the top of the page that identifies the project. Compare e.g. [[ORBIT]], and [[OER4Schools]]. In order for projects to choose to place their outputs on a departmental site (let along a University wide, or wikibooks), they need to have their own identity within that site. Otherwise it is simply not acceptable to project stake holders. Compare e.g. [[ORBIT]] and [[OER4Schools]] with a page on wikibooks, e.g. [http://en.wikibooks.org/wiki/Primary_Mathematics/Working_with_fractions]: On [[ORBIT]] / [[OER4Schools]] the page banner appears above the page title, while on [http://en.wikibooks.org/wiki/Primary_Mathematics/Working_with_fractions] the page title appears at the top, with the book title effectively appearing below the page title.

For the [[ORBIT]] project, a mechanism was developed to achieve this, but it used the 'site notice’, so it was not possible to have site notices. Moreover, the implementation require modification of the actual source code modification, which made it difficult for us to upgrade our wiki installation. Part of [[EWTE]], the implementation was adapted, to no longer affect the site notice, and to work as an extension, with out the need to modify the source code.

On this wiki, you can use
<topcontent>
Page header content
</topcontent>
Typically, this is used using a template, see e.g. [[Template:EWTE]], so that the same page header content can be placed on all pages belonging to a project.

To use <topcontent> on another wiki, see [[OER:Documentation/customextensions]] for installation instructions.

== Wiki navigation between pages.==

As detailed above, it is important to be able to group pages into sequences. Compare [[OER4Schools]] or [[DEFT]] with a page on wikibooks, e.g. [http://en.wikibooks.org/wiki/Primary_Mathematics/Working_with_fractions]: The wikibooks page creates the navigation manually:
<nowiki>{{</nowiki>navigation|Book=Primary Mathematics
|current=Working with fractions
|previous=Fractions
|next=Decimals}}
During our project work on [[ORBIT]] and [[OER4Schools]] we have found such as solution very hard to maintain. E.g. the insertion of a new page (or the renaming of an existing page) requires the bordering pages to be updated. Moreover, a list of all pages needs to be maintained separately.

We currently have two mechanisms to allow the creation of such 'page sequences' in a more automated way, one which uses the collection extension, and the other one uses semantic mediawiki.

=== Using the collection extension for navigation ===

A simple solution is to use the book creator extension to produce a book, and then to use the saved book page as a template for navigation, see [[EWTE/booknav]]. {{: EWTE/booknav/pm }}

=== Using semantic mediawiki ===

We currently have a mechanism (relying on the semantic extension) that allows several wiki pages to be grouped into a collection, displaying a navigation menu on each page, see e.g. [[OER4Schools]]. As part of this project, we have documented our work, allowing the replication of this on another wiki, see [[EWTE/nav]] for an example, and [[:Category:PageGroupTemplate]] for documentation. The simples use is the [[Template:BasePageGroupNav]]. Simply including this template on subpages:
<nowiki>{{BasePageGroupNav}}</nowiki>
creates a navigation menu, see [[EWTE/nav]] for an example.
{{: EWTE/nav/plusminus}}

For more information, see [[OER:Documentation]].

=== Extension:BookManagerv2 ===

The [https://wikiapiary.com/wiki/Extension:BookManagerv2 Extension:BookManagerv2] has also come to our attention, but we haven't tested this yet.

= General usability =

A number of modifications were made to provide better usability.

== Better searching.==

We did some user testing, and the wiki search came up as something that users found confusing, and not really useful for finding the content they were looking for. We currently use a Google custom search, but the integration into the wiki is not ideal. We would like to explore options for searching that allows our audience to find relevant content more easily.
The Mediawiki search future was thus customized. It display the results of the standard search engine conbined with the results of Google. This is done using the "GoogleSiteSearch" extension. See the file LocalSettings.custom.php to see how it's configured, and “../custom/extensions” directory. See [[OER:Documentation]] for more details.

== Visual editor ==

The visual editor is now working as part of the installation.

== Collaborative options.==

The TogetherJS extension is now available on the wiki, and has been used on a few occasions to demonstrate the wiki remotely. The "Collaborative Editor" (which is planned), as a tool for real-time collaboration, was not ready for trialling.

= Access and Offline =

== Assessment of pdf generation.==

We currently generate our own multi-chapter pdf (using a set of scripts). The Pediapress PDF generation suitable (book extension) was unable to support our formatting, such as educator notes:
{{ednote|text=This is an educator note.}}
We were unable to find alternative ways of formatting text in a similar way, that would be compatible with the book extension.

The more general Offline Content Generation toolchain should offer better solutions for this. There are two toolchains that could be promising:
* The OCG/Latex toolchain also doesn't take css into account, but appears to be aimed at very high quality print output from wikipedia articles.
* An OCG toolchain with Phantom-js-2 is planned, that would work from the html (including css), and could be a good option. Work on this will start when Phantom-js-2 is released.

For now, we thus stick with our own way of creating PDF, which have documented here [[OER:Documentation/PDF with wkhtmltopdf]].

== Offline ==

Apart from PDF, we considered generation of ZIM with the Kiwix browser. This was fairly successful, see http://oer.educ.cam.ac.uk/download/. A few issues remain, see [[OER:TODO]] and outstanding issues below.

== Mobile ==

The MobileFrontend was also installed, see http://www.mediawiki.org/wiki/Mobile_Web, http://www.mediawiki.org/wiki/Extension:MobileFrontend
http://noc.wikimedia.org/conf/highlight.php?file=mobile.php.
It can be configured through [[Special:MobileOptions]].

= MediaWiki Language Extension Bundle =

[https://www.mediawiki.org/wiki/MediaWiki_Language_Extension_Bundle MediaWiki Language Extension Bundle] also came to our attention through this work, as is being trialled, see e.g. [[OER4Schools/AVU2014/fr]]. Also see [https://www.mediawiki.org/wiki/Help:Extension:Translate/Configuration].

= Technical documentation of our work =

The above work is documented at [[OER:Documentation]], which also includes for some hints on how to set up a wiki in general.

= Issues remaining =

{{: EWTE/issues remaining }}

= Links to similar discussion on this wiki =
* [[OER:Documentation]]
* [[ORBIT/Development]]
* http://www.sciencemedianetwork.org/wiki/Mediawiki/orbit/ORBIT3

EWTE

2022-01-30T21:57:55Z

Bjoern: Test visual editor

{{EWTE|line2 = A project funded by WIKIMEDIA UK|pagetitle = Introduction|fontsize2 = 130%|title = }}

This page describes the outcomes and objectives of a short project funded by the Wikimedia Foundation UK (during the second half of 2014), see https://wikimedia.org.uk/wiki/Wiki-based_teacher_education_and_resource_development.

== Summary ==
[http://www.mediawiki.org Mediawiki] is already used to host Open Educational Resources (OER), such as Wikipedia (which is possibly the most widely used open resource), which means that many people are familiar with both reading Wikipedia, as well as contributing (the barrier to which has been lowered significantly by the usability enhancements such as the [https://www.mediawiki.org/wiki/Extension:VisualEditor visual editor]). Mediawiki has facilities for taking content offline, through [https://wikitech.wikimedia.org/wiki/OCG Offline Content Generation (OCG) toolchain], or [https://www.mediawiki.org/wiki/Parsoid Parsoid] with [http://www.openzim.org ZIM] and [http://www.kiwix.org Kiwix].

These features mean that Mediawiki could be a good platform for hosting other types of OER, and a few years ago we started using Mediawiki to host the [[OER4Schools]] teacher professional development programme. As far as we are aware, it’s the only structured open teacher programme available aimed at teacher in sub-Saharan Africa (though of course there are other open teacher resources, from OER Africa, TESSA, COL, and others).

While our mediawiki-based approach has been very successful in a number of ways, there have also beeen challenges. As an encyclopedia, the basic unit of Wikipedia is articles, which relate to each other, but often not in complex ways. TPD programmes need to be very clearly structured to be effective, and we thus built templates for structuring resources (with semantic properties), section numbers (with CSS), and navigation (again using semantic wiki). [http://www.wikimedia.org.uk Wikimedia UK] kindly provided some funding to help address some of these challenges, in collaboration with Emmanuel (of Kiwix) in a project to "Enable Wiki-based teacher education". There are of course some remaining challenges, and hope to continue working with the community in order to address these!
= Objective =

Mediawiki is already used to host Open Educational Resources (OER), such as Wikipedia (which is possibly the most widely used open resource overall). However, the use of mediawiki to develop and host more complex resources, such as structured resources (such as textbooks), is still limited. In particular, Mediawiki could be a suitable platform for collaboratively producing and hosting teacher education resources, including open textbooks (whether these are teacher education resources or otherwise). However, our previous research on the [[ORBIT]] project has highlighted some of the obstacles to this, that we are trying to address through this project. The work undertaken as part of the [[EWTE]] project, aims to further develop our mediawiki practices and facilities to make it a more suitable platform for hosting ''structured'' open educational content. This could bring potentially very significant gains to the OER community, and possibly leads to a far greater adoption of mediawiki in this area.

= Mediawiki and Open Educational Resources =

OER are understood to have three freedoms (c.f. [http://www.sciencemedianetwork.org/Publications/Hassler_Mays_OpenContent]): Legal, technical, and education/participation. While many OER initiatives focus primarily on legal freedom, this project focusses on technical freedom (including access) and strategies for presenting content in educationally appropriate ways, allowing participation.

'''Technical freedom and Access.''' Mediawiki already is a strong platform in terms of providing multiple ways of accessing content, including facilities like an API, a version for mobile content, as well as the ability to download content as PDF or as a ZIM archive. However, many of these facilities are first "stress tested" on Wikipedia, and may be somewhat tailored to use on Wikipedia (and the kind of content hosted on Wikipedia, i.e. encyclopaedia articles). In this project, we seek to apply the the accessibility provided by mediawiki to another site (i.e. http://oer.educ.cam.ac.uk/wiki), and explore to what extent the tools developed for Wikipedia carry over to other mediawiki sites, particularly with regard to a mobile site, PDF and ZIM.

'''Educational freedom and content organisation.''' One of the areas where we previously experienced difficulties were in the area of content organisation. Wikipedia's "unit of content" are encyclopaedia articles. While these articles have relations with each other, articles do not form "linear sequences". Other other types of educational materials, such as books, have a linear order. Typically such content would be organised as a set of (reasonable length) pages, with appropriate navigation between pages. Other than doing this manually, by default, mediawiki does not provide such facilities. However, as part of this project, we developed a number of options to better structure content (see below), enabling mediawiki users to structure their content in ways more suitable for certain typed of educational content (books, manuals, courses, including professional development courses). The issues address here should be highly relevant for other sites that offer more structured content, such as [https://www.wikiversity.org Wikiversity] and [http://www.wikibooks.org Wikibooks].

'''Participation and usability.''' Visual editor and TogetherJS. We were also keen to introduce some of the excellent usability enhancements.

= Project outcomes =

'''Overarching outcomes.'''
Through this work, we gained some ground in the use of MediaWiki in formal Higher Education, particularly in the area of teacher education, and for the use of mediawiki to produce professional open wikibooks. We feel very strongly about the benefits of collaborative teacher resource development, and this project helped us to take this message out to the Faculty of Education (University of CambridgE) as well as other departments in the UK.

'''Concrete outcomes.''' The concrete goal of the project was to implement existing extensions, as well as to further develop a number of new extensions for mediawiki, that will significantly enhance the usability of the platform for creating teaching and learning materials in Higher Education, and particularly for teacher education. We suggest that the outcomes of this project to be immediately applicable to other wikimedia sites (including wikibooks).

The overall specific outcomes of this project are:
# Greater engagement of University of Cambridge staff and students with mediawiki, particularly within teacher education. This is measured through additional (University or Faculty) projects adopting our existing mediawiki site to host their resources (such as a teacher development programme for [http://www.raspberrypi.org Raspberry Pi]).
# Greater engagement of UK and international Higher Education staff and students with mediawiki, measured through increased use of discussion on facebook, see e.g. https://www.facebook.com/groups/oer4schools/.
In accordance with the goals, the specific technical deliverables were as follows:
* '''Section numbers.''' A mediawiki extension that allows section numbers to be prefixed with strings, together with documentation. Implementation of this extension on our wiki.
* '''Project specific page banners.''' A mediawiki extension that the adding of project specific banners to wiki pages, in order to be able to mark a set of pages as belonging to the same project or set of pages.
* '''Wiki navigation between pages.''' If feasible, and extension that allows better navigation between individual pages in a collection. Brief instructions on our implementation (together with mediawiki Templates) allowing our approach to be replicated more easily.
* '''Better searching.''' Brief documentation on the more advanced search options within mediawiki, aimed at the Higher Education sector. An implementation of these search options on our wiki.
* '''Assessment of pdf generation.''' Brief documentation on mediawiki to pdf workflow options, aimed at the Higher Education sector.
* '''Collaborative options.''' Brief documentation on real-time collaboration on mediawiki, aimed at the Higher Education sector.

= Content organisation =

During the ORBIT project, we developed a number of features for our mediawiki on an experimental basis, which as part of [[EWTE]], we developed into proper extensions, with documentation. These include:

== Section numbers. ==

When creating longer documents, it is important that each section has a unique number. In educational materials, sections usually have a number, that uniquely identifies it. In mediawiki, section numbers within pages are just numbered incrementally (1, 2, 3, ...). Ideally the usual page section numbers (1, 2, 3, …) would be prefixed with a chapter number (say “5”, to give 5.1, 5.2, 5.3, …; or say “A”, to give A.1, A.2, A.3). This stems also from our experience with [[OER4Schools]], where the use of our longer documents (sometimes numbering 100s of printed pages) has been confusing during e.g. during workshops because of the lack of unique section numbers across several pages. (“Let’s look at chapter 5, section 3.” - “No, not this section 3, go to chapter 5 first, then section 3.” vs. “Let’s look at section 5.3.”).

We developed a simple mediawiki template that allows existing section numbers to be prefixed with strings (together with the CSS extension). To use the template on this wiki, see basic documentation provided here [[Template:SectionHeadingPrefix]]. In brief, e.g.
<nowiki>{{</nowiki>SectionHeadingPrefix|A.}}
a section called
* 1.1. Section title
appears as
* A.1.1. Section title
For an example, visit [[OER4Schools/Learning_objectives_and_success_criteria|this page]]: Each section number is prefixed with the session number ("4.2"). For details about how to install this on other wikis, see [[OER:Documentation]].

== Project specific page banners. ==

On our wiki, different "projects" have different “page banners”, i.e. a section at the top of the page that identifies the project. Compare e.g. [[ORBIT]], and [[OER4Schools]]. In order for projects to choose to place their outputs on a departmental site (let along a University wide, or wikibooks), they need to have their own identity within that site. Otherwise it is simply not acceptable to project stake holders. Compare e.g. [[ORBIT]] and [[OER4Schools]] with a page on wikibooks, e.g. [http://en.wikibooks.org/wiki/Primary_Mathematics/Working_with_fractions]: On [[ORBIT]] / [[OER4Schools]] the page banner appears above the page title, while on [http://en.wikibooks.org/wiki/Primary_Mathematics/Working_with_fractions] the page title appears at the top, with the book title effectively appearing below the page title.

For the [[ORBIT]] project, a mechanism was developed to achieve this, but it used the 'site notice’, so it was not possible to have site notices. Moreover, the implementation require modification of the actual source code modification, which made it difficult for us to upgrade our wiki installation. Part of [[EWTE]], the implementation was adapted, to no longer affect the site notice, and to work as an extension, with out the need to modify the source code.

On this wiki, you can use
<topcontent>
Page header content
</topcontent>
Typically, this is used using a template, see e.g. [[Template:EWTE]], so that the same page header content can be placed on all pages belonging to a project.

To use <topcontent> on another wiki, see [[OER:Documentation/customextensions]] for installation instructions.

== Wiki navigation between pages.==

As detailed above, it is important to be able to group pages into sequences. Compare [[OER4Schools]] or [[DEFT]] with a page on wikibooks, e.g. [http://en.wikibooks.org/wiki/Primary_Mathematics/Working_with_fractions]: The wikibooks page creates the navigation manually:
<nowiki>{{</nowiki>navigation|Book=Primary Mathematics
|current=Working with fractions
|previous=Fractions
|next=Decimals}}
During our project work on [[ORBIT]] and [[OER4Schools]] we have found such as solution very hard to maintain. E.g. the insertion of a new page (or the renaming of an existing page) requires the bordering pages to be updated. Moreover, a list of all pages needs to be maintained separately.

We currently have two mechanisms to allow the creation of such 'page sequences' in a more automated way, one which uses the collection extension, and the other one uses semantic mediawiki.

=== Using the collection extension for navigation ===

A simple solution is to use the book creator extension to produce a book, and then to use the saved book page as a template for navigation, see [[EWTE/booknav]]. {{: EWTE/booknav/pm }}

=== Using semantic mediawiki ===

We currently have a mechanism (relying on the semantic extension) that allows several wiki pages to be grouped into a collection, displaying a navigation menu on each page, see e.g. [[OER4Schools]]. As part of this project, we have documented our work, allowing the replication of this on another wiki, see [[EWTE/nav]] for an example, and [[:Category:PageGroupTemplate]] for documentation. The simples use is the [[Template:BasePageGroupNav]]. Simply including this template on subpages:
<nowiki>{{BasePageGroupNav}}</nowiki>
creates a navigation menu, see [[EWTE/nav]] for an example.
{{: EWTE/nav/plusminus}}

For more information, see [[OER:Documentation]].

=== Extension:BookManagerv2 ===

The [https://wikiapiary.com/wiki/Extension:BookManagerv2 Extension:BookManagerv2] has also come to our attention, but we haven't tested this yet.

= General usability =

A number of modifications were made to provide better usability.

== Better searching.==

We did some user testing, and the wiki search came up as something that users found confusing, and not really useful for finding the content they were looking for. We currently use a Google custom search, but the integration into the wiki is not ideal. We would like to explore options for searching that allows our audience to find relevant content more easily.
The Mediawiki search future was thus customized. It display the results of the standard search engine conbined with the results of Google. This is done using the "GoogleSiteSearch" extension. See the file LocalSettings.custom.php to see how it's configured, and “../custom/extensions” directory. See [[OER:Documentation]] for more details.

== Visual editor ==

The visual editor is now working as part of the installation.

== Collaborative options.==

The TogetherJS extension is now available on the wiki, and has been used on a few occasions to demonstrate the wiki remotely. The "Collaborative Editor" (which is planned), as a tool for real-time collaboration, was not ready for trialling.

= Access and Offline =

== Assessment of pdf generation.==

We currently generate our own multi-chapter pdf (using a set of scripts). The Pediapress PDF generation suitable (book extension) was unable to support our formatting, such as educator notes:
{{ednote|text=This is an educator note.}}
We were unable to find alternative ways of formatting text in a similar way, that would be compatible with the book extension.

The more general Offline Content Generation toolchain should offer better solutions for this. There are two toolchains that could be promising:
* The OCG/Latex toolchain also doesn't take css into account, but appears to be aimed at very high quality print output from wikipedia articles.
* An OCG toolchain with Phantom-js-2 is planned, that would work from the html (including css), and could be a good option. Work on this will start when Phantom-js-2 is released.

For now, we thus stick with our own way of creating PDF, which have documented here [[OER:Documentation/PDF with wkhtmltopdf]].

== Offline ==

Apart from PDF, we considered generation of ZIM with the Kiwix browser. This was fairly successful, see http://oer.educ.cam.ac.uk/download/. A few issues remain, see [[OER:TODO]] and outstanding issues below.

== Mobile ==

The MobileFrontend was also installed, see http://www.mediawiki.org/wiki/Mobile_Web, http://www.mediawiki.org/wiki/Extension:MobileFrontend
http://noc.wikimedia.org/conf/highlight.php?file=mobile.php.
It can be configured through [[Special:MobileOptions]].

= MediaWiki Language Extension Bundle =

[https://www.mediawiki.org/wiki/MediaWiki_Language_Extension_Bundle MediaWiki Language Extension Bundle] also came to our attention through this work, as is being trialled, see e.g. [[OER4Schools/AVU2014/fr]]. Also see [https://www.mediawiki.org/wiki/Help:Extension:Translate/Configuration].

= Technical documentation of our work =

The above work is documented at [[OER:Documentation]], which also includes for some hints on how to set up a wiki in general.

= Issues remaining =

{{: EWTE/issues remaining }}

= Links to similar discussion on this wiki =
* [[OER:Documentation]]
* [[ORBIT/Development]]
* http://www.sciencemedianetwork.org/wiki/Mediawiki/orbit/ORBIT3

MediaWiki:Common.css

2022-01-30T21:21:32Z

Bjoern:

.divStart { display: hidden; }
.divEnd { display: hidden; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#bodyContent {
margin-left: 15em;
width: auto;
}

#mw-content-text {
min-height: 1200px;
}

#firstHeading {
margin-left: 7.2em;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

/* Custom the whole welcome page boxe */
.tablehighlightcell {
cursor: pointer;
}

MediaWiki:Common.css

2022-01-30T21:19:07Z

Bjoern:

.divStart { display: hidden; }
.divEnd { display: hidden; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

#firstHeading {
margin-top: 0px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#bodyContent {
margin-left: 15em;
width: auto;
}

#mw-content-text {
min-height: 1200px;
}

#firstHeading {
margin-left: 7.2em;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

/* Custom the whole welcome page boxe */
.tablehighlightcell {
cursor: pointer;
}

MediaWiki:Vector.css

2022-01-30T21:18:36Z

Bjoern: Bjoern moved page MediaWiki:Vector.css to MediaWiki:Common.css

/* #REDIRECT */@import url(https://oer.opendeved.net/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css);

MediaWiki:Common.css

2022-01-30T21:18:36Z

Bjoern: Bjoern moved page MediaWiki:Vector.css to MediaWiki:Common.css

.divStart { display: hidden; }
.divEnd { display: hidden; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

#firstHeading {
margin-top: 0px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#bodyContent {
margin-left: 15em;
width: auto;
}

#mw-content-text {
min-height: 1200px;
}

#firstHeading {
margin-left: 7.2em;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

Template:Frontpageheader

2021-11-14T10:44:37Z

Bjoern:

<div id="banner" style="margin-top:30px;">
<div id="orbit-logo">[[Image:ORBIT-wiki-logo.jpg|80px|link=Resources]]</div>
<div id="mp-topbanner">
<div class="orbit-header">[[ORBIT|ORBIT]]: The Open Resource Bank for Interactive Teaching</div>
<div class="orbit-subheader" style="padding:0 0 0 20px;">A JISC OER 3 project at the Faculty of Education, University of Cambridge (2011-2012).</div>
</div>
</div>__NOTOC__<noinclude>

</noinclude>

File:OpenDevEd logo - green.png

2021-11-13T19:51:18Z

Bjoern:

OER in Education:About

2021-11-13T19:18:43Z

Bjoern:

In November 2021, Open Development & Education (https://opendeved.net) set up this wiki and migrated content from the OER Wiki of the Faculty of Education.

The OER Wiki was based at the Faculty of Education, University of Cambridge, at oer.educ.cam.ac.uk. It was used to publish OER developed at the Faculty or in conjunction with the Faculty.

The current wiki including all content is the sole responsibility of Open Development & Education (https://opendeved.net) and no longer associated with the Faculty.

OER in Education:Licence

2021-11-13T19:05:12Z

Bjoern:

In November 2021, this wiki was copied from oer.educ.cam.ac.uk to the present location (oer.opendeved.net). The original content was available under
http://creativecommons.org/licenses/by-nc/4.0/ / http://creativecommons.org/licenses/by-sa/4.0/ from oer.educ.cam.ac.uk (except where noted).

For the present wiki, unless otherwise noted, all content on this wiki (http://oer.educ.cam.ac.uk/) may be used under one of the following licences:
* [[Image:cc-by-nc-button.png|200px]] http://creativecommons.org/licenses/by-nc/4.0/
* [[Image:cc-by-sa-button.png|200px]] http://creativecommons.org/licenses/by-sa/4.0/

You are free to choose either of those licences for reusing content. Please attribute the content to the respective resource authors (and wiki editors), as well as to oer.opendeved.net.

Occasionally, resources may be licensed under other Creative Commons licences, in which case the respective wiki pages will indicate this.

<div style="background-color: #1C549E; padding: 20px;">
[[Image:cc-by-nc-button.png|200px]]   [[Image:cc-by-sa-button.png|200px]]
</div>

MediaWiki:Sidebar

2021-11-13T18:58:20Z

Bjoern:

* navigation
** Home|Home
** OER4Schools|OER4Schools
** ORBIT|ORBIT
** OERGS|OER Guidance for Schools
** RaspberryPi|Raspberry Pi
** ASKAIDS|ASKAIDS
** RECOUP|Qualitative Research Skills
** Special:UserLogin|Login / Create account
* OER4Schools Resource
** OER4Schools
** OER4Schools|Introduction to OER4Schools
*** OER4Schools/Overview|0.1 - Overview
*** OER4Schools/Detailed outline|0.2 - Detailed outline
*** OER4Schools/How to use this resource|0.3 - How to use this resource
*** OER4Schools/How to run workshops|0.4 - An introduction to facilitating the OER4Schools programme
*** OER4Schools/Further links|0.5 - Further links and pointers
*** OER4Schools/toc|0.6 - Table of contents
** OER4Schools/Introduction to interactive teaching and the use of ICT|Unit 1 - Introduction to interactive teaching and the use of ICT
*** OER4Schools/What is interactive teaching|1.1 - What is interactive teaching? An introduction to the interactive Zambian classroom
*** OER4Schools/Introduction to interactive teaching with ICT|1.2 - Introduction to interactive teaching with ICT
*** OER4Schools/Activity planning and reflection|1.3 - Activity planning and reflection
*** OER4Schools/ICTs in interactive teaching|1.4 - ICTs in interactive teaching
*** OER4Schools/Effective use of ICT|1.5 - Effective use of ICT
*** OER4Schools/Leadership for Learning|1.6 - Leadership for Learning
** OER4Schools/Whole class dialogue and effective questioning|Unit 2 - Whole class dialogue and effective questioning
*** OER4Schools/Introduction to whole class dialogue and effective questioning|2.1 - Introduction to whole class dialogue and effective questioning
*** OER4Schools/Questioning|2.2 - Questioning
*** OER4Schools/More on questioning|2.3 - More on questioning
*** OER4Schools/Concept mapping|2.4 - Concept mapping
*** OER4Schools/Engaging the community|2.5 - Engaging the community
** OER4Schools/Group work|Unit 3 - Group work
*** OER4Schools/Group work Same task and different tasks group work|3.1 - Group work: Same task and different tasks group work
*** OER4Schools/Supporting reasoning and managing group work|3.2 - When to use group work and how to manage it
*** OER4Schools/Mixed pace groupwork with and without ICT|3.3 - Mixed pace group work with and without ICT
*** OER4Schools/Talking points and effective group work|3.4 - Talking points and effective group work
*** OER4Schools/Review of group work|3.5 - Review of group work
*** OER4Schools/Designing interactive lesson plans|3.6 - Designing interactive lesson plans
** OER4Schools/Assessment for learning and lesson pacing|Unit 4 - Assessment for learning and lesson pacing
*** OER4Schools/Introduction to Assessment for Learning|4.1 - Introduction to Assessment for Learning
*** OER4Schools/Learning objectives and success criteria|4.2 - Learning objectives and success criteria
*** OER4Schools/Formative feedback|4.3 - Formative feedback
*** OER4Schools/Peer and self-assessment|4.4 - Peer and self-assessment
*** OER4Schools/Review of AfL and lesson pacing|4.5 - Review of AfL and lesson pacing
** OER4Schools/Enquiry-based learning and project work|Unit 5 - Enquiry-based learning and project work
*** OER4Schools/Introduction to enquiry based learning|5.1 - Introduction to enquiry-based learning
*** OER4Schools/Starting the enquiry based learning process|5.2 - Starting the enquiry-based learning process
*** OER4Schools/Collecting and interpreting information|5.3 - Collecting and interpreting information: Part one
*** OER4Schools/Collecting and interpreting information part 2|5.4 - Collecting and interpreting information: Part two
*** OER4Schools/Presenting findings of enquiries|5.5 - Presenting findings of enquiries
** OER4Schools/Into the future|Unit 6 - Into the future
*** OER4Schools/Programme review and action research|6.1 - Programme review and action research
** OER4Schools/Appendix| 7 - Appendices
*** OER4Schools/Techniques|7.1 - List of concepts, methods and techniques for reference.
*** OER4Schools/SessionTemplate|7.2 - A session template for making your own sessions
*** OER4Schools/Video|7.3 - Video for OER4Schools
** OER4Schools/Induction sessions| 8 - Induction sessions
*** OER4Schools/Workshop for school leaders|8.1 - A workshop for school leaders
*** OER4Schools/Introductory workshop|8.2 - A workshop for OER4Schools programme facilitators
*** OER4Schools/eLA2013|8.3 - OER4Schools Taster Session - eLA 2013
*** OER4Schools/mlw2014|8.4 - Mobile Learning Week 2014
*** OER4Schools/eLA2014|8.5 - eLearning Africa 2014
*** OER4Schools/Faculty Workshop May 2014|8.6 - Faculty of Education Workshop May 2014
*** OER4Schools/AVU2014|8.7 - AVU workshop November 2014
*** OER4Schools/AVU2014/en|8.7 - AVU workshop November 2014
*** OER4Schools/AVU2014/fr|8.7 - AVU workshop November 2014
* ORBIT Lesson Ideas
** Resources|All Lesson Ideas and Resources
*** Resources/Primary/Maths|Primary Maths
*** Resources/Primary/Science|Primary Science
*** Resources/Secondary/Maths|Secondary Maths
*** Resources/Secondary/Science|Secondary Science
*** Resources/Cross-curricular|Cross-curricular
** Resources/Teacher Education|Teacher Education
** Teaching Approaches|Teaching Approaches
** Tools|Teaching Tools
** Resources/Books|Books
** Video|Video
** OER_teacher_education_resources|Links
* SEARCH
* TOOLBOX
* Wiki
** Special:Recentchanges|Recent changes
** helppage|help
** Special:NewFiles|Gallery of new files
** Special:ListFiles|File list
** Special:Categories|Categories
** Special:Search|Search
* LANGUAGES

A Zotero Self-Paced Study Guide

2021-01-07T18:36:24Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, Dr Bjoern Hassler, and the Faculty of Education Library Team
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2018-19 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

A Zotero Self-Paced Study Guide

2021-01-07T18:36:15Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, Dr Bjoern Hassler, and the Faculty of Education Library Team
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Z ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2018-19 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

File:Zotero-Self-Paced-2020-21-v3.png

2021-01-07T18:34:10Z

Bjoern: Bjoern uploaded a new version of File:Zotero-Self-Paced-2020-21-v3.png

File:Zotero-Self-Paced-2020-21-v3.png

2021-01-07T18:32:35Z

Bjoern:

A Zotero Self-Paced Study Guide

2021-01-07T18:32:18Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, Dr Bjoern Hassler, and the Faculty of Education Library Team
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zotero-Self-Paced-2020-21-v3.png ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2018-19 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

File:Zotero Self-Paced Workbook-Word-Version.docx

2021-01-07T18:30:16Z

Bjoern: Bjoern uploaded a new version of File:Zotero Self-Paced Workbook-Word-Version.docx

v7a

File:Zotero Self-Paced Workbook.pdf

2021-01-07T18:29:21Z

Bjoern: Bjoern uploaded a new version of File:Zotero Self-Paced Workbook.pdf

v7a

Zotero workshop

2018-12-17T21:33:13Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution= Workshop plan by [[User:Bjoern|Bjoern Hassler]]; [[A Zotero Self-Paced Study Guide|Zotero Self-Paced Study Guide]] by {{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}})
|title=Zotero workshop
|topic=Zotero application, ICT, reference management
|image=Zotero_logo.png
|subject=research skills
|age=Higher
|content=
|strategy=
|tagline=Using Zotero will save you hours of typing out references!
|Learning Objectives=The objectives of this workshop are to get started with Zotero.
|additional resources=
|useful information=
* http://www.zotero.org
* [[A Zotero Self-Paced Study Guide]] (by {{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}).
|related resources=
|format=
|resources=
* To prepare for the workshop, please go through the steps given below.
* Please download: the study guide from this page: [[A Zotero Self-Paced Study Guide]] (by {{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}.
|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

= Zotero workshop =

== Preparation ==

In order to prepare for the workshop, please do the following four "ACTIONS".

'''Note:''' The tasks below might seem like a lot of tasks. However, depending on your overall familiarity with web browsers and productivity applications, it should only take you around one hour to do these tasks. It's important for you to prepare, in order to get the most out of the workshop.

=== Action 1: Download Zotero ===
Please go to the web site for Zotero http://www.zotero.org and
* Download "Zotero" (the current version, e.g. version 5 upwards) and the "Zotero connector" for your preferred browser (e.g. Chrome).
The [[A Zotero Self-Paced Study Guide|Zotero Self-Paced Study Guide]] uses that version of Zotero.

=== ACTION 2: Create a login on the Zotero site. ===
You will need this for synchronising your references online, and for sharing them with others.

=== ACTION 3: Some exercises ===

Download the [[A Zotero Self-Paced Study Guide|Zotero Self-Paced Study Guide]], and do tasks 1-9 and 21:

* Section 1: Installing the software/Basic Features
** TASK 1: Download & install Zotero ''(You don't need to do this if you've already done ACTION 1. )''
** TASK 2: Download & install the Zoteror plugin for your favourite browser ''(Again, should have been done in ACTION 1.)''
** TASK 3: Download & install the Word plug-in (not - the Google Docs plug-in comes with the Zotero plugin for Chrome)
** TASK 4: Take a quick tour of Zotero
** TASK 5: Set Zotero’s Preferences
** TASK 6: Left-hand column: create a collection
** TASK 7: Middle Column: Find & store references
** TASK 8: Right Column: Check/Edit Individual Reference Information
* Section 2: Searching, Sorting, Reports & Creating Bibliographies
** TASK 9: Search Google Scholar
* Section 4: Backing up & importing/exporting
** TASK 21: Sync your library online

For the last task, the manual doesn't have a lot of information, but refers you to https://www.zotero.org/support/sync, where you find the following instructions:
<blockquote>
The first step to syncing your Zotero library is to create a Zotero account (which is also used for the Zotero Forums). Then, open Zotero's Sync preferences tab and enter your login information in the Zotero Sync Server section. By default, Zotero will sync your data with the server whenever changes are made. To disable automatic syncing, uncheck the “Sync automatically” checkbox in this section.
</blockquote>
You've already created a Zotero account in ACTION 2, so the only thing that remains is to enter the details in your preferences.

If you get stuck with the above tasks, ask for help from your colleagues or the workshop leader prior to the workshop. However, don't worry if you don't manage to do everything - it's important though that you try, and spend about 1-2 hours on this.

=== ACTION 4: Think about how you would use Zotero ===

Once you've explored the above three ACTIONS, spend a few minutes thinking about using Zotero for your own research tasks. How will you use Zotero?

=== Extra tasks ===

If you find the above tasks easy, try to install two powerful add-ons to Zotero:
* Zotfile: http://zotfile.com/
* Zutilo: https://github.com/willsALMANJ/Zutilo

=== Note ===

The workshop will start with hearing how the above tasks went, and your thoughts from ACTION 4. So make sure you do them!

== The workshop ==

During the workshop, we will discuss any issues arising with the above tasks, and explore some further tasks from the work book. Because you've already done the basics as preparation, we'll be able to discuss a number of use cases of Zotero, such as
* Collecting references for an academic publication in any discipline.
* Collecting text from blogs for social science research.
* Setting up a shared group on Zotero, for sharing references and files.
* Using Zotero for research synthesis and systematic literature review

Note that while Zotero doesn't have as many advanced features as the specialised review software (e.g. EPPI-Reviewer software, http://eppi.ioe.ac.uk/cms/er4), it's perfectly possible to use Zotero highly effectively to create research syntheses and systematic literature reviews.

A Zotero Self-Paced Study Guide

2018-12-17T12:56:05Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, Dr Bjoern Hassler, and the Faculty of Education Library Team
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2018-19 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

Talk:A Zotero Self-Paced Study Guide

2018-10-19T19:42:33Z

Bjoern: Created page with "Removed text: There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds: * {{File|ZOTERO PRACTICE TEXT FOR TASK..."

Removed text:

There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds:
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.docx}}
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.odt}}

[[User:Bjoern|Bjoern]] ([[User talk:Bjoern|talk]]) 20:42, 19 October 2018 (BST)

A Zotero Self-Paced Study Guide

2018-10-19T19:42:09Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, Dr Bjoern Hassler the Faculty of Education Library Team
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2018-19 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

A Zotero Self-Paced Study Guide

2018-10-16T18:01:28Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}, Dr Bjoern Hassler
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2018-19 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds:

* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.docx}}
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.odt}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

File:Zotero Self-Paced Workbook-Word-Version.docx

2018-10-16T18:00:57Z

Bjoern: Bjoern uploaded a new version of File:Zotero Self-Paced Workbook-Word-Version.docx

v7a

File:Zotero Self-Paced Workbook.pdf

2018-10-16T18:00:39Z

Bjoern: Bjoern uploaded a new version of File:Zotero Self-Paced Workbook.pdf

v7a

A Zotero Self-Paced Study Guide

2018-10-16T17:58:28Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}, {{Dr Bjoern Hassler}}
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2018-19 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds:

* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.docx}}
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.odt}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

A Zotero Self-Paced Study Guide

2018-10-16T17:58:07Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}, {{Dr Bjoern Hassler}}
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice. The 2017-18 version was reworked to accommodate the latest version of Zotero.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 60 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 60 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds:

* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.docx}}
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.odt}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

A Zotero Self-Paced Study Guide

2018-06-11T14:34:18Z

Bjoern:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 56 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 56 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds:

* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.docx}}
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.odt}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

File:Zotero Self-Paced Workbook.pdf

2018-06-11T14:33:24Z

Bjoern: Bjoern uploaded a new version of File:Zotero Self-Paced Workbook.pdf

v7a

A Zotero Self-Paced Study Guide

2018-06-09T12:57:31Z

Bjoern:

'''Please note:''' The study-guide refers to an old version of Zotero. However, you can still most exercises. Instead of downloading Firefox, simply download Zotero 5, and then the browser connector of your choice (for Firefox or otherwise). Apart from that, the guide still holds!

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 56 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 56 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds:

* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.docx}}
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.odt}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

A Zotero Self-Paced Study Guide

2018-06-09T12:53:35Z

Bjoern:

Please note:

{{Rinfo
|type= Lesson Idea
|attribution={{Dr Bethan Morgan}}, {{Dr Sara Hennessy}}, {{Dr Zsolt Lavicza}}
|title=A Zotero Self-Paced Study Guide
|topic=Zotero application, ICT, reference management
|image=Zoteroworkbookv4.1.jpeg ‎
|subject=research skills
|resourcenumber=TE0138
|age=Higher
|content=Zotero is free software which you can use on any platform:
* to record references manually and from online searches;
* to build up a library as you search online, store references on your computer AND synchronise them online with a free Zotero account;
* to tag and search references, store abstracts and notes on your readings;
* to automatically compile references in your course assignments, thesis or papers for publication.
Zotero is designed to work in conjunction with Word and OpenOffice.

|strategy=
|tagline=Using Zotero will save you hours of typing out references! Just work through these 24 short tasks and you'll be good to go.
|Learning Objectives= Become a Zotero whizz by working through these 5 sections:
*installing the software/basic features
*searching, sorting, reports and creating bibliographies
*Zotero and Word - citations and reference lists
*backing up and importing/exporting
*further features and cool functions

|additional resources= If you are planning to run a workshop on the basis of this study guide, see [[Zotero workshop]].
|useful information= http://www.zotero.org
|related resources=
|format=Online workbook

|resources= The workbook is available in two formats:
* printable PDF format - 56 pages, {{file| Zotero_Self-Paced_Workbook.pdf}} (pdf/ebook to download)
* editable .doc format - 56 pages, {{file|Zotero_Self-Paced_Workbook-Word-Version.docx}}

There is also a practice paragraph to use for linking zotero to written work by entering citations of different kinds:

* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.docx}}
* {{File|ZOTERO PRACTICE TEXT FOR TASK 15.odt}}

|final=yes
}}
[[Category:Teacher Education]] [[Category:ICT]]

[[File:zotero1.jpeg|border|340x340px| |Preview snapshot]] [[File:zotero2.jpeg|border|340x340px| |Preview snapshot ]]
[[File:zotero3.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero4.jpeg|border|340x340px| |Preview snapshot ]] [[File:zotero5.jpeg|border|340x340px| |Preview snapshot ]]

MediaWiki:Common.css

2018-01-23T22:16:25Z

Bjoern:

.divStart { display: hidden; }
.divEnd { display: hidden; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

#firstHeading {
margin-top: 0px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#bodyContent {
margin-left: 15em;
width: auto;
}

#mw-content-text {
min-height: 1200px;
}

#firstHeading {
margin-left: 7.2em;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

Template:Video

2018-01-23T22:15:45Z

Bjoern:

{{#ifeq: {{{semantics|}}}|yes|{{VideoPageGroupMenu|Video/{{{series|Talks}}}|{{{episode|}}} }} }}<div style="border: solid 1px green; border-bottom: solid 1px green; padding: 10px; margin-left: 20px; overflow: auto; border-radius: 5px;"><span class="divStart"/><span class="printonly print-display-inline offline-display-inline">
{{#ifeq: {{{type|youtube}}}|youtube|'''VIDEO'''}}{{#ifeq: {{{type|youtube}}}|mp3|'''AUDIO'''}}
</span><div class="noprint">
{{#ifeq: {{{type|youtube}}}|youtube|{{#widget:YouTube|id={{{src|-dITjCrgqYY}}} }} }}
{{#ifeq: {{{type|youtube}}}|mp3| {{filepath:{{{src|AskAIDS 7 preparing to consult.mp3}}} }}

}}
</div>{{#vardefine:therealtitle|{{{realtitle| {{#ifeq:{{FULLPAGENAME}}| Template:Video | The title of the video |
{{#ifeq:{{{title|}}}||{{{name|}}}|{{{title}}}}}
}} }}} }}
'''{{#var:therealtitle}}'''

{{{title|The description of the video}}}

{{#ifeq: {{{type|youtube}}}|youtube|
<span class="printonly print-display-block offline-display-block">[[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}]],
{{fullurl:{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}}},</span>{{#ifeq:{{{series|}}}|||<span class="printonly print-display-block offline-display-block">This video is available on your memory stick in the '''video/[[Video/{{{series|Other}}}|{{{series|Other}}}]]''' folder.</span>}}<span class="noprint">[[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}|About this video]].</span>
<span class="">Duration:</span> {{{duration|12:34}}} <span class="noprint">([http://www.youtube.com/watch?v={{{src|-dITjCrgqYY}}}&list={{Video/get_playlist|{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}
}} watch on YouTube],
{{#widget:VideoMgr
|youtube={{{src|-dITjCrgqYY}}}
|file={{urlencode:{{{name|Introduction to Chalimbana Basic School.m4v}}}}}
|back={{urlencode:{{fullurl:{{FULLPAGENAME}}}}}}
}})</span> {{{acknowledgement|}}} {{#vardefine:downloadlist|{{#var:downloadlist}}
* [[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}]] ({{#widget:VideoMgr
|youtube={{{src|-dITjCrgqYY}}}
|file={{urlencode:{{{name|Introduction to Chalimbana Basic School.m4v}}}}}
|back={{urlencode:{{fullurl:{{FULLPAGENAME}}}}}}
|label=download options for this video
}}) }}}}{{#ifeq: {{{type|}}}|mp3|
[[Video/{{{name|Some name}}}|{{{name|Some name}}}]], {{{duration|1:23}}},
}}{{#ifeq:{{{series|}}}||[[series::No series| ]][[Category:No series]][[no series for::Video/{{{name|no series for this video}}}| ]]| (Series: [[Video/{{{series|Other}}}|{{{series|Other}}}]], episode {{{episode|N/A}}})}}{{#ifeq: {{{transcript|}}}|yes|(Transcript available [[Video/{{{name|Some name}}}/transcript|here]] or via YouTube captions.)}}
<span class="divEnd"/></div>{{#ifeq: {{{semantics|}}}|yes|[[assettype::{{{type|youtube}}}| ]][[src::{{{src|}}}| ]][[name::{{{name|}}}| ]][[title::{{{title|}}}| ]][[duration::{{{duration|}}}| ]][[series::{{{series|Other}}}| ]][[episode::{{{episode|N/A}}}| ]][[project::{{{project|}}}| ]]
[[realtitle::{{#var:therealtitle}}| ]][[videopage::{{FULLPAGENAME}}| ]]
=Embed code =
To use this video, you can simply cut and paste this text into a new wiki page:
<nowiki>{{:</nowiki> Video/{{{name}}} <nowiki>}}</nowiki>

= This video is used on the following pages =
{{#ask: [[Uses video::Videos/{{{name}}}]] }}

= Background on this video =

{{#ifexist: {{FULLPAGENAME}}/background|Background on this video is available [[{{FULLPAGENAME}}/background|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/background }}
</div>|There is no background on this video available. You can add some [[{{FULLPAGENAME}}/background|here]].}}

= Questions for reflection =

{{#ifexist: {{FULLPAGENAME}}/reflection|Questions for reflection are available [[{{FULLPAGENAME}}/reflection|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/reflection }}
</div>|There are no questions for reflection available. You can add them [[{{FULLPAGENAME}}/reflection|here]].}}

= Transcript =

{{#ifexist: {{FULLPAGENAME}}/transcript|A transcript is available [[{{FULLPAGENAME}}/transcript|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/transcript }}
</div>|There is no transcript available. You can add one [[{{FULLPAGENAME}}/transcript|here]].}}

}}<includeonly>[[Uses video::Videos/{{{name}}}| ]]</includeonly><noinclude>
= Guidance for using this template =

Create a sub page of [[Video]] (e.g. [[Video/My video.mp4]] and put this text onto it:

<nowiki>{{</nowiki>video
|src= youtube id (ideally should not be changed once it's in use)
|name= local file name (should not be changed once it's in use, and in most cases be the same as the video (sub-)page name)
|realtitle=(short)title to be displayed
|title=description (this field was the title, but it's now just the description
|duration=duration of video mm:ss
|series=series (optional, check existing series to find an appropriate one)
|episode=01, 02, ... (optional)
|acknowledgement= ... (possibly use template) ...
|youtubeaccount=oer4schools (or whatever the youtube account name)
<noinclude>|semantics=yes|no</noinclude>
}}

You can then place the video onto the wiki by using:

<nowiki>{{:</nowiki> Video/My video.mp4 }}

= Other notes =
The template also populates <nowiki>{{#var:downloadlist}}</nowiki> (similar to [[Template:File]]), which you can then use to show a summary of all videos needed for a particular wiki page, e.g.

{{#var:downloadlist}}

= Also see =

[[:Category:Video Templates]] for other video-related templates.

= To do =
* Should add check: If {{BASEPAGENAME}} != {{SUBPAGENAME}} then if {{SUBPAGENAME}} != {{{name}}} then warning!
* Also check whether Video/name/text exits, and include it if it does .... should have a switch really, <nowiki>{{:</nowiki> Video/{{{name}}} | style=1 <nowiki>}}</nowiki> or similar. Need to include a style switch above.
[[Category:Video Templates]]</noinclude>

Template:Video

2018-01-23T22:15:15Z

Bjoern:

{{#ifeq: {{{semantics|}}}|yes|{{VideoPageGroupMenu|Video/{{{series|Talks}}}|{{{episode|}}} }} }}<span class="divStart"/><div style="border: solid 1px green; border-bottom: solid 1px green; padding: 10px; margin-left: 20px; overflow: auto; border-radius: 5px;"><span class="printonly print-display-inline offline-display-inline">
{{#ifeq: {{{type|youtube}}}|youtube|'''VIDEO'''}}{{#ifeq: {{{type|youtube}}}|mp3|'''AUDIO'''}}
</span><div class="noprint">
{{#ifeq: {{{type|youtube}}}|youtube|{{#widget:YouTube|id={{{src|-dITjCrgqYY}}} }} }}
{{#ifeq: {{{type|youtube}}}|mp3| {{filepath:{{{src|AskAIDS 7 preparing to consult.mp3}}} }}

}}
</div>{{#vardefine:therealtitle|{{{realtitle| {{#ifeq:{{FULLPAGENAME}}| Template:Video | The title of the video |
{{#ifeq:{{{title|}}}||{{{name|}}}|{{{title}}}}}
}} }}} }}
'''{{#var:therealtitle}}'''

{{{title|The description of the video}}}

{{#ifeq: {{{type|youtube}}}|youtube|
<span class="printonly print-display-block offline-display-block">[[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}]],
{{fullurl:{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}}},</span>{{#ifeq:{{{series|}}}|||<span class="printonly print-display-block offline-display-block">This video is available on your memory stick in the '''video/[[Video/{{{series|Other}}}|{{{series|Other}}}]]''' folder.</span>}}<span class="noprint">[[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}|About this video]].</span>
<span class="">Duration:</span> {{{duration|12:34}}} <span class="noprint">([http://www.youtube.com/watch?v={{{src|-dITjCrgqYY}}}&list={{Video/get_playlist|{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}
}} watch on YouTube],
{{#widget:VideoMgr
|youtube={{{src|-dITjCrgqYY}}}
|file={{urlencode:{{{name|Introduction to Chalimbana Basic School.m4v}}}}}
|back={{urlencode:{{fullurl:{{FULLPAGENAME}}}}}}
}})</span> {{{acknowledgement|}}} {{#vardefine:downloadlist|{{#var:downloadlist}}
* [[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}]] ({{#widget:VideoMgr
|youtube={{{src|-dITjCrgqYY}}}
|file={{urlencode:{{{name|Introduction to Chalimbana Basic School.m4v}}}}}
|back={{urlencode:{{fullurl:{{FULLPAGENAME}}}}}}
|label=download options for this video
}}) }}}}{{#ifeq: {{{type|}}}|mp3|
[[Video/{{{name|Some name}}}|{{{name|Some name}}}]], {{{duration|1:23}}},
}}{{#ifeq:{{{series|}}}||[[series::No series| ]][[Category:No series]][[no series for::Video/{{{name|no series for this video}}}| ]]| (Series: [[Video/{{{series|Other}}}|{{{series|Other}}}]], episode {{{episode|N/A}}})}}{{#ifeq: {{{transcript|}}}|yes|(Transcript available [[Video/{{{name|Some name}}}/transcript|here]] or via YouTube captions.)}}
<span class="divEnd"/></div>{{#ifeq: {{{semantics|}}}|yes|[[assettype::{{{type|youtube}}}| ]][[src::{{{src|}}}| ]][[name::{{{name|}}}| ]][[title::{{{title|}}}| ]][[duration::{{{duration|}}}| ]][[series::{{{series|Other}}}| ]][[episode::{{{episode|N/A}}}| ]][[project::{{{project|}}}| ]]
[[realtitle::{{#var:therealtitle}}| ]][[videopage::{{FULLPAGENAME}}| ]]
=Embed code =
To use this video, you can simply cut and paste this text into a new wiki page:
<nowiki>{{:</nowiki> Video/{{{name}}} <nowiki>}}</nowiki>

= This video is used on the following pages =
{{#ask: [[Uses video::Videos/{{{name}}}]] }}

= Background on this video =

{{#ifexist: {{FULLPAGENAME}}/background|Background on this video is available [[{{FULLPAGENAME}}/background|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/background }}
</div>|There is no background on this video available. You can add some [[{{FULLPAGENAME}}/background|here]].}}

= Questions for reflection =

{{#ifexist: {{FULLPAGENAME}}/reflection|Questions for reflection are available [[{{FULLPAGENAME}}/reflection|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/reflection }}
</div>|There are no questions for reflection available. You can add them [[{{FULLPAGENAME}}/reflection|here]].}}

= Transcript =

{{#ifexist: {{FULLPAGENAME}}/transcript|A transcript is available [[{{FULLPAGENAME}}/transcript|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/transcript }}
</div>|There is no transcript available. You can add one [[{{FULLPAGENAME}}/transcript|here]].}}

}}<includeonly>[[Uses video::Videos/{{{name}}}| ]]</includeonly><noinclude>
= Guidance for using this template =

Create a sub page of [[Video]] (e.g. [[Video/My video.mp4]] and put this text onto it:

<nowiki>{{</nowiki>video
|src= youtube id (ideally should not be changed once it's in use)
|name= local file name (should not be changed once it's in use, and in most cases be the same as the video (sub-)page name)
|realtitle=(short)title to be displayed
|title=description (this field was the title, but it's now just the description
|duration=duration of video mm:ss
|series=series (optional, check existing series to find an appropriate one)
|episode=01, 02, ... (optional)
|acknowledgement= ... (possibly use template) ...
|youtubeaccount=oer4schools (or whatever the youtube account name)
<noinclude>|semantics=yes|no</noinclude>
}}

You can then place the video onto the wiki by using:

<nowiki>{{:</nowiki> Video/My video.mp4 }}

= Other notes =
The template also populates <nowiki>{{#var:downloadlist}}</nowiki> (similar to [[Template:File]]), which you can then use to show a summary of all videos needed for a particular wiki page, e.g.

{{#var:downloadlist}}

= Also see =

[[:Category:Video Templates]] for other video-related templates.

= To do =
* Should add check: If {{BASEPAGENAME}} != {{SUBPAGENAME}} then if {{SUBPAGENAME}} != {{{name}}} then warning!
* Also check whether Video/name/text exits, and include it if it does .... should have a switch really, <nowiki>{{:</nowiki> Video/{{{name}}} | style=1 <nowiki>}}</nowiki> or similar. Need to include a style switch above.
[[Category:Video Templates]]</noinclude>

Template:Background

2018-01-23T19:56:43Z

Bjoern:

<div style="border-left: solid 10px grey; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: beige; margin: 10px; margin-left: 20px;"><span class="divStart"/>
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px grey;">'''{{{title|Background reading}}}'''</div>
<div style="padding: 10px; padding-left: 10px; ">
{{{text}}}
</div>
<span class="divEnd"/></div><noinclude>[[Category:OER4Schools templates]]</noinclude>

Template:Ednote

2018-01-23T19:56:15Z

Bjoern:

{{#ifeq:
{{#titleparts: {{PAGENAME}} | | -1 }}
| pv | |
<div class="ednote"><span class="divStart"/>
<div class="ednote-title">'''{{{title|Educator note}}}''' </div>
<div class="ednote-text">
{{{text}}}
</div>
<span class="divEnd"/></div>
}}<noinclude>

Current css:

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
};

Previous versions:

[[Category:OER4Schools templates]]

<div style="
border-left: solid 10px goldenrod;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: linen;
margin: 10px;
margin-left: 20px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background-color:#efefef;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>
</noinclude>

MediaWiki:Common.css

2018-01-23T19:54:55Z

Bjoern:

.divStart { display: none; }
.divEnd { display: none; }

#p-OER4Schools_Resource { display: none; }

#p-OER4Schools-label { display: none; }
#p-OER4Schools-list { display: none; }

#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
padding: 4px 4px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 10px;
}

#firstHeading {
margin-top: 0px;
}

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
border-top: solid 1px DarkRed;
border-bottom: solid 1px DarkRed;
border-right: solid 1px DarkRed;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #efefef;
overflow:auto;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
}

.sidebarstyle {
background: lightgray;
border: solid 3px #9c2e34;
float:right;
padding: 0px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px; width: 200px;
border-radius:10px;
box-shadow: 5px 5px 2px lightblue;
}

.sidebarstyle-one {
border-bottom: solid 1px #9c2e34;
padding:10px;margin:0px; background:lightgray;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.sidebarstyle-three {
clear: both; border-top:solid 1px #9c2e34; border-bottom:
solid 1px #9c2e34; padding: 10px;margin:0px; background:lightgray;
};

.sidebarstyle-four {
border-bottom: solid 1px #9c2e34; padding: 1px; margin:0px;
}

.sidebar-wide {
width: 400px;
}

/* Should better call this Vector-display-none ... unless it's overridden in print... */
.printonly {
display: none;
}

.offline-only {
display: none;
}

.offline-display-block {
display: none;
}

.offline-display-inline {
display: none;
}

#footer-copyrightico > a > img {
width: 182px;
}
#filetoc {
margin-bottom: 10px;
}

.fullImageLink {
margin-top: 10px;
}

.collection-creatorbox-row {
margin-left: 300px;
}
/* pickbytopic */

#pickbytopic ul {
list-style: none;
list-style-type: none;
display: inline;
}

#pickbytopic ul > li {
display: inline;
}

#pickbytopic ul > li > ul {
list-style: none;
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}
#pickbytopic ul > li > ul > li {
display: inline;
padding-left: 3px;
padding-right: 3px;
}
#pickbytopic ul li:after { content: "|"; }
#pickbytopic ul li:last-child:after { content: ""; }

/* Categories */
#content .catlinks .mw-normal-catlinks ul li {
padding-left: 3px;
padding-right: 3px;
}
/*
#content .catlinks .mw-normal-catlinks ul li {
list-style: none; margin: 0; padding: 0;
}

#content .catlinks .mw-normal-catlinks ul li {
padding-right: 3px;
display: inline;
}
#content .catlinks .mw-normal-catlinks ul li:after { content: ","; }
#content .catlinks .mw-normal-catlinks ul li:last-child:after { content: ""; }
*/

/* Slides */

.myslide {
border-top: 1px solid black;
height: 300px;
width: 400px;
margin: 5px;
padding: 20px;
padding-top: 5px;
}

div.myslide ul {

}

div.myslide h2 {
border-bottom: 1px solid black;
margin-bottom: 10px;
}

div.myslide ul li {
margin-top: 10px;
}

/*
= OER4Schools specific additions =
*/

.showmenu:hover .hiddenmenu {
display : block;
}

div.hiddenmenu {
display: none;
}

.faq ul li {
display:block;
float:left;
padding:5px;
}

.faq ul li div {
display:none;
}

.faq ul li div:target {
display:block;
}

.expandmenu div div {
display:none;
}

.expandmenu div div:target {
display:block;
}

/* Speech bubbles */

/* <p class="bubble-right"> */

.speechbubble-left {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.speechbubble-right {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#fff;
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.speechbubble-right:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#075698 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}

.bubble-blue {
background:#075698; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
}

.bubble-blue:after {
border-color:#075698 transparent;
}

.bubble-green {
background: darkgreen; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(green), to(darkgreen));
background:-moz-linear-gradient(green, darkgreen);
background:-o-linear-gradient(green,darkgreen);
background:linear-gradient(green, darkgreen);
}

.bubble-green:after {
border-color: darkgreen transparent;
}

.bubble-purple {
background: indigo; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(fuschia), to(indigo));
background:-moz-linear-gradient(fuschia, indigo);
background:-o-linear-gradient(fuschia, indigo);
background:linear-gradient(fuschia, indigo);
}

.bubble-purple:after {
border-color: indigo transparent;
}

.bubble-red {
background: darkred; /* default background for browsers without gradient support */
}

.bubble-red:after {
border-color: darkred transparent;
}

/* End of OER4Schools specific additions */

/* Extra white space */

h1 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
h2 { margin-top: 2em; margin-bottom: 1em; line-height:110%}
p { margin-top: 1em; margin-bottom: 1em; }

/* Topcontent banner */
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;}
#header .unicam{width:184px;}
#banner {background:#5c99c6; padding: 15px 0 38px;
-moz-border-top-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;
-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;

}
#orbit-logo{float:right;margin:0px 20px 12px 20px;padding:3px 0 20px 0;}
#orbit-logo img{border:2px solid #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mp-topbanner{padding:5px 0 28px 20px; }
.orbit-header{margin:5px 0 0 0;font-size:24px;font-size:2.4rem;color:#fff;padding:10px 0 5px 20px; line-height: 1em;}
.orbit-header a{color:#fff;mtext-decoration:none;}
.orbit-subheader{margin:0;font-size:14px;font-size:1.4rem;color:#fff;}
.orbit-subheader a{color:#fff;text-decoration:none;}

/* Background */
body {
background-color: #cde1ec;
}

#mw-page-base {
background-color: transparent;
background-image: none;
}

/* Custom tables */

table{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table thead, table tfoot{background:#f2f2f2;}
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td,table tbody tr th{line-height:18px;text-align:left;}
table thead tr th,table tbody tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table thead tr th:first-child,table tbody tr th:first-child,table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child,table tbody tr th:last-child,table tfoot tr td:last-child{border-right:none;}
table thead tr td,table tbody tr th{color:#181818;padding:9px 10px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
/*table tbody tr.even,table tbody tr.alt{background:#f2f2f2;}
table tbody tr:nth-child(even){background:#f2f2f2;}*/
table tbody tr td{padding:9px 20px;vertical-align:top;border:1px solid #ddd;}
table.alt-greywhite tbody tr:nth-child(odd){background:#f2f2f2;}
table.alt-greywhite tbody tr:nth-child(even){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(odd){background:#fff;}
table.alt-whitegrey tbody tr:nth-child(even){background:#f2f2f2;}
table tbody tr.tr-highlight:hover{background:#cde1ec;}
table td.td-highlight:hover{background:#cde1ec;}
table.tablehighlight tbody tr:hover{background:#cde1ec;}
table.tablehighlightcell tbody tr td:hover{background:#cde1ec;}
table.noborder tbody tr td{border:none;}
table.nosideborder tbody tr td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:none;border-right:none;}

table.wikitable{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0 0 18px 0;border:1px solid #ddd;}
table.wikitable thead, table.wikitable tfoot{background:#f2f2f2;}
table.wikitable thead tr th,table.wikitable tfoot tr th,table.wikitable tbody tr td,table tr td,table.wikitable tfoot tr td,table.wikitable tbody tr th{line-height:18px;text-align:left;}
table.wikitable thead tr th,table.wikitable tbody tr th,table.wikitable tfoot tr td{padding:8px 10px 9px 20px;font-size:14px;font-size:1.4rem;font-weight:bold;color:#222;}
table.wikitable thead tr th:first-child,table.wikitable tbody tr th:first-child,table.wikitable tfoot tr td:first-child{border-left:none;}
table.wikitable thead tr th:last-child,table.wikitable tbody tr th:last-child,table.wikitable tfoot tr td:last-child{border-right:none;}
table.wikitable thead tr td,table.wikitable tbody tr th{color:#181818;padding:9px 10px 9px 20px;vertical-align:top;border:none;font-size:14px;font-size:1.4rem;font-weight:bold;}
table.wikitable tbody tr:first-child{border-bottom:2px solid #ddd;}
table.wikitable tbody tr td{padding:9px 20px;border:1px solid #ddd;}
/*table.wikitable tbody tr:hover{background:#cde1ec;}*/

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{border:none;border-bottom:1px solid #ddd;}
#content p{margin:10px 0;}
#content ul,#content ol{margin:0 40px;}
#content ul li{list-style-type:square;padding:0;}
#content ol li{list-style-type:decimal;padding:0;}
#content .educator-notes{
margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;
margin:5px 0 20px 20px;border:solid 1px DarkRed;border-left:solid 10px DarkRed;background-color:#efefef;overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-top-left-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
}
#content .video-notes{margin:5px 0 25px 50px;padding:8px 15px;border:solid 1px #a6d2ff;border-left:solid 3px #a6d2ff;background-color:#efefef;overflow:auto;}
#content .subject{border:3px solid #0b65b1;background:#fff;padding:0;margin:0;}
#content .subject p{background:#fff;padding:0;margin:0;}
#content .subject p.description{background:#0b65b1;color:#fff;margin:0;padding:10px;width:320px;}
#content .subject p.description a{color:#fff;font-weight:normal;text-decoration:none;}
#content .subject p a img{margin:10px;display:block;margin-left:auto;margin-right:auto;}
/*
#content .catlinks .mw-normal-catlinks{font-weight:bold;}
#content .catlinks .mw-normal-catlinks ul {margin:0;}
#content .catlinks .mw-normal-catlinks ul ul{margin:0;}
#content .catlinks .mw-normal-catlinks ul li{border:none;margin:0;}
#content .catlinks .mw-normal-catlinks ul ul li{border:1px solid #0b65b1;background:#fff;padding:3px;margin-right:5px;margin-bottom:5px;}
#content .catlinks .mw-normal-catlinks ul ul li:hover{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li:hover a{background:#ebf1f6;}
#content .catlinks .mw-normal-catlinks ul ul li a:hover{text-decoration:none;}
*/
#content .rh-menu{border:1px solid #aaa;padding:0;width:300px;margin:0 0 40px 10px;float:right;}
#content .rh-menu p:first-child{background:#ddd;display:block;padding:20px 0;margin:0;border-bottom:1px solid #aaa;}
#content .rh-menu p:second-child{margin:0 10px;}
#content .rh-menu ul{margin:10px 10px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #aaa;}
#content .rh-menu ul li{margin:0;padding:0 10px 0 10px;list-style:none;}
#content .rh-menu ul li a{font-weight:normal;}
#content .rh-menu p a{margin:20px 10px 10px 15px;}

#content .cse .gsc-control-cse, #content .gsc-control-cse{padding:0;border:none;margin:20px 10px 0 0;}
#content .gsc-search-box{margin:0 0 0 0;float:right;width:300px;}
#content table.gsc-search-box{border:none;padding:0;margin:0;}
#content table.gsc-search-box tbody tr td{border:none;padding:2px 5px;}
#content table.gsc-search-box tbody tr td input[type=text]{border:none;padding:7px 10px;}
#content table.gsc-search-box tbody tr td input[type=text]:hover{border:none;}
.gsc-search-box-tools .gsc-search-box .gsc-input{padding:0;}
#content table.gsc-above-wrapper-area-container tbody tr td.gsc-result-info-container{border:1px solid #bbb;padding:2px 0;color:#000;}
#content .gsc-result{border-top:1px solid #ddd;}
#content .gsc-above-wrapper-area{padding:0;border:none;}
#content table.gsc-resultsHeader{display:none;border:none;}
#content table.gsc-resultsHeader tbody{border:none;}
#content table.gsc-resultsHeader tbody tr{border:none;}
#content table.gsc-resultsHeader tbody tr td{border:none;}
#content table.gsc-table-result{border:none;}
#content table.gsc-table-result tbody{border:none;}
#content table.gsc-table-result tbody tr{border:none;}
#content table.gsc-table-result tbody tr td{border:none;}
#content table.gsc-table-result tbody tr td .gs-snippet{padding:0 10px;}
#content #adBlock, #adBlock{display:none;}

/* Bigger menu sidebar */
@media screen and (min-width: 982px) {

div#content {
margin-left: 1em;
margin-right: 1em;
}

#bodyContent {
margin-left: 15em;
width: auto;
}

#mw-content-text {
min-height: 1200px;
}

#firstHeading {
margin-left: 7.2em;
}

#siteSub {
margin-left: 7.2em;
}

#left-navigation {
margin-left: 15em;
margin-top: 2em;
}

#right-navigation {
margin-top: 2em;
}

div.vectorTabs span {
line-height: 0px;
height: 2em;
}

div.vectorTabs {
height: 2em;
}

#mw-head-base {
margin-left: 15em;
height: 4em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
line-height: 1em;
padding-top: 2.3em;
}

div.vectorMenu {
height: 2em;
margin-top: -0.1em;
}

div.vectorMenu h3 a {
height: 1.5em;
}

div#simpleSearch {
margin-top: -0.2em;
}

div#simpleSearch button#searchButton {
padding-top: 0.1em;
}

div#mw-panel {
left: 0.4em;
width: 14em;
}

#p-personal {
top: 0.2em;
}

#p-logo {
width: 14em;
left: 13px;
top: -115px;
}

#p-logo a {
width: 14em;
}

}

/* Customize side menu item */

div#mw-panel div.portal div.body ul {
margin: -5px;
}

#mw-panel.collapsible-nav .portal {
background-image: none;
}

#mw-panel.collapsible-nav .portal .body {
margin: 0 0 0 8px;
}

#mw-panel.collapsible-nav .portal .body ul li {
padding: 0.5em;
}

div#mw-panel div.portal div.body ul li {
background: none repeat scroll 0 0 #ebf1f6;
border: 1px solid #bbb;
color: #0b65b1;
display: block;
font-weight: normal;
margin: 3px;
padding: 4px 10px;
}

/*
#mw-panel.collapsible-nav div.portal h3 {
color: #0b65b1;
font-weight: bold;
margin: 10px -2px 9px 6px;
}
div#mw-panel div.portal h3 {
background-color: #ddd;
border: 1px solid #aaa;
font-size: 1.4rem;
padding: 4px 10px;
text-decoration: none;
}
*/
/* Custom footer */
@media screen and (min-width: 982px) {

div#footer {
background: none repeat scroll 0 0 #0b65b1;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
clear: both;
display: block;
}

div#footer #footer-info li {
color: #ffffff;
font-size: 0.8em;
line-height: 1em;
}

div#footer ul li a {
color: #FFFFFF;
font-weight: bold;
}

div#footer #footer-places li {
border: 1px solid #ffffff;
padding: 0 5px;
}

/* Visual Editor */

.ve-ce-surface {
margin-left: 210px;
min-height: 1200px;
}

.oo-ui-toolbar-bar {
margin-left: 230px;
}
}

Template:OER4SchoolsWSInfo

2018-01-23T19:53:22Z

Bjoern:

<div id="OER4SchoolsWSInfo" style="border: solid green 2px; overflow: auto; border-radius:10px; background: white; box-shadow: 5px 5px 3px #888888;"><span class="divStart"/><div style="padding: 5px;">[[assettype::workshop| ]]
{{#ifeq: {{{description|}}}|||'''Description.'''<br> {{{description|}}}
}}{{#ifeq: {{{donly|}}}|yes||'''Learning intentions and objectives.'''<br>

}}{{{intention|}}}

{{#ifeq: {{{donly|}}}|yes||'''Success criteria.'''<br>

}}{{{success criteria|}}}

{{#ifeq: {{{donly|}}}|yes||'''ICT components.'''<br>

}}{{{ict|}}}

{{#ifeq: {{{resources|}}}|||'''Resources needed.'''<br>

{{{resources|}}} }}
</div><span class="divEnd"/></div><div class="noprint">[[description::{{{description|}}}| ]][[intention::{{{intention|}}}| ]][[success criteria::{{{success criteria|}}}| ]][[ICT components::{{{ict|}}}| ]]</div>

Template:Background

2018-01-23T19:50:52Z

Bjoern:

<span class="divStart"/><div style="border-left: solid 10px grey;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: beige; margin: 10px; margin-left: 20px;">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px grey;">'''{{{title|Background reading}}}'''</div>
<div style="padding: 10px; padding-left: 10px; ">
{{{text}}}
</div>
<span class="divEnd"/></div><noinclude>[[Category:OER4Schools templates]]</noinclude>

Template:Ednote

2018-01-23T19:50:29Z

Bjoern:

{{#ifeq:
{{#titleparts: {{PAGENAME}} | | -1 }}
| pv | |
<span class="divStart"/><div class="ednote">
<div class="ednote-title">'''{{{title|Educator note}}}''' </div>
<div class="ednote-text">
{{{text}}}
</div>
<span class="divEnd"/></div>
}}<noinclude>

Current css:

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
};

Previous versions:

[[Category:OER4Schools templates]]

<div style="
border-left: solid 10px goldenrod;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: linen;
margin: 10px;
margin-left: 20px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background-color:#efefef;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>
</noinclude>

Template:Video

2018-01-23T19:47:59Z

Bjoern:

User:Bjoern/transcludecomment/test

2018-01-23T19:45:21Z

Bjoern:

A test A

<span class="ABC"/>
B test B

User:Bjoern/transcludecomment/test

2018-01-23T19:44:20Z

Bjoern: Created page with "A test A  B test B"

A test A

B test B

User:Bjoern/transcludecomment

2018-01-23T19:44:00Z

Bjoern: Created page with "{{: User:Bjoern/transcludecomment/test }}"

Template:Video

2018-01-23T19:41:57Z

Bjoern:

{{#ifeq: {{{semantics|}}}|yes|{{VideoPageGroupMenu|Video/{{{series|Talks}}}|{{{episode|}}} }} }}<div style="border: solid 1px green; border-bottom: solid 1px green; padding: 10px; margin-left: 20px; overflow: auto; border-radius: 5px;"><span class="printonly print-display-inline offline-display-inline">
{{#ifeq: {{{type|youtube}}}|youtube|'''VIDEO'''}}{{#ifeq: {{{type|youtube}}}|mp3|'''AUDIO'''}}
</span><div class="noprint">
{{#ifeq: {{{type|youtube}}}|youtube|{{#widget:YouTube|id={{{src|-dITjCrgqYY}}} }} }}
{{#ifeq: {{{type|youtube}}}|mp3| {{filepath:{{{src|AskAIDS 7 preparing to consult.mp3}}} }}

}}
</div>{{#vardefine:therealtitle|{{{realtitle| {{#ifeq:{{FULLPAGENAME}}| Template:Video | The title of the video |
{{#ifeq:{{{title|}}}||{{{name|}}}|{{{title}}}}}
}} }}} }}
'''{{#var:therealtitle}}'''

{{{title|The description of the video}}}

{{#ifeq: {{{type|youtube}}}|youtube|
<span class="printonly print-display-block offline-display-block">[[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}]],
{{fullurl:{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}}},</span>{{#ifeq:{{{series|}}}|||<span class="printonly print-display-block offline-display-block">This video is available on your memory stick in the '''video/[[Video/{{{series|Other}}}|{{{series|Other}}}]]''' folder.</span>}}<span class="noprint">[[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}|About this video]].</span>
<span class="">Duration:</span> {{{duration|12:34}}} <span class="noprint">([http://www.youtube.com/watch?v={{{src|-dITjCrgqYY}}}&list={{Video/get_playlist|{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}
}} watch on YouTube],
{{#widget:VideoMgr
|youtube={{{src|-dITjCrgqYY}}}
|file={{urlencode:{{{name|Introduction to Chalimbana Basic School.m4v}}}}}
|back={{urlencode:{{fullurl:{{FULLPAGENAME}}}}}}
}})</span> {{{acknowledgement|}}} {{#vardefine:downloadlist|{{#var:downloadlist}}
* [[{{Video/get page from name| {{{name|Introduction to Chalimbana Basic School.m4v}}} }}]] ({{#widget:VideoMgr
|youtube={{{src|-dITjCrgqYY}}}
|file={{urlencode:{{{name|Introduction to Chalimbana Basic School.m4v}}}}}
|back={{urlencode:{{fullurl:{{FULLPAGENAME}}}}}}
|label=download options for this video
}}) }}}}{{#ifeq: {{{type|}}}|mp3|
[[Video/{{{name|Some name}}}|{{{name|Some name}}}]], {{{duration|1:23}}},
}}{{#ifeq:{{{series|}}}||[[series::No series| ]][[Category:No series]][[no series for::Video/{{{name|no series for this video}}}| ]]| (Series: [[Video/{{{series|Other}}}|{{{series|Other}}}]], episode {{{episode|N/A}}})}}{{#ifeq: {{{transcript|}}}|yes|(Transcript available [[Video/{{{name|Some name}}}/transcript|here]] or via YouTube captions.)}}
</div>{{#ifeq: {{{semantics|}}}|yes|[[assettype::{{{type|youtube}}}| ]][[src::{{{src|}}}| ]][[name::{{{name|}}}| ]][[title::{{{title|}}}| ]][[duration::{{{duration|}}}| ]][[series::{{{series|Other}}}| ]][[episode::{{{episode|N/A}}}| ]][[project::{{{project|}}}| ]]
[[realtitle::{{#var:therealtitle}}| ]][[videopage::{{FULLPAGENAME}}| ]]
=Embed code =
To use this video, you can simply cut and paste this text into a new wiki page:
<nowiki>{{:</nowiki> Video/{{{name}}} <nowiki>}}</nowiki>

= This video is used on the following pages =
{{#ask: [[Uses video::Videos/{{{name}}}]] }}

= Background on this video =

{{#ifexist: {{FULLPAGENAME}}/background|Background on this video is available [[{{FULLPAGENAME}}/background|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/background }}
</div>|There is no background on this video available. You can add some [[{{FULLPAGENAME}}/background|here]].}}

= Questions for reflection =

{{#ifexist: {{FULLPAGENAME}}/reflection|Questions for reflection are available [[{{FULLPAGENAME}}/reflection|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/reflection }}
</div>|There are no questions for reflection available. You can add them [[{{FULLPAGENAME}}/reflection|here]].}}

= Transcript =

{{#ifexist: {{FULLPAGENAME}}/transcript|A transcript is available [[{{FULLPAGENAME}}/transcript|here]]:
<div style="padding:10px; background: lightgrey;">
{{: {{FULLPAGENAME}}/transcript }}
</div>|There is no transcript available. You can add one [[{{FULLPAGENAME}}/transcript|here]].}}

}}<includeonly>[[Uses video::Videos/{{{name}}}| ]]</includeonly><noinclude>
= Guidance for using this template =

Create a sub page of [[Video]] (e.g. [[Video/My video.mp4]] and put this text onto it:

<nowiki>{{</nowiki>video
|src= youtube id (ideally should not be changed once it's in use)
|name= local file name (should not be changed once it's in use, and in most cases be the same as the video (sub-)page name)
|realtitle=(short)title to be displayed
|title=description (this field was the title, but it's now just the description
|duration=duration of video mm:ss
|series=series (optional, check existing series to find an appropriate one)
|episode=01, 02, ... (optional)
|acknowledgement= ... (possibly use template) ...
|youtubeaccount=oer4schools (or whatever the youtube account name)
<noinclude>|semantics=yes|no</noinclude>
}}

You can then place the video onto the wiki by using:

<nowiki>{{:</nowiki> Video/My video.mp4 }}

= Other notes =
The template also populates <nowiki>{{#var:downloadlist}}</nowiki> (similar to [[Template:File]]), which you can then use to show a summary of all videos needed for a particular wiki page, e.g.

{{#var:downloadlist}}

= Also see =

[[:Category:Video Templates]] for other video-related templates.

= To do =
* Should add check: If {{BASEPAGENAME}} != {{SUBPAGENAME}} then if {{SUBPAGENAME}} != {{{name}}} then warning!
* Also check whether Video/name/text exits, and include it if it does .... should have a switch really, <nowiki>{{:</nowiki> Video/{{{name}}} | style=1 <nowiki>}}</nowiki> or similar. Need to include a style switch above.
[[Category:Video Templates]]</noinclude>

Template:Ednote

2017-12-08T10:51:26Z

Bjoern:

{{#ifeq:
{{#titleparts: {{PAGENAME}} | | -1 }}
| pv | |
<div class="ednote">
<div class="ednote-title">'''{{{title|Educator note}}}''' </div>
<div class="ednote-text">
{{{text}}}
</div>
</div>
}}<noinclude>

Current css:

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
};

Previous versions:

[[Category:OER4Schools templates]]

<div style="
border-left: solid 10px goldenrod;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: linen;
margin: 10px;
margin-left: 20px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background-color:#efefef;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>
</noinclude>

Template:Ednote

2017-12-08T10:36:04Z

Bjoern:

{{#ifeq:
{{#titleparts: {{PAGENAME}} | | -1 }}
| pv | |
<div class="ednote" style="background-color: #FF8080;">
<div class="ednote-title">'''{{{title|Educator note}}}''' </div>
<div class="ednote-text">
{{{text}}}
</div>
</div>
}}<noinclude>

Current css:

.ednote {
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.ednote-title {
padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;
}

.ednote-text {
padding: 10px; padding-left: 10px;
};

Previous versions:

[[Category:OER4Schools templates]]

<div style="
border-left: solid 10px goldenrod;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: linen;
margin: 10px;
margin-left: 20px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="
margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background-color:#efefef;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>

<div style="margin: 10px;
margin-left: 20px;
border-left:solid 10px DarkRed;
background: #efefef;
overflow:auto;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;">
<div style="padding: 5px; padding-left: 10px; border-bottom: solid 1px DarkRed;">'''{{{title|Educator note}}}''' </div>
<div style="padding: 10px; padding-left: 10px;">
{{{text}}}
</div>
</div>
</noinclude>