「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;
}
