MediaWiki:Common.css
Інститут фізіології ім. О. О. Богомольця
				
								
				(відмінності між версіями)
				
																
				
				
								
				Baya  (Обговорення • внесок)  (Створена сторінка: .plan, .plan td { border:solid 1px #ccc } .plan td { padding:0.5em; width: 50% } .plan td:first-child { width:auto })  | 
		Bobo  (Обговорення • внесок)   | 
		||
| (52 проміжні версії 3 користувачів не показані) | |||
| Рядок 1: | Рядок 1: | ||
| + | td { vertical-align: top }  | ||
.plan, .plan td { border:solid 1px #ccc }  | .plan, .plan td { border:solid 1px #ccc }  | ||
| − | .plan td { padding:0.5em  | + | .plan td { padding:0.5em }  | 
.plan td:first-child { width:auto }  | .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;  | ||
| + | }  | ||
Поточна версія на 02:37, 28 березня 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;
}
