MediaWiki:Common.css

Інститут фізіології ім. О. О. Богомольця
(відмінності між версіями)
Перейти до: навігація, пошук
 
(19 проміжних версій одного користувача не показані)
Рядок 20: Рядок 20:
 
margin: 0;
 
margin: 0;
 
}
 
}
.photogal li {
+
.photogal li,
 +
.lft {
 
float:left;
 
float:left;
 
}
 
}
Рядок 39: Рядок 40:
 
.spc {margin-left:2em}
 
.spc {margin-left:2em}
 
.pale {color:grey}
 
.pale {color:grey}
#arch {
+
.arch {
 
border-left:2px solid #8bf;
 
border-left:2px solid #8bf;
padding-left: 1em;
+
overflow: auto;
}
+
display: none;
.xpand {
+
padding: 0.5em;
+
border: 1px dashed #2f6fab;
+
background-color: #f9f9f9;
+
line-height: 2em;
+
 
}
 
}
 
.xpand a {
 
.xpand a {
Рядок 53: Рядок 49:
 
font-weight: bold;
 
font-weight: bold;
 
}
 
}
.xpand a:hover {
+
.xpand a:hover,
 +
.xpand a:focus {
 
color:#058;
 
color:#058;
 +
text-decoration: none;
 +
}
 +
.btn a {
 +
padding: 0.5em;
 +
border: 1px dashed #2f6fab;
 +
background-color: #f9f9f9;
 
}
 
}
 
.ns-202 table,
 
.ns-202 table,
Рядок 81: Рядок 84:
 
.ns-204 .hdr .title h1 {
 
.ns-204 .hdr .title h1 {
 
border: 0;
 
border: 0;
padding: 10px;
+
padding: 20px;
 
margin: 0 0 0 20px;
 
margin: 0 0 0 20px;
 
font: 400% monospace;
 
font: 400% monospace;
Рядок 103: Рядок 106:
 
}
 
}
 
.ns-204 .hdr ul li {
 
.ns-204 .hdr ul li {
 +
margin:0;
 
width:10%;
 
width:10%;
 
background-color:#3A3049;
 
background-color:#3A3049;
Рядок 142: Рядок 146:
 
margin:0 10px;
 
margin:0 10px;
 
}
 
}
.ns-202 .ppl td {
+
.ns-202 .ppl td,
border-bottom:1px solid grey;
+
.ns-204 .meth td {
 +
border-bottom: 1px solid #ace;
 
vertical-align: middle;
 
vertical-align: middle;
padding:10px;
+
padding: 20px;
 +
}
 +
.ns-204 .meth td + td {
 +
text-align: left;
 
}
 
}
 
.ns-202 #photoGroups p {
 
.ns-202 #photoGroups p {
Рядок 179: Рядок 187:
 
}
 
}
 
.content p {
 
.content p {
margin: .5em 0 1em 0;
+
margin: .8em 0 1em 0;
 +
}
 +
.content > *:first-of-type {
 +
margin-top: 0;
 
}
 
}
 
.content ul li {
 
.content ul li {
Рядок 190: Рядок 201:
 
color: #333;
 
color: #333;
 
}
 
}
.ns-204 a[href^="#"] {
+
.ns-204 .striphash a[href^="#"] {
 
display: inline-block;
 
display: inline-block;
 
text-indent: -8px;
 
text-indent: -8px;
Рядок 204: Рядок 215:
 
.ns-202 .hdr ul li a:visited { color:SlateBlue  }
 
.ns-202 .hdr ul li a:visited { color:SlateBlue  }
 
.ns-202 .hdr ul li a:active { color:#b63 }
 
.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;
}
Особисті інструменти
Навігація
education
societies
additional
Перегляди
Простори назв
Варіанти
Інструменти
Дії