12,782
edits
MediaWiki:Common.css: Difference between revisions
From OER in Education
no edit summary
(New site updated version) |
No edit summary |
||
| Line 1: | Line 1: | ||
/* 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 */ | |||
/* Topcontent banner */ | /* Topcontent banner */ | ||
#topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;} | #topcontent{margin-top:-25px;margin-bottom:10px; margin-left: 205px; font-size:12px;font-size:1.2rem;} | ||
