MediaWiki:Common.css
From OER in Education
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Vector skin */
body { background: white; }
.showmenu:hover .hiddenmenu {
display : block;
}
div.hiddenmenu {
display: none;
}
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 {
font-size: 0.8em;
}
/*
#mw-head-base {
height: 8.65em;
}
div.vectorTabs {
margin-top: 58px;
}
*/
/*
#p-logo{
// 150px image
// top: -136px;
// left: -5px;
*/
@media screen {
body {
background: blue;
margin-left: 20px;
margin-right: 20px;
position: relative;
background: #CDE1EC;
}
}
/* Faculty green: #D6E5E5 */
@media print {
.visualClear { clear: both; }
}
/* solid horizontal line: */
#mw-page-base {
border-bottom: solid 3px #99CCCC !important;
}
#mw-panel {
background: white;
}
div#mw-head {
background: white;
}
#p-logo {
top: -130px;
left: 0px;
}
#p-logo a {
background-image: url(/w/images/thumb/b/ba/Faculty_logo.jpg/180px-Faculty_logo.jpg) !important;
}
/*
#p-logo {
top: -126px;
left: 0px;
}
#p-logo a {
background-image: url(/w/images/thumb/a/a7/ORBIT-wiki-logo.jpg/75px-ORBIT-wiki-logo.jpg) !important;
}
*/
div#mw-panel {
top: 85px;
padding-top: 0px;
}
.portal li {
}
.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"> */
.bubble-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;
}
.bubble-left:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left: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-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;
}
.bubble-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-center {
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;
}
.bubble-center:after {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left: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;
}
