MediaWiki:Common.css
(відмінності між версіями)
Bobo (Обговорення • внесок) |
Bobo (Обговорення • внесок) |
||
Рядок 14: | Рядок 14: | ||
} | } | ||
− | .photogal ul { | + | .photogal ul, |
+ | .ns-202 .holder ul, | ||
+ | .ns-202 .holder ul li { | ||
list-style: none; | list-style: none; | ||
margin: 0; | margin: 0; | ||
Рядок 25: | Рядок 27: | ||
color: #333; | color: #333; | ||
} | } | ||
− | + | photogal .tnone .magnify, | |
+ | .ns-202 .firstHeading, | ||
+ | .ns-204 .firstHeading, | ||
+ | .ns-204 .hdr + h2 span, | ||
+ | .hdr .title .toc { | ||
display:none; | display:none; | ||
} | } | ||
Рядок 33: | Рядок 39: | ||
.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 { | + | .xpand a { |
padding: 0.5em; | padding: 0.5em; | ||
border: 1px dashed #2f6fab; | border: 1px dashed #2f6fab; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
− | |||
− | |||
− | |||
color:#08c; | color:#08c; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | .xpand a:hover { | + | .xpand a:hover, |
+ | .xpand a:focus { | ||
color:#058; | color:#058; | ||
+ | text-decoration: none; | ||
} | } | ||
− | .ns-202 | + | .ns-202 table, |
− | + | .ns-204 table { | |
− | + | ||
− | .ns- | + | |
border:0; | border:0; | ||
border-collapse:collapse; | border-collapse:collapse; | ||
+ | } | ||
+ | .ns-204 .hdr table { | ||
+ | margin-bottom: 20px; | ||
} | } | ||
.ns-202 .hdr td { | .ns-202 .hdr td { | ||
padding:5px; | padding:5px; | ||
+ | } | ||
+ | .ns-204 .hdr td:first-child { | ||
+ | vertical-align: middle; | ||
+ | background: #52D0CC; | ||
} | } | ||
.ns-202 .hdr .title { | .ns-202 .hdr .title { | ||
Рядок 67: | Рядок 78: | ||
border:0; | border:0; | ||
} | } | ||
− | .ns- | + | .ns-204 .descr, |
− | margin: | + | .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 li { | + | .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%; | width: 20%; | ||
float: left; | float: left; | ||
Рядок 77: | Рядок 102: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | .ns-202 .hdr ul li:hover { | + | .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; | 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 a, | ||
− | .ns-202 .hdr ul li strong { | + | .ns-202 .hdr ul li strong, |
+ | .ns-204 .hdr ul li a, | ||
+ | .ns-204 .hdr ul li strong { | ||
display: block; | display: block; | ||
padding: 5px; | padding: 5px; | ||
Рядок 89: | Рядок 135: | ||
background-color: #CCC; | background-color: #CCC; | ||
color: #666; | color: #666; | ||
+ | } | ||
+ | .ns-204 .hdr ul li strong { | ||
+ | background-color: #DEDED3; | ||
+ | color: #3A3049; | ||
} | } | ||
.ns-202 .page-body { | .ns-202 .page-body { | ||
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 { | ||
Рядок 114: | Рядок 168: | ||
border:1px solid #ccc; | border:1px solid #ccc; | ||
} | } | ||
− | .ns- | + | .ns-204 .hdr img { |
− | .ns- | + | width:100%; |
− | + | height:auto; | |
− | margin: | + | } |
+ | .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 li 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 } |
Версія за 02:44, 12 листопада 2016
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 { 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 { padding: 0.5em; border: 1px dashed #2f6fab; background-color: #f9f9f9; color:#08c; font-weight: bold; } .xpand a:hover, .xpand a:focus { color:#058; text-decoration: none; } .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 li 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 }