「Common.css」の版間の差分
提供:researchmap guide
編集の要約なし |
編集の要約なし |
||
27行目: | 27行目: | ||
/* ツリー | /* ツリー | ||
----------------------------------------------*/ | ----------------------------------------------*/ | ||
.rm-tree, .rm-tree ul, .rm-tree li { | .rm-tree, | ||
.rm-tree ul, | |||
.rm-tree li { | |||
list-style:none; | |||
margin:0; | |||
padding:0; | |||
position:relative; | |||
} | } | ||
.rm-tree { | .rm-tree { | ||
margin:0 0 1em; | |||
text-align:center; | |||
} | } | ||
.rm-tree, .rm-tree ul { | .rm-tree,.rm-tree ul { | ||
display:table; | |||
} | } | ||
.rm-tree ul { | .rm-tree ul { | ||
width:100%; | |||
} | |||
.rm-tree li { | |||
display:table-cell; | |||
padding:1.5em 0; | |||
vertical-align:top; | |||
} | |||
/* _________ */ | |||
.rm-tree li:before{ | |||
outline:solid 1px #666; | |||
content:""; | |||
left:0; | |||
position:absolute; | |||
right:0; | |||
top:0; | |||
} | |||
.rm-tree li:first-child:before { | |||
left:50%; | |||
} | |||
.rm-tree li:last-child:before { | |||
right:50%; | |||
} | |||
.rm-tree span { | |||
border:solid .1em #666; | |||
border-radius:.2em; | |||
display:inline-block; | |||
margin:0 .2em 1.5em; | |||
padding:.2em .5em; | |||
position:relative; | |||
} | |||
/* | */ | |||
.rm-tree ul:before, | |||
.rm-tree span:before { | |||
outline:solid 1px #666; | |||
content:""; | |||
height:1.5em; | |||
left:50%; | |||
position:absolute; | |||
} | |||
.rm-tree ul:before{ | |||
top:-1.5em; | |||
} | |||
.rm-tree span:before { | |||
top:-1.55em; | |||
} | |||
.rm-tree > li { | |||
margin-top:0; | |||
} | |||
.rm-tree > li:before, | |||
.rm-tree > li:after, | |||
.rm-tree > li > span:before { | |||
outline:none; | |||
} | } | ||
2019年12月9日 (月) 14:41時点における版
/* ここに記述したCSSはすべての外装に反映されます */ #left-navigation { margin-left: 17em; } pre, .mw-code { background-color:#ffcccc; } div.rm-info { background-color:#dff0d8; border:1px solid #3e8f3e; padding:1em; } div.rm-warning { background-color:#f2dede; border: 1px solid #b92c28; padding:1em; } .mw-body .firstHeading { display: none; } /* ツリー ----------------------------------------------*/ .rm-tree, .rm-tree ul, .rm-tree li { list-style:none; margin:0; padding:0; position:relative; } .rm-tree { margin:0 0 1em; text-align:center; } .rm-tree,.rm-tree ul { display:table; } .rm-tree ul { width:100%; } .rm-tree li { display:table-cell; padding:1.5em 0; vertical-align:top; } /* _________ */ .rm-tree li:before{ outline:solid 1px #666; content:""; left:0; position:absolute; right:0; top:0; } .rm-tree li:first-child:before { left:50%; } .rm-tree li:last-child:before { right:50%; } .rm-tree span { border:solid .1em #666; border-radius:.2em; display:inline-block; margin:0 .2em 1.5em; padding:.2em .5em; position:relative; } /* | */ .rm-tree ul:before, .rm-tree span:before { outline:solid 1px #666; content:""; height:1.5em; left:50%; position:absolute; } .rm-tree ul:before{ top:-1.5em; } .rm-tree span:before { top:-1.55em; } .rm-tree > li { margin-top:0; } .rm-tree > li:before, .rm-tree > li:after, .rm-tree > li > span:before { outline:none; }