「MediaWiki:Common.css」の版間の差分
提供: 作業療法大百科事典OtWiki
(同じ利用者による、間の27版が非表示) | |||
1行目: | 1行目: | ||
.youtubes { | |||
width: 100%; | |||
aspect-ratio: 16 / 9; | |||
} | |||
.youtubes iframe { | |||
width: 100%; | |||
height: 100%; | |||
} | |||
/* CSSコード */ | |||
html { | |||
scroll-behavior: smooth; | |||
} | |||
/* トップへ戻るボタン */ | |||
.page_top_btn { | |||
position: fixed; | |||
bottom: 10px; | |||
right: 10px; | |||
font-weight: bold; | |||
padding: 0.7em; | |||
text-align: center; | |||
background: rgb(255, 0, 0); | |||
color: #fff; | |||
transition: 0.3s0; | |||
z-index: 100000000 | |||
} | |||
/* マウスオーバー時 */ | |||
.page_top_btn:hover { | |||
background: rgb(255, 0, 0, 0.8); | |||
color: rgb(255, 255, 255, 0.8); | |||
} | |||
/* ここに記述したCSSはすべての外装に反映されます */ | /* ここに記述したCSSはすべての外装に反映されます */ | ||
6行目: | 40行目: | ||
top: 0; | top: 0; | ||
z-index: 100; | z-index: 100; | ||
width: | width: 66%; | ||
padding: 0.5em 0 0; | padding: 0.5em 0 0; | ||
} | } | ||
16行目: | 50行目: | ||
} | } | ||
h3 { | .mw-body h3 { | ||
padding: .3em; | padding: .3em; | ||
border-bottom: 2px dashed #29B6F6; | border-bottom: 2px dashed #29B6F6; | ||
margin:1em 0.5em; | |||
} | } | ||
h4{ | .mw-body h4{ | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
padding: .3em; | padding: .3em; | ||
margin:0.8em 0.7em; | |||
} | } | ||
h4::before, | h4::before, | ||
39行目: | 75行目: | ||
border-bottom: 4px solid #000000; | border-bottom: 4px solid #000000; | ||
width: 100%; | width: 100%; | ||
} | |||
h5 { | .mw-body h5 { | ||
position: relative; | |||
padding: .4em .3em .4em 1em; | |||
border: 1px solid #00BCD4; | |||
margin | margin:1em 1em; | ||
} | } | ||
h5: | h5::after { | ||
position: absolute; | |||
top: .5em; | |||
left: .5em; | |||
content: ''; | |||
width: 6px; | |||
height: -webkit-calc(100% - 1em); | |||
height: calc(100% - 1em); | |||
background-color: #00BCD4; | |||
border-radius: 4px; | |||
} | } | ||
h6 { | .mw-body h6 { | ||
padding: 0.25em 0.5em;/*上下 左右の余白*/ | padding: 0.25em 0.5em;/*上下 左右の余白*/ | ||
color: #494949;/*文字色*/ | color: #494949;/*文字色*/ | ||
background: transparent;/*背景透明に*/ | background: transparent;/*背景透明に*/ | ||
border-left: solid 5px #7db4e6;/*左線*/ | border-left: solid 5px #7db4e6;/*左線*/ | ||
margin-left:2.2em; | |||
} | |||
blockquote{ | |||
position:relative; | |||
border-top:1px solid #7A87B0; | |||
border-bottom:1px solid #7A87B0; | |||
padding:10px; | |||
} | |||
blockquote:before{ | |||
position:absolute; | |||
background-color:#FFFFFF; | |||
color:#7A87B0; | |||
font-family:'FontAwesome'; | |||
content:'\f10d'; | |||
line-height:1; | |||
text-align:center; | |||
top:-20px; | |||
left:-10px; | |||
padding:10px; | |||
font-size:20px; | |||
} | |||
blockquote:after{ | |||
position:absolute; | |||
right:-10px; | |||
bottom:-20px; | |||
background-color:#FFFFFF; | |||
padding:10px; | |||
color:#7A87B0; | |||
font-family:'FontAwesome'; | |||
content:'\f10e'; | |||
line-height:1; | |||
text-align:center; | |||
font-size:20px; | |||
} | |||
blockquote cite { | |||
display: block; | |||
padding-right:30px; | |||
font-size: 0.8rem; | |||
text-align: right; | |||
color: #808080; | |||
} | } |
2024年4月27日 (土) 15:35時点における最新版
.youtubes { width: 100%; aspect-ratio: 16 / 9; } .youtubes iframe { width: 100%; height: 100%; } /* CSSコード */ html { scroll-behavior: smooth; } /* トップへ戻るボタン */ .page_top_btn { position: fixed; bottom: 10px; right: 10px; font-weight: bold; padding: 0.7em; text-align: center; background: rgb(255, 0, 0); color: #fff; transition: 0.3s0; z-index: 100000000 } /* マウスオーバー時 */ .page_top_btn:hover { background: rgb(255, 0, 0, 0.8); color: rgb(255, 255, 255, 0.8); } /* ここに記述したCSSはすべての外装に反映されます */ #searchform{ position: -webkit-fixed; position: fixed; top: 0; z-index: 100; width: 66%; padding: 0.5em 0 0; } #mw-content-text > div > h2 { padding: .3em; border-bottom: 2px solid #64B5F6; box-shadow:0px 4px 0px 0px #0D47A1; } .mw-body h3 { padding: .3em; border-bottom: 2px dashed #29B6F6; margin:1em 0.5em; } .mw-body h4{ position: relative; overflow: hidden; padding: .3em; margin:0.8em 0.7em; } h4::before, h4::after{ content: ""; position: absolute; bottom: 0; } h4:before{ border-bottom: 4px solid #F4511E; width: 100%; } h4:after{ border-bottom: 4px solid #000000; width: 100%; } .mw-body h5 { position: relative; padding: .4em .3em .4em 1em; border: 1px solid #00BCD4; margin:1em 1em; } h5::after { position: absolute; top: .5em; left: .5em; content: ''; width: 6px; height: -webkit-calc(100% - 1em); height: calc(100% - 1em); background-color: #00BCD4; border-radius: 4px; } .mw-body h6 { padding: 0.25em 0.5em;/*上下 左右の余白*/ color: #494949;/*文字色*/ background: transparent;/*背景透明に*/ border-left: solid 5px #7db4e6;/*左線*/ margin-left:2.2em; } blockquote{ position:relative; border-top:1px solid #7A87B0; border-bottom:1px solid #7A87B0; padding:10px; } blockquote:before{ position:absolute; background-color:#FFFFFF; color:#7A87B0; font-family:'FontAwesome'; content:'\f10d'; line-height:1; text-align:center; top:-20px; left:-10px; padding:10px; font-size:20px; } blockquote:after{ position:absolute; right:-10px; bottom:-20px; background-color:#FFFFFF; padding:10px; color:#7A87B0; font-family:'FontAwesome'; content:'\f10e'; line-height:1; text-align:center; font-size:20px; } blockquote cite { display: block; padding-right:30px; font-size: 0.8rem; text-align: right; color: #808080; }