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 { | ||
display:none; | display:none; | ||
} | } | ||
Line 59: | Line 64: | ||
.ns-202 .hdr td { | .ns-202 .hdr td { | ||
padding:5px; | padding:5px; | ||
+ | } | ||
+ | .ns-204 .hdr td { | ||
+ | vertical-align:top; | ||
} | } | ||
.ns-202 .hdr .title { | .ns-202 .hdr .title { | ||
Line 67: | Line 75: | ||
border:0; | border:0; | ||
} | } | ||
− | .ns- | + | .ns-204 .descr, |
− | margin: | + | .ns-204 .hdr .title h1 { |
+ | border: 0; | ||
+ | padding: 10px; | ||
+ | margin: 0 0 20px 20px; | ||
+ | font: 400% monospace; | ||
+ | background: #46C7C0; | ||
+ | color: #3A3049; | ||
+ | font-size: 3vw; | ||
} | } | ||
− | .ns-202 .hdr ul li { | + | .ns-202 .hdr ul, |
+ | .ns-204 .hdr ul { | ||
+ | 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 98: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | .ns-202 .hdr ul li:hover { | + | .ns-204 .hdr ul li { |
+ | 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 130: | ||
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 { | ||
Line 114: | Line 159: | ||
border:1px solid #ccc; | border:1px solid #ccc; | ||
} | } | ||
− | .ns- | + | .ns-204 .hdr img { |
− | .ns- | + | width:100%; |
− | + | height:auto; | |
− | margin:0; | + | } |
+ | .ns-204 .hdr + h2 { | ||
+ | background-color:#BF776F; | ||
+ | margin: 20px 0px; | ||
+ | } | ||
+ | .ns-204 .descr { | ||
+ | float: left; | ||
+ | color: #DEDED3; | ||
+ | background: #3A3049; | ||
+ | margin: 0 20px 0 0; | ||
} | } | ||
.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 15:01, 8 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 { display:none; } .photogal .thumbinner { display:inline-block; } .spc {margin-left:2em} .pale {color:grey} #arch { border-left:2px solid #8bf; padding-left: 1em; } .xpand { padding: 0.5em; border: 1px dashed #2f6fab; background-color: #f9f9f9; line-height: 2em; } .xpand a { color:#08c; font-weight: bold; } .xpand a:hover { color:#058; } .ns-202 .firstHeading { display:none; } .ns-202 table { border:0; border-collapse:collapse; } .ns-202 .hdr td { padding:5px; } .ns-204 .hdr td { vertical-align:top; } .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: 10px; margin: 0 0 20px 20px; font: 400% monospace; background: #46C7C0; color: #3A3049; font-size: 3vw; } .ns-202 .hdr ul, .ns-204 .hdr ul { 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 { 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 { border-bottom:1px solid grey; vertical-align: middle; padding:10px; } .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; } .ns-204 .descr { float: left; color: #DEDED3; background: #3A3049; margin: 0 20px 0 0; } .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 }