「MediaWiki:Common.css」の版間の差分

2015年5月16日 (土) 22:19時点における版

/* ここに記述したCSSはすべての外装に反映されます */

body {
    margin: 0;
    padding: 2px 2px;
　　font-family:'Times New Roman','HGS明朝B';
    font-size: 11pt;
    color: #00366c;
    background-image: url(images/background/bg.jpg);
}

.mw-content-ltr {
 font-family:'Times New Roman','HGS明朝B';
 font-size:1.0em;
 background-image:url(images/background/bg.jpg);
}

#mw_content {
    width: 100%;
    line-height: 1.5em;
/*    padding: 0 1em 1em 1em;*/
}


/* 全体（センタリング及び幅指定） */
div#layout_main {
    position: relative;
    margin: 0 auto;
    width: 800px;
}

/********** レスポンシブWebスタイルシート **********/

/* 高解像度画面用スタイルシート */
@media screen and (min-width: 640px){

}

/* 低解像度画面用スタイルシート */
@media screen and (max-width: 639px){

    body {
        background-color: #faf2ed;
        background-image: none !important;
    }

    div#layout_main {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
    }

    img {
        max-width: 95% !important;
        height: auto;
    /*    width: auto;*/
    }

    /* images */
    div.floatright, table.floatright {
        clear: both !important;
        width: 95%;
        float: none !important;
        text-align: center;
    }
    div.floatleft, table.floatleft {
        clear: both !important;
        width: 95%;
        float: none !important;
        text-align: center;
    }

    div#layout_footer_left {
        float: none !important;
        width: 100% !important;
    }
    div#layout_footer_right {
        float: none !important;
        width: 100% !important;
        text-align: left !important;
    }

    H1 {
        font-size: 12pt !important;
    }
    H2 {
        font-size: 12pt !important;
    }


    #layout_header_menu li {
        width:60px !important;
    }
    #layout_header_menu a.new_sec, #layout_header_menu a.new {
        font-size: 12px !important;
    }
    #layout_header_menu a {
        font-size: 12px !important;
    }


    div.topic {
        margin:0 5px 10px !important;
        width: auto !important;
    }
    div.topictitle {
        margin: 10px 5px 0 !important;
        width: auto !important;
    }

    pre, div.code {
        margin:0 5px 10px !important;
        overflow-x: auto !important;
        width: auto !important;
    }
    div.codetitle {
        margin: 10px 5px 0 !important;
        width: auto !important;
    }


}

/* 画面最上部のメニュー（ログオン時） */
div#layout_header_menu {
    width: 100%;
    height: 21px;
    font-size: 10px;
}

/* 画面最上部メニュー(ul, li）用 */
#layout_header_menu ul {
    margin:0;
    padding:0;
    border:0;
    list-style-type:none;
    width:auto;
    position: relative;
    display: block;
}

#layout_header_menu li {
    margin:0;
    padding:0;
    border:0;
    list-style-type:none;
    float:left;
    width:65px;
}

/* 画面最上部メニュー用 ドロップダウンメニュー */
#layout_header_menu ul ul {
    display: none;
    position:absolute;
    top:100%;
    left:0;
}
#layout_header_menu li li {
    clear: both;
    background-image: url(http://oasis.halfmoon.jp/pics/back.gif);
    width:160px !important;
}
#layout_header_menu li:hover {
    position:relative;
}
#layout_header_menu li:hover > ul {
    display: block;
}

/* 画面最上部メニュー用リンク書式 */
#layout_header_menu a.new_sec, #layout_header_menu a.new {
    display:block;
    padding-top:1px;
    padding-bottom:2px;
    text-align:center;
    text-decoration:none;
    color:#000000;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#layout_header_menu a.new_sec {
    border-right:1px solid #cccccc;
}

/* 画面最上部メニュー用 ドロップダウンメニュー */
#layout_header_menu a.new_sub, #layout_header_menu a.new_sub_bottom {
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
    text-decoration:none;
    color:#555555;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-right:1px solid #cccccc;
    border-left:1px solid #cccccc;
}
#layout_header_menu a.new_sub_bottom {
    border-bottom:1px solid #cccccc;
}

/* 画面上部のメニュー：リンク書式 */
#layout_header_menu a {
    font-family: "Arial", sans-serif;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    /*border: 1px solid transparent;*/ /* IE6未対応 */
    border: 1px dotted #fffdf5;
}

/* 画面最上部のメニュー：リンク書式 */
#layout_header_menu a:hover {
    color: red;
    background-color: #fff0aa;
    border: 1px solid #ffa42f;
}

/* 画面最上部メニューの下の仕切り線 */
div#layout_header_menu_line {
    width: 100%;
    height: 7px;
    background: url("http://oasis.halfmoon.jp/pics/bar_hs_bk.jpg") no-repeat;
}


/* 画面最上部のメニュー：リンク書式 */
#layout_header_menu a:hover {
    color: red;
    background-color: #fff0aa;
    border: 1px solid #ffa42f;
}



.mw-body {

 font-family:'Times New Roman','HGS明朝B';
 font-size:1.0em;
 color:#0c2b49;
}

/*見出し*/
h1 {
    font-size: 2.0em;
    font-weight: bold;
    border-bottom: solid 1px #d8c3b2;
    text-indent: 5px;
    letter-spacing: 5px;
    padding: 5px 5px;
    margin: 30px 0px;
    clear: both;
}

h2 {
    font-family:'Times New Roman','HGS明朝B';
    font-size: 1.8em;
    font-weight: bold;
    color:#e2d8bf;
    text-indent: 5px;
    letter-spacing: 3px;
    border-width: 1px 1px 1px 5px;
    padding: 5px 5px;
    margin: 10px 0px 5px;
    background-color:rgba( 0, 52, 119, 0.50 );
    border-style:solid none none none #00366c";

    clear: both;
}

h3 {
    font-size: 1.3emt;
    font-weight: lighter;
    text-indent: 5px;
    letter-spacing: 3px;
    border-width: 0px 0px 1px 5px;
    border-style: solid;
    border-bottom-color: #005ea1;
    border-left-color: #005ea1;
    padding: 2px 5px;
    margin: 8px 0px 3px;
    color:#003477;
    clear: both;
}

h4 {
    font-size: 1.2em;
    font-weight: lighter;
    text-indent: 5px;
    letter-spacing: 2px;
    border-bottom: solid 1px #7aa3bf;
    padding: 2px 5px;
    margin: 8px 0px 2px;
    clear: both;
}

h5 {
    font-size: 12pt;
    font-weight: bold;
}




#mw_main {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    margin-top: 3.5em;
}

div.mw_clear, div.clear {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    clear: both;
}