MediaWiki:Common.css

/* 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"> */

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