「Common.css」の版間の差分

2019年12月9日 (月) 14:03時点における版

/* ここに記述した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 {
	font-family: Calibri, Segoe, "Segoe UI", "Gill Sans", "Gill Sans MT", sans-serif;
    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: .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 code, .rm-tree span {
            border: solid .1em #666;
            border-radius: .2em;
            display: inline-block;
            margin: 0 .2em .5em;
            padding: .2em .5em;
            position: relative;
        }
        /* If the tree represents DOM structure */
        .rm-tree code {
            font-family: monaco, Consolas, 'Lucida Console', monospace;
        }

            /* | */
            .rm-tree ul:before,
            .rm-tree code:before,
            .rm-tree span:before {
                outline: solid 1px #666;
                content: "";
                height: .5em;
                left: 50%;
                position: absolute;
            }
            .rm-tree ul:before {
                top: -.5em;
            }
            .rm-tree code:before,
            .rm-tree span:before {
                top: -.55em;
            }

/* The root node doesn't connect upwards */
.rm-tree > li {margin-top: 0;}
    .rm-tree > li:before,
    .rm-tree > li:after,
    .rm-tree > li > code:before,
    .rm-tree > li > span:before {
      outline: none;
    }