MediaWiki:Common.css
Інститут фізіології ім. О. О. Богомольця
(відмінності між версіями)
Bobo (Обговорення • внесок) |
Bobo (Обговорення • внесок) |
||
(24 проміжні версії одного користувача не показані) | |||
Рядок 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 { | |
border-left:2px solid #8bf; | border-left:2px solid #8bf; | ||
− | + | overflow: auto; | |
− | + | display: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.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, | ||
Рядок 70: | Рядок 70: | ||
padding:5px; | padding:5px; | ||
} | } | ||
− | .ns-204 .hdr td { | + | .ns-204 .hdr td:first-child { |
vertical-align: middle; | vertical-align: middle; | ||
background: #52D0CC; | background: #52D0CC; | ||
Рядок 84: | Рядок 84: | ||
.ns-204 .hdr .title h1 { | .ns-204 .hdr .title h1 { | ||
border: 0; | border: 0; | ||
− | padding: | + | padding: 20px; |
margin: 0 0 0 20px; | margin: 0 0 0 20px; | ||
font: 400% monospace; | font: 400% monospace; | ||
Рядок 92: | Рядок 92: | ||
} | } | ||
.ns-202 .hdr ul, | .ns-202 .hdr ul, | ||
− | .ns-204 .hdr ul { | + | .ns-204 .hdr ul, |
+ | .ns-204 .content { | ||
margin:0; | margin:0; | ||
overflow:auto; | overflow:auto; | ||
Рядок 105: | Рядок 106: | ||
} | } | ||
.ns-204 .hdr ul li { | .ns-204 .hdr ul li { | ||
+ | margin:0; | ||
width:10%; | width:10%; | ||
background-color:#3A3049; | background-color:#3A3049; | ||
Рядок 144: | Рядок 146: | ||
margin:0 10px; | margin:0 10px; | ||
} | } | ||
− | .ns-202 .ppl td { | + | .ns-202 .ppl td, |
− | border-bottom:1px solid | + | .ns-204 .meth td { |
+ | border-bottom: 1px solid #ace; | ||
vertical-align: middle; | vertical-align: middle; | ||
− | padding: | + | padding: 20px; |
+ | } | ||
+ | .ns-204 .meth td + td { | ||
+ | text-align: left; | ||
} | } | ||
.ns-202 #photoGroups p { | .ns-202 #photoGroups p { | ||
Рядок 178: | Рядок 184: | ||
color: #DEDED3; | color: #DEDED3; | ||
background: #3A3049; | background: #3A3049; | ||
− | margin: 0 | + | 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 { color:#06c } | ||
.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; }