MediaWiki:Common.css

Latest revision as of 02:37, 28 March 2018

td { vertical-align: top }
.plan, .plan td { border:solid 1px #ccc }
.plan td { padding:0.5em }
.plan td:first-child { width:auto }

#toc, .toc { float:right; margin-left:10px }

div.seminar {
    border-bottom:solid 1px #ccc;
    margin-bottom:3em;
}
div.coming {
    background: url(/images/c/c2/Coming-soon.jpg) bottom right no-repeat;
}

.photogal ul,
.ns-202 .holder ul,
.ns-202 .holder ul li {
list-style: none;
margin: 0;
}
.photogal li,
.lft {
float:left;
}
.photogal .tnone .thumbcaption {
font-size: 140%;
color: #333;
}
photogal .tnone .magnify,
.ns-202 .firstHeading,
.ns-204 .firstHeading,
.ns-204 .hdr + h2 span,
.hdr .title .toc {
display:none;
}
.photogal .thumbinner {
display:inline-block;
}
.spc {margin-left:2em}
.pale {color:grey}
.arch {
border-left:2px solid #8bf;
overflow: auto;
display: none;
}
.xpand a {
color:#08c;
font-weight: bold;
}
.xpand a:hover,
.xpand a:focus {
color:#058;
text-decoration: none;
}
.btn a {
padding: 0.5em;
border: 1px dashed #2f6fab;
background-color: #f9f9f9;
}
.ns-202 table,
.ns-204 table {
border:0;
border-collapse:collapse;
}
.ns-204 .hdr table {
margin-bottom: 20px;
}
.ns-202 .hdr td {
padding:5px;
}
.ns-204 .hdr td:first-child {
vertical-align: middle;
background: #52D0CC;
}
.ns-202 .hdr .title {
text-align:center;
padding:10px;
}
.ns-202 .hdr .title h1 {
border:0;
}
.ns-204 .descr,
.ns-204 .hdr .title h1 {
border: 0;
padding: 20px;
margin: 0 0 0 20px;
font: 400% monospace;
background: #46C7C0;
color: #3A3049;
font-size: 3vw;
}
.ns-202 .hdr ul,
.ns-204 .hdr ul,
.ns-204 .content {
margin:0;
overflow:auto;
}
.ns-202 .hdr ul li,
.ns-204 .hdr ul li {
width: 20%;
float: left;
list-style: none;
background-color: #ABC;
text-align: center;
}
.ns-204 .hdr ul li {
margin:0;
width:10%;
background-color:#3A3049;
}
.ns-204 .hdr ul li + li {
margin-left:1.25%
}
.ns-202 .hdr ul li a:hover,
.ns-202 .hdr ul li a:focus {
background-color: #CDE;
text-decoration:none;
}
.ns-204 .hdr ul li a {
background-color: #3A3049;
color: #DEDED3;
}
.ns-204 .hdr ul li a:hover,
.ns-204 .hdr ul li a:focus {
color: #46C7C0;
text-decoration:none;
}
.ns-202 .hdr ul li a,
.ns-202 .hdr ul li strong,
.ns-204 .hdr ul li a,
.ns-204 .hdr ul li strong {
display: block;
padding: 5px;
font-weight: bold;
}
.ns-202 .hdr ul li strong {
background-color: #CCC;
color: #666;
}
.ns-204 .hdr ul li strong {
background-color: #DEDED3;
color: #3A3049;
}
.ns-202 .page-body {
margin:0 10px;
}
.ns-202 .ppl td,
.ns-204 .meth td {
border-bottom: 1px solid #ace;
vertical-align: middle;
padding: 20px;
}
.ns-204 .meth td + td {
text-align: left;
}
.ns-202 #photoGroups p {
padding: 3px 10px;
margin: 0;
}
.ns-202 #photoGroups p:hover {
background-color:#eee;
}
.ns-202 .holder {
border:1px solid #ccc;
background-color:#eee;
padding:4px;
}
.ns-202 .holder div {
overflow: hidden;
border:1px solid #ccc;
}
.ns-204 .hdr img {
width:100%;
height:auto;
}
.ns-204 .hdr + h2 {
background-color:#BF776F;
margin: 20px 0px;
border: 0;
}
.ns-204 .descr {
float: left;
color: #DEDED3;
background: #3A3049;
margin: 0 40px 0 0;
}
.content p {
margin: .8em 0 1em 0;
}
.content > *:first-of-type {
margin-top: 0;
}
.content ul li {
overflow: hidden;
}
.content ul li:before {
content: "\25cf";
position: absolute;
margin-left: -16px;
color: #333;
}
.ns-204 .striphash a[href^="#"] {
display: inline-block;
text-indent: -8px;
}
.dbltbl {
margin: auto;
text-align: center;
}
.dbltbl td {
padding:20px;
}
.ns-202 .hdr ul li a { color:#06c }
.ns-202 .hdr ul li a:visited { color:SlateBlue  }
.ns-202 .hdr ul li a:active { color:#b63 }

.lft .descr {
	float: none;
}
.lft .descr + p {
	margin: 20px;
}
.team, .team .image {
	display: inline-block;
	position: relative;
}
.team ul {
	width: 50%;
	float: left;
}
.team ul, .team li { margin: 0;}
.team li {
	padding: 0 0 0 24px;
	border-radius: 3px;
	line-height: 2;
	min-width: 100px;
}
.team li:hover { background: #eee; }

.photo_hl, .team img {
	width: 100%;
	height: 100%;
}
.photo_hl,
.photo_hl img {
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	background: rgba(0,0,0,0.5);
	transition: clip .33s ease;
	text-align: left;
	z-index: 0;
}
.shuba-cv img { margin-right: 10px; }
.shuba-cv li b {
    font-weight: normal;
    display: inline-block;
    width: 138px;
}