テンプレート:メインページ/styles.css

    提供:Wikiminati
    2023年3月10日 (金) 23:31時点におけるWikiminatiWebMaster (トーク | 投稿記録)による版
    /* {{pp-template}} */
    .mainpage-frame {
    	overflow-x: auto;
    	margin: 0 5px 10px 5px;
    	padding: 8px;
    	border: 1px solid #a7d7f9;
    	border-radius: 10px;
    }
    #frame-main2 {
    	background: #fbfdff;
    }
    #frame-interlang {
    	background: #f9f9f9;
    }
    #frame-welcome {
    	line-height: 1.25;
    }
    #welcome {
    	font-size: 180%;
    	margin-top: 10px;
    	margin-bottom: 0.3em;
    }
    #about {
    	margin-left: 0.5em;
    	font-size: 85%;
    }
    #about ~ div {
    	margin-top: 0.3em;
    	font-size: 95%;
    	text-align: right;
    }
    #number {
    	padding-top: 0.8em;
    }
    
    .mainpage-flexbox {
    	display: flex;
    	flex-wrap: wrap;
    }
    
    #frame-main1 {
    	flex-basis: 380px;
    	flex-grow: 3;
    }
    #frame-main2 {
    	flex-basis: 310px;
    	flex-grow: 1;
    }
    
    /* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */
    @media ( min-width: 40em ) {
    	body.skin-timeless #frame-welcome {
    /*		background-image: url("https://wikiminati.blogmanju.com/wikim/images/f/f0/Wikiminati-logo-mainpage1.svg");*/
    		background-repeat: no-repeat;
    		background-position: -40px -15px;
    		padding-left: 165px;
    	}
    }
    
    @media ( min-width: 43em ) {
    	body.skin-minerva #frame-welcome {
    /*		background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");*/
    		background-repeat: no-repeat;
    		background-position: -40px -15px;
    		padding-left: 165px;
    	}
    }
    @media ( min-width: 48em ) {
    	body.skin-vector #frame-welcome,
    	body.skin-modern #frame-welcome,
    	body.skin-monobook #frame-welcome,
    	body.skin-cologneblue #frame-welcome {
    /*		background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");*/
    		background-repeat: no-repeat;
    		background-position: -40px -15px;
    		padding-left: 165px;
    	}
    }
    
    .mainpage-content-text .hlist-slash {
    	margin-top: 0.5em;
    	text-align: right;
    }
    
    #portals .CategoryTreeTag {
    	margin-left: 0.5em;
    	font-size: 90%;
    }
    
    #fa_picture .mainpage-content-text > div {
    	margin-left: auto;
    	margin-right: auto;
    }
    .mainpage-gallery {
    	text-align: center;
    	display: flex;
    	flex-flow: row wrap;
    	justify-content: space-around;
    	justify-content: space-evenly;
    }
    /* [[Category:テンプレートスタイル]] */