MediaWiki:Common.css
(Difference between revisions)
| Line 14: | Line 14: | ||
} | } | ||
| − | .photogal ul { | + | .photogal ul, |
| + | .ns-202 .holder ul, | ||
| + | .ns-202 .holder ul li { | ||
list-style: none; | list-style: none; | ||
margin: 0; | margin: 0; | ||
| Line 25: | Line 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; | ||
} | } | ||
| Line 33: | Line 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 { | ||
| Line 67: | Line 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; | ||
| Line 77: | Line 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; | ||
| Line 89: | Line 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 { | ||
| Line 114: | Line 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 } | ||
Revision as of 02:44, 12 November 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 }
