コンテンツにスキップ

「テンプレート:メインページ/styles.css」の版間の差分

編集の要約なし
編集の要約なし
編集の要約なし
 
(同じ利用者による、間の68版が非表示)
6行目: 6行目:
border: 1px solid #a7d7f9;
border: 1px solid #a7d7f9;
border-radius: 10px;
border-radius: 10px;
font-size: 15.5px;
line-height: 1.9;
}
}
#frame-main2 {
#frame-main2 {
22行目: 24行目:
}
}
#about {
#about {
margin-left: 0.5em;
margin-left: 0.5em;  
font-size: 85%;
/* font-size: 85%; */
font-size: 100%;
line-height: 1.5;
}
}
#about ~ div {
#about ~ div {
margin-top: 0.3em;
margin-top: 0.3em;
font-size: 95%;
/* font-size: 95%; */
font-size: 100%;
text-align: right;
text-align: right;
line-height: 1.5;
}
}
#number {
#number {
47行目: 53行目:
flex-grow: 1;
flex-grow: 1;
}
}
 
@media ( min-width: 1em ) {
body.skin-minerva #frame-welcome {
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg");*/
background-repeat: no-repeat;
background-position: -40px 0px;
background-size:  200px  200px;
background-color:rgba(255,255,255,0.5);
background-blend-mode:lighten;
padding-left: 0px;
}
body.skin-minerva .mainpage-frame{
font-size: 18px;
line-height: 2.4;
}
body.skin-minerva #welcome {
font-size: 170%;
    }
}
/* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */
/* 画面の横幅が大きけれはロゴ画像を表示させ、フォントを一部大きくする */
@media ( min-width: 40em ) {
@media ( min-width: 40em ) {
body.skin-timeless #frame-welcome {
body.skin-timeless #frame-welcome {
background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");*/
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/
background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg");
background-repeat: no-repeat;
background-repeat: no-repeat;
/* background-position: -40px -15px;*/
/* background-position: -40px -15px;*/
background-position: 40px 40px;
background-position: -40px 0px;
background-size:  200px  200px;
background-color:rgba(255,255,255,0.3);
background-blend-mode:lighten;
padding-left: 165px;
padding-left: 165px;
}
}
60行目: 89行目:
@media ( min-width: 43em ) {
@media ( min-width: 43em ) {
body.skin-minerva #frame-welcome {
body.skin-minerva #frame-welcome {
background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");*/
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/
background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg");
background-repeat: no-repeat;
background-repeat: no-repeat;
/* background-position: -40px -15px;*/
/* background-position: -40px -15px;*/
background-position: 40px 40px;
background-position: -40px 0px;
background-size:  200px  200px;
background-color:rgba(255,255,255,0.3);
background-blend-mode:lighten;
padding-left: 165px;
padding-left: 165px;
}
}
73行目: 107行目:
body.skin-cologneblue #frame-welcome {
body.skin-cologneblue #frame-welcome {
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");*/
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/e/e1/Wikiminati-logo-200.svg");*/
background-image: url("https://4.bp.blogspot.com/-2FbxIo2BtDQ/UqmP5zFczAI/AAAAAAAAbn0/hfh1NnmWq8A/s800/kaidan.png");
/* background-image: url("https://wikiminati.blogmanju.com/wikim/images/4/4b/Kaidan_toppage.png");*/
    background-size:contain;                              /* 画像のサイズを指定    */
background-image: url("https://wikiminati.blogmanju.com/wikim/images/3/31/25059491_s.jpg");
    width:100%;                                            /* 横幅のサイズを指定    */
    height:150px;                                          /* 縦幅のサイズを指定    */
 
background-repeat: no-repeat;
background-repeat: no-repeat;
/* background-position: -40px -15px;*/
/* background-position: -40px -15px;*/
background-position: 0px 0px;
background-position: -30px -15px;
padding-left: 165px;
background-size:  200px  200px;
background-color:rgba(255,255,255,0.1);
background-blend-mode:lighten;
padding-left: 185px;
}
}
}
}