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

提供: Test Wiki
移動: 案内、 検索
(Julyfestival (トーク) による版 1319 を取り消し)
行21: 行21:
 
/*    padding: 0 1em 1em 1em;*/
 
/*    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;
 
−
}
 
−
 
  
  

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

/* ここに記述した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;*/
}


.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;
}
「http://enseiki.sakura.ne.jp/test-wiki/w/index.php?title=MediaWiki:Common.css&oldid=1321」から取得