MediaWiki:Common.css: Difference between revisions

From OER in Education
No edit summary
No edit summary
Line 116: Line 116:
.expandmenu div div:target {
.expandmenu div div:target {
  display:block;
  display:block;
}
/* Speech bubbles */
/* <p class="triangle-right"> */
.triangle-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;
}
.triangle-right: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;
}
}

Revision as of 10:14, 28 August 2013

/* 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="triangle-right"> */

.triangle-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;
}

.triangle-right: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;
}