MediaWiki:Common.css: Difference between revisions

From OER in Education
No edit summary
No edit summary
Line 93: Line 93:


}
}
/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;}
100% {zoom:1;}
}
body {width:40em; margin: 1em auto;font-family: arial, sans-serif;}
div.exp {font:normal 0.9em/1.5em arial, sans-serif; color:#666;}
a.exp {display:block;margin: 1em 0 0 0;text-decoration:none;border:1px solid black;border-radius:4px;background:#CDF;padding:10px;}
a.exp::after {content:"»";float:right;}
a.exp:focus {border-width: 1px 1px 0 1px;border-radius:4px 4px 0 0}
a.exp + div {display:none;}
a.exp:focus + div {display:block;border-width: 0 1px 1px 1px;border-style:solid; border-radius:0 0 4px 4px;border-color:black;}
a.exp:focus::after {content:"";}
div.exp *{padding:0.3em 10px 0em 10px;}
div.exp *:last-child::after {content:"«";float:right;}
div.exp *:first-child {margin-top:0;}
ul {margin-bottom: 2em;}
ul li {list-style-position: inside;}
ul li:last-child::after{content:'' !important;}

Revision as of 14:32, 3 May 2013

/* CSS placed here will affect users of the Vector skin */

body { background: white; }

.showmenu:focus .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 {

}


		/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
		html {-webkit-animation: safariSelectorFix infinite 1s;}
		@-webkit-keyframes safariSelectorFix {
		0% {zoom:1;} 
		100% {zoom:1;}
		}
		
		body {width:40em; margin: 1em auto;font-family: arial, sans-serif;}
		div.exp {font:normal 0.9em/1.5em arial, sans-serif; color:#666;}
		a.exp {display:block;margin: 1em 0 0 0;text-decoration:none;border:1px solid black;border-radius:4px;background:#CDF;padding:10px;}
		a.exp::after {content:"»";float:right;}
		a.exp:focus {border-width: 1px 1px 0 1px;border-radius:4px 4px 0 0}
		a.exp + div {display:none;}
		a.exp:focus + div {display:block;border-width: 0 1px 1px 1px;border-style:solid; border-radius:0 0 4px 4px;border-color:black;}
		a.exp:focus::after {content:"";}
		div.exp *{padding:0.3em 10px 0em 10px;}
		div.exp *:last-child::after {content:"«";float:right;}
		div.exp *:first-child {margin-top:0;}
		
		ul {margin-bottom: 2em;}
		ul li {list-style-position: inside;}
		ul li:last-child::after{content:'' !important;}