MediaWiki:Common.css
Інститут фізіології ім. О. О. Богомольця
(відмінності між версіями)
Baya (Обговорення • внесок) |
Bobo (Обговорення • внесок) |
||
(44 проміжні версії 3 користувачів не показані) | |||
Рядок 8: | Рядок 8: | ||
div.seminar { | div.seminar { | ||
border-bottom:solid 1px #ccc; | border-bottom:solid 1px #ccc; | ||
− | + | margin-bottom:3em; | |
} | } | ||
− | div. | + | div.coming { |
− | background | + | 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; }